.elementor-1153 .elementor-element.elementor-element-d74d4a6{--display:flex;--min-height:0px;--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1153 .elementor-element.elementor-element-baa0986 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #0C46B3 0%, #0C46B3 100%);}.elementor-1153 .elementor-element.elementor-element-baa0986{text-align:left;}.elementor-1153 .elementor-element.elementor-element-baa0986 p{margin-block-end:0px;}.elementor-1153 .elementor-element.elementor-element-44c267c{--display:flex;}.elementor-1153 .elementor-element.elementor-element-795a8e6 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1153 .elementor-element.elementor-element-428d7f3{--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;--margin-top:-65px;--margin-bottom:-65px;--margin-left:-65px;--margin-right:-65px;}.elementor-1153 .elementor-element.elementor-element-a37ef22{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1153 .elementor-element.elementor-element-93f3771{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:justify;}.elementor-1153 .elementor-element.elementor-element-93f3771 > .elementor-widget-container{margin:-17px -17px -17px -17px;padding:-69px -69px -69px -69px;}.elementor-1153 .elementor-element.elementor-element-93f3771.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1153 .elementor-element.elementor-element-b36047b{--display:flex;--justify-content:flex-start;}.elementor-1153 .elementor-element.elementor-element-a723915 > .elementor-widget-container{margin:2px 2px 2px 2px;padding:-7px -7px -7px -7px;}.elementor-1153 .elementor-element.elementor-element-a723915.elementor-element{--align-self:center;}.elementor-1153 .elementor-element.elementor-element-1590d30{--display:flex;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .elementor-repeater-item-e63cc37 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://www.gcmeryland.edu.co/wp-content/uploads/2025/11/valhala-para-publicarrrrr.jpg);background-size:cover;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .elementor-repeater-item-4ffb71c .swiper-slide-bg{background-color:#4054b2;background-image:url(https://www.gcmeryland.edu.co/wp-content/uploads/2025/11/sparta-pixar-con-camisetas.jpg);background-size:cover;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .elementor-repeater-item-97c1027 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://www.gcmeryland.edu.co/wp-content/uploads/2025/11/olimpia-pixar-con-logo-y-camisetas.jpg);background-size:cover;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .elementor-repeater-item-1507d73 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://www.gcmeryland.edu.co/wp-content/uploads/2025/11/athenaaaasss-para-publicar.jpg);background-size:cover;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .swiper-slide-contents{max-width:66%;}.elementor-1153 .elementor-element.elementor-element-4f0bc40 .swiper-slide-inner{text-align:center;}@media(min-width:768px){.elementor-1153 .elementor-element.elementor-element-d74d4a6{--content-width:2000px;}.elementor-1153 .elementor-element.elementor-element-44c267c{--content-width:2000px;}.elementor-1153 .elementor-element.elementor-element-428d7f3{--content-width:1600px;}.elementor-1153 .elementor-element.elementor-element-a37ef22{--content-width:2000px;}.elementor-1153 .elementor-element.elementor-element-b36047b{--content-width:2000px;}}/* Start custom CSS for text-editor, class: .elementor-element-baa0986 *//* ======================================= */
/* 1. Estilos del Banner Azul Oscuro (la Sección) */
/* ======================================= */

.banner-institucion {
    /* Color de Fondo: Azul Oscuro con toque verdoso (Hex: #004466) */
    background-color: #004466; 
    
    /* Imagen de Fondo (Si la tienes en tu servidor) */
    /* Descomenta y ajusta si quieres usar la imagen de las personas alzando las manos */
    /* background-image: url('URL_DE_TU_IMAGEN_DE_FONDO.jpg'); */
    /* background-size: cover; */
    /* background-position: center center; */
    
    /* Relleno (Padding) para darle altura al banner. 
       Asegura el espacio por encima y por debajo del título. */
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Opcional: Para el efecto de Oscurecimiento sobre la imagen de fondo (Overlay) */
.contenido-banner {
    /* Ajusta el contraste si usas una imagen de fondo */
    /* background-color: rgba(0, 0, 0, 0.4); */ 
}


/* ======================================= */
/* 2. Estilos del Título (Nuestra Institución) */
/* ======================================= */

.titulo-institucion {
    /* Color del Texto: Blanco */
    color: #FFFFFF;
    
    /* Alineación: Centrado */
    text-align: center;
    
    /* Tipografía (Ajusta los valores al diseño exacto de tu web) */
    font-size: 44px;    /* Tamaño grande del título */
    font-weight: 700;   /* Letra gruesa (Bold) */
    line-height: 1.2;
    
    /* Asegura que no haya márgenes extra del H1 */
    margin-top: 0;
    margin-bottom: 0;
    
    /* La línea de color verde debajo del título */
    border-bottom: 4px solid #33CC99; /* Usa un verde/cian llamativo */
    padding-bottom: 10px; /* Espacio entre el texto y la línea */
    
    /* Para controlar el ancho de la línea de abajo */
    display: inline-block; 
}


/* ======================================= */
/* 3. Estilos de la Sección de Video (simulación) */
/* ======================================= */

/* Esto es solo para simular que hay un espacio para el video */
.video-container {
    width: 100%;
    /* Si Elementor o tu tema añaden márgenes, puedes eliminarlos */
    margin-top: 0; 
    margin-bottom: 0;
}

.video-placeholder {
    height: 500px; /* Altura del video */
    background-color: #333; /* Fondo gris oscuro */
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3e0cf27 *//* ================================================= */
/* ESTILOS DE LA SECCIÓN ACERCA DE NOSOTROS */
/* ================================================= */

.acerca-de-nosotros-seccion {
    /* Relleno, Ancho Máximo y Centrado */
    padding: 80px 5% 60px 5%; 
    max-width: 1200px; 
    margin: 0 auto; 
    
    /* PROPIEDAD CLAVE SOLICITADA: Justificación del texto */
    text-align: justify;
    
    /* Color base del texto (Gris suave) */
    color: #666; 
}

/* Estilos del Título Principal "Acerca de nosotros" */
.titulo-acerca-nosotros {
    color: #333366; /* Azul Oscuro */
    font-size: 56px; /* Tamaño grande */
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 25px; 
    
    /* Anulación de la justificación */
    text-align: left; 
    
    /* Línea naranja de abajo */
    border-bottom: 5px solid #ff7f41; 
    padding-bottom: 8px; 
    display: inline-block; /* Ajusta la línea al ancho del texto */
}

/* Estilos de la Frase en Cursiva (Educamos el espíritu...) */
.acerca-de-nosotros-seccion h3 {
    color: #444; 
    font-size: 24px; 
    font-style: italic; 
    font-weight: 400; 
    margin-top: 5px; 
    margin-bottom: 25px; 
    text-align: left; /* No justificar la frase */
}

/* Estilos del Párrafo de Misión/Trayectoria (el primero en aparecer) */
.parrafo-mision-trayectoria {
    color: inherit; /* Hereda el #666 */
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 30px; 
}

/* Estilos del Párrafo Principal (PEI) */
.parrafo-principal {
    color: inherit; /* Hereda el #666 */
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 30px; 
}

/* Estilos del Párrafo Secundario (Bilingüismo) */
.parrafo-secundario {
    color: inherit; /* Hereda el #666 */
    font-size: 18px; 
    font-weight: 500; /* Ligeramente más grueso */
    line-height: 1.6;
    margin-bottom: 0;
}

/* Asegura que las etiquetas de negrita hereden el color del texto del párrafo */
.acerca-de-nosotros-seccion strong {
    color: inherit;
    font-weight: 700;
}

/* Estilo para el divisor o footer oscuro en la parte inferior */
.footer-divisor {
    width: 100%;
    height: 30px; 
    background-color: #3f4a60; 
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-93f3771 *//* ================================================= */
/* ESTILOS DE LA SECCIÓN HACEMOS LA DIFERENCIA (Actualizados para Iconos FA) */
/* ================================================= */

.hacemos-diferencia {
    background-color: #3f4a60; 
    color: #FFFFFF; 
    padding: 80px 5%; 
}

.titulo-diferencia {
    color: #FFFFFF;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 50px;
    text-align: center; 
    margin-top: 0;
}

.columnas-diferencia {
    display: flex;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    gap: 40px; 
}

.columna-izquierda,
.columna-derecha {
    width: 50%; 
}

.item-diferencia {
    display: flex; 
    margin-bottom: 30px;
    align-items: flex-start; 
}

.item-diferencia .icono {
    /* Ajustes CLAVE para Font Awesome */
    font-size: 28px; /* Tamaño un poco más grande para los iconos */
    color: #c9e3f6; /* Un color azul claro/blanco para los iconos */
    margin-right: 15px;
    flex-shrink: 0; 
    
    /* Pequeño ajuste para centrar verticalmente si el icono es más alto que el texto */
    padding-top: 3px; 
}

.item-diferencia p {
    color: inherit; 
    font-size: 16px;
    line-height: 1.6;
    margin-top: 0;
}

.item-diferencia strong {
    color: #c9e3f6; 
    font-weight: 700;
}

/* Media Query para Responsividad */
@media (max-width: 768px) {
    .columnas-diferencia {
        flex-direction: column; 
    }
    .columna-izquierda,
    .columna-derecha {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a723915 *//* ================================================= */
/* ESTILOS DE LA SECCIÓN SISTEMA DE CASAS */
/* ================================================= */

.sistema-casas {
    padding: 60px 5%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center; /* Centrar el título y el párrafo */
}

.titulo-casas {
    color: #0077c2; /* Azul vibrante para el título principal */
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}

.introduccion-casas {
    color: #555;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 50px;
    text-align: justify; /* Justificar el párrafo de introducción */
}

/* Contenedor principal de las 4 columnas (CSS GRID) */
.contenedor-grid-casas {
    display: grid;
    /* Divide el espacio en 4 columnas de igual tamaño */
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; /* Espacio entre las tarjetas */
}

/* Estilos de cada tarjeta de Casa */
.card-casa {
    border: 1px solid #ccc;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    /* Línea verde de borde superior (similar a la imagen) */
    border-top: 5px solid #4CAF50; 
    transition: all 0.3s ease;
}

/* Estilos al pasar el ratón (opcional) */
.card-casa:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.logo-casa img {
    /* Ajusta el tamaño del logo */
    max-width: 150px; 
    height: auto;
    margin-bottom: 10px;
}

.nombre-casa {
    /* Color y fuente del nombre de la casa */
    font-size: 24px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #333;
}

/* Estilos para el texto descriptivo de las características y valores */
.card-casa p {
    color: #666;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left; /* Alineación del texto descriptivo */
}

.card-casa strong {
    color: #333;
    font-weight: 600;
}

/* Media Query para Responsividad (2 columnas en tablet, 1 en móvil) */
@media (max-width: 992px) {
    .contenedor-grid-casas {
        /* 2 columnas en pantallas medianas */
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 600px) {
    .contenedor-grid-casas {
        /* 1 columna en pantallas pequeñas */
        grid-template-columns: 1fr; 
    }
}/* End custom CSS */