/*
Theme Name:   AGR Motor Services (hijo de Hello Elementor)
Theme URI:    https://lagalera.agrmotorservices.com/
Description:  Tema hijo de Hello Elementor para AGR Motor Services. Todo el CSS/PHP propio va aquí, nunca en el tema padre.
Author:       CanaryApps Premium
Template:     hello-elementor
Version:      2.2.0
Requires PHP: 8.2
Text Domain:  agr-child
*/

/* ==========================================================================
   [agr_menu] — sustituye al widget "Menú" de Elementor Pro (modo desplegable).
   Valores copiados de la configuración que tenía el widget Pro en la cabecera.
   ========================================================================== */
.agr-menu {
	position: relative;
}

.agr-menu__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: .25em;
	border: 0 solid;
	border-radius: 3px;
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-5086297);
	font-size: 22px;
	cursor: pointer;
}

.agr-menu__toggle:hover {
	color: var(--e-global-color-accent);
}

.agr-menu__icon {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.agr-menu.is-open .agr-menu__icon--open,
.agr-menu:not(.is-open) .agr-menu__icon--close {
	display: none;
}

.agr-menu__dropdown {
	position: absolute;
	z-index: 9997;
	margin-top: 37px;
	overflow: auto;
	background-color: var(--e-global-color-5086297);
	font-size: 13px;
	max-height: 0;
	transform: scaleY(0);
	transform-origin: top;
	transition: max-height .3s, transform .3s;
}

.agr-menu.is-open .agr-menu__dropdown {
	max-height: 100vh;
	transform: scaleY(1);
}

.agr-menu__list,
.agr-menu__list li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

.agr-menu__list li:not(:last-child) {
	border-bottom: 1px solid var(--e-global-color-17dc5d4);
}

.agr-menu .agr-menu__link {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 10px;
	border-left: 8px solid transparent;
	color: var(--e-global-color-2903494);
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	line-height: 20px;
	text-transform: var(--e-global-typography-accent-text-transform);
	text-shadow: none;
}

.agr-menu .agr-menu__link:hover,
.agr-menu .agr-menu__link:focus {
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-accent);
}

.agr-menu .current-menu-item > .agr-menu__link {
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-2903494);
}

@media (max-width: 1024px) {
	.agr-menu__toggle {
		font-size: 28px;
	}

	.agr-menu .agr-menu__link {
		padding: 20px 30px;
	}
}

/* ==========================================================================
   Cabecera fija en escritorio — sustituye al "Sticky" de Elementor Pro.
   ========================================================================== */
.agr-sticky--active {
	position: fixed !important;
	z-index: 999;
}

/* Reglas de la hoja general de Elementor Pro que afectaban a listas de iconos de la web. */
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
	display: inline-block;
}

.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text a,
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
	display: inline;
}

/* Marca "AGR Motor Services" (dos títulos seguidos en cabecera y pie): hueco de un espacio entre "AGR" y "Motor Services". */
.elementor-element-25cd75b3 > .elementor-widget-container,
.elementor-element-6a5632ee > .elementor-widget-container {
	margin-left: .25em;
}

/* ==========================================================================
   [agr_rotador] — sustituye al "Titular animado" de Elementor Pro (estilo rotar, efecto swirl).
   Animación copiada de Elementor Pro; tipografía y colores del Kit.
   ========================================================================== */
.elementor-widget-shortcode .agr-rotador {
	display: block;
	margin: 0;
	color: var(--e-global-color-5086297);
	font-family: var(--e-global-typography-ddad02c-font-family), Sans-serif;
	font-size: var(--e-global-typography-ddad02c-font-size);
	font-weight: var(--e-global-typography-ddad02c-font-weight);
	line-height: var(--e-global-typography-ddad02c-line-height);
	text-align: center;
}

.agr-rotador__wrap {
	display: inline-block;
	position: relative;
	perspective: 300px;
	text-align: left;
	vertical-align: bottom;
}

.agr-rotador__palabra {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	color: var(--e-global-color-2903494);
	transform: scaleX(1.0005);
}

.agr-rotador__palabra.is-active {
	position: relative;
	opacity: 1;
}

.agr-rotador__palabra.is-leaving {
	opacity: 1;
}

.agr-rotador__letra {
	display: inline-block;
	opacity: 0;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	transform: translateZ(-20px) rotateX(90deg);
	animation: agr-swirl-out .4s forwards;
}

.agr-rotador__letra.is-in {
	animation: agr-swirl-in .4s forwards;
}

@keyframes agr-swirl-in {
	0% { opacity: 0; transform: translateZ(-20px) rotateX(90deg); }
	60% { opacity: 1; transform: translateZ(-20px) rotateX(-10deg); }
	to { opacity: 1; transform: translateZ(-20px) rotateX(0deg); }
}

@keyframes agr-swirl-out {
	0% { opacity: 1; transform: translateZ(-20px) rotateX(0); }
	60% { opacity: 0; transform: translateZ(-20px) rotateX(-100deg); }
	to { opacity: 0; transform: translateZ(-20px) rotateX(-90deg); }
}

@media (prefers-reduced-motion: reduce) {
	.agr-rotador__letra,
	.agr-rotador__letra.is-in {
		animation: none;
		opacity: 1;
		transform: none;
	}
}

/* ---------- Pie: datos del taller y "Nuestro otro taller" ---------- */

.agr-pie-taller,
.agr-otro-taller {
	margin: 0 0 0.75em;
}

.agr-pie-taller a,
.agr-otro-taller a {
	color: inherit;
	text-decoration: underline;
}