/* =========================================
   VARIABLES GLOBALES (Marca Laugibarrea)
   ========================================= */
:root {
  /* =========================================
     PALETA DE MARCA (5 colores base)
       #185953  Verde principal   (títulos, navbar, footer, botones)
       #86A6A3  Verde secundario  (apoyos, bordes, textos suaves)
       #c0946f  Acento beige      (subtítulos, botones beige, iconos)
       #f2f2f2  Fondo claro
       #404040  Texto oscuro
     Los tonos *-hover / *-dark son derivados de la paleta base.
     ========================================= */
  --laugi-color-primary: #185953; /* Verde principal: títulos y footer */
  --laugi-color-text-dark: #404040; /* Texto oscuro para títulos */
  --laugi-color-primary-hover: #0f443f;
  --laugi-color-secondary: #c0946f; /* Beige/Dorado para botones y acentos */
  --laugi-color-secondary-hover: #a87d5b;
  --laugi-color-text: #404040; /* Texto de párrafos */
  --laugi-color-text-light: #86a6a3; /* Texto secundario */
  --laugi-color-accent: #c0946f; /* Alias explícito del acento beige */
  --laugi-color-accent-hover: #a87d5b; /* Acento beige (hover) */
  --laugi-color-muted: #86a6a3; /* Verde secundario/apagado */
  --laugi-color-muted-dark: #6f8f8b; /* Verde secundario (hover) */
  --laugi-color-bg-light: #f2f2f2; /* Fondo blanco roto muy suave */
  --laugi-color-white: #ffffff;
  /* Tipografía: la familia real se declara en fonts.css (PingFang HK) */
  --laugi-font-title: var(--laugi-font-base);
  --laugi-font-text: var(--laugi-font-base);

  /* Espaciados */
  --laugi-section-padding: 90px 0;
  --laugi-section-padding-mobile: 60px 0;
}

/* =========================================
   ESTILOS BASE Y TIPOGRAFÍA
   ========================================= */
body {
  font-family: var(--laugi-font-text);
  color: var(--laugi-color-text);
  line-height: 1.7;
  overflow-x: hidden;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--laugi-font-title);
  font-weight: 600;
  color: var(--laugi-color-primary);
}

/* Títulos de sección reutilizables */
.laugi-section-title {
  font-size: 2.2rem;
  color: var(--laugi-color-primary);
  letter-spacing: 1px;
  margin-bottom: 0;
  font-weight: 700;
}

.laugi-section-subtitle {
  font-size: 1.3rem;
  color: var(--laugi-color-primary);
  margin-top: 5px;
  margin-bottom: 20px;
  font-family: var(--laugi-font-text);
  font-weight: 400;
}

.laugi-subtitle {
  font-family: var(--laugi-font-title);
  font-size: 1.6rem;
  color: var(--laugi-color-secondary);
  margin-bottom: 5px;
}

.laugi-subtitle-desc {
  font-size: 1.1rem;
  color: var(--laugi-color-secondary);
  font-family: var(--laugi-font-text);
}

.laugi-text {
  font-size: 1rem;
  color: var(--laugi-color-text);
}

/* Línea decorativa (Divider) */
.laugi-divider {
  width: 80px;
  height: 2px;
  background-color: var(--laugi-color-primary);
  margin-top: 15px;
}

/* Secciones genéricas */
.laugi-section {
  padding: var(--laugi-section-padding);
}
.laugi-subtitle-contact {
  color: var(--laugi-color-primary) !important;
}
.bg-light-gray {
  background-color: #f2f2f2;
}

/* =========================================
   BOTONES PERSONALIZADOS
   ========================================= */
.laugi-btn-primary {
  background-color: var(--laugi-color-primary);
  color: var(--laugi-color-white) !important;
  border: none;
  padding: 10px 35px;
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 1.5px;
  border-radius: 0; /* Esquinas rectas como en la imagen */
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.laugi-btn-primary:hover {
  background-color: var(--laugi-color-primary-hover);
  color: var(--laugi-color-white);
}

/* Botón beige para el footer y las cards */
.laugi-btn-secondary,
.laugi-card .laugi-btn-primary {
  background-color: var(--laugi-color-secondary);
  color: var(--laugi-color-white);
  border: none;
  padding: 8px 20px;
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 1px;
  border-radius: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.laugi-btn-secondary:hover,
.laugi-card .laugi-btn-primary:hover {
  background-color: var(--laugi-color-secondary-hover);
  color: var(--laugi-color-white);
}

/* =========================================
   HEADER / NAVBAR
   ========================================= */

.laugi-header {
  transition: all 0.3s ease;
  z-index: 1030;
  border-bottom: 3px solid #a87d5b;
}
.laugi-header .navbar {
  background-color: #f2f2f2;
}

.laugi-logo {
  max-height: 75px;
  width: auto;
}
.laugi-topbar-bg {
  max-height: 28px;
  width: 100%;
}

.laugi-logo-tagline {
  font-size: 0.6rem;
  color: #404040;
  letter-spacing: 1px;
  margin-top: -5px;
  font-family: var(--laugi-font-text);
}

.laugi-header .navbar-nav {
  height: 100%;
  align-items: stretch;
}

.laugi-header .nav-item {
  height: 102.367px;
  display: flex;
  align-items: stretch;
}

.laugi-nav-link {
  position: relative;
  font-family: var(--laugi-font-text);
  font-weight: 600;
  color: var(--laugi-color-primary) !important;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 1.5px;

  display: flex;
  align-items: center;

  padding: 0 15px !important;

  border-bottom: none;
}

.laugi-nav-link {
  position: relative;
}

.laugi-nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

.laugi-nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);

  width: 0;
  height: 0;

  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--laugi-color-text-dark);

  opacity: 0;
  transition: opacity 0.3s ease;
}

