/*
Theme Name:   Lovbot Child
Theme URI:    https://lovbot.mx/
Description:  Tema hijo de Hello Elementor para Lovbot Marketing México. Los estilos visuales viven en Elementor (variables y clases globales lb-*); aquí solo van ajustes base.
Author:       Lovbot Marketing
Author URI:   https://lovbot.mx/
Template:     hello-elementor
Version:      1.2.1
Requires at least: 6.5
Requires PHP: 7.4
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  lovbot-child
*/

/* Desplazamiento suave a las anclas sin que el header fijo tape el título. */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Header fijo: el contenedor de la plantilla de Elementor debe ser el que se pega arriba. */
.elementor-location-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar .elementor-location-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .elementor-location-header {
		top: 46px;
	}
}

/* En pantallas de menos de 600px la barra de administración no es fija. */
@media (max-width: 600px) {
	.admin-bar .elementor-location-header {
		top: 0;
	}
}

/* Header compacto al hacer scroll (navegadores con scroll-driven animations; el resto lo ve normal). */
@supports (animation-timeline: scroll()) {
	.elementor-location-header > header {
		animation: lovbot-header-compact linear both;
		animation-timeline: scroll(root);
		animation-range: 0 160px;
	}

	@keyframes lovbot-header-compact {
		to {
			padding-top: 6px;
			padding-bottom: 6px;
			box-shadow: 0 10px 30px -18px rgba(34, 38, 45, 0.45);
		}
	}
}

/* Movimiento reducido: sin animaciones de Elementor ni del header; el carrusel de logos solo va más lento. */
@media (prefers-reduced-motion: reduce) {
	[data-interaction-id]:not([data-id="6c5aa12c"]),
	.elementor-location-header > header {
		animation: none !important;
		transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}

	[data-id="6c5aa12c"] {
		animation-duration: 140s !important;
	}
}

/* Carrusel continuo de logos de clientes (Inicio). */
[data-id="6c5aa12c"] {
	animation: lovbot-logos 60s linear infinite;
	will-change: transform;
}

[data-id="71414024"]:hover [data-id="6c5aa12c"] {
	animation-play-state: paused;
}

@keyframes lovbot-logos {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 767px) {
	[data-id="6c5aa12c"] {
		animation-duration: 45s;
	}
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Foco visible y consistente para navegación por teclado (WCAG 2.2). */
:where(a, button, summary, input, textarea, select):focus-visible {
	outline: 3px solid #D90A24;
	outline-offset: 3px;
}

/* Enlace "Saltar al contenido" de Hello Elementor visible al enfocarlo. */
.skip-link.screen-reader-text:focus {
	background: #22262D;
	color: #FFFFFF;
	padding: 12px 18px;
	border-radius: 999px;
	z-index: 100000;
}