/* =========================================================
   PATYTA GUÍAS EDITORIAL R2
========================================================= */
:root{
  --pg-green:#008B4F;
  --pg-green-ui:#008C4F;
  --pg-blue:#052F5E;
  --pg-light-green:#C4F5B4;
  --pg-light-blue:#ACDCF2;
  --pg-red:#F44030;
  --pg-white:#FFFFFF;
  --pg-ink:#092D55;
  --pg-muted:rgba(5,47,94,.58);
  --pg-line:rgba(5,47,94,.10);
}

*{box-sizing:border-box}

html{background:#fff}

body.patyta-guides-editorial-r2{
  margin:0;
  min-height:100svh;
  font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#fff;
  color:var(--pg-blue);
  -webkit-font-smoothing:antialiased;
}

a{color:inherit}

.pg2-shell{
  width:min(1380px,calc(100% - 48px));
  margin:0 auto;
  min-height:100svh;
  padding:20px 0 26px;
}

.pg2-topbar{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.pg2-back,
.pg2-brand{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}

.pg2-back{
  padding:0 14px;
  border:1px solid var(--pg-line);
  border-radius:999px;
  background:#fff;
}

.pg2-brand{
  color:var(--pg-green-ui);
  letter-spacing:.14em;
}

.pg2-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);
  align-items:end;
  gap:30px;
  padding:26px 0 20px;
}

.pg2-kicker{
  display:block;
  margin-bottom:7px;
  color:var(--pg-green-ui);
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}

.pg2-hero h1{
  max-width:800px;
  margin:0;
  color:#111;
  font-size:clamp(42px,5.7vw,82px);
  line-height:.94;
  letter-spacing:-.06em;
}

.pg2-hero p{
  max-width:560px;
  margin:0 0 5px auto;
  color:var(--pg-muted);
  font-size:13px;
  line-height:1.6;
}

.pg2-controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:8px 0 16px;
}

.pg2-filters{
  min-width:0;
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:2px 0;
}

.pg2-filters::-webkit-scrollbar{display:none}

.pg2-filter{
  flex:0 0 auto;
  min-height:38px;
  padding:0 15px;
  border:1px solid var(--pg-line);
  border-radius:999px;
  background:#fff;
  color:var(--pg-blue);
  font:inherit;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}

.pg2-filter.is-active{
  border-color:transparent;
  background:var(--pg-light-green);
  color:var(--pg-green-ui);
}

.pg2-arrows{
  flex:0 0 auto;
  display:flex;
  gap:8px;
}

.pg2-arrow{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font:inherit;
  font-size:17px;
  cursor:pointer;
  transition:transform .16s ease,opacity .16s ease;
}

.pg2-arrow:active{transform:scale(.94)}
.pg2-arrow:disabled{opacity:.25;cursor:default}

.pg2-carousel-wrap{
  position:relative;
}

.pg2-carousel{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  padding:2px 2px 8px;
}

.pg2-carousel::-webkit-scrollbar{display:none}

.pg2-card{
  --card-bg:#F4F7F8;
  --card-ink:#052F5E;
  --card-accent:#008B4F;

  position:relative;
  flex:0 0 clamp(280px,23.5vw,338px);
  height:clamp(420px,52vh,545px);
  min-height:420px;

  display:flex;
  flex-direction:column;
  overflow:hidden;

  border-radius:22px;
  background:var(--card-bg);
  color:var(--card-ink);
  text-decoration:none;

  scroll-snap-align:start;
  scroll-snap-stop:always;

  transition:transform .18s ease;
}

.pg2-card:hover{transform:translateY(-3px)}

.pg2-card[data-tone="green"]{
  --card-bg:#B8FF35;
  --card-ink:#111;
  --card-accent:#008B4F;
}

.pg2-card[data-tone="blue"]{
  --card-bg:#E2F4FB;
  --card-ink:#052F5E;
  --card-accent:#008B4F;
}