.laugi-nav-link:hover::after {
  background-color: var(--laugi-color-text-dark);
}

.laugi-nav-link:hover::before {
  opacity: 1;
}
.laugi-phone {
  color: var(--laugi-color-primary);
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.5px;
}
a{
  color: 
}

/* Sólo el <a> del teléfono del HEADER usa la fuente PingFang HK Medium.
   El .laugi-phone del drawer móvil queda fuera de <header>, por lo que
   conserva el peso 700 (Semibold) de la regla de arriba. */
.laugi-header .laugi-phone {
  font-family:
    "PingFang HK Medium",
    "PingFang HK",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "Segoe UI",
    "Noto Sans HK",
    Arial,
    sans-serif;
  font-weight: 500;
}

.laugi-socials a {
  color: var(--laugi-color-secondary);
  font-size: 1.3rem;
  margin-left: 10px;
  transition: color 0.3s ease;
}

.laugi-socials a:hover {
  color: var(--laugi-color-primary);
}

.container-header{
  max-width: 1400px;
  margin: 0 auto;
}

/* =========================================
   SELECTOR DE IDIOMA (HEADER)
   ========================================= */
.laugi-lang-selector .dropdown-toggle {
  text-decoration: none;
  padding: 0;
  /* border: none; */
  background: transparent;
  box-shadow: none !important;
  /* Círculo: el <a> debe medir lo mismo de ancho que de alto.
     (Antes sólo se redondeaba la bandera, que mide 1.333em x 1em,
     por lo que el resultado se veía como un óvalo.) */
  width: 1.4rem;
  height: 1.4rem;
  justify-content: center; /* el <a> ya lleva d-flex en el HTML */
  border-radius: 50%;
}

/* Ocultar la flecha por defecto de Bootstrap */
.laugi-lang-selector .dropdown-toggle::after {
  display: none;
}

/* Estilo de la bandera principal (la que se ve cerrada) */
.laugi-lang-selector .fi {
  /* Caja 1:1 para que border-radius: 50% dibuje un círculo perfecto.
     La bandera de flag-icons es 4:3 (1.333em x 1em), así que se usa
     background-size: cover para llenar el círculo (recorta ~12% por lado). */
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
}

.laugi-lang-selector .dropdown-toggle:hover .fi {
  transform: scale(1.1);
}

/* Contenedor del menú desplegable */
.laugi-lang-dropdown {
  background-color: transparent;
  border: none;
  padding: 0;
  margin-top: 15px !important;
  min-width: 190px;
}

/* Puente invisible para el hover: cubre el hueco de 15px que crea el
   margin-top, de modo que al bajar el ratón desde la bandera hacia las
   opciones el selector no pierda el hover y el menú no se cierre.
   Es un pseudo-elemento absoluto: no cambia el layout ni la posición. */
.laugi-lang-dropdown::before {
  content: "";
  position: absolute;
  top: -15px; /* altura exacta del hueco (margin-top) */
  left: 0;
  right: 0;
  height: 15px;
}

/* Ítems del menú (Estilo píldora beige de la imagen) */
.laugi-lang-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #c0946f; /* Tu color beige */
  color: #404040; /* Tu color texto oscuro */
  font-family: var(--laugi-font-text);
  font-weight: 600;
  font-size: 1.1rem;
  padding: 10px 22px;
  border-radius: 50px; /* Bordes muy redondeados */
  margin-bottom: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.laugi-lang-item:hover {
  background-color: #a87d5b; /* Tu beige hover */
  color: #ffffff;
  transform: translateY(-2px);
}

