/* Volumen del logo original mediante capas SVG y perspectiva CSS. */
.logo-escena{position:relative;display:grid;place-items:center;width:100%;height:220px;margin:-25px auto 26px;perspective:1000px;isolation:isolate}
.logo-escena::before{content:"";position:absolute;inset:12% 8%;background:radial-gradient(ellipse,rgba(124,196,127,.13),transparent 68%);pointer-events:none}
.logo-volumen{position:relative;width:min(100%,680px);aspect-ratio:1650/450;transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-9deg));transition:transform .16s ease-out;will-change:transform}
.logo-capa{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;transform:translateZ(var(--z,0px));filter:brightness(.38)}
.logo-cara{filter:drop-shadow(0 1px 0 rgba(255,255,255,.3));transform:translateZ(12px)}
.logo-sombra{position:absolute;width:70%;height:20px;bottom:8px;border-radius:50%;background:rgba(0,0,0,.5);filter:blur(12px);pointer-events:none}
@media(max-width:540px){.logo-escena{height:140px;margin:-20px auto 20px}.hero{padding-top:44px}}
@media(prefers-reduced-motion:reduce){.logo-volumen{transform:none!important;transition:none;will-change:auto}}