/*
 * Go PetiA Site 4.1.7 — visual starter cards + functional mapping.
 * Keeps existing functionality, upgrades only the middle home section.
 */

body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead,
body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:18px 2px 14px!important;
  padding:0 4px!important;
}
body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead h2,
body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead h2{
  margin:0!important;
  color:var(--p4-ink)!important;
  font-size:clamp(26px,2.8vw,36px)!important;
  line-height:1.03!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
}
body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead p,
body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead p{
  margin:0!important;
  color:#7a7385!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:850!important;
  text-align:right!important;
}

body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  padding:0 2px 6px!important;
}

body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:1.95 / 1!important;
  padding:0!important;
  border:0!important;
  border-radius:34px!important;
  overflow:hidden!important;
  background-color:#f5f1ff!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
  box-shadow:0 9px 0 rgba(221,208,244,.96),0 22px 34px rgba(58,7,140,.12)!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease!important;
  isolation:isolate!important;
}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card:hover,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button:hover,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 12px 0 rgba(214,199,237,.96),0 28px 42px rgba(58,7,140,.15)!important;
  filter:saturate(1.02)!important;
}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card:active,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button:active,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a:active{
  transform:translateY(4px)!important;
  box-shadow:0 4px 0 rgba(214,199,237,.96),0 10px 16px rgba(58,7,140,.10)!important;
}

body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card>* ,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button>* ,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a>* {
  opacity:0!important;
  pointer-events:none!important;
}

body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="photo"]{background-image:url("home-cards/card-foto.webp")!important;}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="sound"]{background-image:url("home-cards/card-sonido.webp")!important;}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="studies"]{background-image:url("home-cards/card-estudios.webp")!important;}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="services"]{background-image:url("home-cards/card-servicios.webp")!important;}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="pets"]{background-image:url("home-cards/card-mis-mascotas.webp")!important;}
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="reminders"]{background-image:url("home-cards/card-recordatorios.webp")!important;}

body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="photo"]{background-image:url("home-cards/card-foto-en-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="sound"]{background-image:url("home-cards/card-sonido-en-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="studies"]{background-image:url("home-cards/card-estudios-en-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="services"]{background-image:url("home-cards/card-servicios-en-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="pets"]{background-image:url("home-cards/card-mis-mascotas-en-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="reminders"]{background-image:url("home-cards/card-recordatorios-en-v6.webp")!important;}

body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="photo"]{background-image:url("home-cards/card-foto-pt-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="sound"]{background-image:url("home-cards/card-sonido-pt-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="studies"]{background-image:url("home-cards/card-estudios-pt-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="services"]{background-image:url("home-cards/card-servicios-pt-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="pets"]{background-image:url("home-cards/card-mis-mascotas-pt-v6.webp")!important;}
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="reminders"]{background-image:url("home-cards/card-recordatorios-pt-v6.webp")!important;}

body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card::after,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button::after,
body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), inset 0 -1px 0 rgba(107,66,255,.06);
  pointer-events:none;
}

@media (max-width: 980px){
  body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead,
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead p,
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead p{
    text-align:left!important;
  }
}

@media (max-width: 760px){
  body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead,
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead{
    margin:14px 0 12px!important;
    padding:0 2px!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead h2,
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead h2{
    font-size:clamp(24px,7vw,31px)!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia-stackhead p,
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-sectionhead.petia-stackhead p{
    display:block!important;
    font-size:11px!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards{
    display:block!important;
    padding:0 1px 2px!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card,
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button,
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a{
    margin:0 0 16px!important;
    border-radius:28px!important;
    box-shadow:0 7px 0 rgba(221,208,244,.98),0 15px 28px rgba(58,7,140,.12)!important;
    position:sticky!important;
    top:8px!important;
    z-index:1!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(1){top:8px!important;z-index:1!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(2){top:22px!important;z-index:2!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(3){top:36px!important;z-index:3!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(4){top:50px!important;z-index:4!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(5){top:64px!important;z-index:5!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(6){top:78px!important;z-index:6!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia-family-lower{
    margin-top:20px!important;
  }
}

@media (max-width: 390px){
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card,
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>button,
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>a{
    border-radius:24px!important;
    margin-bottom:14px!important;
  }
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(2){top:20px!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(3){top:32px!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(4){top:44px!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(5){top:56px!important;}
  body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>:nth-child(6){top:68px!important;}
}


/* 4.1.24 — language image cards are active in all canonical languages. */
body.gopetia-canonical-app .gph-hint,
body.gopetia-canonical-app [data-gph-hint]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="photo"]{background-image:url("home-cards/card-foto-en-v6.webp")!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="sound"]{background-image:url("home-cards/card-sonido-en-v6.webp")!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="studies"]{background-image:url("home-cards/card-estudios-en-v6.webp")!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="services"]{background-image:url("home-cards/card-servicios-en-v6.webp")!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="pets"]{background-image:url("home-cards/card-mis-mascotas-en-v6.webp")!important;}
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="reminders"]{background-image:url("home-cards/card-recordatorios-en-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="photo"]{background-image:url("home-cards/card-foto-pt-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="sound"]{background-image:url("home-cards/card-sonido-pt-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="studies"]{background-image:url("home-cards/card-estudios-pt-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="services"]{background-image:url("home-cards/card-servicios-pt-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="pets"]{background-image:url("home-cards/card-mis-mascotas-pt-v6.webp")!important;}
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind="reminders"]{background-image:url("home-cards/card-recordatorios-pt-v6.webp")!important;}


/* 4.1.25 — EN/PT visual cards normalized to the exact ES card geometry. */
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind],
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind],
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind],
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>[data-card-kind]{
  background-size:cover!important;
  background-position:center center!important;
}


/* 4.1.26 — EN/PT preserve native illustration geometry. Spanish is untouched. */
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card,
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>button,
body.gopetia-canonical-app.gopetia-lang-en #petify-ai-page-root .petia180-quick.petia-visual-cards>a,
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>.petia180-card,
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>button,
body.gopetia-canonical-app.gopetia-lang-pt #petify-ai-page-root .petia180-quick.petia-visual-cards>a,
html[lang^="en"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>* ,
html[lang^="pt"] body.gopetia-canonical-app #petify-ai-page-root .petia180-quick.petia-visual-cards>* {
  aspect-ratio:2.30 / 1!important;
  background-size:cover!important;
  background-position:center center!important;
}
body.gopetia-canonical-app .gph-hint,
body.gopetia-canonical-home .gph-hint,
#gopetia-canonical-app .gph-hint{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* 4.1.27 — permanently retire the redundant floating language hint. */
.gph-hint,[data-gph-hint]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}


/* 4.1.28 — hard guard against third-party/browser-language recommendation overlays on canonical home. */
body.gopetia-canonical-app .gph-hint,
body.gopetia-canonical-app [data-gph-hint],
body.gopetia-canonical-app [class*="language-hint"],
body.gopetia-canonical-app [class*="language_hint"],
body.gopetia-canonical-app [class*="browser-language"],
body.gopetia-canonical-app [class*="browser_language"]{
  display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}