.pg2-card[data-tone="soft"]{
  --card-bg:#F3F1EC;
  --card-ink:#101010;
  --card-accent:#008B4F;
}

.pg2-card[data-tone="mint"]{
  --card-bg:#DDF4E8;
  --card-ink:#052F5E;
  --card-accent:#008B4F;
}

.pg2-card__copy{
  position:relative;
  z-index:2;
  padding:18px 18px 14px;
}

.pg2-card__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:12px;
}

.pg2-pill{
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:0 9px;
  border:1px solid color-mix(in srgb,var(--card-ink) 12%,transparent);
  border-radius:999px;
  background:rgba(255,255,255,.42);
  color:var(--card-ink);
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
}

.pg2-readtime{
  margin-left:auto;
  color:color-mix(in srgb,var(--card-ink) 60%,transparent);
  font-size:8px;
  font-weight:750;
}

.pg2-card h2{
  margin:0;
  font-size:clamp(25px,2.2vw,34px);
  line-height:.98;
  letter-spacing:-.045em;
}

.pg2-card__summary{
  margin:10px 0 0;
  max-width:270px;
  color:color-mix(in srgb,var(--card-ink) 68%,transparent);
  font-size:9px;
  line-height:1.45;
}

.pg2-card__media{
  position:relative;
  min-height:0;
  flex:1 1 auto;
  overflow:hidden;
  margin-top:auto;
  border-radius:22px 22px 0 0;
  background:#fff;
}

.pg2-card__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.pg2-card__cta{
  position:absolute;
  z-index:3;
  left:18px;
  bottom:16px;

  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;

  border-radius:999px;
  background:rgba(5,47,94,.86);
  color:#fff;

  backdrop-filter:blur(10px);
  font-size:9px;
  font-weight:800;
}

.pg2-card[hidden]{display:none!important}

.pg2-no-results{
  display:none;
  padding:34px 20px;
  border:1px dashed var(--pg-line);
  border-radius:18px;
  color:var(--pg-muted);
  text-align:center;
  font-size:12px;
}

.pg2-no-results.is-visible{display:block}

/* ARTICLE */
.pg2-article-shell{
  width:min(1040px,calc(100% - 34px));
  margin:0 auto;
  padding:20px 0 70px;
}

.pg2-article-top{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:8px 0 12px;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
}

.pg2-article-hero{
  padding:34px 0 22px;
}

.pg2-breadcrumb{
  color:var(--pg-green-ui);
  font-size:9px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.pg2-article-hero h1{
  max-width:900px;
  margin:10px 0 0;
  color:#111;
  font-size:clamp(42px,7vw,84px);
  line-height:.96;
  letter-spacing:-.055em;
}

.pg2-article-deck{
  max-width:760px;
  margin:18px 0 0;
  color:var(--pg-muted);
  font-size:15px;
  line-height:1.7;
}

.pg2-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.pg2-article-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:#F5F8FA;
  color:var(--pg-blue);
  font-size:9px;
  font-weight:750;
}

.pg2-article-cover{
  height:min(56vw,590px);
  min-height:330px;
  overflow:hidden;
  margin:20px 0 42px;
  border-radius:26px;
  background:#F4F7F8;
}

.pg2-article-cover img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.pg2-article-layout{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:42px;
}

.pg2-article-aside{
  align-self:start;
  position:sticky;
  top:78px;
}

.pg2-article-aside strong{
  display:block;
  margin-bottom:9px;
  color:var(--pg-blue);
  font-size:10px;
}

.pg2-article-aside p{
  margin:0;
  color:var(--pg-muted);
  font-size:10px;
  line-height:1.55;
}

.pg2-article-body{
  max-width:720px;
}

.pg2-answer{
  margin-bottom:34px;
  padding:22px;
  border-radius:20px;
  background:var(--pg-light-green);
  color:var(--pg-blue);
}

