/* cabecera.css — el CSS de la cabecera de yodai.ai, en UN sitio.
   Generado desde la home con extrae_cabecera_css.py. No editar a mano:
   si cambia la cabecera de la home, se regenera y todas las paginas heredan.
   Antes esto vivia repartido en 51 bloques de <style> por pagina, y cada
   pagina tenia su propia copia: siete paginas, siete cabeceras distintas. */

/* variables: sin ellas los colores del menu caen a lo que herede */
:root{--blue:#2455e6;--blue-d:#1a44c4;--body:#465884;--cx-aur1:#2b2bf0;--cx-cur:#2b2bf0;--cx-glow:360deg;--cx-glow2:#7373f5;--cx-glowc:#2b2bf0;--cx-gt1:#2b2bf0;--cx-gt2:#7373f5;--cx-progc:#2b2bf0;--cxd-accent:#2455e6;--ghost:#c2d1f4;--hair:#dce4f8;--i:4;--lav:#eef2fd;--lav2:#e8edfb;--navy:#10225e;--s:0.889;--shadow:0 24px 60px rgba(16,34,94,.10);--shadow-s:0 10px 30px rgba(16,34,94,.08);--surface:#ffffff;--w:800px;--white:#ffffff}
header.site,header.sitio,header.top{--blue:#2455e6;--blue-d:#1a44c4;--body:#465884;--cx-aur1:#2b2bf0;--cx-cur:#2b2bf0;--cx-glow:360deg;--cx-glow2:#7373f5;--cx-glowc:#2b2bf0;--cx-gt1:#2b2bf0;--cx-gt2:#7373f5;--cx-progc:#2b2bf0;--cxd-accent:#2455e6;--ghost:#c2d1f4;--hair:#dce4f8;--i:4;--lav:#eef2fd;--lav2:#e8edfb;--navy:#10225e;--s:0.889;--shadow:0 24px 60px rgba(16,34,94,.10);--shadow-s:0 10px 30px rgba(16,34,94,.08);--surface:#ffffff;--w:800px;--white:#ffffff}

/* fuentes propias: sin esto la marca sale con otra tipografia */
@font-face{font-family:'Hanken respuesto';src:local('Arial'),local('Helvetica');font-weight:500;size-adjust:100.18%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Hanken respuesto';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Arial');font-weight:600;size-adjust:94.09%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Bricolage respuesto';src:local('Arial Bold'),local('Arial-BoldMT'),local('Helvetica Bold'),local('Arial');font-weight:700;size-adjust:91.23%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bricolagegrotesque-400.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bricolagegrotesque-500.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolagegrotesque-600.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolagegrotesque-700.woff2) format('woff2')}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolagegrotesque-800.woff2) format('woff2')}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/outfit-400-latin.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;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/outfit-500-latin.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;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/outfit-600-latin.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;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Outfit';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/outfit-700-latin.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;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-400-latin.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;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-500-latin.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;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-600-latin.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;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-grotesk-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hanken-grotesk-700-latin.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;}

header.site>.wrap,header.sitio>.wrap{width:min(1152px,92%)!important;margin:0 auto!important;height:70px!important;display:flex!important;align-items:center!important;gap:clamp(10px,2vw,28px)!important;padding:0!important}
header.site .logo,header.sitio .logo{display:inline-flex!important;align-items:center!important;gap:9px!important}
header.site .logo svg,header.sitio .logo svg{width:31px!important;height:31px!important;flex:none!important}
header.site .logo span,header.sitio .logo span{font-size:22px!important;line-height:1!important;font-family:'Bricolage Grotesque','Bricolage respuesto',Arial,sans-serif!important}
header.site>.wrap .logo span,header.sitio>.wrap .logo span{color:#191612!important}
header.site>.wrap .logo span *,header.sitio>.wrap .logo span *{color:#2b2bf0!important}
header.site>.wrap .logo svg *,header.sitio>.wrap .logo svg *{stroke:#191612!important}
header.site .nav-right,header.sitio .nav-right,header.site .nav-der,header.sitio .nav-der{margin-left:auto!important;align-items:center!important;gap:14px!important}
header.site .btn,header.sitio .btn{background:#2455e6!important;color:#fff!important;border-color:#2455e6!important;height:44px!important;min-height:0!important;padding:0 20px!important;font-size:15.2px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;white-space:nowrap!important;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif!important;font-weight:600!important}
header.site .btn:hover,header.sitio .btn:hover{background:#1b45c4!important;border-color:#1b45c4!important}
header.site .nav-links a,header.sitio .nav-links a,header.site .nav a,header.sitio .nav a,header.site .entrar,header.sitio .entrar{font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif!important}
@media(max-width:520px){
  header.site>.wrap,header.sitio>.wrap{height:62px!important;gap:8px!important}
  header.site .logo svg,header.sitio .logo svg{width:27px!important;height:27px!important}
  header.site .logo span,header.sitio .logo span{font-size:19px!important}
  header.site .btn,header.sitio .btn{height:38px!important;padding:0 15px!important;font-size:14.2px!important}
}
@media(min-width:961px){
  header.site .nav-links,header.sitio .nav-links,header.site .nav,header.sitio .nav{display:flex!important;align-items:center!important;gap:clamp(12px,1.6vw,24px)!important}
  header.site .nav-right,header.sitio .nav-right,header.site .nav-der,header.sitio .nav-der{display:flex!important}
  header .yidioma{display:inline-flex!important;align-items:center!important;gap:5px!important;margin-right:14px!important;font-size:.82rem!important;font-weight:600!important;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif!important;color:#8b9ac0!important}
  header .yidioma b,header .yidioma .yidioma-ir{cursor:pointer;padding:3px 7px!important;border-radius:999px!important;font-weight:700!important;text-decoration:none!important;transition:color .18s,background-color .18s}
  header .yidioma b.on{color:#fff!important;background:#2455e6!important}
  header .yidioma i{font-style:normal!important;color:#c2d1f4!important}
}
/* ---------- pastillas (las de la madre: radio total, peso 600) ---------- */
.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Outfit',sans-serif;
  font-weight:600;font-size:1.02rem;padding:.86rem 1.7rem;border-radius:999px;
  text-decoration:none;border:0;cursor:pointer;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease}
.btn-blue{background:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(36,85,230,.28)}
.btn-blue:hover{background:var(--blue-d)}
.btn-white{background:#fff;color:var(--navy);box-shadow:0 10px 30px rgba(5,13,42,.28)}
.btn-white:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--navy);padding:.86rem 0}
.btn-ghost:hover{color:var(--blue)}
.btn-sm{padding:.6rem 1.25rem;font-size:.95rem}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.logo svg{width:32px;height:32px;flex:none;overflow:visible}
.logo b{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.24rem;color:var(--navy);
  letter-spacing:.01em}
.nav-links{display:flex;gap:1.7rem;margin-left:.6rem}
.nav-links a{font-size:.98rem;font-weight:500;text-decoration:none;color:var(--body)}
.nav-links a:hover{color:var(--navy)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:1.2rem}
.nav-right .entrar{font-size:.98rem;font-weight:500;text-decoration:none;color:var(--body)}
.plan .btn{margin-top:1.15rem}
@media (max-width:940px){
  .nav-links{display:none}
}
header .logo{font-size:22px}
header .logo span{font-size:1em}
.yidioma .yidioma-ir{cursor:pointer;padding:3px 7px;border-radius:999px;color:inherit;text-decoration:none}
.yidioma .yidioma-ir:hover{color:#10225e}
.yidioma{display:inline-flex;align-items:center;gap:5px;margin-right:14px;
  font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:700;
  color:#8b9ac0;user-select:none}
.yidioma b{cursor:pointer;padding:3px 7px;border-radius:999px;font-weight:700;transition:color .18s,background-color .18s}
.yidioma b:hover{color:#10225e}
.yidioma b.on{color:#fff;background:#2455e6}
.yidioma i{font-style:normal;color:#c2d1f4}
@media (max-width:900px){
  .yidioma{display:none}
}
/* la cabecera no se mueve al cambiar de idioma: las dos piezas de la derecha
   reservan el ancho de la version mas larga de las dos, asi el conmutador se
   queda quieto bajo el cursor al pulsarlo */
header .nav-right .entrar{min-width:46px;text-align:center}
header .nav-right .btn{min-width:142px;text-align:center;justify-content:center}
.yb-abre{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:none;color:#191612;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s}
.yb-abre:hover{background:#f1f4fd}
.yb-abre:focus-visible{outline:2px solid #2b2bf0;outline-offset:2px}
.yb-panel{position:fixed;inset:0;z-index:200;background:#fff;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .2s cubic-bezier(.22,.61,.36,1),transform .24s cubic-bezier(.22,.61,.36,1),visibility 0s linear .24s}
.yb-panel.abierto{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s,0s,0s}
.yb-panel .yb-barra{display:flex;align-items:center;justify-content:space-between;width:min(1152px,88%);margin:0 auto;height:63px;flex:none}
.yb-panel .yb-marca{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:'Bricolage Grotesque','Bricolage respuesto',Arial,sans-serif;font-size:19px;font-weight:700;color:#191612;letter-spacing:-.02em}
.yb-panel .yb-marca i{font-style:normal;color:#2b2bf0}
.yb-panel .yb-cierra{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;padding:0;border:0;background:none;color:#191612;border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s}
.yb-panel .yb-cierra:hover{background:#f1f4fd}
.yb-panel .yb-cierra:focus-visible{outline:2px solid #2b2bf0;outline-offset:2px}
.yb-panel .yb-dentro{width:min(1152px,88%);margin:0 auto;padding:18px 0 0;display:flex;flex-direction:column;flex:1}
.yb-panel a.yb-l{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;text-decoration:none;letter-spacing:-.02em;font-family:'Bricolage Grotesque','Bricolage respuesto',Arial,sans-serif;font-size:26px;font-weight:600;color:#191612}
.yb-panel a.yb-l svg{flex:none;opacity:.26;transition:opacity .18s,transform .18s}
.yb-panel a.yb-l:hover svg,.yb-panel a.yb-l:focus-visible svg{opacity:.7;transform:translateX(3px)}
.yb-panel a.yb-l[aria-current="page"]{color:#2b2bf0}
.yb-panel a.yb-l[aria-current="page"] svg{opacity:.8;color:#2b2bf0}
.yb-panel .yb-pie{margin-top:auto;padding:24px 0 30px;display:flex;flex-direction:column;gap:10px}
.yb-panel .yb-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:#2455e6;color:#fff;text-decoration:none;font-size:16px;font-weight:600;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif}
.yb-panel .yb-entrar{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:999px;border:1px solid #dce4f8;color:#191612;text-decoration:none;font-size:16px;font-weight:600;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif}
.yb-panel .yb-idioma{display:flex;align-items:center;gap:8px;padding-top:18px;border-top:1px solid #f2f5fc;margin-top:18px}
.yb-panel .yb-idioma span{font-size:13.5px;color:#8b9ac0;margin-right:2px;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif}
.yb-panel .yb-idioma a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:700;text-decoration:none;color:#46587f;background:#f4f6fd;font-family:'Hanken Grotesk','Hanken respuesto',Arial,sans-serif}
.yb-panel .yb-idioma a.on{color:#fff;background:#2b2bf0}
@media(max-width:960px){
  .yb-abre{display:inline-flex}
}
@media(prefers-reduced-motion:reduce){
  .yb-panel{transition:none}
}