:root{--verde-negro: #071a0d;--verde-bosque: #0d2f19;--verde-medio: #133f20;--verde-primario: #3cb828;--verde-brillante: #93e02b;--ambar: #f2a93b;--blanco: #ffffff;--texto-muted: #aed3b3;--borde-suave: rgba(255, 255, 255, .12);--fuente-titulo: "Sora", system-ui, sans-serif;--fuente-texto: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--verde-negro);color:var(--blanco);font-family:var(--fuente-texto);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font-family:inherit}:focus-visible{outline:2px solid var(--verde-brillante);outline-offset:3px}.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pagina{min-height:100%;display:flex;flex-direction:column}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1.25rem,5vw,4rem)}.marca{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.logo{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.nombre-marca{font-family:var(--fuente-titulo);font-weight:700;font-size:1.25rem;letter-spacing:-.01em}.enlace-whatsapp{text-decoration:none;font-weight:600;font-size:.9rem;padding:.6rem 1.1rem;border-radius:999px;border:1px solid var(--borde-suave);transition:border-color .2s ease,background-color .2s ease;white-space:nowrap}.enlace-whatsapp:hover{border-color:var(--verde-brillante);background-color:#93e02b14}.hero{position:relative;overflow:hidden;padding:clamp(3rem,10vh,6rem) clamp(1.25rem,6vw,4rem) clamp(3rem,8vh,5rem);display:flex;flex-direction:column;align-items:center;text-align:center;background:radial-gradient(120% 90% at 50% -10%,var(--verde-medio) 0%,var(--verde-negro) 60%)}.lineas-velocidad{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.lineas-velocidad span{position:absolute;left:-40%;height:3px;width:55%;background:linear-gradient(90deg,transparent,var(--verde-brillante) 60%,transparent);opacity:.35;border-radius:3px;animation:deslizar 1.1s ease-out both}.lineas-velocidad span:nth-child(1){top:18%;animation-delay:.05s}.lineas-velocidad span:nth-child(2){top:38%;width:40%;animation-delay:.15s}.lineas-velocidad span:nth-child(3){top:64%;width:60%;animation-delay:.05s}.lineas-velocidad span:nth-child(4){top:82%;width:30%;animation-delay:.2s}@keyframes deslizar{0%{transform:translate(0);opacity:0}to{transform:translate(160%);opacity:.35}}.hero>*{position:relative;z-index:1}.insignia{display:inline-block;margin:0 0 1.5rem;padding:.45rem 1rem;border-radius:999px;background:#93e02b1f;border:1px solid rgba(147,224,43,.4);color:var(--verde-brillante);font-weight:600;font-size:.85rem}.hero h1{font-family:var(--fuente-titulo);font-weight:800;font-size:clamp(2.2rem,5.5vw,3.6rem);line-height:1.08;letter-spacing:-.02em;max-width:18ch;margin:0 0 1.25rem}.subtitulo{max-width:46ch;color:var(--texto-muted);font-size:clamp(1rem,1.6vw,1.15rem);margin:0 0 2.25rem}.formulario-aviso{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;width:100%;max-width:30rem}.formulario-aviso input{flex:1 1 14rem;padding:.85rem 1.1rem;border-radius:999px;border:1px solid var(--borde-suave);background:#ffffff0f;color:var(--blanco);font-size:.95rem}.formulario-aviso input::placeholder{color:#ffffff73}.formulario-aviso button{flex:0 0 auto;padding:.85rem 1.5rem;border-radius:999px;border:none;background:var(--verde-primario);color:var(--verde-negro);font-weight:700;font-size:.95rem;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.formulario-aviso button:hover{background:var(--verde-brillante)}.formulario-aviso button:active{transform:scale(.98)}.mensaje-formulario{min-height:1.5rem;margin-top:.9rem;font-size:.9rem}.mensaje-error{color:var(--ambar);margin:0}.mensaje-exito{color:var(--verde-brillante);margin:0}.categorias{padding:3rem clamp(1.25rem,6vw,4rem);text-align:center}.texto-categorias{max-width:40ch;margin:0 auto 2rem;color:var(--texto-muted)}.lista-chips{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:0;padding:0;max-width:46rem;margin-inline:auto}.chip{padding:.55rem 1.1rem;border-radius:999px;background:var(--verde-medio);border:1px solid var(--borde-suave);font-size:.9rem;font-weight:500;transform:rotate(var(--giro, 0deg));transition:transform .2s ease,border-color .2s ease}.chip:hover{border-color:var(--verde-brillante);transform:rotate(0)}.como-funciona{padding:2rem clamp(1.25rem,6vw,4rem) 5rem}.pasos{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;max-width:64rem;margin-inline:auto}.paso{padding:1.75rem;border-radius:1rem;background:linear-gradient(160deg,var(--verde-bosque),var(--verde-negro));border:1px solid var(--borde-suave)}.paso h3{font-family:var(--fuente-titulo);font-size:1.1rem;margin:0 0 .6rem}.paso p{color:var(--texto-muted);margin:0;font-size:.95rem}.pie{margin-top:auto;padding:2.5rem clamp(1.25rem,6vw,4rem);border-top:1px solid var(--borde-suave);display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;color:var(--texto-muted);font-size:.85rem}.marca-pie{margin-bottom:.25rem}.logo-pie{width:28px;height:28px}.marca-pie .nombre-marca{font-size:1rem;color:var(--blanco)}.enlaces-pie{display:flex;align-items:center;gap:.6rem;font-size:.85rem}.enlaces-pie a{color:var(--texto-muted);text-decoration:none}.enlaces-pie a:hover{color:var(--verde-brillante);text-decoration:underline}.enlaces-pie span{color:#aed3b366}.derechos{color:#aed3b399}.pagina-legal{max-width:42rem;margin:0 auto;padding:clamp(2.5rem,6vh,4rem) clamp(1.25rem,6vw,4rem) 4rem}.pagina-legal h1{font-family:var(--fuente-titulo);font-weight:800;font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 .5rem}.pagina-legal .fecha-actualizacion{color:var(--texto-muted);font-size:.85rem;margin:0 0 2rem}.pagina-legal h2{font-family:var(--fuente-titulo);font-size:1.2rem;margin:2rem 0 .75rem}.pagina-legal p,.pagina-legal li{color:var(--texto-muted);font-size:.98rem;line-height:1.65}.pagina-legal ul{padding-left:1.2rem;margin:.5rem 0}.pagina-legal li{margin-bottom:.4rem}.nota-legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--borde-suave);font-size:.85rem;font-style:italic}@media (max-width: 30rem){.encabezado{flex-direction:column;gap:.75rem}.formulario-aviso{flex-direction:column}.formulario-aviso button{width:100%}}@media (prefers-reduced-motion: reduce){.lineas-velocidad span{animation:none;opacity:.15}}