.pg2-answer small{
  display:block;
  margin-bottom:6px;
  color:var(--pg-green-ui);
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
}

.pg2-answer p{
  margin:0;
  font-size:14px;
  line-height:1.65;
}

.pg2-section{
  margin-top:38px;
}

.pg2-section h2{
  margin:0 0 12px;
  color:#111;
  font-size:28px;
  line-height:1.08;
  letter-spacing:-.035em;
}

.pg2-section p,
.pg2-section li{
  color:rgba(5,47,94,.72);
  font-size:14px;
  line-height:1.78;
}

.pg2-section ul{
  margin:14px 0 0;
  padding-left:20px;
}

.pg2-faq{
  margin-top:42px;
  padding-top:24px;
  border-top:1px solid var(--pg-line);
}

.pg2-faq h2{
  margin:0 0 12px;
  color:#111;
  font-size:28px;
}

.pg2-faq details{
  padding:15px 0;
  border-bottom:1px solid var(--pg-line);
}

.pg2-faq summary{
  cursor:pointer;
  color:var(--pg-blue);
  font-size:13px;
  font-weight:800;
}

.pg2-faq p{
  margin:10px 0 0;
  color:var(--pg-muted);
  font-size:12px;
  line-height:1.65;
}

.pg2-related{
  margin-top:54px;
  padding-top:28px;
  border-top:1px solid var(--pg-line);
}

.pg2-related h2{
  margin:0 0 14px;
  color:#111;
  font-size:25px;
}

.pg2-related-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.pg2-related a{
  padding:17px;
  border:1px solid var(--pg-line);
  border-radius:16px;
  text-decoration:none;
  color:var(--pg-blue);
  font-size:12px;
  font-weight:750;
}

.pg2-disclaimer{
  margin-top:42px;
  color:rgba(5,47,94,.48);
  font-size:10px;
  line-height:1.6;
}

@media(min-width:900px) and (min-height:700px){
  body.patyta-guides-editorial-r2.pg2-hub-page{overflow:hidden}
  .pg2-hub-page .pg2-shell{height:100svh;min-height:0}
}

@media(max-width:780px){
  .pg2-shell{width:min(100% - 24px,1380px);padding-top:10px}
  .pg2-topbar{height:48px}
  .pg2-hero{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 0 14px;
  }
  .pg2-hero h1{font-size:44px;max-width:620px}
  .pg2-hero p{margin:0;max-width:620px;font-size:11px}
  .pg2-controls{margin:4px 0 12px}
  .pg2-arrows{display:none}
  .pg2-filter{min-height:34px;padding:0 12px;font-size:9px}
  .pg2-carousel{
    gap:10px;
    margin-right:-12px;
    padding-right:12px;
  }
  .pg2-card{
    flex-basis:min(82vw,315px);
    height:505px;
    min-height:505px;
    border-radius:20px;
  }
  .pg2-card__media{border-radius:20px 20px 0 0}
  .pg2-card h2{font-size:29px}
  .pg2-card__summary{font-size:9px}
  .pg2-article-shell{width:min(100% - 24px,1040px);padding-top:10px}
  .pg2-article-hero{padding-top:26px}
  .pg2-article-hero h1{font-size:48px}
  .pg2-article-deck{font-size:13px}
  .pg2-article-cover{
    height:66vw;
    min-height:280px;
    margin-bottom:28px;
    border-radius:20px;
  }
  .pg2-article-layout{grid-template-columns:1fr;gap:10px}
  .pg2-article-aside{position:static}
  .pg2-section h2,.pg2-faq h2{font-size:25px}
  .pg2-related-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .pg2-card,.pg2-arrow{transition:none!important}
  .pg2-carousel{scroll-behavior:auto!important}
}

/* =========================================================
   PATYTA GUÍAS EDITORIAL R2.2
========================================================= */

/* ---------------------------------------------------------
   TÍTULO Y ALTURA DE TARJETA
--------------------------------------------------------- */

