/*!
 * MetaPol — Depth 3D Layer v1
 * Tilt 3D + borde-foco que sigue al cursor + sombra teñida navy.
 * GPU-safe (solo transform/opacity). No toca los ::before/::after de las cards.
 * Vars seteadas por glass-liquid-3d.js initCard3DTilt(): --mx --my --glow
 */.tilt-3d{position:relative;transform-style:preserve-3d;transition:box-shadow .45s cubic-bezier(.22,1,.36,1)}.tilt-3d:hover{box-shadow:0 30px 60px -20px rgba(10,37,64,.5),0 10px 22px -12px rgba(10,37,64,.38)}.tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:var(--glow, 0);transition:opacity .35s ease;background:radial-gradient(circle 240px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.16),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light;will-change:opacity}.tilt-glare::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:radial-gradient(circle 220px at var(--mx,50%) var(--my,50%),rgba(201,169,97,.95),rgba(201,169,97,0) 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;mix-blend-mode:normal}@media (prefers-reduced-motion:reduce){.tilt-glare{display:none}.tilt-3d:hover{box-shadow:none}}@media (hover:none){.tilt-glare{display:none}}