.laugi-lang-item .fi {
  /* Banderas del desplegable: círculo 1:1 (misma técnica que el header). */
  flex: 0 0 auto; /* evita que el contenedor flex encoja la bandera */
  width: 1.6rem;
  height: 1.6rem;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* =========================================
   SELECTOR DE IDIOMA (MÓVIL)
   ========================================= */
.laugi-mobile-lang-selector {
  padding: 20px;
  border-top: 1px solid rgba(168, 125, 91, 0.25);
  margin-top: 15px;
}

.laugi-mobile-lang-title {
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--laugi-color-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.laugi-lang-item-mobile {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #c0946f;
  color: #404040;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 50px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.laugi-lang-item-mobile:hover {
  background-color: #a87d5b;
  color: #ffffff;
}

.laugi-lang-item-mobile .fi {
  /* Banderas del menú móvil: círculo 1:1 (misma técnica que el header). */
  flex: 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}
/* =========================================
   SELECTOR DE IDIOMA · FOCO (sin aro azul)
   -----------------------------------------
   El <a> recibe el foco al pulsarlo y, además, Bootstrap lo enfoca al
   abrir el menú (Dropdown.show() ejecuta element.focus()), por lo que el
   navegador dibujaba su contorno azul por defecto alrededor de la bandera.
   Aquí se anula en todos los estados (ratón y teclado).
   ========================================= */
.laugi-lang-selector .dropdown-toggle:focus,
.laugi-lang-selector .dropdown-toggle:focus-visible,
.laugi-lang-selector .dropdown-toggle:active,
.laugi-lang-item:focus,
.laugi-lang-item:focus-visible,
.laugi-lang-item:active,
.laugi-lang-item-mobile:focus,
.laugi-lang-item-mobile:focus-visible,
.laugi-lang-item-mobile:active {
  outline: none;
}



/* =========================================
   MENÚ MÓVIL (OFFCANVAS / DRAWER LATERAL)
   Estructura exclusiva para celulares (< 992px).
   El menú de escritorio no se modifica.
   ========================================= */
@media (max-width: 991.98px) {
  /* La hamburguesa ahora abre el drawer; el collapse clásico
     del menú web nunca debe mostrarse en móvil */
  #navbarNav {
    display: none !important;
  }

  /* Panel del drawer (lateral derecho).
     Nota: se usa .offcanvas.laugi-mobile-menu para superar la
     especificidad de .offcanvas.offcanvas-end (ancho y borde). */
  .offcanvas.laugi-mobile-menu {
    width: 85%;
    max-width: 340px;
    background-color: #f2f2f2;
    border-left: 3px solid var(--laugi-color-secondary);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.2);
    color: var(--laugi-color-text);
  }

  /* Cabecera: logo + botón cerrar */
  .laugi-mobile-menu-header {
    padding: 14px 18px;
    background-color: #f2f2f2;
    border-bottom: 1px solid rgba(168, 125, 91, 0.35);
  }

  .laugi-mobile-menu-logo {
    max-height: 55px;
    width: auto;
  }

  .laugi-mobile-menu-close {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--laugi-color-text-dark);
    opacity: 0.65;
    transition: opacity 0.2s ease;
  }

  .laugi-mobile-menu-close:hover {
    opacity: 1;
  }

  /* Cuerpo: columna flexible para anclar el pie abajo */
  .laugi-mobile-menu-body {
    display: flex;
    flex-direction: column;
    padding: 6px 0 22px;
    overflow-y: auto;
  }

  /* Enlaces grandes con iconos y separadores */
  .laugi-mobile-nav li + li {
    border-top: 1px solid rgba(168, 125, 91, 0.25);
  }

  .laugi-mobile-nav-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    font-family: var(--laugi-font-text);
    font-weight: 600;
    font-size: 1.05rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--laugi-color-primary);
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      padding-left 0.2s ease;
  }

  .laugi-mobile-nav-link > i:first-child {
    font-size: 1.25rem;
    color: var(--laugi-color-secondary);
  }

  .laugi-mobile-nav-link .bi-chevron-right {
    font-size: 0.9rem;
    opacity: 0.5;
  }

  .laugi-mobile-nav-link:hover,
  .laugi-mobile-nav-link:focus-visible {
    background-color: rgba(24, 89, 83, 0.08);
    color: var(--laugi-color-primary-hover);
    padding-left: 26px;
  }

  /* Botón RÉSERVER destacado */
  .laugi-mobile-menu-cta {
    padding: 22px 20px 6px;
  }

  .laugi-mobile-menu-cta .laugi-btn-primary {
    padding: 14px 20px;
    font-size: 0.95rem;
  }

  /* Pie del drawer: teléfono + redes sociales */
  .laugi-mobile-menu-footer {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 14px 20px 0;
    border-top: 1px solid rgba(168, 125, 91, 0.35);
  }

  .laugi-mobile-menu-footer .laugi-phone {
    font-size: 1rem;
  }

  .laugi-mobile-socials {
    display: flex;
    gap: 8px;
  }

  .laugi-mobile-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 0;
    border: 1px solid rgba(192, 148, 111, 0.5);
    border-radius: 50%;
    font-size: 1.2rem;
    color: var(--laugi-color-secondary);
    transition: all 0.3s ease;
  }

  .laugi-mobile-socials a:hover {
    background-color: var(--laugi-color-secondary);
    color: var(--laugi-color-white);
  }
}

/* El slider nunca debe superar el ancho de la pantalla */
.laugi-hero,
.owl-carousel2,
.owl-carousel2 .owl-stage-outer {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.laugi-hero {
  position: relative;
  width: 100%;
  /* height: 95vh; */
  /* min-height: 420px; */
  overflow: hidden;
  margin-top: 45px;
}

/* El carrusel NO debe crear contexto de apilamiento (owl.carousel.css le pone
   z-index: 1). Con z-index: auto, sus hijos .owl-nav / .owl-dots (z-index: 5)
   quedan POR ENCIMA de la franja del breadcrumb (z-index: 3), y la franja
   sigue quedando por encima de la imagen. Así el breadcrumb nunca tapa los
   botones de cambio del slider. */
.owl-carousel2 {
  z-index: auto;
}

.owl-carousel2,
.owl-carousel2 .owl-stage-outer,
.owl-carousel2 .owl-stage,
.owl-carousel2 .owl-item,
.laugi-hero-slide {
  width: 100%;
  height: 100%;
}

.laugi-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.owl-carousel2,
.owl-carousel2 .owl-stage-outer,
.owl-carousel2 .owl-stage,
.owl-carousel2 .owl-item {
  width: 100%;
  height: 100%;
}

/* La imagen llena el slider y centra el paisaje al recortarse. */
.laugi-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 46%;
}
.laugi-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  /* background: rgba(0, 0, 0, 0.35); */
  /* background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.1) 60%,
    rgba(255, 245, 245, 0.61) 100%
  ); */
  pointer-events: none;
}
.laugi-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 8px;
}
.laugi-hero .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;

  display: flex;
  justify-content: space-between;

  padding: 0 30px;

  transform: translateY(-50%);
  z-index: 5;
}

