@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--papel: #FAF6EC;--papel-hondo: #F2EBDC;--blanco: #FFFFFF;--tinta: #16201C;--tinta-suave: #4A5750;--tinta-mute: #7A857D;--jade: #0E7A63;--jade-vivo: #0E9976;--jade-hondo: #08503F;--jade-suave: #D6EDE5;--jade-tenue: #E9F5F1;--coral: #D9521F;--coral-vivo: #E8562A;--coral-suave: #FBDCCB;--oro: #C08A17;--linea: #E6DCC8;--linea-suave: #F0E8D8;--sombra: 24px 32px 60px -32px rgba(20,60,45,.26);--sombra-sm: 0 2px 0 rgba(20,60,45,.03), 12px 16px 32px -24px rgba(20,60,45,.28);--sombra-alta: 32px 44px 80px -40px rgba(20,60,45,.34);--r: 16px;--r-lg: 26px;--r-pill: 999px;--disp: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--sans: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;--mono: "DM Mono", ui-monospace, "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}.display{font-family:var(--disp);font-weight:800;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}.display em{font-style:italic;color:var(--coral);font-weight:700}.d1{font-size:clamp(38px,6vw,68px)}.d2{font-size:clamp(28px,3.6vw,40px)}.d3{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.025em}.eyebrow{font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--jade);margin:0 0 10px}.bajada{color:var(--tinta-suave);font-size:17px;max-width:58ch;margin:14px 0 0}.nota{color:var(--tinta-mute);font-size:13.5px}.cifra{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.tarjeta{background:var(--blanco);border:1px solid var(--linea-suave);border-radius:var(--r-lg);box-shadow:var(--sombra-sm);padding:26px 28px}.tarjeta.plana{box-shadow:none;background:var(--papel-hondo);border-color:var(--linea)}.tarjeta.alta{box-shadow:var(--sombra)}.banda{background:var(--jade-hondo);color:#eaf3ef;border-radius:var(--r-lg);padding:26px 30px}.banda .eyebrow{color:var(--coral-suave)}.btn{font-family:var(--sans);font-weight:600;font-size:15px;border-radius:var(--r-pill);border:1px solid transparent;padding:12px 24px;cursor:pointer;display:inline-flex;align-items:center;gap:9px;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--jade);outline-offset:3px}.btn-principal{background:var(--jade-hondo);color:#fff}.btn-principal:hover{background:var(--jade);box-shadow:var(--sombra-sm)}.btn-acento{background:var(--coral);color:#fff}.btn-acento:hover{background:var(--coral-vivo);box-shadow:var(--sombra-sm)}.btn-borde{background:var(--blanco);color:var(--tinta);border-color:var(--linea)}.btn-borde:hover{border-color:var(--tinta-mute)}.btn-texto{background:transparent;color:var(--jade);padding:8px 10px}.btn-texto:hover{color:var(--jade-hondo)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:8px 16px;font-size:13.5px}.campo{display:grid;gap:7px}.campo>label{font-size:13.5px;font-weight:600;color:var(--tinta-suave)}.entrada{font-family:var(--sans);font-size:15px;color:var(--tinta);background:var(--papel);border:1px solid var(--linea);border-radius:var(--r);padding:12px 15px;width:100%}.entrada:focus{outline:none;border-color:var(--jade);box-shadow:0 0 0 3px var(--jade-tenue)}.entrada::-moz-placeholder{color:var(--tinta-mute)}.entrada::placeholder{color:var(--tinta-mute)}.pastilla{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);padding:4px 11px;display:inline-block;background:var(--jade-tenue);color:var(--jade-hondo)}.pastilla.coral{background:var(--coral-suave);color:#8c3412}.pastilla.oro{background:#fbf0d4;color:#7a5709}.pastilla.gris{background:var(--papel-hondo);color:var(--tinta-mute)}.aviso{border-radius:var(--r);padding:13px 16px;font-size:14.5px}.aviso.bien{background:var(--jade-tenue);color:var(--jade-hondo)}.aviso.ojo{background:#fbf0d4;color:#7a5709}.aviso.error{background:var(--coral-suave);color:#8c3412}.marco{max-width:1120px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}.fila{display:flex;align-items:center;gap:14px}.fila.entre{justify-content:space-between}.pila{display:grid;gap:16px}.rejilla{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.separador{height:1px;background:var(--linea-suave);border:0;margin:26px 0}.cabecera{position:sticky;top:0;z-index:20;background:#faf6ecdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea-suave)}.cabecera .marco{display:flex;align-items:center;justify-content:space-between;height:66px}.marca{font-family:var(--disp);font-weight:800;font-size:21px;letter-spacing:-.03em;color:var(--tinta);text-decoration:none}.marca em{font-style:italic;color:var(--coral)}.menu{display:flex;gap:4px}.menu a{font-size:14.5px;color:var(--tinta-suave);text-decoration:none;padding:8px 14px;border-radius:var(--r-pill)}.menu a:hover{background:var(--papel-hondo);color:var(--tinta)}.menu a.activo{background:var(--jade-tenue);color:var(--jade-hondo);font-weight:600}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.tablero{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi{border:1px solid var(--linea);transition:border-color .15s ease,transform .15s ease}.kpi:hover{border-color:var(--jade)}.kpi:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.kpi{transition:none}}.barra-parte{display:flex;flex-direction:column;gap:5px;width:100%;background:none;border:none;border-radius:10px;padding:8px 10px;margin:0 -10px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:background .14s ease}.barra-parte:hover,.barra-parte:focus-visible{background:var(--papel-hondo)}.riel{display:block;height:6px;background:var(--papel-hondo);border-radius:999px;overflow:hidden}.barra-parte:hover .riel{background:var(--linea)}.riel>span{display:block;height:100%;border-radius:999px;transition:width .3s ease}.empujon{display:none;font-size:13px;color:var(--jade);font-weight:600}.barra-parte:hover .empujon,.barra-parte:focus-visible .empujon{display:block}.apilada{display:flex;height:12px;border-radius:999px;overflow:hidden;gap:2px}.apilada>span{display:block;height:100%}.punto{width:9px;height:9px;border-radius:3px;display:inline-block}@media(prefers-reduced-motion:reduce){.barra-parte,.riel>span{transition:none}}.pestanas{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--linea);padding-bottom:10px}.pestana{background:none;border:1px solid transparent;border-radius:var(--r-pill);padding:7px 14px;font:inherit;font-size:14.5px;color:var(--tinta-suave);cursor:pointer;display:inline-flex;align-items:center;gap:7px}.pestana:hover{background:var(--papel-hondo)}.pestana.activa{background:var(--jade-tenue);color:var(--jade-hondo);border-color:var(--jade-suave);font-weight:600}.marca-falta{background:var(--coral);color:#fff;border-radius:999px;font-family:var(--mono, monospace);font-size:11px;min-width:18px;text-align:center;padding:1px 5px}.tarjeta.con-falta{border-left:3px solid var(--coral)}.aviso-ficha{margin:0;font-size:13.5px;color:#8c3412;background:var(--coral-suave);border-radius:10px;padding:7px 11px}