/* EN360 Motion — ajustes tras revisión */
html:has(body.en360-motion) { overflow-x: clip; }
body.en360-motion { overflow-x: clip !important; }
.en360-seal__text { font-size: 9px; letter-spacing: 2.6px; }

body.en360-motion .en-takeover .en-split em { background-image: none !important; }
body.en360-motion .en-takeover .en-split em .en-wi {
	background-image: linear-gradient(100deg, #FFFFFF 0%, #FFE7C2 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	color: transparent !important;
}

/* GSAP controla transform: las transiciones CSS solo en otras propiedades */
body.en360-motion .en-btn,
body.en360-motion .en-btn-ghost { transition: translate 0.6s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s, background-color 0.35s !important; }
body.en360-motion .en-btn:hover,
body.en360-motion .en-btn-ghost:hover { transform: none; }
body.en360-motion .en-chip { transition: translate 0.3s, background-color 0.3s, color 0.3s !important; }
body.en360-motion .en-chip:hover { transform: none; translate: 0 -3px; }
body.en360-motion .en-card { transition: translate 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s !important; }
body.en360-motion .en-card:hover { transform: none; translate: 0 -8px; }
body.en360-motion .en-tilt { transition: rotate 0.8s cubic-bezier(.2,.8,.2,1); }

@media (max-width: 767px) {
	body.en360-motion .en-nav { padding: 0.5rem 0.5rem 0.5rem 1.1rem; gap: 0.75rem; }
	body.en360-motion .en-nav .en-logo { font-size: 1.02rem; white-space: nowrap; }
	body.en360-motion .en-nav .en-btn { padding: 0.65rem 1rem !important; font-size: 0.8rem !important; white-space: nowrap; }
}