:root{--background:0 0% 100%;--foreground:222 84% 5%;--muted:215 16% 47%;--border:214 32% 91%;--primary:152 61% 40%;--primary-soft:152 55% 65%;--card:0 0% 100%;--ink:#020817}
html{scroll-behavior:smooth}
body{font-family:"Manrope",system-ui,sans-serif;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased}
.masthead img{filter:brightness(0) invert(1)}
.font-mono-jb{font-family:"JetBrains Mono",ui-monospace,monospace}
.text-balance{text-wrap:balance}
input,textarea,select{font-size:16px!important}

/* cambiado 12/09: la flecha rebotaba tapando el subtitulo en iphone chico */
.inicio-flecha{animation:inicio-rebote 2.2s ease-in-out infinite}
@keyframes inicio-rebote{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

.inicio-hoja{transition:opacity .45s ease,transform .45s ease}
.inicio-hoja[data-state="oculta"]{opacity:0;transform:translateY(8px);pointer-events:none}
.inicio-hoja[data-state="visible"]{opacity:1;transform:none}

.inicio-renglon{border-bottom:1px dashed #E2E8F0;padding:7px 0}
.inicio-renglon:last-child{border-bottom:0}
.inicio-check:before{content:"";display:block;width:6px;height:10px;border:solid #28A46A;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}

.inicio-cookies[hidden]{display:none}
.inicio-estado.ok{color:#28a46a}
.inicio-estado.mal{color:#dc2626}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}