/*
Theme Name: Divi JJM
Template: Divi
Description: Child theme de JJM-Consulting. Solo CSS de movimiento y anclas que Divi no cubre de forma nativa.
Version: 1.0.0
*/

/* Anclas: desplazamiento suave y margen para la cabecera fija */
html { scroll-behavior: smooth; }
#home, #news, #players, #services, #us, #approach, #contact { scroll-margin-top: 96px; }

/* Hover suave en botones (las tarjetas usan la sombra nativa de Divi) */
.et_pb_button { transition: transform .25s ease, box-shadow .25s ease; }
.et_pb_button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(28, 43, 32, .14); }

/* Arco del hero: flotacion muy suave */
.jjm-arch { animation: jjm-float 7s ease-in-out infinite; }
@keyframes jjm-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Cabecera fija que reduce su altura al hacer scroll (navegadores con scroll-driven animations) */
@supports (animation-timeline: scroll()) {
	.et-l--header .et_pb_section {
		animation: jjm-header-shrink linear both;
		animation-timeline: scroll(root);
		animation-range: 0 160px;
	}
}
@keyframes jjm-header-shrink { to { padding-top: 4px; padding-bottom: 4px; } }

/* Sin animaciones si el usuario lo pide */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.jjm-arch, .et-l--header .et_pb_section, .et_pb_button { animation: none !important; transition: none !important; }
	.et_animated, .et-waypoint { opacity: 1 !important; animation: none !important; transform: none !important; }
}