@layer components{.dn-escena{max-width:30rem;margin-inline:auto;position:relative}.dn-escena svg{width:100%;height:auto;display:block;overflow:visible}.dn-tierra{stroke:var(--color-borde-fuerte);stroke-width:3px;stroke-linecap:round;fill:none}.dn-semilla{fill:var(--color-marca);transform-box:fill-box;transform-origin:50%;opacity:0;transition:transform .9s var(--ease-out) .3s, opacity .4s var(--ease-out) .3s;transform:translateY(-70px)}[data-in=true] .dn-semilla{opacity:1;transform:translateY(0)}.dn-tallo{fill:none;stroke:var(--color-exito);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--ease-in-out) 1.3s}[data-in=true] .dn-tallo{stroke-dashoffset:0}.dn-video{fill:var(--color-superficie);stroke:var(--color-marca);stroke-width:3px;transform-box:fill-box;transform-origin:bottom;transition:transform .7s var(--ease-out) 2.4s;transform:scale(0)}.dn-play{fill:var(--color-marca);transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease-out) 2.9s;transform:scale(0)}[data-in=true] :is(.dn-video,.dn-play){transform:scale(1)}.dn-rayo{fill:none;stroke:var(--color-marca);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--ease-out) calc(3.2s + var(--i) * .15s)}[data-in=true] .dn-rayo{stroke-dashoffset:0}.dn-gente circle,.dn-gente path{fill:var(--color-borde-fuerte);transition:fill .5s var(--ease-out) calc(3.7s + var(--i) * .15s)}[data-in=true] .dn-gente circle,[data-in=true] .dn-gente path{fill:var(--color-marca)}.dn-pie{text-align:center;color:var(--color-texto-suave);margin-top:1rem;font-size:1.0625rem}.dn-usos{gap:1.25rem;display:grid}@media (min-width:768px){.dn-usos{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.dn-uso{border:1px solid var(--color-borde);border-radius:var(--radio-lg);background:var(--color-superficie);box-shadow:var(--sombra-baja);opacity:0;transition:opacity .6s var(--ease-out) calc(var(--i) * .15s), transform .6s var(--ease-out) calc(var(--i) * .15s);padding:1.75rem;transform:translateY(18px)}[data-in=true] .dn-uso{opacity:1;transform:none}.dn-uso-icono{border-radius:var(--radio-full);background:var(--color-marca-suave);width:3.25rem;height:3.25rem;color:var(--color-marca-texto);transition:background .5s var(--ease-out) calc(.4s + var(--i) * .15s);justify-content:center;align-items:center;display:inline-flex}[data-in=true] .dn-uso-icono{background:var(--color-marca);color:var(--color-sobre-marca)}.dn-uso-icono svg{animation:dn-late 2.6s var(--ease-in-out) infinite}.dn-uso h3{color:var(--color-texto);margin-top:1rem;font-size:1.375rem;font-weight:700}.dn-uso p{color:var(--color-texto-suave);margin-top:.5rem;font-size:1.0625rem;line-height:1.55}@keyframes dn-late{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}}@media (prefers-reduced-motion:reduce){:is(.dn-semilla,.dn-video,.dn-play,.dn-uso){opacity:1!important;transition:none!important;transform:none!important}:is(.dn-tallo,.dn-rayo){stroke-dashoffset:0!important;transition:none!important}.dn-gente :is(circle,path){fill:var(--color-marca)!important;transition:none!important}.dn-uso-icono{background:var(--color-marca)!important;color:var(--color-sobre-marca)!important;transition:none!important}.dn-uso-icono svg{animation:none!important}}