@layer componentes{.portada{--portada-gutter:var(--espacio-5);isolation:isolate;padding:0 var(--portada-gutter) var(--espacio-9);position:relative}.portada>section{max-width:var(--ancho-portada);margin-inline:auto}.portada h2{margin:0 0 var(--espacio-2);font-size:clamp(var(--texto-2xl), 2.6vw, var(--texto-3xl))}.portada h3{margin:0 0 var(--espacio-2)}.portada-antetitulo{margin:0 0 var(--espacio-3);color:var(--acento);font-size:var(--texto-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600}.portada>.portada-heroe{max-width:var(--ancho-portada);padding:var(--espacio-7) 0 var(--espacio-6)}.portada:before{content:"";z-index:-1;background:radial-gradient(ellipse 45% 60% at 82% 8%, var(--acento-suave), transparent 70%), radial-gradient(circle at 1px 1px, var(--borde) 1px, transparent 0) 0 0 / 24px 24px;height:44rem;-webkit-mask-image:linear-gradient(to bottom, var(--superficie) 45%, transparent);mask-image:linear-gradient(to bottom, var(--superficie) 45%, transparent);position:absolute;inset:0 0 auto}.portada-heroe h1{max-width:56rem;margin:0 0 var(--espacio-4);font-size:clamp(var(--texto-3xl), 4.4vw, var(--texto-5xl));letter-spacing:-.02em;font-variation-settings:"opsz" 144;line-height:1.04}.portada-heroe h1 em{color:var(--acento);background:linear-gradient(var(--acento-suave), var(--acento-suave)) 0 88% / 100% .28em no-repeat;font-style:normal}.portada-entradilla{max-width:44rem;margin:0 0 var(--espacio-5);color:var(--tinta-suave);font-size:var(--texto-l);line-height:1.6}.portada-acciones{gap:var(--espacio-3);flex-wrap:wrap;display:flex}.portada .boton.portada-entrar{min-height:3rem;padding-inline:var(--espacio-5);font-size:var(--texto-m)}.portada-entrar svg{transition:transform var(--duracion-rapida) var(--curva)}.portada-entrar:hover svg{transform:translate(3px)}.portada-acciones .boton.secundario{min-height:3rem}.portada-cabecera{max-width:44rem;margin-bottom:var(--espacio-5)}.portada-cabecera p:last-child{margin:0}.portada-seccion{padding-top:var(--espacio-9);scroll-margin-top:var(--espacio-5)}.portada-demo .portada-cabecera{align-items:baseline;gap:var(--espacio-1) var(--espacio-4);max-width:none;margin-bottom:var(--espacio-4);flex-wrap:wrap;display:flex}.portada-demo h2{font-size:var(--texto-xl);margin:0}.demo-recorrido{gap:var(--espacio-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"mapa""panel";display:grid}@media (min-width:1024px){.demo-recorrido.con-panel{grid-template-columns:minmax(0,1fr) 24rem;grid-template-areas:"mapa panel";align-items:start}}.demo-mapa{grid-area:mapa;min-width:0}.demo-mapa .mapa-lienzo{box-shadow:var(--sombra-2)}.demo-subtitulo{align-items:center;gap:var(--espacio-2) var(--espacio-4);margin-top:var(--espacio-3);flex-wrap:wrap;display:flex}.demo-progreso{border-radius:var(--radio-pildora);background:var(--superficie-hundida);flex:1 0 100%;height:3px;overflow:hidden}.demo-progreso span{background:var(--acento-vivo);height:100%;transition:inline-size var(--duracion-lenta) var(--curva);display:block}.demo-paso{flex:20rem;min-height:1.6em;margin:0}.demo-paso svg{vertical-align:-3px}.demo-contador{margin-right:var(--espacio-2);color:var(--tinta-suave)}.portada-pasos{gap:var(--espacio-5);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.portada-pasos li{padding:var(--espacio-5) 0 0;border-top:2px solid var(--tinta);position:relative}.portada-numero{top:var(--espacio-5);color:var(--tinta-suave);font-size:var(--texto-s);position:absolute;right:0}.portada-pasos p,.portada-principios p{color:var(--tinta-suave);margin:0}.portada-icono{width:2.75rem;height:2.75rem;margin-bottom:var(--espacio-4);border-radius:var(--radio-m);background:var(--acento-suave);color:var(--acento);place-items:center;display:inline-grid}.portada-principios{gap:var(--espacio-4);grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));margin:0;padding:0;list-style:none;display:grid}.portada-principios li{padding:var(--espacio-6) var(--espacio-5);border:1px solid var(--borde);border-radius:var(--radio-l);background:var(--superficie);box-shadow:var(--sombra-1);transition:box-shadow var(--duracion-media) var(--curva), transform var(--duracion-media) var(--curva)}.portada-principios li:hover{box-shadow:var(--sombra-2);transform:translateY(-2px)}.portada-principios li:first-child{border-color:var(--acento);background:var(--acento);color:var(--superficie)}.portada-principios li:first-child h3,.portada-principios li:first-child p{color:var(--superficie)}.portada-principios li:first-child .portada-icono{background:var(--acento-vivo);color:var(--superficie)}.portada-final{justify-items:center;gap:var(--espacio-3);margin-top:var(--espacio-9);padding:var(--espacio-8) var(--espacio-5);border-radius:var(--radio-l);background:radial-gradient(circle at 1px 1px, var(--borde) 1px, transparent 0) 0 0 / 24px 24px, var(--superficie-hundida);text-align:center;display:grid}.portada-final h2{max-width:32ch}.portada-final p{max-width:40rem;margin:0 0 var(--espacio-3);color:var(--tinta-suave)}.portada-final-icono{color:var(--acento)}@media (max-width:767.98px){.portada{--portada-gutter:var(--espacio-4)}.portada-heroe{padding-top:var(--espacio-6)}.portada-entradilla{font-size:var(--texto-m)}.portada-seccion{padding-top:var(--espacio-8)}}}