html body.patyta-guides-editorial-r2 .pg2-hero h1 {
  font-size:clamp(42px,4vw,72px) !important;
}

html body.patyta-guides-editorial-r2 .pg2-card {
  min-height:463px !important;
}

/* ---------------------------------------------------------
   TOPBAR + SAFE AREA / NOTCH
--------------------------------------------------------- */

html body.patyta-guides-editorial-r2 .pg2-shell {
  padding-top:
    calc(env(safe-area-inset-top, 0px) + 18px) !important;
}

html body.patyta-guides-editorial-r2 .pg2-topbar {
  min-height:54px;
}

html body.patyta-guides-editorial-r2 .pg2-back {
  gap:7px;
}

html body.patyta-guides-editorial-r2 .pg2-back::before {
  content:"←";
  display:inline-block;
  font-size:17px;
  font-weight:700;
  line-height:1;
  transform:translateY(-.5px);
}

/* ---------------------------------------------------------
   PALETA DE TARJETAS
   Sólo:
   #008C4F #C4F5B4
   #052F5E #ACDCF2
   #BA2D63 #F5CED6
--------------------------------------------------------- */

html body .pg2-card[data-tone="lightgreen"] {
  --card-bg:#C4F5B4;
  --card-ink:#008C4F;
  --card-accent:#008C4F;
  --card-cta-bg:#008C4F;
  --card-cta-ink:#C4F5B4;
}

html body .pg2-card[data-tone="green"] {
  --card-bg:#008C4F;
  --card-ink:#C4F5B4;
  --card-accent:#C4F5B4;
  --card-cta-bg:#C4F5B4;
  --card-cta-ink:#008C4F;
}

html body .pg2-card[data-tone="lightblue"] {
  --card-bg:#ACDCF2;
  --card-ink:#052F5E;
  --card-accent:#052F5E;
  --card-cta-bg:#052F5E;
  --card-cta-ink:#ACDCF2;
}

html body .pg2-card[data-tone="navy"] {
  --card-bg:#052F5E;
  --card-ink:#ACDCF2;
  --card-accent:#ACDCF2;
  --card-cta-bg:#ACDCF2;
  --card-cta-ink:#052F5E;
}

html body .pg2-card[data-tone="pink"] {
  --card-bg:#F5CED6;
  --card-ink:#BA2D63;
  --card-accent:#BA2D63;
  --card-cta-bg:#BA2D63;
  --card-cta-ink:#F5CED6;
}

/* Forzar todos los elementos de texto de la tarjeta a su pareja. */
html body .pg2-card .pg2-card__copy,
html body .pg2-card .pg2-card__copy h2,
html body .pg2-card .pg2-card__summary,
html body .pg2-card .pg2-readtime {
  color:var(--card-ink) !important;
}

html body .pg2-card .pg2-card__summary,
html body .pg2-card .pg2-readtime {
  opacity:.72;
}

html body .pg2-card .pg2-pill {
  color:var(--card-ink) !important;
  border-color:currentColor !important;
  background:transparent !important;
  opacity:.82;
}

html body .pg2-card .pg2-card__cta {
  background:var(--card-cta-bg) !important;
  color:var(--card-cta-ink) !important;
  backdrop-filter:none !important;
}

/* ---------------------------------------------------------
   MÓVIL / PWA
--------------------------------------------------------- */

@media(max-width:780px) {
  html body.patyta-guides-editorial-r2 .pg2-shell {
    width:min(100% - 24px,1380px);

    /*
     * Baja toda la cabecera por debajo del notch.
     * En dispositivos sin notch simplemente deja 18px.
     */
    padding-top:
      calc(env(safe-area-inset-top, 0px) + 18px) !important;
  }

  html body.patyta-guides-editorial-r2 .pg2-topbar {
    height:auto !important;
    min-height:48px !important;
    margin-bottom:4px;
  }

  html body.patyta-guides-editorial-r2 .pg2-back {
    min-height:40px;
    padding:0 13px;
  }

  html body.patyta-guides-editorial-r2 .pg2-brand {
    min-height:40px;
    display:inline-flex;
    align-items:center;
  }

  html body.patyta-guides-editorial-r2 .pg2-card {
    min-height:463px !important;
  }
}

