/*
Theme Name:   Hello Elementor Child – Mercoindustrial
Theme URI:    https://elementor.com/hello-theme/
Description:  Tema hijo de Hello Elementor para el sitio corporativo de Mercoindustrial S.A. Contiene los ajustes de functions.php y algunos estilos mínimos. Subir desde Apariencia > Temas > Añadir nuevo > Subir tema.
Author:       Mercoindustrial S.A.
Template:     hello-elementor
Version:      1.0.0
Requires at least: 6.8
Requires PHP: 8.0
Text Domain:  hello-elementor-child
*/

/* ==========================================================================
   Estilos mínimos del sitio. Todo lo demás se define en Elementor
   (Ajustes del sitio > Colores / Tipografía globales).
   ========================================================================== */

/* Botón "Contacto" en el menú principal.
   En Apariencia > Menús, abrí el ítem "Contacto", en "Clases CSS" escribí: menu-cta
   (si no ves el campo, activalo arriba en "Opciones de pantalla" > "Clases CSS"). */
.site-header .menu-cta > a {
	background: #111111;
	color: #ffffff !important;
	border-radius: 6px;
	padding: 0.45em 1.1em;
	font-weight: 600;
}
.site-header .menu-cta > a:hover,
.site-header .menu-cta > a:focus {
	background: #1e8c96;
}

/* Que los logos y fotos de producto nunca desborden en móviles */
img {
	max-width: 100%;
	height: auto;
}

/* Foco visible para accesibilidad (teclado) */
a:focus-visible,
button:focus-visible {
	outline: 2px solid #1e8c96;
	outline-offset: 2px;
}