/* TOF · componentes comunes con el manual de marca (fase 1).
   Cabecera, menús, menú móvil, idioma, migas, botones, «Hablemos de ti.»,
   pie y cookies en todas las páginas públicas.

   Solo la enlaza BaseLayout fuera de /call: /call conserva su cabecera, su
   consentimiento y su CSS originales, que protegen las pruebas de alcance.
   No toca las hojas compartidas: gana por especificidad (body.serene-chrome)
   y por ir enlazada después de cielo-sereno-*.css.

   Manual: Mona Sans; esquinas de 4 px en botones, etiquetas y campos y de 8 px
   en contenedores; sin píldoras ni mayúsculas espaciadas; iconos Lucide a
   1,5 px; colores por uso de tokens/build/tof.css.
   Mona Sans: distribución de Google Fonts, SIL OFL 1.1; ver /fonts/mona-sans-OFL.txt. */
@font-face {
  font-family: "Mona Sans";
  font-style: normal;
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-display: swap;
  src: url("/fonts/mona-sans-latin-v4.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body.serene-chrome {
  --m-azul: #2e31c8;
  --m-azul-hover: #25269a;
  --m-azul-50: #f5f7fe;
  --m-azul-100: #e6ecfc;
  --m-azul-200: #cad5f7;
  --m-texto: #1c1e2d;
  --m-texto-2: #606275;
  --m-borde: #d5d6dc;
  --m-suave: #f7f7f9;
  --m-oscuro: #1c1e2d;
  --m-fuente: "Mona Sans", "Inter", Arial, sans-serif;
  --m-sombra: 0 1px 2px rgba(21, 21, 85, .06), 0 4px 12px -2px rgba(21, 21, 85, .06), 0 24px 48px -16px rgba(21, 21, 85, .16);
}

/* ───────── Cabecera ───────── */
body.serene-chrome :is([data-public-header], .public-nav-dialog, .public-footer-surface) {
  font-family: var(--m-fuente);
  color: var(--m-texto);
}
body.serene-chrome [data-public-header],
body.serene-chrome [data-public-header][data-scrolled="true"],
body.serene-home-page.serene-chrome [data-public-header] {
  background: #fff;
  border-color: var(--m-borde);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.serene-chrome [data-public-header] .public-header-logo .wave-anim,
body.serene-home-page.serene-chrome [data-public-header]:not([data-scrolled="true"]) .public-header-logo .wave-anim {
  color: rgb(46 49 200 / .72);
}
body.serene-chrome .public-desktop-nav a,
body.serene-chrome .public-desktop-nav button,
body.serene-chrome .public-menu-trigger {
  font-family: var(--m-fuente);
  font-size: 14px;
  font-weight: 500;
  color: var(--m-texto);
}
body.serene-chrome .public-desktop-nav a[aria-current="page"] { color: var(--m-azul); }
body.serene-chrome .public-desktop-nav a:hover,
body.serene-chrome .public-menu-trigger:hover { color: var(--m-azul); }
body.serene-chrome .public-menu-toggle { color: var(--m-texto-2); border-radius: 4px; }
body.serene-chrome .public-header-contact {
  min-height: 40px;
  padding: 8px 16px;
  border-radius: 4px;
  background: var(--m-azul);
  color: #fff;
  font-family: var(--m-fuente);
  font-size: 14px;
  font-weight: 600;
}
body.serene-chrome .public-header-contact:hover { background: var(--m-azul-hover); opacity: 1; }
body.serene-chrome .public-mobile-trigger {
  border-radius: 4px;
  border-color: var(--m-borde);
  background: #fff;
  color: var(--m-texto);
}
@media (min-width: 1400px) {
  body.serene-chrome .public-desktop-nav a,
  body.serene-chrome .public-desktop-nav button,
  body.serene-chrome .public-menu-trigger { font-size: 15px; }
}

/* ───────── Selector de idioma: ES / EN en lugar de banderas ───────── */
body.serene-chrome [data-public-language] {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--m-borde);
  border-radius: 4px;
  background: #fff;
}
body.serene-chrome [data-public-language] > :is(a, span) {
  width: 40px;
  min-width: 40px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border-radius: 0;
  opacity: 1;
  box-shadow: none;
  color: var(--m-texto-2);
  font-family: var(--m-fuente);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}
body.serene-chrome [data-public-language] > [aria-current="true"] {
  background: var(--m-azul-100);
  color: var(--m-azul);
  box-shadow: none;
}
body.serene-chrome [data-public-language] > a:hover { color: var(--m-azul); background: var(--m-azul-50); }
body.serene-chrome [data-public-language] svg { display: none; }
body.serene-chrome [data-public-language] > :first-child::before { content: "ES"; }
body.serene-chrome [data-public-language] > :last-child::before { content: "EN"; }

/* ───────── Menús desplegables ─────────
   cielo-sereno-chrome.css llega a (0,6,0) en estos selectores: el prefijo
   doble body.serene-chrome.serene-chrome los supera sin !important. */
body.serene-chrome.serene-chrome .public-mega-panel.public-cloud-menu {
  border: 1px solid var(--m-borde);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--m-sombra);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  color: var(--m-texto);
  font-family: var(--m-fuente);
}
body.serene-chrome.serene-chrome .public-cloud-menu :is(p, a, span, button, .display, .font-sans, .font-mono) { font-family: var(--m-fuente); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-heading { border-bottom-color: var(--m-borde); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-title {
  color: var(--m-texto);
  font-size: 20px;
  font-weight: 650;
  font-stretch: 112.5%;
  letter-spacing: -.015em;
}
body.serene-chrome.serene-chrome .public-mega-panel.public-cloud-menu .public-mega-index {
  border-radius: 4px;
  color: var(--m-azul);
  font-size: 15px;
  font-weight: 500;
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-index span { font-size: 0; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-index span::before { content: "→"; font-size: 16px; }
body.serene-chrome.serene-chrome .public-mega-panel.public-cloud-menu .public-mega-index:is(:hover, :focus-visible) { background: var(--m-azul-50); color: var(--m-azul-hover); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-section + .public-mega-section { border-inline-start-color: var(--m-borde); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-kicker {
  color: var(--m-texto);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-category-link:is(:hover, :focus-visible) .public-mega-kicker { color: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-nav-illustration { color: var(--m-texto-2); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-nav-art-wash { fill: var(--m-azul-50); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-nav-art-accent { stroke: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-nav-art-accent-fill { fill: var(--m-azul); }
body.serene-chrome.serene-chrome .public-mega-panel.public-cloud-menu :is(.public-mega-link, .public-mega-link-plain) {
  border-radius: 4px;
  color: var(--m-texto);
  font-size: 15px;
  font-weight: 400;
}
body.serene-chrome.serene-chrome .public-mega-panel.public-cloud-menu :is(.public-mega-link, .public-mega-link-plain):is(:hover, :focus-visible) {
  border-color: transparent;
  background: var(--m-azul-50);
  color: var(--m-azul);
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-link:not(.public-mega-link-plain) .public-mega-icon { color: var(--m-texto-2); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-link:is(:hover, :focus-visible) .public-mega-icon { color: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-nav-arrow { color: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-highlight {
  margin: 8px 0 0;
  padding: 14px 32px;
  border-top: 1px solid var(--m-borde);
  border-radius: 0 0 8px 8px;
  background: var(--m-suave);
  color: var(--m-texto);
  font-size: 15px;
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-highlight:is(:hover, :focus-visible) { background: var(--m-azul-50); color: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-highlight .public-mega-icon { color: var(--m-texto-2); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-cards { background: none; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-card { border-radius: 8px; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-card + .public-about-card { border-inline-start-color: var(--m-borde); border-radius: 0 8px 8px 0; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-card:is(:hover, :focus-visible) { background: var(--m-azul-50); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-eyebrow {
  color: var(--m-texto-2);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-copy .display {
  color: var(--m-texto);
  font-size: 26px;
  font-weight: 650;
  font-stretch: 112.5%;
  letter-spacing: -.022em;
}
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-copy > p + p { color: var(--m-texto-2); font-size: 15px; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-about-avatars img { border-color: #fff; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-footer { border-top-color: var(--m-borde); }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-footer p { color: var(--m-texto-2); font-size: 14px; }
body.serene-chrome.serene-chrome .public-cloud-menu .public-mega-footer a { color: var(--m-azul); font-size: 14px; }

/* ───────── Menú móvil ───────── */
body.serene-chrome.serene-chrome .public-nav-panel.public-cloud-drawer { background: #fff; }
body.serene-chrome.serene-chrome .public-nav-panel :is(p, a, span, button, .font-sans, .font-mono) { font-family: var(--m-fuente); }
body.serene-chrome.serene-chrome .public-nav-panel [class*="uppercase"] { letter-spacing: 0; text-transform: none; }
body.serene-chrome.serene-chrome .public-nav-panel :is(a, button)[class*="rounded-pill"],
body.serene-chrome.serene-chrome .public-nav-panel :is(a, button)[class*="rounded-full"]:not([class*="h-6"]),
body.serene-chrome.serene-chrome .public-nav-panel [class*="rounded-xl"],
body.serene-chrome.serene-chrome .public-nav-panel [class*="rounded-2xl"] { border-radius: 4px; }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-contents { border-color: var(--m-borde); }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-kicker {
  color: var(--m-texto-2);
  font-family: var(--m-fuente);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-category-link { border-radius: 4px; }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-link { border-radius: 4px; color: var(--m-texto); font-size: 15px; }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-link .public-mega-icon { color: var(--m-texto-2); }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-link:is(:hover, :focus-visible) { background: var(--m-azul-50); color: var(--m-azul); }
body.serene-chrome.serene-chrome .public-cloud-drawer #public-mobile-group-about { background: none; }
body.serene-chrome.serene-chrome .public-cloud-drawer :is(.public-mobile-about + .public-mobile-about, .public-mobile-highlight) { border-top-color: var(--m-borde); }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-about > p:first-child { color: var(--m-texto-2); font-size: 14px; }
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-about > p:nth-child(2) {
  font-size: 22px;
  font-weight: 650;
  font-stretch: 112.5%;
  letter-spacing: -.02em;
}
body.serene-chrome.serene-chrome .public-cloud-drawer .public-mobile-about > p:last-child { color: var(--m-texto-2); font-size: 15px; }

/* Iconos de la cabecera, los menús y el pie a 1,5 px (Lucide). */
body.serene-chrome :is([data-public-header], .public-nav-dialog, .public-footer-surface) svg[stroke-width="2"] { stroke-width: 1.5; }

/* ───────── Migas de pan ───────── */
/* /consultoria y los segmentos llevan las migas en un div sin clase propia. */
body.serene-chrome :is(.serene-breadcrumb, .serene-consultancy-index > div:first-child, .serene-segment-page > div:first-child),
body.serene-chrome :is(.serene-breadcrumb, .serene-consultancy-index > div:first-child, .serene-segment-page > div:first-child) :is(div, nav, ol, li, a, span) {
  font-family: var(--m-fuente);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome :is(.serene-breadcrumb, .serene-consultancy-index > div:first-child, .serene-segment-page > div:first-child) :is(a, span) { color: var(--m-texto-2); }
body.serene-chrome :is(.serene-breadcrumb, .serene-consultancy-index > div:first-child, .serene-segment-page > div:first-child) :is([aria-current], .font-semibold, .text-fg):not(a) { color: var(--m-texto); font-weight: 500; }

/* ───────── Botones (todas las páginas) ───────── */
body.serene-chrome main :is(a, button):is([class~="rounded-pill"], .btn-primary, .btn-secondary, .btn-ghost-dark, .serene-contact-button, .serene-error-home) {
  border-radius: 4px;
  font-family: var(--m-fuente);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome main :is(a, button):is(.btn-primary, .btn-secondary, .btn-ghost-dark, .serene-contact-button) { min-height: 44px; height: auto; }

/* ───────── «Hablemos de ti.» sobre azul (todas las variantes) ───────── */
body.serene-chrome .serene-cta-panel {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 24px;
  padding: 64px;
  border: 0;
  border-radius: 8px;
  background: var(--m-azul);
  color: #fff;
  box-shadow: none;
  font-family: var(--m-fuente);
}
body.serene-chrome .serene-cta-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 48px;
  bottom: -200px;
  width: 400px;
  height: 477px;
  background: url("/brand/tof-isotipo-blanco.svg") center / contain no-repeat;
  opacity: .14;
  pointer-events: none;
}
body.serene-chrome .serene-cta-panel > * {
  max-width: 620px;
  align-items: flex-start;
  text-align: left;
}
body.serene-chrome .serene-cta-panel :is(h2, h3) {
  margin: 0;
  color: #fff;
  font-family: var(--m-fuente);
  font-size: 36px;
  font-weight: 650;
  font-stretch: 112.5%;
  line-height: 1.05;
  letter-spacing: -.022em;
  text-transform: none;
}
body.serene-chrome .serene-cta-panel p,
body.serene-chrome .serene-cta-panel :is([class~="text-white"], [class~="text-bg"]):not(a):not(h2):not(h3),
body.serene-chrome .serene-cta-panel :is([class*="text-white/"], [class*="text-bg/"]) {
  color: var(--m-azul-200);
  font-family: var(--m-fuente);
  letter-spacing: 0;
}
body.serene-chrome .serene-cta-panel > :first-child p { font-size: 19px; line-height: 1.55; }
body.serene-chrome .serene-cta-panel > :last-child {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
}
body.serene-chrome .serene-cta-panel > :last-child p { font-size: 15px; }
body.serene-chrome .serene-cta-panel a:not(.btn-primary):not(.serene-contact-button):not([class~="rounded-pill"]) {
  color: #fff;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.serene-chrome .serene-cta-panel :is(.btn-primary, .serene-contact-button, a[class~="rounded-pill"]) {
  min-height: 44px;
  height: auto;
  padding: 0 20px;
  border-radius: 4px;
  background: #fff;
  color: var(--m-azul);
  font-family: var(--m-fuente);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}
body.serene-chrome .serene-cta-panel :is(.btn-primary, .serene-contact-button, a[class~="rounded-pill"]):hover { background: var(--m-azul-50); opacity: 1; }
body.serene-chrome .serene-cta-panel :is(a, button):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* Cierre de SMB, Mid-Market y Enterprise: misma pieza sobre azul, con su texto.
   Estructura: section > .container-canvas > panel > Reveal > bloque > [antetítulo, h2, entradilla, acciones]. */
body.serene-chrome .serene-segment-page > section:last-child > .container-canvas { padding-top: 24px; padding-bottom: 96px; }
body.serene-chrome .serene-segment-page > section:last-child > .container-canvas > div {
  position: relative;
  isolation: isolate;
  display: block;
  overflow: hidden;
  padding: 64px;
  border-radius: 8px;
  background: var(--m-azul);
  color: #fff;
  font-family: var(--m-fuente);
}
body.serene-chrome .serene-segment-page > section:last-child > .container-canvas > div::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 48px;
  bottom: -200px;
  width: 400px;
  height: 477px;
  background: url("/brand/tof-isotipo-blanco.svg") center / contain no-repeat;
  opacity: .14;
  pointer-events: none;
}
body.serene-chrome .serene-segment-page > section:last-child > .container-canvas > div > div { max-width: 620px; }
body.serene-chrome .serene-segment-page > section:last-child > .container-canvas > div > div > div > p:first-child { display: none; }
body.serene-chrome .serene-segment-page > section:last-child h2 {
  margin: 0;
  color: #fff;
  font-family: var(--m-fuente);
  font-size: 36px;
  font-weight: 650;
  font-stretch: 112.5%;
  line-height: 1.05;
  letter-spacing: -.022em;
}
body.serene-chrome .serene-segment-page > section:last-child h2 + p {
  margin-top: 16px;
  color: var(--m-azul-200);
  font-family: var(--m-fuente);
  font-size: 19px;
  line-height: 1.55;
}
body.serene-chrome .serene-segment-page > section:last-child h2 + p + div {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin-top: 28px;
}
body.serene-chrome .serene-segment-page > section:last-child .btn-primary {
  min-height: 44px;
  height: auto;
  padding: 0 20px;
  background: #fff;
  color: var(--m-azul);
  font-size: 15px;
}
body.serene-chrome .serene-segment-page > section:last-child .btn-primary:hover { background: var(--m-azul-50); }
body.serene-chrome .serene-segment-page > section:last-child h2 + p + div > p { color: var(--m-azul-200); font-family: var(--m-fuente); font-size: 15px; }
body.serene-chrome .serene-segment-page > section:last-child h2 + p + div > p a {
  color: #fff;
  font-family: var(--m-fuente);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
}
body.serene-chrome .serene-segment-page > section:last-child :is(a, button):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

/* ───────── Pie ───────── */
body.serene-chrome .public-footer-surface {
  --foreground: 28 30 45;
  --muted-foreground: 96 98 117;
  --border: 213 214 220;
  background: var(--m-suave);
}
body.serene-chrome .public-footer-surface footer { border-color: var(--m-borde); }
/* cielo-sereno-chrome.css fija «FooterManrope» con (0,4,0) en el pie con enlaces de Learn. */
body.serene-chrome .public-footer-surface :is(.font-sans, .font-mono, a, p, span, button, li),
body.serene-chrome .public-footer-surface .public-footer-with-learn :is(.font-sans, .font-mono) { font-family: var(--m-fuente); }
body.serene-chrome .public-footer-surface [class*="text-muted-fg"] { color: var(--m-texto-2); }
body.serene-chrome .public-footer-surface [data-footer-section] > p {
  color: var(--m-texto);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: lowercase;
}
body.serene-chrome .public-footer-surface [data-footer-section] > p::first-letter { text-transform: uppercase; }
body.serene-chrome .public-footer-surface [data-footer-section] a { font-size: 15px; }
body.serene-chrome .public-footer-surface .container-canvas > :last-child :is(p, a, button) { font-size: 14px; }
body.serene-chrome .public-footer-surface a[aria-label][class*="rounded-full"] {
  width: 40px;
  height: 40px;
  border: 1px solid var(--m-borde);
  border-radius: 4px;
  background: #fff;
  color: var(--m-texto);
}
body.serene-chrome .public-footer-surface a[aria-label][class*="rounded-full"]:hover { border-color: var(--m-azul); color: var(--m-azul); background: #fff; }
body.serene-chrome .public-footer-surface a:hover { color: var(--m-azul); }

/* ───────── Cookies (solo la variante pública; /call conserva la suya) ───────── */
body.serene-chrome [aria-describedby="public-cookie-banner-description"],
body.serene-chrome dialog[aria-labelledby="public-cookie-modal-title"] {
  border-color: var(--m-borde);
  border-radius: 8px;
  box-shadow: var(--m-sombra);
  color: var(--m-texto);
  font-family: var(--m-fuente);
}
body.serene-chrome :is([aria-describedby="public-cookie-banner-description"], dialog[aria-labelledby="public-cookie-modal-title"]) :is(p, a, h2, span, button) { font-family: var(--m-fuente); }
body.serene-chrome [aria-describedby="public-cookie-banner-description"] > p:first-child,
body.serene-chrome dialog[aria-labelledby="public-cookie-modal-title"] header p:first-child {
  color: var(--m-texto);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.serene-chrome :is([aria-describedby="public-cookie-banner-description"], dialog[aria-labelledby="public-cookie-modal-title"]) button[class*="font-mono"] {
  min-height: 40px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
}
body.serene-chrome :is([aria-describedby="public-cookie-banner-description"], dialog[aria-labelledby="public-cookie-modal-title"]) button.bg-fg { background: var(--m-oscuro); color: #fff; }
body.serene-chrome dialog[aria-labelledby="public-cookie-modal-title"] [class*="rounded-2xl"] { border-radius: 8px; }
body.serene-chrome #public-cookie-banner-description { font-size: 15px; }
body.serene-chrome #public-cookie-banner-description + p { color: var(--m-texto-2); font-size: 14px; }
@media (min-width: 640px) {
  body.serene-chrome [aria-describedby="public-cookie-banner-description"] { max-width: 600px; }
}
/* Móvil: Rechazar y Aceptar lado a lado con el mismo peso; Personalizar debajo. */
@media (max-width: 639px) {
  body.serene-chrome [aria-describedby="public-cookie-banner-description"] > div:last-child {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.serene-chrome [aria-describedby="public-cookie-banner-description"] > div:last-child > button:nth-child(2) {
    grid-column: 1 / -1;
    order: 3;
  }
}
body.serene-chrome :is([aria-describedby="public-cookie-banner-description"], dialog[aria-labelledby="public-cookie-modal-title"]) a { color: var(--m-azul); }

/* ───────── Responsive ───────── */
@media (max-width: 1100px) {
  body.serene-chrome :is(.serene-cta-panel, .serene-segment-page > section:last-child > .container-canvas > div)::after { display: none; }
}
@media (max-width: 767px) {
  body.serene-chrome :is(.serene-cta-panel, .serene-segment-page > section:last-child > .container-canvas > div) { padding: 40px 24px; }
  body.serene-chrome .serene-cta-panel :is(h2, h3),
  body.serene-chrome .serene-segment-page > section:last-child h2 { font-size: 28px; }
  body.serene-chrome .serene-cta-panel > :first-child p,
  body.serene-chrome .serene-segment-page > section:last-child h2 + p { font-size: 17px; }
  body.serene-chrome .serene-segment-page > section:last-child > .container-canvas { padding-bottom: 64px; }
}