/* SA cabecera y pie — rediseño del 7-oct-2026 (propuesta aprobada por AJ).
 * Solo actúa sobre .sa-cab (plantilla de cabecera, nodo raíz) y .sa-pie (plantilla de pie): no toca nada más.
 * El menú es el nav_menu de CrocoBuilder (clases pb-nav__*); aquí solo se viste. */

/* ── Cabecera ─────────────────────────────────────────────────────────── */
.sa-cab{background:color-mix(in srgb,#f7f3ee 86%,transparent);border-bottom:1px solid color-mix(in srgb,#d9cfc4 70%,transparent);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  font-family:"SA Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;color:#1d1216}
.sa-cab .pb-nav__link{font-family:"SA Schibsted Grotesk","Helvetica Neue",Arial,sans-serif !important;font-weight:500 !important;font-size:.95rem;color:#1d1216;letter-spacing:0 !important}
.sa-cab .pb-nav__link::after{background:#ae2851 !important}
.sa-cab .pb-nav__link.is-current::after{scale:1 1;transform:none}
.sa-cab a[href*="/hablamos/"]:not(.pb-nav__link){font-family:"SA Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:600;border-radius:3px;background:#2a0b15;border-color:#2a0b15;color:#fffdfb}
.sa-cab a[href*="/hablamos/"]:not(.pb-nav__link):hover{background:#ae2851;border-color:#ae2851}

/* Botón del menú en móvil: tres líneas, sin borde ni texto */
.sa-cab .pb-nav__collapse-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  padding:0;margin-right:-10px;border:0 !important;background:none !important;box-shadow:none !important;color:#1d1216;cursor:pointer}
.sa-cab .pb-nav__collapse-label{display:block;width:24px;height:24px;font-size:0;line-height:0;color:transparent;background:#1d1216;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 5.5h14M3 10h14M3 14.5h14'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M3 5.5h14M3 10h14M3 14.5h14'/%3E%3C/svg%3E") center/contain no-repeat}
/* Panel del menú abierto: secciones en grande, como en la propuesta */
.sa-cab nav.is-collapsed .pb-nav__mobile-panel{background:#f7f3ee}
.sa-cab nav.is-collapsed .pb-nav__list{border-top:1px solid #d9cfc4;padding-inline:24px !important}
.sa-cab nav.is-collapsed .pb-nav__link{font-family:"SA Fraunces","Fraunces",Georgia,serif !important;font-weight:460 !important;font-size:1.9rem !important;
  line-height:1;letter-spacing:-.02em !important;font-variation-settings:"opsz" 72;padding-block:18px !important;border-bottom:1px solid #d9cfc4}
.sa-cab nav.is-collapsed .pb-nav__link::after{display:none}
.sa-cab .pb-nav__mobile-close{font-size:1.9rem;line-height:1;border:0;background:none;color:#1d1216}

/* En móvil: logotipo, «Hablamos» y el icono del menú a la derecha */
@media (max-width:1024px){
  .sa-cab nav.is-collapsed{order:3;margin-left:0 !important}
  .sa-cab a[href*="/hablamos/"]:not(.pb-nav__link){margin-left:auto;min-height:44px;padding-inline:16px}
}

/* ── Pie ──────────────────────────────────────────────────────────────── */
.sa-pie{background:#f7f3ee;border-top:1px solid #d9cfc4;font-family:"SA Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;color:#1d1216;font-size:.94rem}
.sa-pie .sa-pie-tit{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-weight:500;font-size:.74rem;letter-spacing:.14em;color:#ae2851}
.sa-pie ul a{color:#5d5054;opacity:1 !important;font-size:.94rem}
.sa-pie ul a:hover{color:#ae2851}
.sa-pie .sa-pie-nap{text-wrap:balance;color:#5d5054;opacity:1}
@media (max-width:640px){
  .sa-pie .sa-pie-cols{grid-template-columns:1fr 1fr;gap:36px 24px}
  .sa-pie .sa-pie-marca{grid-column:1/-1}
  .sa-pie .sa-pie-nap{font-size:.66rem}
}

/* Fondo de página en las páginas con el diseño nuevo (bajo el pie asomaba el rosa antiguo). */
body:has(.sa-v2){background:#f7f3ee}