/* Encabezado del sitio público: menú en píldora (logo, enlaces con ícono, buscador, cuenta y botón principal). Lo dibuja site-header.js en el navegador y en el servidor.
   Usa clases propias (.sitebar, .sb-*): no depende de los estilos de cada página ni los pisa.
   Tamaño: todo va en «em» sobre el texto del menú (22 px de la maqueta = 1em); el texto crece con el ancho de la pantalla entre 12,5 y 15 px. */
.sitebar{position:relative;z-index:60;box-sizing:border-box;padding:4px 24px 24px;color:#0d1b3d;font:500 clamp(12.5px,calc((100vw - 48px)/1950*20.5),15px)/1.2 var(--font,Inter,Arial,sans-serif);-webkit-text-size-adjust:100%}
.sitebar *,.sitebar *::before,.sitebar *::after{box-sizing:border-box}
.sitebar a,.sitebar a:hover,.sitebar a:focus{text-decoration:none}
.sitebar button,.sitebar summary{font-family:inherit}
.sitebar.is-overlay{position:absolute;top:0;left:0;right:0;padding-bottom:0}
/* Altura propia de cada página: Inicio y Planes (menú sobre la foto) un poco más arriba; Cómo funciona y Especialistas (menú en el flujo) un poco más abajo, sin mover su portada. */
.sitebar.sb-k-home,.sitebar.sb-k-plans{padding-top:1px}
.sitebar.sb-k-how,.sitebar.sb-k-experts{padding-top:10px;padding-bottom:18px}
.sb-bar{display:flex;align-items:center;gap:.9em;max-width:108em;height:5.85em;margin:0 auto;padding:0 1.1em 0 1.9em;border-radius:3em;background:#fff;box-shadow:0 .55em 2.4em rgba(32,84,170,.15),0 .06em .25em rgba(32,84,170,.07)}

/* Logo: el del propietario (Administración › Marca) o, sin logo, el emblema y el nombre de siempre */
.sb-brand{display:flex;align-items:center;gap:.6em;flex:none;min-width:0;color:#0a1b49}
.sb-brand .bl-img{display:block;width:auto;height:auto;max-width:13.5em;max-height:3.9em;object-fit:contain}
.sb-emblem{width:3.4em;height:3.15em;flex:none}
.sb-name{display:grid;gap:.18em;line-height:1}
.sb-word{font-size:1.6em;font-weight:800;letter-spacing:-.035em;white-space:nowrap}
.sb-word b{font-weight:800;color:#0a1b49}.sb-word i{font-style:normal;color:#1479f0}
.sb-name small{font-size:.72em;font-weight:500;color:#3f5278;letter-spacing:0;white-space:nowrap}

/* Enlaces */
.sb-nav{display:flex;align-items:center;justify-content:center;gap:.15em;flex:1 1 0;min-width:0;margin:0 .8em}
.sb-link{display:flex;align-items:center;gap:.5em;height:3.8em;padding:0 1em;border-radius:1.9em;color:#0e1a38;font-size:.95em;font-weight:500;white-space:nowrap;transition:background .15s,color .15s}
.sb-link:hover{background:#f0f5ff;color:#0b64f4}
.sitebar .sb-link{color:#0e1a38}.sitebar .sb-link:hover,.sitebar .sb-link.is-active{color:#0b64f4}.sitebar .sb-brand{color:#0a1b49}.sitebar .sb-circle{color:#0d1b3d}.sitebar .sb-circle.sb-admin{color:#7a4e00}
.sb-link.is-active{background:#e6efff;color:#0b64f4;font-weight:600}
.sb-ic{display:block;width:1.5em;height:1.5em;flex:none}
.sb-link .sb-ic{width:1.45em;height:1.45em}
.sb-link.is-gold .sb-ic{color:#f4a900}

/* Buscador, cuenta, botón principal */
.sb-tools{display:flex;align-items:center;gap:.7em;flex:none}
.sb-sep{width:1px;height:3.2em;margin:0 .4em 0 .1em;background:#dde5f2}
.sb-circle{display:grid;place-items:center;width:3em;height:3em;padding:0;border:0;border-radius:50%;background:#eaf2fe;color:#0d1b3d;cursor:pointer;transition:background .15s}
.sb-circle:hover{background:#d8e7fd}
.sb-circle .sb-ic{width:1.4em;height:1.4em}
.sb-circle.sb-admin{background:#fff1d1;color:#7a4e00}
.sb-circle.sb-admin:hover{background:#ffe7ae}
.sb-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0a2350;color:#fff;font-size:1.05em;font-weight:700}
.sitebar .sb-cta,.sitebar .sb-cta:hover,.sitebar a.sb-cta{color:#fff}
.sb-cta{display:flex;align-items:center;gap:.55em;height:3.6em;padding:0 1.15em 0 1em;border:0;border-radius:3em;background:linear-gradient(100deg,#0b82ff 0%,#0a56e8 100%);color:#fff;font:600 .95em/1 var(--font,Inter,Arial,sans-serif);white-space:nowrap;cursor:pointer;box-shadow:0 .55em 1.15em rgba(10,100,255,.33),inset 0 .06em 0 rgba(255,255,255,.28);transition:filter .15s,transform .15s}
.sb-cta:hover{filter:brightness(1.07)}
.sb-cta:active{transform:translateY(1px)}
.sb-cta .sb-ic{width:1.4em;height:1.4em}
.sb-arrow{display:block;width:1.2em;height:1.2em;flex:none}
.sb-menu{display:none}
.sb-more{position:relative;display:none}
.sb-more>summary{list-style:none}.sb-more>summary::-webkit-details-marker{display:none}
.sb-more-list{position:absolute;right:0;top:calc(100% + .7em);z-index:70;display:grid;gap:2px;min-width:15em;padding:.6em;border-radius:1.3em;background:#fff;box-shadow:0 1.2em 3.2em rgba(15,40,100,.24),0 .1em .3em rgba(15,40,100,.1)}
.sb-more-list a{padding:.8em 1em;border-radius:.9em;color:#0e1a38;font-size:1em;font-weight:600}
.sb-more-list a:hover{background:#f0f5ff;color:#0b64f4}.sb-more-list a.is-active{background:#e6efff;color:#0b64f4}
.sb-more-list .sb-more-cta{margin-top:.3em;background:linear-gradient(100deg,#0b82ff,#0a56e8);color:#fff;text-align:center}.sb-more-list .sb-more-cta:hover{background:linear-gradient(100deg,#0b82ff,#0a56e8);color:#fff;filter:brightness(1.07)}
.sb-link:focus-visible,.sb-circle:focus-visible,.sb-cta:focus-visible,.sb-brand:focus-visible{outline:3px solid #ffbd24;outline-offset:2px}

/* Menú más ancho de lo que cabe (muchos enlaces o pantalla mediana): primero sin íconos, después más apretado. site-header.js decide cuál según lo que mide. */
.sitebar.is-snug .sb-link{padding:0 .6em;gap:.38em}.sitebar.is-snug .sb-nav{margin:0 .4em}
.sitebar.is-compact .sb-link .sb-ic,.sitebar.is-dense .sb-link .sb-ic{display:none}
.sitebar.is-compact .sb-link{padding:0 1.05em}
.sitebar.is-dense .sb-link{padding:0 .7em;font-size:.9em}
.sitebar.is-dense .sb-cta .sb-ic{display:none}
@media (max-width:1179px){
 .sb-link .sb-ic{display:none}
 .sb-link{padding:0 1.05em}
}
/* Tablet y teléfono: logo, buscador, cuenta y botón del menú (los enlaces están en la ventana que abre) */
@media (max-width:1099px){
 .sb-nav,.sb-sep,.sb-cta{display:none}
 .sb-menu{display:grid}
 .sb-more{display:block}
 .sb-tools{margin-left:auto;gap:.5em}
 .sb-bar{height:4.7em;padding:0 .7em 0 1.3em}
 .sb-circle{width:2.7em;height:2.7em}
}
@media (max-width:767px){
 .sitebar{padding:4px 12px 16px;font-size:13px}
 .sitebar.is-overlay{padding-bottom:0}
 .sitebar.sb-k-home,.sitebar.sb-k-plans{padding-top:1px}
 .sitebar.sb-k-how,.sitebar.sb-k-experts{padding-top:8px;padding-bottom:12px}
 .sb-bar{height:58px;padding:0 8px 0 14px;border-radius:30px;gap:.4em}
 .sb-search{display:none}
 .sb-circle{width:40px;height:40px}
 .sb-circle .sb-ic{width:20px;height:20px}
 .sb-emblem{width:2.9em;height:2.7em}
 .sb-word{font-size:1.45em}
 .sb-name small{display:none}
 .sb-brand .bl-img{max-width:10.3em;max-height:2.9em}
}
@media print{.sitebar{display:none}}