.laugi-hero .owl-nav button {
  width: 45px;
  height: 45px;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 25px !important;
}

.laugi-hero .owl-nav button:hover {
  background: rgba(24, 89, 82, 0.938) !important;
}

.laugi-hero .owl-dots {
  position: absolute;
  bottom: 55px; /* Se sube para que nunca quede detrás/sobre la franja del breadcrumb (~37px) */
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}

.laugi-hero .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  margin: 5px;

  background: rgb(255, 255, 255);
}

.laugi-hero .owl-dots .owl-dot.active span {
  background: #ffffff;
}

.contenido-hero {
  top: 25%;
  left: 50%;
}
.contenido-hero p {
  color: var(--laugi-color-primary);
  font-size: 17px;
  max-width: 600px;
}

/* =========================================
   SECCIÓN BIENVENUE (CON MÁS TEXTO)
   ========================================= */

.laugi-welcome {
  padding: 70px 0 50px 0;
}

.laugi-section-title {
  font-family: var(--laugi-font-title);
  font-size: 2.1rem;
  color: #185953;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 0;
}

/* Contenedor del bloque de texto justificado */

/* Párrafos justificados */
.laugi-text {
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 0;
}

/* Bloque de subtítulos: Alineado a la izquierda */
.laugi-subtitle-block {
  text-align: left;
  margin-top: 50px;
}

.laugi-subtitle {
  font-family: var(--laugi-font-title);
  font-size: 1.6rem;
  color: #c0946f;
  font-weight: 600;
  margin-bottom: 5px;
}

.laugi-subtitle-desc {
  font-family: var(--laugi-font-title);
  font-size: 1.5rem;
  color: #c0946f;
  font-weight: 400;
  margin-bottom: 0;
}

.laugi-divider {
  display: none;
}
/* =========================================
   ACTIVIDADES (ICONOS)
   ========================================= */
.laugi-activities-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr); /* Escritorio: 7 columnas */
  gap: 20px;
  width: 100%;
}

.laugi-activities {
  border-bottom: 2px solid #a87d5b;
  border-top: 2px solid #a87d5b;
  background-color: #f2f2f2;
}

.laugi-icon-box {
  width: 100%; /* ← Cambiado: ahora ocupa el 100% de su columna */
  aspect-ratio: 1 / 1; /* ← Mantiene siempre forma cuadrada */
  max-width: 70px; /* ← Tamaño máximo en escritorio */
  margin: 0 auto; /* ← Centrado dentro de su celda del grid */

  background-color: var(--laugi-color-secondary);
  border-radius: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: var(--laugi-color-white);
  font-size: 2rem;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease;

  cursor: pointer;
}

.laugi-icon-box img {
  border-radius: 8px;
}

.laugi-icon-box:hover {
  transform: translateY(-3px);
  background-color: var(--laugi-color-primary);
}

/* =========================================
   RESPONSIVE - ACTIVIDADES
   ========================================= */

/* Tablet (≤ 991px): 5 columnas */
@media (max-width: 991.98px) {
  .laugi-activities-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
  }
  .laugi-icon-box {
    max-width: 60px;
    font-size: 1.6rem;
  }
  .laugi-hero{
    margin-top: 100px;
  }
}

/* Móvil grande (≤ 767px): 4 columnas */
@media (max-width: 767.98px) {
  .laugi-activities-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }
  .laugi-icon-box {
    max-width: 55px;
    font-size: 1.4rem;
  }
}

/* Móvil pequeño (≤ 575px): 3 columnas para que se vean bien grandes y aireados */
@media (max-width: 575.98px) {
  .laugi-activities-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .laugi-icon-box {
    max-width: 60px;
    font-size: 1.5rem;
  }
}

/* =========================================
   INSTALACIONES (CARDS)
   ========================================= */
.laugi-card {
  background: transparent;
  border: none;
  display: flex;
  flex-direction: column;
}

.laugi-card-img {
  width: 100%;
  /* height: 250px; */
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 20px;
}

.laugi-card-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.laugi-card-title {
  font-size: 1.3rem;
  color: var(--laugi-color-primary);
  margin-bottom: 15px;
  line-height: 1.3;
}

.laugi-card-text {
  font-size: 0.95rem;
  color: var(--laugi-color-text);
  margin-bottom: 20px;
  flex-grow: 1;
  line-height: 1.6;
}

/* =========================================
   FOOTER (CON IMAGEN DE FONDO)
   ========================================= */

.laugi-footer {
  position: relative;
  background-image: url("../img/footer.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 50px 0 0 0; /* Padding superior, sin padding inferior */
  overflow: hidden;
}

/* Capa oscura sobre la imagen */
.laugi-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 38, 32, 0.92);
  z-index: 1;
}