/* =========================================================
   PATYTA GUÍAS EDITORIAL R2.3 — AZUL INTERIOR
========================================================= */

/* Título principal del hub */
html body.patyta-guides-editorial-r2
.pg2-hero h1 {
  color:#052F5E !important;
}

/*
 * IMPORTANTE:
 * No tocamos .pg2-card h2 porque las portadas conservan
 * su contraste según cada categoría.
 */

/* Título principal dentro de cada artículo */
html body.patyta-guides-editorial-r2
.pg2-article-hero h1 {
  color:#052F5E !important;
}

/* Títulos de secciones dentro de cada artículo */
html body.patyta-guides-editorial-r2
.pg2-section h2,

html body.patyta-guides-editorial-r2
.pg2-faq h2,

html body.patyta-guides-editorial-r2
.pg2-related h2 {
  color:#052F5E !important;
}

/* Cualquier título editorial interno que pudiera heredar negro */
html body.patyta-guides-editorial-r2
.pg2-article-body h1,

html body.patyta-guides-editorial-r2
.pg2-article-body h2,

html body.patyta-guides-editorial-r2
.pg2-article-body h3,

html body.patyta-guides-editorial-r2
.pg2-article-body h4,

html body.patyta-guides-editorial-r2
.pg2-article-body h5,

html body.patyta-guides-editorial-r2
.pg2-article-body h6 {
  color:#052F5E !important;
}

/* =========================================================
   PATYTA GUÍAS EDITORIAL R2.4 — ARTICLE NOTCH FIX
========================================================= */

/*
 * El hub ya tenía safe-area.
 * Faltaba aplicarlo a la vista individual de cada artículo.
 */

