/* =========================================================
   PATYTA HOME — GUIAS + CUMPLEAÑOS R1A
========================================================= */

/* ---------------------------------------------------------
   GUIAS
   Todo el texto informativo pasa a verde claro.
   El botón NO se toca.
--------------------------------------------------------- */

html body .patyta-guides-home-r1__kicker,
html body .patyta-guides-home-r1__copy h2,
html body .patyta-guides-home-r1__copy p {
  color:#C4F5B4 !important;
}

/* Mantener exactamente el botón instalado en R1. */
html body .patyta-guides-home-r1__cta {
  /* intencionalmente sin overrides */
}

/* ---------------------------------------------------------
   CUMPLEAÑOS
   Inverso del módulo de Guías:
   JSON izquierda / contenido derecha.
--------------------------------------------------------- */

html body .birthday-card.patyta-birthday-home-r1 {
  position:relative !important;

  display:grid !important;
  grid-template-columns:
    minmax(250px,.82fr)
    minmax(0,1.18fr) !important;

  align-items:center !important;
  gap:26px !important;

  width:100% !important;
  min-height:270px !important;

  margin-top:24px !important;
  padding:22px 32px !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:24px !important;

  background:#052F5E !important;
  color:#ACDCF2 !important;

  box-shadow:
    0 18px 42px rgba(5,47,94,.10) !important;
}

html body .patyta-birthday-home-r1__art {
  position:relative;

  width:min(100%,340px);
  aspect-ratio:1/1;

  justify-self:start;
  align-self:center;

  pointer-events:none;
}

html body .patyta-birthday-home-r1__art > svg {
  display:block !important;
  width:100% !important;
  height:100% !important;
}

html body .patyta-birthday-home-r1__copy {
  position:relative;
  z-index:2;

  max-width:640px;
}

html body .patyta-birthday-home-r1__copy .section-kicker,
html body .patyta-birthday-home-r1__copy h2,
html body .patyta-birthday-home-r1__copy p {
  color:#ACDCF2 !important;
}

html body .patyta-birthday-home-r1__copy .section-kicker {
  display:block;

  margin:0 0 8px !important;

  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
}

html body .patyta-birthday-home-r1__copy h2 {
  max-width:620px;

  margin:0 !important;

  font-size:clamp(26px,3vw,42px) !important;
  font-weight:800 !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

html body .patyta-birthday-home-r1__copy p {
  max-width:590px;

  margin:14px 0 0 !important;

  font-size:14px !important;
  line-height:1.58 !important;
  opacity:.88;
}

/*
 * El botón "Registrar cumpleaños" conserva sus clases existentes.
 * Sólo damos separación; no cambiamos color, tipografía ni fondo.
 */
html body .patyta-birthday-home-r1__copy .btn {
  margin-top:20px !important;
}

/* ---------------------------------------------------------
   MOVIL
--------------------------------------------------------- */

@media(max-width:760px) {
  html body .birthday-card.patyta-birthday-home-r1 {
    grid-template-columns:1fr !important;
    gap:2px !important;

    min-height:0 !important;

    padding:
      14px
      20px
      22px !important;

    border-radius:20px !important;
  }

  html body .patyta-birthday-home-r1__art {
    width:min(84%,265px);

    justify-self:center;

    margin-bottom:-8px;
  }

  html body .patyta-birthday-home-r1__copy {
    width:100%;
  }

  html body .patyta-birthday-home-r1__copy h2 {
    font-size:28px !important;
  }

  html body .patyta-birthday-home-r1__copy p {
    font-size:12px !important;
  }
}

@media(prefers-reduced-motion:reduce) {
  html body .patyta-birthday-home-r1 {
    scroll-behavior:auto !important;
  }
}

/* =========================================================
   PATYTA BIRTHDAY COLORS R1C
========================================================= */

html body .birthday-card.patyta-birthday-home-r1 {
  background:#052F5E !important;
  color:#ACDCF2 !important;
}

/* Todo el contenido textual del módulo */
html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .section-kicker,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy h2,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy p,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy strong,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy small {
  color:#ACDCF2 !important;
  opacity:1 !important;
}

/* Botón: verde claro + texto verde Patyta */
html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .btn,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy button[data-nav="mascotas"] {
  background:#C4F5B4 !important;
  background-color:#C4F5B4 !important;

  color:#008B4F !important;

  border-color:#C4F5B4 !important;

  box-shadow:none !important;
}

/* Por si el botón contiene span / strong / svg */
html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .btn *,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy button[data-nav="mascotas"] * {
  color:#008B4F !important;
}

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .btn svg,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy button[data-nav="mascotas"] svg {
  fill:currentColor !important;
  stroke:currentColor !important;
}

/* Hover / active sin cambiar la paleta */
html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .btn:hover,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy button[data-nav="mascotas"]:hover {
  background:#C4F5B4 !important;
  color:#008B4F !important;
  filter:brightness(.98);
}

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy .btn:active,

html body .birthday-card.patyta-birthday-home-r1
.patyta-birthday-home-r1__copy button[data-nav="mascotas"]:active {
  transform:scale(.985);
}