.laugi-footer .container {
  position: relative;
  z-index: 2;
}

/* Logo (Más pequeño como en la imagen 2) */
.laugi-footer-logo {
  max-height: 90px; /* Reducido de 95px a 60px */
  width: auto;
}

.laugi-footer-tagline {
  color: #c0946f;
  font-family: var(--laugi-font-text);
  letter-spacing: 1px;
  font-size: 0.65rem; /* Más pequeño */
}

/* Títulos de las columnas */
.laugi-footer-title {
  color: #ffffff;
  font-size: 0.95rem; /* Reducido de 1.1rem */
  margin-bottom: 15px;
  margin-top: 5px;
  font-family: var(--laugi-font-title);
  font-weight: 600;
}

/* Listas de texto */
.laugi-footer-list {
  padding-left: 0;
  margin-bottom: 0;
}

.laugi-footer-list li {
  margin-bottom: 8px; /* Menos espacio entre items */
  font-size: 0.8rem; /* Texto más pequeño */
  color: #f2f2f2;
  display: flex;
  align-items: flex-start;
  line-height: 1.4;
}

.laugi-footer-list i {
  margin-top: 3px;
  color: #ffffff;
  font-size: 0.85rem;
}

/* Enlaces */
.laugi-footer-links li a {
  color: #f2f2f2;
  text-decoration: none;
  transition: color 0.3s ease;
}

.laugi-footer-links li a:hover {
  color: #c0946f;
}

/* Correos electrónicos */
.laugi-footer-list .laugi-emails a {
  display: block !important;
  color: #f2f2f2;
  text-decoration: none;
  margin-bottom: 1px;
}

.laugi-footer-list .laugi-emails a:hover {
  color: #c0946f;
}

/* Redes Sociales (Más pequeñas) */
.laugi-socials-footer a {
  color: #ffffff;
  font-size: 1.4rem; /* Reducido de 1.8rem */
  margin-right: 15px;
  margin-left: 0;
  transition:
    color 0.3s ease,
    transform 0.3s ease;
  display: inline-block;
}

.laugi-socials-footer a:hover {
  color: #c0946f;
  transform: translateY(-3px);
}
.laugi-socials {
  text-align: center;
}
/* Formulario Newsletter */
.laugi-newsletter-form input {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  border-radius: 0;
  padding: 6px 10px;
  font-size: 0.75rem;
  border-right: none;
}

.laugi-newsletter-form input::placeholder {
  color: #f2f2f2;
}

.laugi-newsletter-form input:focus {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  box-shadow: none;
  border-color: #ffffff;
}

/* Botón Envoyer (Más pequeño) */
.laugi-btn-newsletter {
  background-color: #86a6a3;
  color: #ffffff;
  border: none;
  border-radius: 0;
  padding: 6px 15px;
  font-family: var(--laugi-font-text);
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 1px;
  transition: background-color 0.3s ease;
}

.laugi-btn-newsletter:hover {
  background-color: #6f8f8b;
  color: #ffffff;
}

/* =========================================
   FRANJA DE COPYRIGHT (DELGADA Y PEGADA ABAJO)
   ========================================= */

.laugi-footer-copyright-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #185953;
  padding: 25px 0; /* Franja delgada como en la imagen 2 */
  z-index: 3;
}

.laugi-footer-copyright {
  color: #f2f2f2;
  font-size: 0.65rem; /* Texto muy pequeño */
  margin: 0;
}

/* Ajuste para que el contenido no choque con la franja */
.laugi-footer {
  padding-bottom: 50px !important;
}

/* =========================================
   RESPONSIVE (MÓVIL) - FOOTER
   ========================================= */
@media (max-width: 991.98px) {
  .laugi-footer {
    text-align: center;
    padding-top: 30px;
  }

  .laugi-footer-logo {
    margin: 0 auto;
  }

  .laugi-socials-footer {
    justify-content: center;
    margin-bottom: 15px;
  }

  .laugi-footer-list li {
    justify-content: center;
    text-align: center;
  }

  .laugi-footer-links li a {
    display: inline-block;
  }

  .laugi-emails {
    text-align: center;
  }

  .laugi-newsletter-form {
    max-width: 300px;
    margin: 0 auto;
  }

  .laugi-footer-title {
    margin-top: 15px;
  }
}

/* FIN DE HOME  */
/* INICIO DE ACTIVIDADES & EXPÉRIENCES */

/* =========================================
   ESTILOS EXACTOS PARA ACTIVITÉS & EXPÉRIENCES
   ========================================= */

/* Breadcrumb (Franja blanca completa inferior) */
.laugi-breadcrumb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9); /* Fondo blanco semitransparente */
  padding: 8px 0;
  font-size: 0.75rem;
  color: var(--laugi-color-primary); /* Verde principal de marca */
  font-family: var(--laugi-font-text);
  z-index: 3;
  border-top: 1px solid rgba(0, 0, 0, 0.05); /* Sutil línea superior */
}
.laugi-breadcrumb span {
  color: var(--laugi-color-primary); /* Verde principal de marca */
}

/* Lista de chequeo */
.laugi-list-check {
  list-style: none;
  padding-left: 0;
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: var(--laugi-color-text);
  line-height: 1.8;
}

