/*
Theme Name:   Kadence ITAFE
Theme URI:    https://itafe.com.es
Description:  Child theme de Kadence para ITAFE — Instalaciones Técnicas Avanzadas Fernández S.L. Diseño "Branded Not Blanded" para HVAC, solar y eléctrica en Málaga.
Author:       ITAFE (Ángel Fernández)
Author URI:   https://itafe.com.es
Template:     kadence
Version:      3.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-itafe
Tags:         hvac, solar, electricidad, malaga
*/

/* =============================================================================
   STYLE.CSS MÍNIMO — a propósito.
   Cada página del preview es AUTÓNOMA: trae su propio CSS (variables, chrome,
   hero, secciones) en el <style> inline de su plantilla, o en servicios.css (solo
   las 5 de servicios). Aquí NO ponemos reglas de diseño que puedan pisar el CSS de
   cada página: solo lo imprescindible y de baja prioridad. Así cada página se ve
   EXACTAMENTE igual que su preview.
   ============================================================================= */

/* Variables base (cada página define además su propio :root; esto es solo red de
   seguridad para que las var() existan siempre). */
:root {
  --itafe-azul-marino: #001E3C;
  --itafe-azul-medio:  #0078D2;
  --itafe-azul-cian:   #0096D2;
  --itafe-azul-claro:  #D2F0F0;
  --itafe-rojo-primario: #F00000;
  --itafe-rojo-oscuro:   #D20000;
  --itafe-blanco: #FFFFFF;
  --itafe-gris-fondo: #F8FAFC;
  --itafe-gris-borde: #E5E5E5;
  --itafe-texto-principal: #1A1A1A;
  --itafe-texto-secundario: #6B7280;
  --font-display: 'Archivo Black', 'Arial Black', Impact, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Reset universal de caja (idéntico a lo que asumen los previews). */
*, *::before, *::after { box-sizing: border-box; }

/* Imágenes responsivas, especificidad mínima (0,0,1): cualquier .clase con tamaño
   propio —p.ej. .brand__logo en su CSS de página— gana a esto. */
img, svg, video { max-width: 100%; height: auto; }