.elementor-466 .elementor-element.elementor-element-477a230{--display:flex;--min-height:690px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.66;--padding-top:110px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-466 .elementor-element.elementor-element-477a230:not(.elementor-motion-effects-element-type-background), .elementor-466 .elementor-element.elementor-element-477a230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://buenavista-laguajira.edu.co/wp-content/uploads/2026/03/buenavista.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-466 .elementor-element.elementor-element-477a230::before, .elementor-466 .elementor-element.elementor-element-477a230 > .elementor-background-video-container::before, .elementor-466 .elementor-element.elementor-element-477a230 > .e-con-inner > .elementor-background-video-container::before, .elementor-466 .elementor-element.elementor-element-477a230 > .elementor-background-slideshow::before, .elementor-466 .elementor-element.elementor-element-477a230 > .e-con-inner > .elementor-background-slideshow::before, .elementor-466 .elementor-element.elementor-element-477a230 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor7 );--background-overlay:'';}.elementor-466 .elementor-element.elementor-element-477a230.e-con{--align-self:center;}.elementor-466 .elementor-element.elementor-element-a2d3101{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:50%;}.elementor-466 .elementor-element.elementor-element-d1acf46{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:3px;}.elementor-466 .elementor-element.elementor-element-d1acf46 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-466 .elementor-element.elementor-element-d1acf46 .elementor-divider-separator{width:64px;}.elementor-466 .elementor-element.elementor-element-d1acf46 .elementor-divider{padding-block-start:0px;padding-block-end:0px;}.elementor-466 .elementor-element.elementor-element-2c74eab .hfe-infocard{text-align:left;}.elementor-466 .elementor-element.elementor-element-2c74eab .hfe-infocard-title{color:#FFFFFF;margin:0px 0px 10px 0px;}.elementor-466 .elementor-element.elementor-element-2c74eab .hfe-infocard-text{color:#FFFFFF;margin:0px 80px 0px 0px;}.elementor-466 .elementor-element.elementor-element-09fa862 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-466 .elementor-element.elementor-element-cd2b4cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-466 .elementor-element.elementor-element-595c62f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-466 .elementor-element.elementor-element-802166d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-466 .elementor-element.elementor-element-6d4a4fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-466 .elementor-element.elementor-element-477a230:not(.elementor-motion-effects-element-type-background), .elementor-466 .elementor-element.elementor-element-477a230 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-466 .elementor-element.elementor-element-477a230{--min-height:400px;}.elementor-466 .elementor-element.elementor-element-a2d3101{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:33%;}.elementor-466 .elementor-element.elementor-element-2c74eab .hfe-infocard-text{margin:0px 40px 0px 0px;}}@media(max-width:767px){.elementor-466 .elementor-element.elementor-element-477a230{--min-height:366.4px;--padding-top:40px;--padding-bottom:40px;--padding-left:24px;--padding-right:24px;}.elementor-466 .elementor-element.elementor-element-a2d3101{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-466 .elementor-element.elementor-element-d1acf46 .elementor-divider-separator{width:48px;}.elementor-466 .elementor-element.elementor-element-2c74eab .hfe-infocard-text{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-bb7e78b *//* Fondo de la sección completa */
.accesos-rapidos-section {
  background-color: #F8F9FA; /* Gris muy claro para que resalten las tarjetas blancas */
  padding: 60px 20px;
  font-family: 'Open Sans', 'Roboto', sans-serif;
}

/* Contenedor tipo Grid para alinear las tarjetas */
.accesos-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

/* Estilo de cada Tarjeta */
.acceso-card {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  text-decoration: none;
  color: #333333;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Sombra suave */
  transition: all 0.3s ease; /* Animación suave */
  border-bottom: 4px solid transparent; /* Preparando el borde inferior */
}

/* Efecto Hover: Al pasar el ratón la tarjeta sube un poco */
.acceso-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  border-bottom: 4px solid #D81B21; /* Borde rojo institucional al pasar el ratón */
}

/* Contenedor circular del Ícono */
.icono-acceso {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #FFFFFF;
  margin: 0 auto 20px auto;
}

