/* Sales as Usual · estilos base. Los componentes usan estilos en línea heredados del prototipo. */
:root{
  --navy:#0B1A3F; --blue:#0A6CF5; --sky:#2DB8FF; --sky-soft:#7FCBFF;
  --bg-soft:#F4F8FC; --bg-blue:#E3F1FF; --line:#DCE6F2; --muted:#4A5878; --ink-2:#24344F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;color:var(--navy);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--blue)}a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-radius:4px}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 14px;border-radius:8px}

/* Imágenes recortadas del banner (provisionales hasta tener fotos reales) */
.ph-talk{background-image:url(/img/sau-banner.jpg);background-size:380% auto;background-position:0% 68%;background-repeat:no-repeat}
.ph-mic{background-image:url(/img/sau-banner.jpg);background-size:380% auto;background-position:100% 55%;background-repeat:no-repeat}

/* Cabecera */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line)}
.site-header .wrap{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}
.brand img{width:40px;height:40px;object-fit:contain}
.brand span{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:21px;letter-spacing:-.02em}
.brand em{font-style:normal;color:var(--blue);font-weight:600}
.nav{display:flex;gap:4px 26px;font-size:15px;font-weight:500}
.nav a{color:var(--navy);text-decoration:none;padding:10px 0}
.nav a[aria-current="page"]{color:var(--blue);font-weight:600}
.header-cta{background:var(--blue);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:12px 20px;border-radius:999px;white-space:nowrap}
.header-cta:hover{color:#fff;background:#0B4FB8}
.nav-mobile{display:none}
@media (max-width: 980px){
  .nav-desktop,.header-cta{display:none}
  .nav-mobile{display:block;position:relative}
  .nav-mobile summary{font-weight:600;padding:10px 16px;border:1px solid var(--line);border-radius:999px}
  .nav-mobile nav{position:absolute;right:0;top:52px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 20px;display:flex;flex-direction:column;min-width:240px;box-shadow:0 12px 32px rgba(11,26,63,.12)}
  .nav-mobile nav a{color:var(--navy);text-decoration:none;padding:10px 0;font-weight:500}
  .nav-mobile nav .header-cta{display:block;text-align:center;margin-top:8px;color:#fff}
}
/* Recorrido en S: en móvil se apila */
@media (max-width: 860px){.s-path{display:none}.s-row2{direction:ltr !important}}

/* Banner de vista previa */
.preview-bar{background:var(--navy);color:#fff;text-align:center;font-size:13px;padding:6px 12px}