body.grano{margin:0;overflow-x:hidden}.app{position:relative;z-index:1;width:100%;max-width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:42% 58%}.app>*,.personaje>*{min-width:0}.escenario{position:relative;padding:clamp(1.5rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.escenario__trazo{position:absolute;right:-3px;top:5%;height:90%;width:6px}.escenario__trazo line{stroke:var(--tinta);stroke-width:var(--trazo-grueso)}.marca{font-family:var(--mano);font-size:2rem;font-weight:700;margin:0;color:var(--tinta)}.marca b{color:var(--ambar)}.portada-zona{flex:1;display:grid;place-items:center;min-height:200px}.portada{grid-area:1 / 1;width:min(72%,380px);height:auto;opacity:0;transform:scale(.94) translateY(10px);transition:opacity .5s var(--curva),transform .6s var(--curva);pointer-events:none}.portada--activa{opacity:1;transform:none}.personaje{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:end}.personaje__figura{width:84px;height:auto;display:block}.personaje--banco .personaje__figura{width:96px}.mensaje{position:relative;padding:.85rem 1.05rem;background:var(--papel);font-size:var(--t-sm);line-height:1.45;color:var(--tinta);min-width:0}.mensaje__quien{font-family:var(--mano);font-weight:700;font-size:1.15rem;display:block;margin-bottom:.15rem}.personaje--banco .mensaje{color:var(--azul)}.personaje--banco .trazo-marco rect{stroke:var(--azul)}.cifra-wrap{margin-top:1rem}.cifra-label{font-size:var(--t-md);color:var(--tinta-suave)}.cifra{font-family:var(--display);font-weight:600;font-size:var(--t-xl);line-height:1;margin-top:.25rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-variation-settings:"opsz" 144}.cifra__peso{color:var(--ambar);font-weight:500;margin-right:.1em}.equiv{font-size:var(--t-sm);color:var(--tinta-suave);margin-top:.3rem;font-variant-numeric:tabular-nums}.equiv b{color:var(--tinta);font-weight:600}.estados{display:flex;gap:.4rem;margin-top:.8rem;align-items:center;flex-wrap:wrap}.estado{width:26px;height:26px;display:grid;place-items:center;font-size:.85rem;font-weight:600;box-shadow:inset 0 0 0 1.8px var(--linea);color:transparent;transition:background-color .35s var(--curva),box-shadow .35s var(--curva),color .35s var(--curva)}.estado--aplica{background:var(--verde);box-shadow:inset 0 0 0 1.8px var(--verde);color:var(--papel)}.estado--depende{background:var(--ambar);box-shadow:inset 0 0 0 1.8px var(--ambar);color:var(--papel)}.estado--no{box-shadow:inset 0 0 0 1.8px var(--rojo);color:var(--rojo)}.estados__cuenta{font-size:var(--t-sm);color:var(--tinta-suave);margin-left:.3rem}.progreso{margin-top:1.5rem;display:flex;align-items:center;gap:.9rem;color:var(--tinta-suave);font-size:var(--t-sm);font-variant-numeric:tabular-nums}.progreso svg{flex:1;height:14px}.progreso__pista{stroke:var(--linea);stroke-width:2.5}.progreso__linea{stroke:var(--ambar);stroke-width:3.5;transition:x2 .6s var(--curva)}.decision{padding:clamp(1.5rem,4vw,3.5rem) clamp(1.5rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.pantalla{display:flex;flex-direction:column;gap:1.7rem;animation:pantalla-entra .55s var(--curva)}.pantalla[data-sentido=atras]{animation-name:pantalla-entra-atras}@keyframes pantalla-entra{0%{opacity:0;transform:translate(26px)}to{opacity:1;transform:none}}@keyframes pantalla-entra-atras{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}.subpregunta{display:flex;flex-direction:column;gap:.9rem;animation:pantalla-entra .45s var(--curva)}.subpregunta__titulo{font-family:var(--display);font-weight:600;font-size:var(--t-md);margin:0}.entrada{font-family:var(--ui);font-size:var(--t-md);font-weight:500;background:transparent;border:0;border-bottom:2px solid var(--linea);padding:.5rem 0;width:100%;max-width:28ch;color:var(--tinta);outline:none;transition:border-color .3s var(--curva)}.entrada:focus{border-color:var(--ambar)}.entrada[aria-invalid=true]{border-color:var(--rojo)}.entrada::placeholder{color:var(--tinta-suave);opacity:1}.entrada--mes{max-width:14ch;font-variant-numeric:tabular-nums}.campo__error{font-size:var(--t-sm);color:var(--rojo)}.casillas{display:grid;gap:.9rem}.casilla{display:grid;grid-template-columns:1.3rem 1fr;gap:.7rem;align-items:start;font-size:var(--t-sm);line-height:1.45;color:var(--tinta-suave);cursor:pointer}.casilla__entrada{position:absolute;opacity:0;width:1px;height:1px}.casilla__caja{width:1.3rem;height:1.3rem;margin-top:.1rem;display:grid;place-items:center;box-shadow:inset 0 0 0 1.8px var(--tinta);color:transparent;transition:background-color .3s var(--curva),color .3s var(--curva)}.casilla__caja svg{width:.9rem;height:.9rem}.casilla__entrada:checked+.casilla__caja{background:var(--ambar);color:var(--tinta)}.casilla__entrada:focus-visible+.casilla__caja{box-shadow:inset 0 0 0 1.8px var(--tinta),0 0 0 3px var(--ambar-claro)}.casilla__marca{font-family:var(--mano);font-weight:700;color:var(--ambar);font-size:1.05rem;margin-left:.3rem}.grande{font-family:var(--display);font-size:var(--t-xl);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 144}.grande .cifra__peso{font-weight:500}.cierre{font-size:var(--t-md);color:var(--tinta-suave);max-width:52ch;line-height:1.5;margin:0}.cierre b{color:var(--tinta);font-weight:600}.lista-sub{display:grid}.fila-sub{display:grid;grid-template-columns:2rem 1fr auto;gap:.9rem;align-items:center;padding:.6rem 0;font-size:var(--t-md)}.fila-sub .estado{width:2rem;height:2rem;font-size:1rem}.fila-sub__nombre{font-weight:500}.fila-sub__nombre small{display:block;color:var(--tinta-suave);font-weight:400;font-size:var(--t-sm)}.fila-sub--marcado .fila-sub__nombre:after{content:" · lo marcaste";font-family:var(--mano);font-weight:600;color:var(--ambar);font-size:1.05rem}.fila-sub__etiqueta{font-size:var(--t-sm);font-weight:600;white-space:nowrap;color:var(--tinta-suave)}.separador{width:100%;height:4px;display:block}.separador line{stroke:var(--linea);stroke-width:1.5}.enlace-boton{text-decoration:none;display:inline-block}.mentoria{display:flex;flex-direction:column;gap:1.1rem;margin-top:.5rem}.mentoria__titulo{font-family:var(--display);font-weight:600;font-size:var(--t-md);line-height:1.25;margin:0}.mentoria__titulo em{font-style:italic;font-weight:500;color:var(--ambar)}.incluye{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.incluye li{display:grid;grid-template-columns:1.6rem 1fr;gap:.7rem;align-items:start;font-size:var(--t-md);line-height:1.45}.incluye li span{width:1.6rem;height:1.6rem;display:grid;place-items:center;background:var(--verde);color:var(--papel);font-size:.85rem;font-weight:600;margin-top:.1rem}.incluye li.no span{background:transparent;box-shadow:inset 0 0 0 1.8px var(--linea);color:var(--tinta-suave)}.incluye li.no{color:var(--tinta-suave)}.barra-movil{display:none}@media(max-width:820px){.app{grid-template-columns:1fr;min-height:auto;padding-bottom:8.2rem}.escenario{flex-direction:column;gap:.4rem;padding:1rem 1.3rem .3rem}.escenario__trazo,.marca,.cifra-wrap,.guia-mini{display:none}.portada-zona{min-height:0}.portada{width:min(42%,170px)}.personaje{gap:.6rem}.personaje__figura{width:56px}.personaje--banco .personaje__figura{width:64px}.mensaje{padding:.7rem .85rem;font-size:.9rem}.progreso{margin:.2rem 0 0;width:100%}.decision{padding:.5rem 1.3rem 1.5rem;justify-content:flex-start}.barra-movil{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:5;padding:.7rem 1.3rem calc(.9rem + env(safe-area-inset-bottom,0px));background:var(--papel);align-items:center;justify-content:space-between;gap:1rem}.barra-movil__trazo{position:absolute;left:0;right:0;top:-2px;height:4px;width:100%}.barra-movil__trazo line{stroke:var(--tinta);stroke-width:2}.barra-movil .cifra-label{font-size:.78rem}.barra-movil .cifra{font-size:1.8rem;margin:0}.barra-movil .equiv{display:none}.barra-movil>div:first-child{min-width:0}.barra-movil .estados{flex:none;margin:0;gap:.3rem}.barra-movil .estado{width:20px;height:20px;font-size:.7rem}.barra-movil .estados__cuenta{display:none}}.bloque-resultado{display:flex;flex-direction:column;gap:1.1rem;padding:.4rem 0}.explica{display:grid;gap:.35rem;margin:0}.explica__linea{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:var(--t-md)}.explica__linea dt{color:var(--tinta-suave)}.explica__linea dd{margin:0;font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.freno{display:grid;grid-template-columns:6px 1fr;gap:.9rem}.freno__linea{width:6px;height:100%}.freno__linea line{stroke:var(--ambar);stroke-width:3}.freno__cuerpo{display:flex;flex-direction:column;gap:.5rem}.freno__titulo{font-family:var(--display);font-weight:600;font-size:var(--t-md);margin:0}.fila-sub__etiqueta--aplica{color:var(--verde)}.fila-sub__etiqueta--depende{color:var(--ambar)}.fila-sub__etiqueta--no{color:var(--rojo)}.mentoria{position:relative;padding:1.4rem 1.5rem 1.5rem;margin-top:.4rem}.seguir--grande{align-self:flex-start;padding:1.15rem 2.8rem;font-size:1.1rem}.enlace{display:flex;flex-direction:column;gap:.8rem}.enlace__texto{margin:0;font-size:var(--t-md);color:var(--tinta-suave);max-width:44ch}.enlace__campo{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.enlace__campo .entrada{flex:1 1 18ch}.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:820px){.seguir--grande{align-self:stretch}}.nota-discreta{margin:0;font-size:var(--t-sm);color:var(--tinta-suave)}.nota-discreta a,.casilla a{color:inherit;text-decoration:underline;text-underline-offset:3px}