/* ========================================
   IMPORTAR FUENTE MONTSERRAT
   ======================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* ========================================
   RESET DE DRUPAL
   ======================================== */
.block-block-content37f3b409-a131-4a9e-a2d2-5b639c2fbbb1,
.block-block-content37f3b409-a131-4a9e-a2d2-5b639c2fbbb1 .field--name-body,
.block-block-content37f3b409-a131-4a9e-a2d2-5b639c2fbbb1 .clearfix {
  all: unset !important;
}

/* ========================================
   CONTENEDOR PRINCIPAL
   ======================================== */
#flexbox-home-container {
  display: block !important;
  width: 100% !important;
  max-width: 100vw !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-sizing: border-box !important;
  z-index: 1 !important;
}

.flexbox-home-wrapper {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

.flexbox-home-content {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

#flexbox-home-container * {
  box-sizing: border-box !important;
}

/* ========================================
   ESTILOS BASE PARA SECCIONES
   ======================================== */
.flex-section {
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transition: transform 0.6s ease-out !important;
  width: 100% !important;
}

/* ANIMACIÓN AOS - ZOOM IN */
.flex-section.aos-animate img {
  animation: zoomIn 0.8s ease-out forwards !important;
}

@keyframes zoomIn {
  0% { 
    transform: scale(1.02) !important; 
  }
  100% { 
    transform: scale(1) !important; 
  }
}

/* IMÁGENES - Base */
.flex-section img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  transition: transform 0.6s ease-out !important;
}

/* HOVER ZOOM EN IMÁGENES - SUTIL */
.flex-section:hover img {
  transform: scale(1.02) !important;
}

/* PARALLAX EN SCROLL (Mobile-friendly) */
@supports (transform: translateY(0)) {
  .flex-section img {
    will-change: transform !important;
  }
}

/* ========================================
   MOBILE FIRST (< 576px)
   ======================================== */