html body.patyta-guides-editorial-r2
.pg2-article-shell {
  padding-top:
    calc(env(safe-area-inset-top, 0px) + 12px) !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-top {
  top:
    env(safe-area-inset-top, 0px) !important;

  padding-top:8px !important;
}

/* En móvil damos un poco más de aire bajo el notch */
@media(max-width:780px) {
  html body.patyta-guides-editorial-r2
  .pg2-article-shell {
    padding-top:
      calc(env(safe-area-inset-top, 0px) + 18px) !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-article-top {
    top:
      env(safe-area-inset-top, 0px) !important;

    min-height:52px !important;

    padding:
      8px 0 10px !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-article-top .pg2-back {
    min-height:40px !important;
    padding:0 13px !important;
  }
}

/* =========================================================
   PATYTA GUÍAS R2.5 — OREJAS PNG
========================================================= */

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"]
.pg2-card__media {
  background:#ACDCF2 !important;
  padding:10px 10px 0 !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"]
.pg2-card__media img {
  object-fit:contain !important;
  object-position:center bottom !important;
}

/* Imagen grande al abrir la guía */
html body.patyta-guides-editorial-r2
.pg2-article-cover img[src*="limpiar-orejas-perro-r25.png"] {
  object-fit:contain !important;
  object-position:center !important;
  padding:20px !important;
}

/* =========================================================
   PATYTA GUÍAS POSTS PNG R2.7
   PNG transparente integrado al color del card.
========================================================= */

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media {
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  padding:0 !important;

  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img {
  display:block !important;

  width:calc(100% - 12px) !important;
  height:100% !important;

  margin:0 auto !important;
  padding:0 !important;

  object-fit:contain !important;
  object-position:center bottom !important;

  background:transparent !important;
}

/* Botón siempre por encima de la ilustración */
html body.patyta-guides-editorial-r2
.pg2-card .pg2-card__cta {
  z-index:10 !important;
}

/* PNG dentro del artículo completo */
html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="-r27.png"]) {
  background:transparent !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover img[src*="-r27.png"] {
  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:contain !important;
  object-position:center bottom !important;

  padding:18px !important;
  background:transparent !important;
}

@media(max-width:780px) {
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img {
    width:100% !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-article-cover img[src*="-r27.png"] {
    padding:10px !important;
  }
}

/* =========================================================
   PATYTA GUIAS FULLBLEED FIX R27A
   - imagen más grande, sin padding visual
   - sensación de ilustración integrada
   - formas orgánicas de fondo
========================================================= */

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"],
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"],
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"],
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"]{
  overflow:hidden !important;
}

/* área visual de ilustración */
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media{
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 !important;
  min-height:275px !important;
  height:275px !important;
  margin-top:auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  isolation:isolate !important;
}

/* blobs / formas orgánicas */
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media{
  background:
    radial-gradient(52% 43% at 48% 92%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(23% 23% at 81% 47%, #C4F5B4 0 78%, transparent 79%),
    radial-gradient(12% 12% at 90% 72%, #F5CED6 0 84%, transparent 85%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media{
  background:
    radial-gradient(19% 19% at 72% 52%, #F9DA69 0 80%, transparent 81%),
    radial-gradient(22% 22% at 86% 36%, #A6E7BE 0 80%, transparent 81%),
    radial-gradient(51% 44% at 31% 90%, #FFF5DD 0 72%, transparent 73%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media{
  background:
    radial-gradient(45% 40% at 34% 86%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(18% 18% at 75% 58%, #FFB2B1 0 80%, transparent 81%),
    linear-gradient(to top, rgba(191,223,193,.72) 0 16%, transparent 16% 100%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media{
  background:
    radial-gradient(56% 38% at 55% 92%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(23% 23% at 84% 50%, #C4F5B4 0 78%, transparent 79%) !important;
}

/* imagenes grandes y sin padding */
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img{
  display:block !important;
  max-width:none !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  padding:0 !important;
  margin:0 auto !important;
  background:transparent !important;
  position:relative !important;
  z-index:2 !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img{
  width:108% !important;
  transform:translateY(7px) translateX(0) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img{
  width:105% !important;
  transform:translateY(8px) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img{
  width:104% !important;
  transform:translateY(8px) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img{
  width:108% !important;
  transform:translateY(8px) !important;
}

/* botón siempre arriba */
html body.patyta-guides-editorial-r2 .pg2-card .pg2-card__cta{
  position:relative !important;
  z-index:10 !important;
}

/* vista interna del artículo */
html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="limpiar-orejas-perro-r27.png"]){
  background:
    radial-gradient(52% 43% at 48% 92%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(23% 23% at 81% 47%, #C4F5B4 0 78%, transparent 79%),
    radial-gradient(12% 12% at 90% 72%, #F5CED6 0 84%, transparent 85%),
    #ACDCF2 !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="cambiar-alimento-r27.png"]){
  background:
    radial-gradient(19% 19% at 72% 52%, #F9DA69 0 80%, transparent 81%),
    radial-gradient(22% 22% at 86% 36%, #A6E7BE 0 80%, transparent 81%),
    radial-gradient(51% 44% at 31% 90%, #FFF5DD 0 72%, transparent 73%),
    #C4F5B4 !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="gato-activo-r27.png"]){
  background:
    radial-gradient(45% 40% at 34% 86%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(18% 18% at 75% 58%, #FFB2B1 0 80%, transparent 81%),
    linear-gradient(to top, rgba(191,223,193,.72) 0 16%, transparent 16% 100%),
    #F5CED6 !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="zona-descanso-r27.png"]){
  background:
    radial-gradient(56% 38% at 55% 92%, #FFF5DD 0 72%, transparent 73%),
    radial-gradient(23% 23% at 84% 50%, #C4F5B4 0 78%, transparent 79%),
    #ACDCF2 !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover img[src*="-r27.png"]{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  padding:0 !important;
  transform:translateY(10px) !important;
  max-width:none !important;
}

@media(max-width:780px){
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media{
    min-height:250px !important;
    height:250px !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img{
    width:114% !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img{
    width:110% !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img{
    width:110% !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img{
    width:112% !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-article-cover img[src*="-r27.png"]{
    transform:translateY(6px) !important;
  }
}

/* =========================================================
   PATYTA GUIAS FULLBLEED FIX R27B
   Más ancho visual / menos margen lateral
========================================================= */

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media,
html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media{
  width:calc(100% + 34px) !important;
  margin-left:-17px !important;
  margin-right:-17px !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img{
  width:124% !important;
  max-width:none !important;
  transform:translateY(8px) translateX(-1.5%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img{
  width:124% !important;
  max-width:none !important;
  transform:translateY(8px) translateX(-1%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img{
  width:123% !important;
  max-width:none !important;
  transform:translateY(8px) translateX(0.5%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img{
  width:126% !important;
  max-width:none !important;
  transform:translateY(9px) translateX(0.5%) !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover img[src*="-r27.png"]{
  width:106% !important;
  max-width:none !important;
  margin-left:-3% !important;
  margin-right:-3% !important;
  padding:0 !important;
  transform:translateY(10px) !important;
}

@media(max-width:780px){
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media,
  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media{
    width:calc(100% + 24px) !important;
    margin-left:-12px !important;
    margin-right:-12px !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img{
    width:129% !important;
    transform:translateY(6px) translateX(-2%) !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img{
    width:128% !important;
    transform:translateY(6px) translateX(-1.2%) !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img{
    width:127% !important;
    transform:translateY(6px) translateX(0.5%) !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img{
    width:130% !important;
    transform:translateY(6px) translateX(1%) !important;
  }

  html body.patyta-guides-editorial-r2
  .pg2-article-cover img[src*="-r27.png"]{
    width:110% !important;
    margin-left:-5% !important;
    margin-right:-5% !important;
    transform:translateY(6px) !important;
  }
}

/* =========================================================
   PATYTA GUIAS IMAGE HEIGHT R27C
   Ajuste confirmado visualmente por Leonardo:
   height: 139%
========================================================= */

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/limpiar-orejas-perro/"] .pg2-card__media img,

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/cambiar-alimento-gradualmente/"] .pg2-card__media img,

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/gato-activo-en-casa/"] .pg2-card__media img,

html body.patyta-guides-editorial-r2
.pg2-card[href="/guias/zona-de-descanso-limpia/"] .pg2-card__media img {
  display:block !important;
  max-width:none !important;
  height:139% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  padding:0 !important;
  margin:0 auto !important;
  background:transparent !important;
  position:relative !important;
  z-index:2 !important;
}

/* =========================================================
   PATYTA GUIAS R28A — PNG TRANSPARENTES
========================================================= */

/* Quitar el cuadro blanco de las nuevas imágenes R28 */
html body.patyta-guides-editorial-r2
.pg2-card__media:has(img[src*="-r28.png"]) {
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Mantener las ilustraciones grandes e integradas al card */
html body.patyta-guides-editorial-r2
.pg2-card__media img[src*="-r28.png"] {
  display:block !important;
  max-width:none !important;
  width:100% !important;
  height:139% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  padding:0 !important;
  margin:0 auto !important;
  background:transparent !important;
  position:relative !important;
  z-index:2 !important;
}

/* También evitar fondo blanco dentro del artículo abierto */
html body.patyta-guides-editorial-r2
.pg2-article-cover:has(img[src*="-r28.png"]) {
  background:transparent !important;
}

html body.patyta-guides-editorial-r2
.pg2-article-cover img[src*="-r28.png"] {
  background:transparent !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}