/* Rejilla de Iconos de 6 columnas */
.laugi-activity-grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 91px;
  max-width: 1001px;
  margin: 0 auto;
  width: 100%;
}

.laugi-activity-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #ffffff;
  border: 2px solid #c0946f; /* Borde beige */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c0946f; /* Icono beige */
  font-size: 1.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

.laugi-activity-box > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.laugi-activity-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

.laugi-activity-box:hover {
  background-color: #c0946f;
  color: #ffffff;
  transform: translateY(-3px);
}

/* Cuadros vacíos (fondo gris, SIN borde) */
.laugi-activity-box.empty {
  background-color: #f2f2f2;
  border: none;
  cursor: default;
}
.laugi-activity-box.empty:hover {
  transform: none;
  background-color: #f2f2f2;
}

/* Sección Randonnée */
.laugi-randonnee-icon {
  font-size: 2.2rem;
  color: #c0946f;
}

.laugi-randonnee-title {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #c0946f;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.laugi-randonnee-sub {
  font-family: var(--laugi-font-text);
  font-size: 0.9rem;
  color: #404040;
  font-style: italic;
}

/* Galería de imágenes */
.laugi-gallery-main img {
  border-radius: 8px;
  object-fit: cover;
  height: 450px; /* Imagen principal alta */
}

.laugi-gallery-thumb {
  border-radius: 8px;
  object-fit: cover;
  height: 217px; /* Ajustado para que 2 filas + gap quepan exacto al lado de la principal */
}

.laugi-gallery-empty {
  width: 100%;
  height: 217px;
  background-color: #f2f2f2;
  border-radius: 8px;
}

/* Lista de enlaces */
.laugi-list-links {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.laugi-list-links li {
  margin-bottom: 5px;
}

.laugi-list-links li a {
  color: #404040;
  text-decoration: none;
  font-family: var(--laugi-font-text);
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.laugi-list-links li a:hover {
  color: #c0946f;
}

/* Responsive (Móvil) */
@media (max-width: 991.98px) {
  .laugi-activity-grid-6 {
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en móvil */
    max-width: 320px;
    gap: 12px;
  }
  .laugi-activity-box {
    font-size: 1.3rem;
  }
  .laugi-gallery-main img {
    height: 250px;
  }
  .laugi-gallery-thumb {
    height: 120px;
  }
  .laugi-gallery-empty {
    height: 120px;
  }
  .laugi-breadcrumb {
    position: relative;
    /* Se mantiene alineado a la derecha (text-end del container) */
  }
}

/* =========================================
   ESTILOS EXACTOS PARA CHAMBRES
   ========================================= */

/* Tabla de Precios */
.laugi-price-table {
  width: 50%; /* La tabla no ocupa todo el ancho, como en la imagen */
  border-collapse: collapse;
  font-family: var(--laugi-font-text);
  font-size: 0.85rem;
  color: #404040;
  margin-bottom: 20px;
  border: 1px solid #86a6a3; /* Borde exterior sutil */
}

.laugi-price-table td {
  padding: 8px 12px;
  border-bottom: 1px solid #86a6a3; /* Línea inferior para cada fila */
}

.laugi-price-table td:first-child {
  border-right: 1px solid #86a6a3; /* Separación vertical entre columnas */
  width: 60%;
}

.laugi-price-table tr:last-child td {
  border-bottom: none; /* Quitar el borde de la última fila */
}

/* Lista de chequeo (Reutilizada de la sección anterior) */
.laugi-list-check {
  list-style: none;
  padding-left: 0;
  font-family: var(--laugi-font-text);
  font-size: 0.9rem;
  color: #404040;
  line-height: 1.8;
}

/* Imágenes de la Galería (3 columnas) */
.laugi-gallery-img {
  height: 100%; /* Altura fija para que todas se vean uniformes */
  object-fit: cover;
  border-radius: 8px;
}

/* Ajustes Responsive para la tabla */
@media (max-width: 767.98px) {
  .laugi-price-table {
    width: 100%; /* En móvil, la tabla ocupa todo el ancho */
  }
  .laugi-gallery-img {
    height: 180px;
  }
}
/* =========================================
   ESTILOS EXACTOS PARA CONTACT
   ========================================= */

/* Tabla de Información */
.laugi-contact-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--laugi-font-text);
  font-size: 0.85rem;
  color: #404040;
}

.laugi-contact-table td {
  padding: 12px 0;
  border-bottom: 1px solid #86a6a3;
  vertical-align: top;
}

.laugi-contact-table td:first-child {
  width: 45%;
  color: #404040; /* Gris claro para las etiquetas */
  font-weight: 400;
}

.laugi-contact-table td:last-child {
  color: #404040; /* Gris oscuro para los valores */
  font-weight: 600;
}

.laugi-contact-table tr:last-child td {
  border-bottom: none;
}

/* Mapa */
.laugi-map-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.laugi-btn-map {
  background-color: #ffffff;
  color: #185953; /* Tu verde oscuro */
  border: 1px solid #86a6a3;
  border-radius: 0;
  padding: 6px 15px;
  font-family: var(--laugi-font-text);
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  display: inline-block;
}

.laugi-btn-map:hover {
  background-color: #f2f2f2;
  color: #185953;
}

.laugi-map-container {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  flex-grow: 1; /* Para que ocupe todo el alto disponible */
  min-height: 280px;
}

