/*
Theme Name: Madelac modulares
Description: Tema hijo de Astra para Madelac modulares. Solo lo que Elementor gratis y Astra no expresan; colores, tipografías y textos se cambian en Elementor (Ajustes del sitio) y en Apariencia → Personalizar.
Author: Tu Web Económica
Author URI: https://tuwebeconomica.cloud
Template: astra
Version: 1.1.0
Text Domain: weco-madelac-modulares-hijo
Update URI: false
*/

/*
 * «Update URI: false»: con las actualizaciones automáticas encendidas, un tema
 * de wordpress.org con este mismo slug se instalaría encima de este.
 *
 * Aquí no van colores ni tipografías: los colores salen de las variables de
 * los globales del kit de Elementor, que el cliente cambia en un solo sitio.
 */

/* Cabecera fija al hacer scroll (en Astra gratis no hay cabecera fija). */
#masthead {
	position: sticky;
	top: 0;
	z-index: 999;
}
.admin-bar #masthead {
	top: 32px;
}
@media (max-width: 782px) {
	.admin-bar #masthead {
		top: 0;
	}
}

/* Los enlaces del menú llevan a anclas de la portada: que no queden debajo de la cabecera. */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 84px;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Título con una palabra destacada: lo que vaya en cursiva (<em>) toma el color de acento del kit.
   Se aplica a los títulos con la clase «mm-acento» (Avanzado → Clases CSS). */
.mm-acento em {
	font-style: italic;
	color: var(--e-global-color-accent);
}

/* Brillo que late en los botones destacados, como en la demo. Se activa con la
   clase «mm-pulso» (Avanzado → Clases CSS del botón) y toma el color de acento del kit. */
.mm-pulso .elementor-button {
	animation: mm-pulso 2.4s ease-in-out infinite;
}
@keyframes mm-pulso {
	0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--e-global-color-accent) 55%, transparent); }
	50% { box-shadow: 0 0 22px 6px color-mix(in srgb, var(--e-global-color-accent) 22%, transparent); }
}

/* Onda que late alrededor del botón flotante de WhatsApp: clase «mm-pulso-wa» en el icono. */
.mm-pulso-wa .elementor-icon {
	animation: mm-pulso-wa 2.4s ease-in-out infinite;
}
@keyframes mm-pulso-wa {
	0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--e-global-color-whatsapp) 45%, transparent); }
	50% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--e-global-color-whatsapp) 0%, transparent); }
}

@media (prefers-reduced-motion: reduce) {
	.mm-pulso .elementor-button,
	.mm-pulso-wa .elementor-icon {
		animation: none;
	}
}