/*
Theme Name: Hello Elementor Child - ASCA Radiaciones
Theme URI: https://ascaradiaciones.com.mx
Description: Child theme de Hello Elementor personalizado para ASCA Radiaciones (asesoría, capacitación y gestoría en seguridad radiológica).
Author: ASCA Radiaciones
Template: hello-elementor
Version: 1.0.0
Text Domain: asca
*/

/* ==========================================================================
   Variables de marca ASCA Radiaciones
   No usar colores directos fuera de este bloque: siempre var(--asca-*)
   ========================================================================== */
:root {
	--asca-negro: #000000;
	--asca-azul: #3f47cc;
	--asca-gris: #c0c0c0;
	--asca-naranja: #ff8041;
	--asca-petroleo: #284e65;
	--asca-blanco: #ffffff;

	--asca-font-heading: 'Poppins', sans-serif;
	--asca-font-body: 'Inter', sans-serif;
}

/* ==========================================================================
   Tipografía base
   ========================================================================== */
body {
	font-family: var(--asca-font-body);
	color: var(--asca-negro);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--asca-font-heading);
	font-weight: 600;
}

/* ==========================================================================
   Enlaces y color primario de marca
   ========================================================================== */
a {
	color: var(--asca-azul);
}

a:hover {
	color: var(--asca-naranja);
}

/* ==========================================================================
   Botones (Elementor y nativos) con acento de marca
   ========================================================================== */
.elementor-button,
button,
input[type='submit'] {
	background-color: var(--asca-azul);
	color: var(--asca-blanco);
	font-family: var(--asca-font-heading);
	font-weight: 600;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

.elementor-button:hover,
button:hover,
input[type='submit']:hover {
	background-color: var(--asca-naranja);
	color: var(--asca-blanco);
}

/* Botón secundario / CTA naranja explícito */
.asca-btn-cta {
	background-color: var(--asca-naranja) !important;
	color: var(--asca-blanco) !important;
}

/* ==========================================================================
   Footer petróleo
   ========================================================================== */
.asca-footer,
footer.elementor-location-footer {
	background-color: var(--asca-petroleo);
	color: var(--asca-blanco);
}

.asca-footer a {
	color: var(--asca-gris);
}

.asca-footer a:hover {
	color: var(--asca-naranja);
}

/* ==========================================================================
   Fondos y separadores suaves (nunca texto sobre gris)
   ========================================================================== */
.asca-bg-suave {
	background-color: var(--asca-gris);
}

hr,
.asca-separador {
	border-color: var(--asca-gris);
}