.laugi-map-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Formulario */
.laugi-form-label {
  font-family: var(--laugi-font-text);
  font-size: 0.85rem;
  color: #404040;
  margin-bottom: 5px;
}

.laugi-form-input {
  background-color: #f2f2f2;
  border: 1px solid #86a6a3;
  border-radius: 0;
  padding: 10px 15px;
  font-family: var(--laugi-font-text);
  font-size: 0.85rem;
  color: #404040;
  transition: border-color 0.3s ease;
}

.laugi-form-input:focus {
  background-color: #ffffff;
  border-color: #c0946f; /* Borde beige de tu paleta */
  box-shadow: none;
  color: #404040;
}

/* Ajustes Responsive para móviles */
@media (max-width: 991.98px) {
  .laugi-map-container {
    min-height: 250px;
    margin-top: 15px;
  }
  .laugi-contact-table td {
    padding: 8px 0;
  }
}

/* =========================================
   ESTILOS EXACTOS PARA RÉSERVATIONS
   ========================================= */

/* Tabla de Precios (Reutilizada de la sección Chambres) */
.laugi-price-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--laugi-font-text);
  font-size: 0.85rem;
  color: #404040;
  border: 1px solid #86a6a3;
}

.laugi-price-table td {
  padding: 10px 15px;
  border-bottom: 1px solid #86a6a3;
}

.laugi-price-table td:first-child {
  border-right: 1px solid #86a6a3;
  width: 65%;
  color: #404040;
}

.laugi-price-table td:last-child {
  color: #404040;
  font-weight: 600;
}

.laugi-price-table tr:last-child td {
  border-bottom: none;
}

/* Ajustes adicionales para el espaciado de párrafos */
.laugi-text.text-justify {
  margin-bottom: 0; /* El margen lo controlamos con mt-3 */
}

/* Responsive */
@media (max-width: 767.98px) {
  .laugi-price-table {
    font-size: 0.8rem;
  }
  .laugi-price-table td {
    padding: 8px 10px;
  }
}

/* =========================================
   ESTILOS EXACTOS PARA NOS INSTALLATIONS
   ========================================= */

/* Rejilla de Iconos de Instalaciones (2 filas de 6) */
.laugi-installation-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 91px;
  max-width: 1001px;
  margin: 0 auto;
  width: 100%;
}

.laugi-installation-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #ffffff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #185953; /* Icono verde */
  font-size: 1.5rem;
  transition: all 0.3s ease;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
}

.laugi-installation-box > a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-decoration: none;
}

.laugi-installation-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

.laugi-installation-box:hover {
  background-color: #185953; /* Verde oscuro al pasar el ratón */
  border-color: #185953;
  color: #ffffff;
  transform: translateY(-3px);
}

/* Subtítulo con icono (Hébergement) */
.laugi-randonnee-icon {
  font-size: 2.2rem;
  color: #c0946f; /* Color beige de tu paleta */
}

.laugi-randonnee-title {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #c0946f; /* Color beige de tu paleta */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Subtítulo "Nos hébergements" */
.laugi-subtitle {
  font-family: var(--laugi-font-title);
  font-size: 1.3rem;
  color: #c0946f;
  font-weight: 600;
  margin-bottom: 5px;
}

/* Lista de chequeo */
.laugi-list-check {
  list-style: none;
  padding-left: 0;
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  line-height: 1.8;
}

.laugi-list-check li {
  margin-bottom: 5px;
}

/* Imágenes de la Galería (3 columnas) */
.laugi-gallery-img {
  height: 220px; /* Altura fija para que todas se vean uniformes */
  object-fit: cover;
  border-radius: 8px;
}

/* Ajustes Responsive */
@media (max-width: 991.98px) {
  .laugi-installation-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en móvil */
    max-width: 320px;
    gap: 12px;
  }
  .laugi-installation-box {
    font-size: 1.3rem;
  }
  .laugi-gallery-img {
    height: 180px;
  }
}

/* =========================================
   ESTILOS EXACTOS PARA AVENTURE
   ========================================= */

/* Icono principal de Aventure */
.laugi-aventure-main-icon {
  font-size: 2.5rem;
  color: #c0946f; /* Color beige de tu paleta */
}

/* Subtítulo de Aventure */
.laugi-aventure-subtitle {
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  font-style: italic;
  margin-bottom: 0;
}

