.elementor-1956 .elementor-element.elementor-element-472898a{--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-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-1956 .elementor-element.elementor-element-7852384{--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;}/* Start custom CSS for text-editor, class: .elementor-element-56cd86b *//* Estilos del contenedor principal, que tendrá la imagen de fondo y el degradado */
.image-text-container {
    /* Degradado azul sobre la imagen */
    background-image: 
        linear-gradient(rgba(0, 0, 100, 0.6), rgba(0, 0, 100, 0.6)), /* Capa de degradado azul (ajusta la opacidad 0.5) */
        url('https://www.gcmeryland.edu.co/wp-content/uploads/2025/10/Sin-titulo-1.jpg'); /* Tu imagen de fondo */
    
    background-size: cover; /* La imagen cubre todo el espacio */
    background-position: center; /* La imagen se centra */
    height: 400px; /* Ajusta esta altura según lo necesites */
    width: 100%;
    display: flex; /* Usamos Flexbox para centrar el contenido */
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    text-align: center; /* Centra el texto */
}

/* Estilos para el texto superpuesto */
.text-overlay {
    color: white; /* Color del texto */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Sombra para que el texto se lea mejor */
    padding: 20px;
    color: white !important; /* Fuerza el color blanco para el h1 */
}

/* Estilo para el título principal */
.text-overlay h1 {
    font-size: 3em;
    margin: 0;
    color: white !important; /* Fuerza el color blanco para el h1 */
}

/* Estilo para el subtítulo */
.text-overlay p {
    font-size: 1.5em;
    margin-top: 10px;
    line-height: 1.2;
}/* End custom CSS */