/*
 Theme Name: Geomil Child Theme
 Theme URI: https://geomil-group.com
 Description: Tema hijo de Hello Elementor para Geomil Group
 Author: Geomil Group
 Template: hello-elementor
 Version: 1.0.0
*/

/* ===== VARIABLES GLOBALES ===== */
:root {
  --color-rojo: #C8102E;
  --color-rojo-oscuro: #a00d24;
  --color-blanco: #ffffff;
  --color-gris-claro: #f5f5f5;
  --color-texto: #333333;
  --fuente-principal: 'Montserrat', sans-serif;
}

/* ===== ESTILOS GLOBALES ===== */
body {
  font-family: var(--fuente-principal);
  color: var(--color-texto);
}

/* ===== HEADER ===== */
.site-header {
  background-color: var(--color-blanco);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* ===== BOTONES ===== */
.btn-rojo {
  background-color: var(--color-rojo);
  color: var(--color-blanco);
  padding: 12px 30px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease;
}

.btn-rojo:hover {
  background-color: var(--color-rojo-oscuro);
  color: var(--color-blanco);
}

/* ===== SECCIÓN HERO (PRUEBA) ===== */
.seccion-prueba {
  background-color: var(--color-gris-claro);
  padding: 80px 20px;
  text-align: center;
}

.seccion-prueba h1 {
  color: var(--color-rojo);
  font-size: 2.5rem;
  margin-bottom: 20px;
}

/* ===== TARJETAS DE SERVICIOS ===== */
.tarjeta-servicio {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.tarjeta-servicio:hover {
  transform: translateY(-5px);
}

/* ===== ESTADÍSTICAS ===== */
.estadistica-numero {
  color: var(--color-rojo);
  font-size: 2.5rem;
  font-weight: 700;
}

/* ===== FOOTER ===== */
.site-footer {
  background-color: var(--color-rojo);
  color: var(--color-blanco);
  padding: 40px 0;
}