/* Subtítulo Canyoning (Reutilizando estilo anterior) */
.laugi-subtitle {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #c0946f;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Galería (Reutilizando estilos anteriores) */
.laugi-gallery-main img {
  border-radius: 8px;
  object-fit: cover;
  height: 420px; /* Imagen principal alta */
}

.laugi-gallery-thumb {
  border-radius: 8px;
  object-fit: cover;
  height: 195px; /* Ajustado para 2 filas */
}

/* Lista de actividades */
.laugi-activity-icon-box {
  width: 50px;
  height: 50px;
  flex-shrink: 0; /* Evita que el icono se encoja */
  background-color: #f2f2f2; /* Fondo gris claro */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c0946f; /* Icono beige */
  font-size: 1.5rem;
}

.laugi-activity-title {
  font-family: var(--laugi-font-title);
  font-size: 1.1rem;
  color: #c0946f; /* Color beige */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

/* Botón (Reutilizando el estilo beige) */
.laugi-btn-secondary {
  background-color: #c0946f;
  color: #ffffff;
  border: none;
  padding: 10px 25px;
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 1px;
  border-radius: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.laugi-btn-secondary:hover {
  background-color: #a87d5b;
  color: #ffffff;
}

/* Responsive (Móvil) */
@media (max-width: 991.98px) {
  .laugi-gallery-main img {
    height: 250px;
  }
  .laugi-gallery-thumb {
    height: 120px;
  }
  .laugi-activity-icon-box {
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
  }
}

/* =========================================
   ESTILOS EXACTOS PARA CASCADE DE PISTA
   ========================================= */

/* Icono principal del título */
.laugi-randonnee-icon {
  font-size: 2.2rem;
  color: #c0946f; /* Color beige de tu paleta */
}

.laugi-randonnee-title {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #c0946f; /* Color beige de tu paleta */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.laugi-randonnee-title-instalacion {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #86a6a3; /* Color beige de tu paleta */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Galería (Reutilizando estilos anteriores) */
.laugi-gallery-main img {
  border-radius: 8px;
  object-fit: cover;
  height: 450px; /* Imagen principal alta */
}

.laugi-gallery-thumb {
  border-radius: 8px;
  object-fit: cover;
  height: 217px; /* Ajustado para 2 filas */
}

.laugi-gallery-empty {
  width: 100%;
  height: 217px;
  background-color: #f2f2f2;
  border-radius: 8px;
}

/* Información técnica de la ruta */
.laugi-info-icon {
  font-size: 1.5rem;
  color: #c0946f; /* Icono beige */
  margin-top: 2px; /* Alineación óptica con el texto */
}

.laugi-info-label {
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  display: block;
  margin-bottom: 2px;
}

.laugi-info-value {
  font-family: var(--laugi-font-text);
  font-size: 0.9rem;
  color: #404040;
}

/* Lista de chequeo (Reutilizada) */
.laugi-list-check {
  list-style: none;
  padding-left: 0;
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  line-height: 1.8;
}

.laugi-list-check li {
  margin-bottom: 5px;
}

/* Botón (Reutilizando el estilo beige) */
.laugi-btn-secondary {
  background-color: #c0946f;
  color: #ffffff;
  border: none;
  padding: 10px 25px;
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 1px;
  border-radius: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.laugi-btn-secondary:hover {
  background-color: #a87d5b;
  color: #ffffff;
}

/* Responsive (Móvil) */
@media (max-width: 991.98px) {
  .laugi-gallery-main img {
    height: 250px;
  }
  .laugi-gallery-thumb {
    height: 120px;
  }
  .laugi-gallery-empty {
    height: 120px;
  }
}

/* =========================================
   ESTILOS EXACTOS PARA BAR - SNACK
   ========================================= */

/* Subtítulos (Reutilizando estilo anterior) */
.laugi-subtitle {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #c0946f; /* Color beige de tu paleta */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.laugi-subtitle-instalacion {
  font-family: var(--laugi-font-title);
  font-size: 1.4rem;
  color: #86a6a3; /* Color beige de tu paleta */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.wsp-header {
  color: #a87d5b;
}

/* Lista de chequeo (Reutilizada) */
.laugi-list-check {
  list-style: none;
  padding-left: 0;
  font-family: var(--laugi-font-text);
  font-size: 0.95rem;
  color: #404040;
  line-height: 1.8;
}

.laugi-list-check li {
  margin-bottom: 5px;
}

/* Imágenes de la Galería (3 columnas) */
.laugi-gallery-img {
  height: 100%; /* Altura fija para que todas se vean uniformes */
  object-fit: cover;
  border-radius: 8px;
}

/* Botón (Reutilizando el estilo beige) */
.laugi-btn-secondary {
  background-color: #c0946f;
  color: #ffffff;
  border: none;
  padding: 10px 25px;
  font-family: var(--laugi-font-text);
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 1px;
  border-radius: 0;
  transition: all 0.3s ease;
  text-transform: uppercase;
}

.laugi-btn-secondary:hover {
  background-color: #a87d5b;
  color: #ffffff;
}

/* Responsive (Móvil) */
@media (max-width: 991.98px) {
  .laugi-gallery-img {
    height: 180px;
  }
}










/* =========================================
   ESTILOS PARA INFO PRÁCTICA (NUEVA SECCIÓN)
   ========================================= */

/* Título verde con icono (como en la imagen) */
.laugi-info-title {
  font-family: var(--laugi-font-title);
  font-size: 1.3rem;
  color: var(--laugi-color-primary); /* Verde #185953 */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Icono de la sección (caja verde claro/gris) */
.laugi-icon {
  width: 45px;
  height: 45px;
  object-fit: contain;
  /* Si usas imágenes con fondo transparente, esto las hará resaltar */
  background-color: #f2f2f2; 
  padding: 5px;
  border-radius: 4px;
}



/* Ajuste para las imágenes de la galería inferior */
.laugi-gallery-img {
   /* Altura uniforme para las 3 imágenes */
  object-fit: cover;
  border-radius: 8px;
}

/* Responsive para móviles */
@media (max-width: 767.98px) {
  .laugi-gallery-img {
    height: 180px;
  }
  .laugi-info-title {
    font-size: 1.1rem;
  }
}