.bio{isolation:isolate;background:radial-gradient(120% 55% at 50% -12%,#5cf2d633,transparent 62%), radial-gradient(90% 40% at 100% 100%,#ff9a7012,transparent 70%), linear-gradient(180deg,var(--superficie) 0,var(--agua) 24%,var(--profundidad) 56%,var(--abisal) 82%,var(--fondo) 100%);min-height:100svh;padding:0 18px;position:relative;overflow:hidden}.bio-fondo{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bio-luz{filter:blur(5px);background:repeating-linear-gradient(104deg,#0000 0 38px,#a6ffe80e 38px 64px,#0000 64px 120px);width:180%;height:62%;animation:22s ease-in-out infinite alternate bio-mecer;position:absolute;top:-8%;left:-40%;transform:translate(-4%)skew(-4deg);-webkit-mask-image:linear-gradient(#000 0,#00000080 45%,#0000 92%);mask-image:linear-gradient(#000 0,#00000080 45%,#0000 92%)}@keyframes bio-mecer{to{transform:translate(4%)skew(4deg)}}.bio-burbuja{opacity:0;background:radial-gradient(circle at 32% 30%,#f0fbf88c,#f0fbf80f 60%);border:1px solid #f0fbf861;border-radius:50%;width:8px;height:8px;animation:19s linear infinite bio-subir;position:absolute;bottom:-24px}.bio-burbuja--0{animation-delay:-2s;left:8%}.bio-burbuja--1{width:5px;height:5px;animation-duration:23s;animation-delay:-11s;left:21%}.bio-burbuja--2{width:11px;height:11px;animation-duration:26s;animation-delay:-6s;left:37%}.bio-burbuja--3{width:6px;height:6px;animation-duration:21s;animation-delay:-16s;left:58%}.bio-burbuja--4{animation-duration:24s;animation-delay:-3s;left:72%}.bio-burbuja--5{width:5px;height:5px;animation-duration:18s;animation-delay:-9s;left:86%}.bio-burbuja--6{width:9px;height:9px;animation-duration:28s;animation-delay:-20s;left:94%}@keyframes bio-subir{0%{opacity:0;transform:translate(0,0)}8%{opacity:.85}50%{transform:translate(10px,-60vh)}85%{opacity:.6}to{opacity:0;transform:translate(-6px,-125vh)}}@media (prefers-reduced-motion:reduce){.bio-luz{animation:none}.bio-burbuja{display:none}}.pausado .bio-luz{animation:none}.pausado .bio-burbuja{display:none}.bio-in{width:100%;max-width:480px;margin:0 auto;padding:40px 0 32px;position:relative}.bio-cabeza{text-align:center;margin-bottom:6px}.bio-logo{filter:drop-shadow(0 14px 26px #080c3073)drop-shadow(0 0 1px #f0fbf880);margin:0 auto 18px;display:block}.bio-nombre{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:36px;font-weight:600;line-height:1.05}.bio-lema{font-family:var(--serif);color:var(--texto);margin:10px 0 0;font-size:20px;line-height:1.3}.bio-lema em{color:var(--dorado);font-style:italic}.bio-linea{color:var(--texto-2);max-width:36ch;margin:8px auto 0;font-size:15px;line-height:1.5}.bio-grupo{margin-top:28px}.bio-rotulo{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#a6ffe8;align-items:center;gap:12px;margin:0 2px 12px;font-size:11.5px;font-weight:700;line-height:1.2;display:flex}.bio-rotulo:after{content:"";background:linear-gradient(90deg,#a6ffe859,#0000);flex:1;height:1px}.bio-lista{gap:10px;margin:0;padding:0;list-style:none;display:grid}.bio-boton{min-height:68px;color:var(--texto);border:1px solid var(--borde);background:linear-gradient(#f0fbf816,#f0fbf808),#0920496b;border-radius:18px;grid-template-columns:44px 1fr 18px;align-items:center;gap:14px;padding:12px 14px 12px 12px;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s;display:grid;box-shadow:inset 0 1px #f0fbf81a,0 8px 22px -14px #050824b3}.bio-boton:hover{background-color:#0b567c8c;border-color:#5cf2d68c}.bio-boton:hover .bio-boton__flecha{color:var(--menta);transform:translate(3px)}.bio-boton:active{transform:scale(.985)}.bio-boton__icono{width:44px;height:44px;color:var(--menta);background:#5cf2d61c;border:1px solid #5cf2d63d;border-radius:13px;place-items:center;display:grid}.bio-boton__texto{flex-direction:column;gap:2px;min-width:0;display:flex}.bio-boton__titulo{letter-spacing:-.005em;font-size:16.5px;font-weight:650;line-height:1.25}.bio-boton__sub{color:var(--texto-3);font-size:13.5px;line-height:1.35}.bio-boton__flecha{color:var(--texto-3);transition:transform .18s,color .18s}.bio-pastilla{vertical-align:2px;letter-spacing:.12em;text-transform:uppercase;color:var(--dorado);background:#ffd16624;border:1px solid #ffd16661;border-radius:999px;margin-left:8px;padding:2px 8px 3px;font-size:10.5px;font-weight:700;line-height:1.3;display:inline-block}.bio-boton--pronto .bio-boton__icono{color:var(--dorado);background:#ffd1661a;border-color:#ffd16647}.bio-boton--destacado{color:var(--sobre-acento);background:linear-gradient(180deg,#7af6df,var(--menta));border-color:#0000;box-shadow:inset 0 1px #ffffff73,0 12px 26px -14px #5cf2d6b3}.bio-boton--destacado:hover{filter:brightness(1.05);background-color:#0000;border-color:#0000}.bio-boton--destacado .bio-boton__icono{color:var(--sobre-acento);background:#0b35501a;border-color:#0b35502e}.bio-boton--destacado .bio-boton__sub{color:#0b3550c7}.bio-boton--destacado .bio-boton__flecha,.bio-boton--destacado:hover .bio-boton__flecha{color:var(--sobre-acento)}.bio-boton--destacado .bio-pastilla{color:var(--sobre-acento);background:#0b35501a;border-color:#0b35504d}.bio-pie{text-align:center;margin-top:36px}.bio-redes{grid-template-columns:repeat(2,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.bio-redes a{min-height:48px;color:var(--texto);border:1px solid var(--borde);background:#09204959;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s,border-color .18s;display:flex}.bio-redes a:hover{color:var(--menta);border-color:#5cf2d68c}.bio-correo{color:var(--texto-2);text-underline-offset:3px;margin-top:16px;padding:8px 10px;font-size:14px;-webkit-text-decoration:underline #f0fbf84d;text-decoration:underline #f0fbf84d;display:inline-block}.bio-correo:hover{color:var(--texto)}.bio-dominio{letter-spacing:.1em;width:max-content;color:var(--texto-3);margin:6px auto 0;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.bio-dominio:hover{color:var(--texto)}@media (min-width:700px){.bio-in{padding-top:64px;padding-bottom:48px}.bio-nombre{font-size:40px}}
