.diag .e-traza,.diag .e-aparece,.diag .e-crece,.diag .e-sube,.diag .e-sello,.diag .e-cae{transform-box:fill-box}.diag[data-estado=espera] .e-traza{stroke-dashoffset:100px}.diag[data-estado=espera] .e-aparece,.diag[data-estado=espera] .e-crece,.diag[data-estado=espera] .e-sube,.diag[data-estado=espera] .e-sello,.diag[data-estado=espera] .e-cae{opacity:0}.diag[data-estado=anima] .e-traza{animation:e-traza 1.1s cubic-bezier(.22,1,.36,1)var(--d,0s)both}@keyframes e-traza{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.diag[data-estado=anima] .e-aparece{animation:e-aparece .7s cubic-bezier(.22,1,.36,1)var(--d,0s)both}@keyframes e-aparece{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.diag .e-crece{transform-origin:50%}.diag[data-estado=anima] .e-crece{animation:e-crece .8s cubic-bezier(.34,1.56,.64,1)var(--d,0s)both}@keyframes e-crece{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.diag .e-sube{transform-origin:bottom}.diag[data-estado=anima] .e-sube{animation:e-sube 1.2s cubic-bezier(.22,1,.36,1)var(--d,0s)both}@keyframes e-sube{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.diag .e-sello{transform-origin:50%;transform:rotate(-8deg)}.diag[data-estado=anima] .e-sello{animation:e-sello .55s cubic-bezier(.34,1.56,.64,1)var(--d,0s)both}@keyframes e-sello{0%{opacity:0;transform:scale(1.7)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.diag[data-estado=anima] .e-cae{animation:e-cae .7s cubic-bezier(.34,1.56,.64,1)var(--d,0s)both}@keyframes e-cae{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}.diag .l-flujo{stroke-dasharray:3 7}.diag[data-estado=anima] .l-flujo{animation:l-flujo var(--t,1.2s)linear var(--d,0s)infinite}@keyframes l-flujo{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.diag[data-estado=anima] .l-gota{animation:l-gota var(--t,1.1s)linear var(--d,0s)infinite}@keyframes l-gota{0%{opacity:0;transform:translateY(-14px)}15%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(18px)}}.diag .l-vaiven{transform-box:fill-box;transform-origin:bottom}.diag[data-estado=anima] .l-vaiven{animation:l-vaiven var(--t,2.6s)ease-in-out var(--d,0s)infinite}@keyframes l-vaiven{0%,to{transform:skew(0)}25%{transform:skew(-5deg)}75%{transform:skew(4deg)}}.diag[data-estado=anima] .l-tiembla{animation:l-tiembla var(--t,2.6s)ease-in-out var(--d,0s)infinite}@keyframes l-tiembla{0%,to{transform:translate(0)}25%{transform:translate(3px)}75%{transform:translate(-2.5px)}}.diag .l-pulso{transform-box:fill-box;transform-origin:top}.diag[data-estado=anima] .l-pulso{animation:l-pulso var(--t,3s)ease-out var(--d,0s)infinite}@keyframes l-pulso{0%{opacity:0;transform:scale(.35)}15%{opacity:.95}to{opacity:0;transform:scale(1.12)}}.diag[data-estado=anima] .l-recorre{animation:l-recorre var(--t,5s)ease-in-out var(--d,0s)infinite alternate}@keyframes l-recorre{0%{transform:translate(0)}to{transform:translateX(var(--dx,100px))}}.diag[data-estado=anima] .l-nivel{animation:l-nivel var(--t,4s)ease-in-out var(--d,0s)infinite}@keyframes l-nivel{0%,to{transform:translateY(0)}50%{transform:translateY(var(--dy,-4px))}}.diag[data-estado=anima] .l-latido{animation:l-latido var(--t,2.2s)ease-in-out var(--d,0s)infinite}@keyframes l-latido{0%,to{opacity:.45}50%{opacity:1}}.diag[data-pausa="1"] *,.diag[data-pausa="1"]{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.diag *{animation:none!important}}.revelar{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0s)}.revelar[data-revelar=espera]{opacity:0;transform:translateY(18px)}.tarjeta-viva{transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .45s,background-color .45s,box-shadow .45s;position:relative}.tarjeta-viva:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#60a5fab3,#a78bfab3,#0000);height:1px;transition:opacity .45s;position:absolute;inset:0 18% auto}.tarjeta-viva:hover{border-color:#60a5fa59;transform:translateY(-3px);box-shadow:0 18px 50px -24px #60a5fa59}.tarjeta-viva:hover:before{opacity:1}.boton-brillo{isolation:isolate;position:relative;overflow:hidden}.boton-brillo:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:-40% auto -40% -60%;transform:skew(-18deg)translate(0)}.boton-brillo:hover:after{transform:skew(-18deg)translate(420%)}.texto-acento{background:linear-gradient(120deg,#93c5fd 0%,#60a5fa 35%,#a78bfa 100%);color:#0000;-webkit-background-clip:text;background-clip:text}@media (prefers-reduced-motion:reduce){.revelar{transition:none}.revelar[data-revelar=espera]{opacity:1;transform:none}.tarjeta-viva,.tarjeta-viva:hover{transition:none;transform:none}.boton-brillo:after{display:none}}