/* SECCIÓN 1 - Imagen Principal */
.flex-section.section-1 {
  height: 280px !important;
  margin-bottom: 15px !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.flex-section.section-1 img {
  position: relative !important;
}

/* SECCIÓN 2 - Texto + Enlace */
.flex-section.section-2 {
  background: transparent !important;
  padding: 25px 15px !important;
  margin-bottom: 15px !important;
  z-index: 2 !important;
  min-height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.section-2 .section-content {
  text-align: left !important;
  width: 100% !important;
}

.section-2 .section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #3d3d3d !important;
  text-transform: uppercase !important;
  margin: 0 0 18px 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

.section-2 .section-text {
  margin: 0 !important;
  padding: 0 !important;
}

.section-2 .section-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #00049e !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.3s ease !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.section-2 .section-link:hover {
  color: #ffffff !important;
}

.section-2 .arrow {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.section-2 .section-link:hover .arrow {
  transform: translateX(5px) !important;
}

/* SECCIÓN 3 - Imagen 2 */
.flex-section.section-3 {
  height: 230px !important;
  margin-bottom: 15px !important;
  background: transparent !important;
  z-index: 1 !important;
  overflow: hidden !important;
}

.flex-section.section-3 img {
  position: relative !important;
}

/* ==========================================
   SECCIÓN 3 TEXTO - MOBILE: SIN OVERLAY
   POSICIÓN NORMAL DESPUÉS DE LA IMAGEN
   ========================================== */
.flex-section.section-3-text {
  position: static !important;  /* ← CAMBIAR: De absolute a static */
  background: transparent !important;  /* ← CAMBIAR: Sin overlay oscuro */
  padding: 25px 15px !important;
  margin-bottom: 15px !important;  /* ← NUEVO: Espacio abajo */
  z-index: 2 !important;
  display: block !important;  /* ← CAMBIAR: De flex a block */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}

.section-3-text .section-content {
  text-align: left !important;
  width: 100% !important;
}

.section-3-text .section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #3d3d3d !important;  /* ← CAMBIAR: De #ffffff a #3d3d3d */
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

.section-3-text .section-text {
  margin: 0 !important;
  padding: 0 !important;
}

.section-3-text .section-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #00049e !important;  /* ← CAMBIAR: De #ffffff a #00049e */
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.3s ease !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.section-3-text .section-link:hover {
  color: #3d3d3d !important;  /* ← CAMBIAR: De #00049e a #3d3d3d */
}

.section-3-text .arrow {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.section-3-text .section-link:hover .arrow {
  transform: translateX(5px) !important;
}

/* ==========================================
   SECCIÓN 4 - OCULTA EN MOBILE
   ========================================== */
.flex-section.section-4 {
  display: none !important;  /* ← NUEVO: Oculta S4 en mobile */
  background: #3d3d3d !important;
  padding: 25px 15px !important;
  margin-bottom: 15px !important;
  min-height: 180px !important;
  z-index: 0 !important;
}

.section-4-content {
  text-align: left !important;
  width: 100% !important;
  z-index: 3 !important;
  position: relative !important;
}

.section-4 .section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  margin: 0 0 15px 0 !important;
  line-height: 1.3 !important;
  padding: 0 !important;
}

.section-4 .section-text {
  margin: 0 !important;
  padding: 0 !important;
}

.section-4 .section-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.3s ease !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.section-4 .section-link:hover {
  color: #00049e !important;
}

.section-4 .arrow {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.section-4 .section-link:hover .arrow {
  transform: translateX(5px) !important;
}

/* SECCIÓN 5 - Imagen + Texto superpuesto */
.flex-section.section-5 {
  height: 380px !important;
  position: relative !important;
  margin-bottom: 15px !important;
  z-index: 2 !important;
  overflow: hidden !important;
}

.section-5 img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  object-fit: cover !important;
}

.section-overlay {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 60%, transparent 100%) !important;
  padding: 25px 15px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.overlay-content {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.section-5 .section-title-main {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.2 !important;
  padding: 0 !important;
}

.section-5 .section-subtitle {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin: 0 0 12px 0 !important;
  line-height: 1.4 !important;
  padding: 0 !important;
}

.section-5 .section-text {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: auto !important;
}

.section-5 .section-link {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.3s ease !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

.section-5 .section-link:hover {
  color: #00049e !important;
}

.section-5 .arrow {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.section-5 .section-link:hover .arrow {
  transform: translateX(5px) !important;
}

/* ========================================
   TABLETS PEQUEÑAS (576px - 768px)
   ======================================== */
@media (min-width: 576px) {
  
  .flex-section.section-1 {
    height: 320px !important;
  }
  
  .section-2 .section-title,
  .section-3-text .section-title,
  .section-4 .section-title {
    font-size: 24px !important;
  }
  
  .flex-section.section-3 {
    height: 260px !important;
  }
  
  .flex-section.section-3-text {
    padding: 30px 20px !important;
  }
  
  .flex-section.section-4 {
    min-height: 200px !important;
    padding: 30px 20px !important;
  }
  
  .flex-section.section-5 {
    height: 420px !important;
  }
  
  .section-5 .section-title-main {
    font-size: 20px !important;
  }
  
  .section-overlay {
    padding: 30px 20px !important;
  }
}

/* ========================================
   TABLETS (768px - 1024px)
   ======================================== */
@media (min-width: 768px) {
  
  .flex-section.section-1 {
    height: 400px !important;
    margin-bottom: 20px !important;
  }
  
  .flex-section.section-2 {
    padding: 30px 20px !important;
    margin-bottom: 20px !important;
  }
  
  .section-2 .section-title,
  .section-3-text .section-title,
  .section-4 .section-title {
    font-size: 28px !important;
    margin-bottom: 20px !important;
  }
  
  .section-2 .section-link,
  .section-3-text .section-link,
  .section-4 .section-link,
  .section-5 .section-link {
    font-size: 14px !important;
    gap: 8px !important;
  }
  
  .flex-section.section-3 {
    height: 300px !important;
    margin-bottom: 20px !important;
  }
  
  .flex-section.section-3-text {
    padding: 30px 20px !important;
    margin-bottom: 20px !important;
  }
  
  .flex-section.section-4 {
    min-height: 250px !important;
    padding: 30px 20px !important;
    margin-bottom: 20px !important;
  }
  
  .flex-section.section-5 {
    height: 450px !important;
    margin-bottom: 20px !important;
  }
  
  .section-overlay {
    padding: 30px 20px !important;
  }
  
  .section-5 .section-title-main {
    font-size: 20px !important;
    margin-bottom: 8px !important;
  }
  
  .section-5 .section-subtitle {
    font-size: 12px !important;
    margin-bottom: 15px !important;
  }
}

/* ========================================
   DESKTOP - GRID LAYOUT
   (1024px - 1919px)
   ======================================== */
@media (min-width: 1024px) {
  
  #flexbox-home-container {
    max-width: 100vw !important;
    height: auto !important;
    min-height: 56.25vw !important;
    margin: 0 auto !important;
    padding: 0 !important;
    position: relative !important;
  }
  
  .flexbox-home-content {
    display: grid !important;
    grid-template-columns: repeat(100, 1fr) !important;
    grid-template-rows: repeat(100, 1fr) !important;
    width: 100% !important;
    height: 56.25vw !important;
    max-height: none !important;
    position: relative !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: 0 !important;
  }
  
  .flex-section {
    position: relative !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  
  /* ==========================================
     SECCIÓN 1 (AZUL) - Col 10-58, Row 3-57
     ========================================== */
  .flex-section.section-1 {
    grid-column: 5 / 57 !important;
    grid-row: 1 / 75 !important;
    z-index: 1 !important;
    overflow: hidden !important;
  }
  
  .flex-section.section-1 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  
   /* ==========================================
   SECCIÓN 2 (AMARILLO) - AJUSTADA
   ========================================== */
.flex-section.section-2 {
  grid-column: 50 / 85 !important;
  grid-row: 8 / 45 !important;
  background: transparent !important;
  z-index: 2 !important;
  padding: 2vw !important;
  display: flex !important;
  align-items: flex-start !important;
  margin: 0 !important;
}

.section-2 .section-content {
  text-align: left !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
}

.section-2 .section-title {
  font-size: 36px !important;
  margin-bottom: 1.3vw !important;
  color: #3d3d3d !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.section-2 .section-text {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important; /* NUEVO: flex para organizar el enlace */
  justify-content: flex-end !important; /* NUEVO: alinea a la derecha */
 margin-top: -2vw !important;   /* Mucho más arriba */
}

.section-2 .section-link {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #00049e !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: left !important;
  gap:1px !important;
  transition: color 0.3s ease !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  margin-right: 12vw !important;  /* Mucho más a la izquierda */
  margin-top: -5vw !important;   /* ← ESTA CONTROLA LA POSICIÓN VERTICAL (arriba/abajo) */
  cursor: pointer !important;
}

.section-2 .section-link:hover {
  color: #3D3D3D !important;
}

.section-2 .arrow {
  transition: transform 0.3s ease !important;
  display: inline-block !important;
}

.section-2 .section-link:hover .arrow {
  transform: translateX(5px) !important;
}
  
  /* ==========================================
     SECCIÓN 3 (ROJO) - Col 17-47, Row 50-82
     ========================================== */
  .flex-section.section-3 {
    grid-column: 10 / 48 !important;
    grid-row: 50 / 98 !important;
    z-index: 2 !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  
  .flex-section.section-3 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }
  
  /* ==========================================
     SECCIÓN 3 TEXTO - AJUSTADA
     CAMBIO 5: grid-column: 32 / 65 (movida más a derecha)
     CAMBIO 6: font-size: 40px (reducido de 45px)
     CAMBIO 7: line-height: 1 (interlineado compacto)
     ========================================== */
  .flex-section.section-3-text {
    grid-column: 41 / 71 !important; /* ANTES: 25 / 60 - AHORA: 32 / 65 (más derecha y más ancha) */
    grid-row: 58 / 80 !important;
    background: transparent !important;
    z-index: 3 !important;
    padding: 2vw !important;
    display: flex !important;
    align-items: flex-end !important;
    position: relative !important;
    margin: 0 !important;
  }
  
  .section-3-text .section-title {
    font-size: 36px !important; /* ANTES: 45px - AHORA: 36px */
    margin-bottom: 1.3vw !important;
    color: #ffffff !important;
    line-height: 1 !important; /* ANTES: no especificado - AHORA: 1 (compacto) */
  }
  
  .section-3-text .section-link {
    font-size: 16px !important;
    color: #ffffff !important;
    margin-right: 0vw !important;  /* Mucho más a la izquierda */
     margin-left: 7vw !important;  /* Mucho más a la derecha */
  margin-top: -5vw !important;   /* ← ESTA CONTROLA LA POSICIÓN VERTICAL (arriba/abajo) */
  }
  
  .section-3-text .section-link:hover {
    color: #00049e !important;
  }
  
  /* ==========================================
     SECCIÓN 4 (GRIS) - MÁS ARRIBA
     CAMBIO 8: grid-row: 45 / 100 (subida de 50 a 45)
     ========================================== */
  .flex-section.section-4 {
    grid-column: 38 / 92 !important;
    grid-row: 52 / 92 !important; /* ANTES: 50 / 100 - AHORA: 45 / 100 (más arriba) */
    z-index: 0 !important;
    padding: 2.6vw !important;
    display: flex !important;
    align-items: center !important;
    background: #3d3d3d !important;
    margin: 0 !important;
  }
  
  .section-4-content {
    max-width: 22vw !important;
  }
  
  .section-4 .section-title {
    font-size: clamp(18px, 1.56vw, 30px) !important;
    margin-bottom: 1.3vw !important;
  }
  
  .section-4 .section-link {
    font-size: 13px !important;
  }
  
  /* ==========================================
     SECCIÓN 5 (VERDE) - AJUSTADA
     CAMBIO 9: grid-column: 78 / 100 (más ancha, reducida de 70/100)
     CAMBIO 10: grid-row: 42 / 100 (más alta, aumentada de 48/100)
     ========================================== */
  .flex-section.section-5 {
    grid-column: 75 / 100 !important; /* ANTES: 70 / 100 - AHORA: 78 / 100 (ancho reducido) */
    grid-row: 48 / 88 !important; /* ANTES: 48 / 100 - AHORA: 42 / 100 (más alta) */
    z-index: 3 !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  
  .section-5 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    z-index: 1 !important;
  }
  
  /* ==========================================
   SECCIÓN 5 (VERDE) - TEXTO ARRIBA, ENLACE AL FONDO
   ========================================== */
.section-overlay {
  position: absolute !important;
  top: 2.56vw !important;
  left: 1.56vw !important;
  right: 1.56vw !important;
  bottom: 1.56vw !important;
  background: transparent !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important; /* ← CAMBIAR: De flex-start a space-between (separa arriba y abajo) */
  z-index: 2 !important;
}

.overlay-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important; /* Título y subtítulo ARRIBA */
  height: auto !important;
  text-align: center !important;
}

.section-5 .section-title-main {
  font-size: 27px !important;
  margin-bottom: 1vw !important;
  color: #ffffff !important;
}

.section-5 .section-subtitle {
  font-size: clamp(13px, 0.85vw, 14px) !important;
  margin-bottom: 1vw !important;
}

/* ==========================================
   CAMBIO: section-5 .section-text
   ENLACE CASI AL FONDO
   ========================================== */
.section-5 .section-text {
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 23vw !important; /* ← CAMBIAR: De 1vw a auto (empuja al fondo) */
  padding-bottom: 2vw !important; /* ← NUEVO: Espacio desde el fondo */
}

.section-5 .section-link {
  font-size: 16px !important;
  color: #ffffff !important;
  align-self: center !important;
  margin-top: -15vw !important;   /* ← ESTA CONTROLA LA POSICIÓN VERTICAL (arriba/abajo) */
}

/* ========================================
   DESKTOP EXTRA GRANDE (1920px+)
   ======================================== */
@media (min-width: 1920px) {
  
  #flexbox-home-container {
    max-width: 1920px !important;
    min-height: 1080px !important;
    margin: 0 auto !important;
  }
  
  .flexbox-home-content {
    width: 1920px !important;
    height: 1080px !important;
    max-height: 1080px !important;
  }
  
  /* SECCIÓN 1 */
  .flex-section.section-1 {
    z-index: 1 !important;
  }
  
  .flex-section.section-1 img {
    object-fit: cover !important;
    object-position: center center !important;
  }
  
  /* SECCIÓN 2 */
  .section-2 {
    padding: 30px !important;
    z-index: 2 !important;
  }
  
  .section-2 .section-title {
    font-size: 40px !important;
    margin-bottom: 25px !important;
    line-height: 1 !important;
  }
  
  .section-2 .section-link {
    font-size: 13px !important;
  }
  
  /* SECCIÓN 3 */
  .flex-section.section-3 img {
    object-fit: cover !important;
    object-position: center center !important;
  }
  
  /* SECCIÓN 3 TEXTO */
  .section-3-text {
    padding: 30px !important;
    z-index: 3 !important;
  }
  
  .section-3-text .section-title {
    font-size: 40px !important;
    margin-bottom: 25px !important;
    line-height: 1 !important;
  }
  
  .section-3-text .section-link {
    font-size: 13px !important;
  }
  
  /* SECCIÓN 4 */
  .section-4 {
    padding: 50px !important;
    z-index: 0 !important;
  }
  
  .section-4-content {
    max-width: 420px !important;
  }
  
  .section-4 .section-title {
    font-size: 30px !important;
    margin-bottom: 25px !important;
  }
  
  .section-4 .section-link {
    font-size: 13px !important;
  }
  
  /* SECCIÓN 5 */
  .section-5 img {
    object-fit: cover !important;
    object-position: center center !important;
  }
  
  .section-overlay {
    top: 30px !important;
    left: 30px !important;
    right: 30px !important;
    bottom: 30px !important;
    justify-content: center !important;
  }
  
  .overlay-content {
    justify-content: center !important;
    text-align: center !important;
  }
  
  .section-5 .section-title-main {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
  
  .section-5 .section-subtitle {
    font-size: 12px !important;
    margin-bottom: 15px !important;
  }
  
  .section-5 .section-text {
    margin-top: 20px !important;
  }
  
  .section-5 .section-link {
    font-size: 13px !important;
    padding-bottom: 10px !important;
    justify-self: center !important;
  }
}

/* ========================================
   PREVENCIÓN DE OVERFLOW
   ======================================== */
/* DESPUÉS */
@media (max-width: 1023px) {
  #flexbox-home-container {
    overflow-x: hidden !important;
  }
}
/* ========================================
   MEJORAS DE PERFORMANCE
   ======================================== */
@media (prefers-reduced-motion: reduce) {
  .flex-section,
  .flex-section img,
  .section-link,
  .arrow {
    transition: none !important;
    animation: none !important;
  }
}}

@media (max-width: 768px) {
  body #block-bootstrap-barrio-hero-slider-2 .hero-slider {
    position: relative !important;
    height: 85vh !important;
    min-height: 85vh !important;
    overflow: hidden !important;
    width: 100% !important;
  }

  body #block-bootstrap-barrio-hero-slider-2 .hero-slider__track {
    position: relative !important;
    height: 85vh !important;
    min-height: 85vh !important;
    width: 100% !important;
  }

  body #block-bootstrap-barrio-hero-slider-2 .hero-slide {
    position: absolute !important;
    height: 85vh !important;
    min-height: 85vh !important;
    width: 100% !important;
  }
}
/* Fix ancho completo — Flexbox Home */
#flexbox-home-container {
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  position: relative !important;
}