/* Colores de la identidad para cada ícono */
.icono-acceso.azul { background-color: #1565C0; }
.icono-acceso.rojo { background-color: #D81B21; }
.icono-acceso.verde { background-color: #2E7D32; }
.icono-acceso.amarillo { background-color: #FBC02D; color: #333; } /* Texto oscuro por el fondo amarillo */

/* Títulos y textos dentro de la tarjeta */
.acceso-card h3 {
  font-size: 1.2rem;
  margin: 0 0 10px 0;
  color: #1565C0; /* Azul institucional para dar confianza */
  font-weight: 700;
}

.acceso-card p {
  font-size: 0.95rem;
  color: #666666;
  margin: 0;
  line-height: 1.5;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6235246 *//* Contenedor principal de la sección */
.sobre-nosotros-section {
  padding: 80px 20px;
  background-color: #FFFFFF;
  font-family: 'Open Sans', 'Roboto', sans-serif;
  overflow: hidden; /* Evita que el adorno se salga de la pantalla */
}

/* Distribución en dos columnas usando Flexbox */
.sobre-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* --- ESTILOS DE LA COLUMNA DE IMAGEN --- */
.sobre-imagen-columna {
  flex: 1;
  position: relative;
}

/* La foto principal */
.sobre-imagen {
  width: 100%;
  border-radius: 15px; /* Bordes redondeados modernos */
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  position: relative;
  z-index: 2; /* Mantiene la foto por encima del adorno */
  display: block;
}

/* Un recuadro decorativo verde que se asoma por detrás de la foto */
.adorno-verde {
  position: absolute;
  top: 30px;
  left: -30px;
  width: 100%;
  height: 100%;
  background-color: #2E7D32; /* Verde rural del escudo */
  border-radius: 15px;
  z-index: 1;
}

/* --- ESTILOS DE LA COLUMNA DE TEXTO --- */
.sobre-texto-columna {
  flex: 1;
}

/* Pequeño texto introductorio */
.sobre-etiqueta {
  color: #D81B21; /* Rojo institucional */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 10px;
}

/* Título principal */
.sobre-titulo {
  color: #1565C0; /* Azul institucional */
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px 0;
}

/* Párrafo descriptivo */
.sobre-parrafo {
  color: #555555;
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
}

/* Lista de viñetas con íconos */
.sobre-lista {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}

.sobre-lista li {
  font-size: 1.05rem;
  color: #333333;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.sobre-lista i {
  color: #FBC02D; /* Amarillo del sol del logo para los íconos */
  font-size: 1.3rem;
  margin-right: 15px;
  width: 25px;
  text-align: center;
}

/* Botón de llamado a la acción */
.sobre-boton {
  display: inline-block;
  background-color: #D81B21; /* Rojo institucional */
  color: #FFFFFF;
  padding: 15px 35px;
  border-radius: 30px; /* Botón tipo píldora */
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(216, 27, 33, 0.3);
}

.sobre-boton:hover {
  background-color: #1565C0; /* Cambia al azul al pasar el ratón */
  box-shadow: 0 6px 20px rgba(21, 101, 192, 0.4);
  transform: translateY(-3px);
  color: #FFFFFF;
}

/* --- ADAPTACIÓN PARA CELULARES (RESPONSIVE) --- */
@media (max-width: 991px) {
  .sobre-container {
    flex-direction: column; /* Apila las columnas una sobre otra */
    gap: 40px;
  }
  
  .adorno-verde {
    left: 15px;
    top: 15px; /* Ajusta el adorno para que no se vea desproporcionado en móvil */
  }

  .sobre-titulo {
    font-size: 2rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa9d9c9 *//* --- CONFIGURACIÓN GLOBAL DE LA SECCIÓN --- */
.rural-projects-section {
  padding: 80px 20px;
  background-color: #FDFDFD; /* Un blanco roto muy sutil */
  font-family: 'Open Sans', 'Roboto', sans-serif;
  overflow: hidden;
}

.rural-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* --- ESTILOS DE CABECERA --- */
.rural-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 60px auto;
}

.rural-etiqueta {
  color: #2E7D32; /* Verde rural principal */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 10px;
}

.rural-titulo {
  color: #1565C0; /* Azul institucional para dar confianza */
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px 0;
}

.rural-subtitulo {
  color: #555555;
  font-size: 1.15rem;
  line-height: 1.6;
  margin: 0;
}

/* --- ESTILOS DE LA REJILLA DE TARJETAS (CSS GRID) --- */
.rural-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-bottom: 60px;
}

/* --- ESTILOS DE CADA TARJETA --- */
.rural-card {
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  border: 1px solid rgba(0,0,0,0.05); /* Borde sutil */
  transition: all 0.3s ease;
  position: relative;
  z-index: 1;
}

/* Efecto Hover: La tarjeta se expande y se ilumina suavemente */
.rural-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 12px 30px rgba(46, 125, 50, 0.1); /* Sombra con toque verde */
  border-color: #2E7D32; /* Borde verde al pasar el ratón */
}

/* --- CONTENEDOR CIRCULAR DEL ÍCONO --- */
.rural-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin: 0 auto 25px auto;
}

/* Colores personalizados para cada ícono (inspirados en el logo) */
.rural-icon.verde { background-color: rgba(46, 125, 50, 0.1); color: #2E7D32; }
.rural-icon.amarillo { background-color: rgba(251, 192, 45, 0.1); color: #FBC02D; }
.rural-icon.verde-oscuro { background-color: rgba(0, 105, 92, 0.1); color: #00695C; }
.rural-icon.rojo { background-color: rgba(216, 27, 33, 0.1); color: #D81B21; }

/* --- TÍTULOS Y TEXTOS DENTRO DE LA TARJETA --- */
.rural-card h3 {
  color: #333333;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0 15px 0;
  line-height: 1.3;
}

.rural-card p {
  color: #666666;
  font-size: 0.95rem;
  line-height: 1.5;
  margin: 0 0 20px 0;
}

.rural-ver-mas {
  display: inline-block;
  color: #1565C0;
  font-weight: 600;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.rural-ver-mas:hover {
  color: #D81B21; /* Cambia a rojo al pasar el ratón */
  text-decoration: underline;
}

/* --- BOTÓN PRINCIPAL AL FINAL --- */
.rural-footer-action {
  text-align: center;
}

.rural-boton-principal {
  display: inline-block;
  background-color: #D81B21; /* Rojo institucional */
  color: #FFFFFF;
  padding: 16px 40px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(216, 27, 33, 0.3);
}

.rural-boton-principal:hover {
  background-color: #2E7D32; /* Cambia al verde rural al pasar el ratón */
  box-shadow: 0 6px 20px rgba(46, 125, 50, 0.4);
  transform: translateY(-3px);
  color: #FFFFFF;
}

/* --- ADAPTACIÓN RESPONSIVA --- */
@media (max-width: 767px) {
  .rural-titulo {
    font-size: 2.2rem;
  }
  .rural-header {
    margin-bottom: 40px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31ee37a *//* --- CONFIGURACIÓN GLOBAL DE LA SECCIÓN GALERÍA --- */
.galeria-section {
  padding: 80px 20px;
  background-color: #FFFFFF; /* Fondo blanco puro para que las fotos resalten */
  font-family: 'Open Sans', 'Roboto', sans-serif;
  overflow: hidden;
}

.galeria-container {
  max-width: 1200px;
  margin: 0 auto;
}

/* --- ESTILOS DE CABECERA --- */
.galeria-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 60px auto;
}

.galeria-etiqueta {
  color: #1565C0; /* Azul institucional académico */
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 10px;
}

.galeria-titulo {
  color: #333333; /* Título casi negro para contraste */
  font-size: 2.8rem;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px 0;
}

.galeria-subtitulo {
  color: #666666;
  font-size: 1.15rem;
  line-height: 1.6;
  margin: 0;
}

/* --- REJILLA DE LA GALERÍA (CSS GRID) --- */
.galeria-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columnas por defecto en escritorio */
  gap: 20px;
  margin-bottom: 50px;
}

/* --- ESTILOS DE CADA ITEM DE LA GALERÍA --- */
.galeria-item {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  transition: all 0.4s ease;
  aspect-ratio: 1 / 1; /* Forza a que todas las fotos sean cuadradas */
}

/* La Imagen Principal */
.galeria-item img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Recorta la imagen para llenar el contenedor */
  display: block;
  transition: transform 0.4s ease;
}

/* Capa de Superposición (Overlay) sutil */
.galeria-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 101, 192, 0.7); /* Azul institucional con transparencia */
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  opacity: 0; /* Oculta la capa por defecto */
  transition: opacity 0.4s ease;
  z-index: 2;
}

/* EFECTOS AL PASAR EL RATÓN (HOVER) */
.galeria-item:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  border: 4px solid #D81B21; /* Borde rojo institucional al interactuar */
}

.galeria-item:hover img {
  transform: scale(1.1); /* Efecto de zoom suave */
}

.galeria-item:hover .galeria-overlay {
  opacity: 1; /* Muestra el overlay azul */
}

/* --- BOTÓN FINAL --- */
.galeria-footer {
  text-align: center;
}

.galeria-boton {
  display: inline-block;
  background-color: transparent;
  color: #1565C0;
  padding: 15px 35px;
  border: 2px solid #1565C0; /* Botón tipo Outline */
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.3s ease;
}

.galeria-boton:hover {
  background-color: #1565C0;
  color: #FFFFFF;
  transform: translateY(-3px);
  box-shadow: 0 4px 15px rgba(21, 101, 192, 0.3);
}

/* --- ADAPTACIÓN RESPONSIVA --- */
@media (max-width: 991px) {
  .galeria-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columnas en tablets */
  }
}

@media (max-width: 767px) {
  .galeria-grid {
    grid-template-columns: repeat(1, 1fr); /* 1 columna en celulares */
    gap: 15px;
  }
  
  .galeria-titulo {
    font-size: 2.2rem;
  }
}/* End custom CSS */