/* Potenciadora de Negocios — Home
 * Tipografías: Manrope + IBM Plex Mono (Google Fonts sirve WOFF2 con font-display: swap).
 * El diseño vive en los estilos en línea del HTML; aquí van reglas globales,
 * estados hover/focus, visibilidad responsive y respaldos sin JavaScript. */
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:#F6F7FB;color:#0C1235;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
a{color:#3B1C9E;text-decoration:none}
a:hover{color:#6A3DF0}
h1,h2,h3,h4,p{margin:0}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit}
:focus-visible{outline:2px solid #19B3AC;outline-offset:3px;border-radius:6px}
::selection{background:#6A3DF0;color:#fff}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto !important}}
[hidden]{display:none !important}
@media (max-width:1079.98px){.pdn-wide{display:none !important}}
@media (min-width:1080px){.pdn-narrow{display:none !important}}

/* Contadores: se ocultan solo mientras arranca la animación (máx. 4 s si JS falla) */
.pdn-cnt-wait [data-bind="t||c1"],.pdn-cnt-wait [data-bind="t||c2"],.pdn-cnt-wait [data-bind="t||c3"]{visibility:hidden}

/* Sin JavaScript: el dropdown de Soluciones abre con hover/foco */
html:not(.js) li:hover > [data-if="solOpen"]{display:block !important}
html:not(.js) li:focus-within > [data-if="solOpen"]{display:block !important}

/* Hover / focus */
.f1:focus{left:12px !important}
.h2:hover{background:#EEF0F7 !important;color:#0C1235 !important}
.h3:hover{background:#EEF0F7 !important}
.h4:hover{background:#F3F4FA !important;color:#0C1235 !important}
.h5:hover{border-color:#0C1235 !important;color:#0C1235 !important}
.h6:hover{background:#6A3DF0 !important;color:#fff !important;transform:translateY(-1px) !important}
.h7:hover{color:#0C1235 !important;transform:translateY(-2px) !important;box-shadow:0 18px 40px -12px rgba(169,147,255,0.6) !important}
.h8:hover{color:#fff !important;background:rgba(255,255,255,0.08) !important;border-color:rgba(255,255,255,0.5) !important}
.h9:hover{background:#fff !important;padding-left:18px !important}
.h10:hover{color:#A993FF !important;border-color:#A993FF !important}
.h11:hover{background:rgba(255,255,255,0.1) !important}
.h12:hover{transform:translateY(-4px) !important;box-shadow:0 30px 60px -30px rgba(12,18,53,0.25) !important}
.h13:hover{background:#3B1C9E !important;color:#fff !important}
.h14:hover{transform:translateY(-4px) !important;box-shadow:0 30px 60px -30px rgba(12,18,53,0.5) !important}
.h15:hover{color:#fff !important}
.h16:hover{transform:translateY(-4px) !important;box-shadow:0 30px 60px -30px rgba(18,128,123,0.35) !important}
.h17:hover{background:#12807B !important;color:#fff !important}
.h18:hover{border-color:#B9BFD4 !important;color:#fff !important}
.h19:hover{color:#0C1235 !important;transform:translateY(-2px) !important}
.h20:hover{color:#0C1235 !important;border-color:#B9BFD4 !important;transform:translateY(-3px) !important;box-shadow:0 24px 48px -28px rgba(12,18,53,0.3) !important}
.h21:hover{background:#F6F7FB !important;color:#0C1235 !important}
.h22:hover{color:#fff !important;border-color:#fff !important}
.h23:hover{color:#0C1235 !important;transform:translateY(-2px) !important;box-shadow:0 20px 50px -12px rgba(169,147,255,0.7) !important}
.h24:hover{color:#A993FF !important}
.h25:hover{color:#fff !important;border-color:rgba(255,255,255,0.4) !important;background:rgba(255,255,255,0.05) !important}
.h26:hover{color:#fff !important;opacity:.7 !important}
.h27:hover{color:#fff !important;transform:translateY(-2px) !important}
.h28:hover{background:#3B1C9E !important}
.h29:hover{border-color:#0C1235 !important}

/* Estado final de Plano del Negocio y Programa Resuelve si JavaScript no está disponible */
html:not(.js) [data-fb="1"]{--z:0!important;--op:1!important}
html:not(.js) [data-fb="2"]{--z:48!important;--op:1!important}
html:not(.js) [data-fb="3"]{--z:166!important;--op:0.45!important}
html:not(.js) [data-fb="4"]{--z:214!important;--op:0.45!important}
html:not(.js) [data-fb="5"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="6"]{--fill:100!important}
html:not(.js) [data-fb="7"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="8"]{--fill:100!important}
html:not(.js) [data-fb="9"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="10"]{--fill:100!important}
html:not(.js) [data-fb="11"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="12"]{--fill:100!important}
html:not(.js) [data-fb="13"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="14"]{--fill:100!important}
html:not(.js) [data-fb="15"]{--op:1!important;--y:0!important}
html:not(.js) [data-fb="16"]{--fill:100!important}
.pdn-static [data-fb="1"]{--z:0!important;--op:1!important}
.pdn-static [data-fb="2"]{--z:48!important;--op:1!important}
.pdn-static [data-fb="3"]{--z:166!important;--op:0.45!important}
.pdn-static [data-fb="4"]{--z:214!important;--op:0.45!important}
.pdn-static [data-fb="5"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="6"]{--fill:100!important}
.pdn-static [data-fb="7"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="8"]{--fill:100!important}
.pdn-static [data-fb="9"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="10"]{--fill:100!important}
.pdn-static [data-fb="11"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="12"]{--fill:100!important}
.pdn-static [data-fb="13"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="14"]{--fill:100!important}
.pdn-static [data-fb="15"]{--op:1!important;--y:0!important}
.pdn-static [data-fb="16"]{--fill:100!important}