/*!
 * MetaPol — Claymorfismo + UI Espacial v1
 * Capa que se suma DESPUES de glass-liquid-3d.css (no reemplaza el cristal,
 * añade volumen "inflado" tipo plastilina en iconos/stats + profundidad
 * espacial (parallax por capas) en los widgets flotantes del hero.
 * Uso: ya aplicado por clase existente, sin tocar el HTML.
 */.section-icon{border-radius:22px!important;box-shadow:-6px -6px 14px rgba(255,255,255,.75),8px 10px 20px rgba(10,37,64,.16),inset 1px 1px 2px rgba(255,255,255,.9),inset -3px -4px 8px rgba(201,169,97,.18)!important}.section-icon:hover{transform:scale(1.08) translateY(-2px)!important;box-shadow:-8px -8px 18px rgba(255,255,255,.85),10px 14px 26px rgba(10,37,64,.2),inset 1px 1px 2px rgba(255,255,255,.95),inset -3px -4px 10px rgba(201,169,97,.24)!important}@media (prefers-reduced-motion:reduce){.section-icon:hover{transform:none!important}}.bento-req-item,.logro-item,.req-card,.requisito-card,.service-item,.valor-item{border-radius:24px!important;box-shadow:-8px -8px 18px rgba(255,255,255,.55),10px 12px 24px rgba(10,37,64,.1),inset 0 1px 0 rgba(255,255,255,.92)!important}.bento-req-item:hover,.logro-item:hover,.req-card:hover,.service-item:hover,.valor-item:hover{box-shadow:-10px -10px 22px rgba(255,255,255,.65),14px 18px 32px rgba(10,37,64,.14),0 0 0 1px rgba(201,169,97,.14),inset 0 1px 0 rgba(255,255,255,.95)!important}.app-stat{border-radius:18px!important;box-shadow:-4px -4px 10px rgba(255,255,255,.1),6px 8px 16px rgba(0,0,0,.22),inset 1px 1px 1px rgba(255,255,255,.14)!important}.hero-visual{perspective:1400px}.floating-widget{transform-style:preserve-3d;box-shadow:0 4px 10px rgba(10,37,64,.1),0 22px 44px -14px rgba(10,37,64,.28)!important}@keyframes floatWidgetSpatial1{0%,100%{transform:translateZ(40px) translateY(0) rotate(0)}50%{transform:translateZ(40px) translateY(-10px) rotate(2deg)}}@keyframes floatWidgetSpatial2{0%,100%{transform:translateZ(75px) translateY(0) rotate(0)}50%{transform:translateZ(75px) translateY(-10px) rotate(2deg)}}.floating-widget.widget-1{animation:floatWidgetSpatial1 8s ease-in-out infinite}.floating-widget.widget-2{animation:floatWidgetSpatial2 8s ease-in-out infinite;animation-delay:2s}.floating-widget.widget-1:hover{transform:translate(var(--wx,0),var(--wy,0)) translateZ(60px) translateY(-6px) scale(1.04)!important}.floating-widget.widget-2:hover{transform:translate(var(--wx,0),var(--wy,0)) translateZ(100px) translateY(-6px) scale(1.04)!important}@media (hover:none),(max-width:768px){.floating-widget.widget-1,.floating-widget.widget-2{animation:none!important;transform:none!important}}@media (prefers-reduced-motion:reduce){.floating-widget.widget-1,.floating-widget.widget-2{animation:none!important}}