:root{--verde-oscuro:#006b4f;--verde:#00c875;--verde-lima:#43e52a;--tinta:#061c17;--fondo:#f7fbf9;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--fondo);min-height:100dvh;color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.fondo{z-index:0;pointer-events:none;animation:aparece 1.4s var(--ease-out) both;position:fixed;inset:0;overflow:hidden}.mancha{filter:blur(60px);opacity:.5;will-change:transform;border-radius:50%;width:62vmax;height:62vmax;animation:linear infinite alternate deriva;position:absolute}.m1{background:radial-gradient(circle, var(--verde) 0%, transparent 62%);opacity:.6;animation-duration:22s;top:-16vmax;left:-14vmax}.m2{background:radial-gradient(circle, var(--verde-lima) 0%, transparent 60%);opacity:.5;animation-duration:27s;animation-delay:-9s;bottom:-20vmax;right:-14vmax}.m3{background:radial-gradient(circle, var(--verde-oscuro) 0%, transparent 60%);opacity:.38;animation-duration:33s;animation-delay:-17s;bottom:-22vmax;left:-10vmax}.m4{background:radial-gradient(circle, var(--verde) 0%, transparent 58%);opacity:.4;animation-duration:38s;animation-delay:-4s;top:-18vmax;right:-18vmax}.trama{background-image:radial-gradient(#061c1712 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 75%);mask-image:radial-gradient(#000 30%,#0000 75%)}@keyframes deriva{0%{transform:translate(0,0)rotate(0)scale(1)}50%{transform:translate(14vmax,9vmax)rotate(40deg)scale(1.15)}to{transform:translate(-8vmax,15vmax)rotate(-25deg)scale(.92)}}@keyframes aparece{0%{opacity:0}to{opacity:1}}main{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2.75rem;min-height:100dvh;padding:2rem 1.25rem;display:flex;position:relative}.logo{margin:0;line-height:0}.logo img{width:min(460px,78vw);height:auto}.entra{animation:entra .9s var(--ease-out) both}.logo{animation-delay:.15s}.boton{animation-delay:.33s}@keyframes entra{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translate(0,0)scale(1)}}.boton{background:linear-gradient(135deg, var(--verde-oscuro) 0%, #00a862 100%);color:#fff;letter-spacing:.01em;isolation:isolate;transition:transform .2s var(--ease-out), box-shadow .25s ease;border-radius:999px;align-items:center;gap:.7rem;padding:1.05rem 2.3rem 1.05rem 2.5rem;font-size:1.2rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 12px 32px -12px #006b4f99,0 2px 6px #061c1714}.boton:after{content:"";z-index:-1;animation:destello 1.1s var(--ease-in-out) 1.25s 1 both;background:linear-gradient(105deg,#0000 35%,#ffffff61 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}@keyframes destello{to{transform:translate(110%)}}.flecha{transition:transform .2s var(--ease-out);display:inline-block}.boton:active{transition-duration:.12s;transform:scale(.97)}.boton:focus-visible{outline:3px solid var(--verde);outline-offset:4px}@media (hover:hover) and (pointer:fine){.boton:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px #006b4fb3,0 3px 8px #061c171a}.boton:hover .flecha{transform:translate(4px)}.boton:active{transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.mancha{animation:none}.entra{animation:.4s both aparece}.boton:after{opacity:0;animation:none}.boton,.flecha{transition:box-shadow .25s}}