/* Encabezado y pie comunes a todas las páginas de sacahora.cl (los inserta scripts/shell.mjs). */
@font-face{font-family:"Inter";src:url(/fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--sh-ink:#10182B;--sh-muted:#5F6B7E;--sh-subtle:#8A93A3;--sh-coral:#FF5A5F;--sh-coral-dark:#C83743;--sh-line:rgba(16,24,43,.08);--sh-font:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
body{font-family:var(--sh-font)}

/* ---------- Encabezado: barra flotante que se vuelve de vidrio al bajar ---------- */
header.sh-header{position:fixed;inset:0 0 auto;z-index:60;display:block;max-width:none;margin:0;padding:14px 20px;background:none;border:0;text-align:left}
.sh-bar{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;height:60px;padding:0 10px 0 18px;border:1px solid transparent;border-radius:999px;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}
header.sh-header.scrolled .sh-bar{background:rgba(255,255,255,.82);border-color:var(--sh-line);box-shadow:0 14px 34px -24px rgba(16,24,43,.45);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}
.sh-brand{display:inline-flex;align-items:center;flex:none}
.sh-brand img{display:block;height:23px;width:auto}
.sh-nav{display:flex;align-items:center;gap:30px}
.sh-nav a{color:var(--sh-muted);font:500 14.5px/1 var(--sh-font);text-decoration:none;transition:color .2s}
.sh-nav a:hover,.sh-nav a[aria-current="page"]{color:var(--sh-ink)}
.sh-nav a[aria-current="page"]{font-weight:600}
.sh-actions{display:flex;align-items:center;gap:8px}
.sh-cta{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 18px;border-radius:999px;background:var(--sh-ink);color:#fff;font:600 14px/1 var(--sh-font);letter-spacing:-.01em;text-decoration:none;white-space:nowrap;box-shadow:0 10px 24px -14px rgba(16,24,43,.8);transition:transform .2s ease,box-shadow .25s ease}
.sh-cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px -14px rgba(16,24,43,.85)}
.sh-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sh-spacer{height:88px}

/* Menú en teléfonos: sin JavaScript (details/summary) */
.sh-menu{display:none;position:relative}
.sh-menu summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--sh-line);background:rgba(255,255,255,.9);cursor:pointer}
.sh-menu summary::-webkit-details-marker{display:none}
.sh-menu summary i,.sh-menu summary i::before,.sh-menu summary i::after{display:block;width:16px;height:2px;border-radius:2px;background:var(--sh-ink);transition:transform .2s ease,opacity .2s ease}
.sh-menu summary i{position:relative}
.sh-menu summary i::before,.sh-menu summary i::after{content:"";position:absolute;left:0}
.sh-menu summary i::before{top:-5px}.sh-menu summary i::after{top:5px}
.sh-menu[open] summary i{background:transparent}
.sh-menu[open] summary i::before{transform:translateY(5px) rotate(45deg)}
.sh-menu[open] summary i::after{transform:translateY(-5px) rotate(-45deg)}
.sh-menu-panel{position:absolute;right:0;top:52px;min-width:240px;display:grid;padding:10px;border-radius:22px;background:#fff;border:1px solid var(--sh-line);box-shadow:0 30px 60px -30px rgba(16,24,43,.5)}
.sh-menu-panel a{padding:12px 14px;border-radius:14px;color:var(--sh-ink);font:600 15px/1.2 var(--sh-font);text-decoration:none}
.sh-menu-panel a:hover,.sh-menu-panel a[aria-current="page"]{background:#FFF1EC;color:var(--sh-coral-dark)}

/* ---------- Pie ---------- */
footer.sh-footer{display:block;max-width:1120px;margin:96px auto 0;padding:0 20px;text-align:left;color:var(--sh-muted);font:14px/1.5 var(--sh-font);background:none;border:0}
.sh-foot-top{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:32px;padding:44px 0 32px;border-top:1px solid var(--sh-line)}
.sh-foot-brand img{display:block;height:26px;width:auto}
.sh-foot-brand p{margin:14px 0 0;color:var(--sh-muted);font-size:14px}
.sh-foot-col h4{margin:0 0 14px;color:var(--sh-ink);font:700 12px/1 var(--sh-font);letter-spacing:.12em;text-transform:uppercase}
.sh-foot-col a{display:block;margin:0 0 10px;color:var(--sh-muted);text-decoration:none;font-size:14px}
.sh-foot-col a:hover{color:var(--sh-ink)}
.sh-foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:18px 0 40px;border-top:1px solid var(--sh-line);color:var(--sh-subtle);font-size:12.5px}

@media (max-width:940px){
  .sh-nav{display:none}
  .sh-menu{display:block}
  .sh-foot-top{grid-template-columns:1fr 1fr}
  .sh-foot-brand{grid-column:1/-1}
}
.sh-menu-cta{margin-top:6px;background:var(--sh-ink)!important;color:#fff!important;text-align:center}
@media (min-width:361px){.sh-menu-cta{display:none}}
@media (max-width:480px){
  header.sh-header{padding:10px 10px}
  .sh-bar{gap:10px;padding:0 6px 0 12px;height:56px}
  .sh-brand img{height:20px}
  .sh-actions{gap:6px}
  .sh-cta{height:38px;padding:0 12px;font-size:13px}
  .sh-cta svg{display:none}
  .sh-spacer{height:76px}
}
@media (max-width:360px){.sh-actions>.sh-cta{display:none}}
@media print{header.sh-header,.sh-spacer,footer.sh-footer{display:none!important}}
@media (prefers-reduced-motion:reduce){.sh-bar,.sh-cta{transition:none}}

/* Foco visible al navegar con teclado (no aparece al hacer clic) */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--sh-coral);outline-offset:3px;border-radius:10px}