/*
 * custom.css — Althea Espai Salut
 * ================================
 * Estilos propios del sitio, fáciles de modificar.
 * Los estilos de Bootstrap, FontAwesome, etc. están en althea.css (no tocar).
 *
 * ÍNDICE
 *   1. Variables (colores, fuentes)
 *   2. Cabecera y navegación
 *   3. Hero (sección de portada)
 *   4. Secciones generales
 *   5. Galería
 *   6. Sobre nosotros
 *   7. Pie de página
 *   8. Animaciones de scroll
 *   9. Menú móvil (hamburguesa)
 */


/* ============================================================
   1. VARIABLES
   ============================================================ */

:root {
  --color-principal: #03c4eb;   /* Azul/cian — color de marca */
  --color-texto:     #333333;   /* Gris oscuro — texto general */
  --color-fondo:     #ffffff;   /* Blanco — fondo del sitio */
  --fuente-menu:     "Raleway", Helvetica, Arial, sans-serif;
  --fuente-cuerpo:   "Open Sans", sans-serif;
  --alto-header:     85px;      /* Altura del header fijo */
}


/* ============================================================
   2. CABECERA Y NAVEGACIÓN
   ============================================================ */

/* Enlace de menú activo (página actual o sección visible por scroll spy) */
.onepress-menu > li.onepress-current-item > a {
  color: var(--color-principal);
}

/* Página actual cuando no hay scroll spy (servicios, calendario…)
   Solo aplica a links sin # para no interferir con el index */
.onepress-menu > li.current-menu-item > a:not([href*="#"]) {
  color: var(--color-principal);
}

/* Mismo estilo en menú móvil */
.onepress-menu.onepress-menu-mobile li.onepress-current-item > a,
.onepress-menu.onepress-menu-mobile li.current-menu-item > a:not([href*="#"]) {
  color: var(--color-principal);
}


/* ============================================================
   3. HERO (SECCIÓN DE PORTADA)
   ============================================================ */

/* El JS de althea.js controla la altura y la imagen de fondo.
   Aquí solo se pueden añadir ajustes visuales extra si se necesitan. */


/* ============================================================
   4. SECCIONES GENERALES
   ============================================================ */

/* Comportamiento de scroll — siempre instantáneo, sin animación */
html {
  scroll-behavior: auto;
}


/* ============================================================
   5. GALERÍA
   ============================================================ */

/* Separación entre imágenes de la galería (1px = casi sin separación) */
.gallery-grid .g-item {
  padding: 1px !important;
}


/* ============================================================
   6. SOBRE NOSOTROS
   ============================================================ */

/* Imagen centrada con margen inferior */
.elementor-element-906a61f {
  text-align: center;
  margin-bottom: 2rem !important;
}

.elementor-element-906a61f img {
  display: inline-block !important;
  margin: 0 auto !important;
}


/* ============================================================
   7. SECCIÓN CONTÁCTENOS
   ============================================================ */

/* Reducir espaciado entre filas de icono */
.section-contact .address-contact {
  margin-top: 3px !important;
  margin-bottom: 8px !important;
}

/* Reducir line-height del texto junto a los iconos */
.section-contact .address-contact .address-content {
  line-height: 1.6 !important;
}


/* ============================================================
   8. PIE DE PÁGINA
   ============================================================ */

/* El contenido del footer se gestiona directamente en el HTML */


/* ============================================================
   8. ANIMACIONES DE SCROLL
   ============================================================ */

/* Animaciones WOW desactivadas — los elementos son visibles desde el inicio */
.wow {
  visibility: visible !important;
  animation: none !important;
}


/* ============================================================
   9. MENÚ MÓVIL
   ============================================================ */

/* El comportamiento del menú hamburguesa lo gestiona althea.js.
   Aquí se pueden añadir ajustes visuales extra si se necesitan. */