/*
 * ⚠ ESTE ARCHIVO NO ES EL design.css DEL KIT TAL CUAL, Y ES LA ÚNICA DESVIACIÓN.
 *
 * El kit v3 dejó de traer el bloque @font-face: el prototipo carga Instrument
 * Sans desde Google Fonts. Nosotros servimos las woff2 desde /fonts/, que ya
 * están en producción, porque depender de un CDN externo para la tipografía de
 * toda la app es una dependencia que no hace falta.
 *
 * Así que este archivo es: NUESTRO bloque de @font-face (el que traía el kit v2,
 * con rutas locales) + el design.css del v3 completo, sin tocar una regla.
 *
 * FidelidadCssTest lo hace cumplir: verifica que estén las 38 reglas del kit y
 * que las fuentes sigan siendo locales.
 */
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-1.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-1.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-1.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-2.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;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-1.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;
}
/* latin */
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url('/fonts/instrument-sans-2.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;
}



html,body{margin:0;padding:0;background:#ffffff;color:#131316;font-family:'Instrument Sans',-apple-system,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#131316;text-decoration:none}a:hover{color:#000000}
::placeholder{color:#a0a0ab}
input,textarea,select,button{font-family:inherit;color:#131316}
button{white-space:nowrap}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e6e6ea;border-radius:11px;border:3px solid #ffffff}::-webkit-scrollbar-track{background:transparent}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes fin{from{opacity:0}to{opacity:1}}
@keyframes viewIn{from{opacity:0;transform:translateY(12px) scale(0.994)}to{opacity:1;transform:none}}
@keyframes navIn{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes sufIn{0%{opacity:0;transform:translateY(9px);filter:blur(7px)}55%{opacity:1;filter:blur(1.5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes wipeIn{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0 0 0)}}
@keyframes wipeOut{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 0 100%)}}
@keyframes caretRun{0%{opacity:0;transform:translateX(0)}12%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateX(var(--run))}}
@keyframes rollIn{0%{opacity:0;transform:translateY(-100%);filter:blur(6px)}62%{opacity:1;filter:blur(1.4px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes rollOut{0%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(100%);filter:blur(6px)}}
@keyframes gradSlide{to{background-position:300% 50%}}
@keyframes bootOut{from{opacity:1}to{opacity:0;visibility:hidden}}
@keyframes slideUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes heroIn{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}60%{opacity:1;filter:blur(1px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes sparkPulse{0%,100%{transform:scale(1);opacity:0.55}50%{transform:scale(1.14);opacity:1}}
@keyframes dotBlink{0%,80%,100%{opacity:0.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}
@keyframes shimmer{from{background-position:-160% 0}to{background-position:260% 0}}
@keyframes barGrow{from{transform:scaleY(0.06)}to{transform:scaleY(1)}}
@keyframes markIn{from{opacity:0;transform:translateY(9px) scale(0.985)}to{opacity:1;transform:none}}
[data-screen-label]{animation:viewIn 0.42s cubic-bezier(0.16,0.84,0.28,1) both}
nav>div{animation:navIn 0.34s cubic-bezier(0.16,0.84,0.28,1) both}
nav>div:nth-child(2){animation-delay:0.05s}
nav>div:nth-child(3){animation-delay:0.1s}
nav>div:nth-child(4){animation-delay:0.15s}
button{transition:background 0.24s cubic-bezier(0.16,0.84,0.28,1),border-color 0.24s cubic-bezier(0.16,0.84,0.28,1),color 0.24s cubic-bezier(0.16,0.84,0.28,1),box-shadow 0.24s cubic-bezier(0.16,0.84,0.28,1)}
nav>div>div,[style*="cursor:pointer"]{transition:background 0.24s cubic-bezier(0.16,0.84,0.28,1),color 0.24s cubic-bezier(0.16,0.84,0.28,1),border-color 0.24s cubic-bezier(0.16,0.84,0.28,1),box-shadow 0.28s cubic-bezier(0.16,0.84,0.28,1)}
aside{transition:width 0.34s cubic-bezier(0.16,0.84,0.28,1)}
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}
