.elementor-582 .elementor-element.elementor-element-bfc3d04{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-582 .elementor-element.elementor-element-bfc3d04.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-582 .elementor-element.elementor-element-f789a0d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-f789a0d.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon-box-wrapper{text-align:justify;}.elementor-582 .elementor-element.elementor-element-f789a0d{--icon-box-icon-margin:23px;}.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon-box-title{margin-block-end:0px;color:#FBFEFF;}.elementor-582 .elementor-element.elementor-element-f789a0d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-582 .elementor-element.elementor-element-f789a0d.elementor-view-framed .elementor-icon, .elementor-582 .elementor-element.elementor-element-f789a0d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon{font-size:42px;}.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon i{transform:rotate(1deg);}.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon-box-description{font-family:"Noto Kufi Arabic", Sans-serif;font-weight:400;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-582 .elementor-element.elementor-element-97c5061{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:left;}.elementor-582 .elementor-element.elementor-element-97c5061 img{width:100%;max-width:100%;opacity:1;border-radius:14px 14px 14px 14px;}.elementor-582 .elementor-element.elementor-element-d3149f6{--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-582 .elementor-element.elementor-element-ecc60db{--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;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-582 .elementor-element.elementor-element-f2477b5{--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;--overlay-opacity:1;}.elementor-582 .elementor-element.elementor-element-f2477b5::before, .elementor-582 .elementor-element.elementor-element-f2477b5 > .elementor-background-video-container::before, .elementor-582 .elementor-element.elementor-element-f2477b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-582 .elementor-element.elementor-element-f2477b5 > .elementor-background-slideshow::before, .elementor-582 .elementor-element.elementor-element-f2477b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-582 .elementor-element.elementor-element-f2477b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 94%);}.elementor-582 .elementor-element.elementor-element-f2477b5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-6f900ce{text-align:justify;}.elementor-582 .elementor-element.elementor-element-1f65270{--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-582 .elementor-element.elementor-element-91ad373{--display:flex;--min-height:288px;--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-582 .elementor-element.elementor-element-d52d561{--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-582 .elementor-element.elementor-element-8ed6cfa{width:var( --container-widget-width, 44.825% );max-width:44.825%;--container-widget-width:44.825%;--container-widget-flex-grow:0;text-align:left;}.elementor-582 .elementor-element.elementor-element-8ed6cfa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-582 .elementor-element.elementor-element-8ed6cfa p{margin-block-end:8px;}.elementor-582 .elementor-element.elementor-element-60c3404{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-582 .elementor-element.elementor-element-60c3404.e-con{--order:99999 /* order end hack */;}.elementor-582 .elementor-element.elementor-element-f1d615e.elementor-element{--order:99999 /* order end hack */;}@media(max-width:1024px){.elementor-582 .elementor-element.elementor-element-bfc3d04{--grid-auto-flow:row;}.elementor-582 .elementor-element.elementor-element-60c3404{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-582 .elementor-element.elementor-element-bfc3d04{--width:99.028%;}.elementor-582 .elementor-element.elementor-element-ecc60db{--content-width:1186px;}.elementor-582 .elementor-element.elementor-element-f2477b5{--width:36%;}.elementor-582 .elementor-element.elementor-element-1f65270{--width:36%;}.elementor-582 .elementor-element.elementor-element-91ad373{--width:36%;}}@media(max-width:767px){.elementor-582 .elementor-element.elementor-element-bfc3d04{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-582 .elementor-element.elementor-element-60c3404{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for icon-box, class: .elementor-element-f789a0d *//* Contenedor principal del widget */
.elementor-582 .elementor-element.elementor-element-f789a0d {
    background-color: #ff8c2b !important;
    color: white !important;
    padding: 40px !important;
}

/* Estilo para el título "Primaria" */
.elementor-582 .elementor-element.elementor-element-f789a0d h2 {
    font-size: 2.8em !important;
    font-weight: bold !important;
    margin: 0 0 20px 0 !important;
    color: white !important;
}

/* Estilo para el párrafo de texto */
.elementor-582 .elementor-element.elementor-element-f789a0d p {
    font-size: 1em !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    color: white !important;
}

/* Ajustes para el ícono y "Nivel Académico" */
.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon-box-icon {
    margin-bottom: 5px !important;
}

.elementor-582 .elementor-element.elementor-element-f789a0d .elementor-icon-box-title {
    font-size: 1.2em !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}
/* Alinea el contenido a la izquierda y pone el color blanco */
.elementor-icon-box-wrapper {
    text-align: left;
}

/* Cambia el color del ícono */
.elementor-icon-box-icon {
    color: white !important;
}

/* Cambia el color del título "Nivel Académico" */
.elementor-icon-box-title {
    color: white !important;
}
/* Elimina el margen derecho de la primera columna */
.elementor-column:first-child {
    margin-right: 0 !important;
}

/* Elimina el margen izquierdo de la segunda columna */
.elementor-column:last-child {
    margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bfc3d04 *//* Elimina el margen derecho de la primera columna */
.elementor-column:first-child {
    margin-right: 0 !important;
}

/* Elimina el margen izquierdo de la segunda columna */
.elementor-column:last-child {
    margin-left: 0 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8020f11 *//* Contenedor principal de esta parte superior de la sección */
.como-lo-hacemos-top-section {
    padding: 50px 0; /* Espacio arriba y abajo */
    max-width: 900px; /* Limita el ancho del contenido */
    margin: 0 auto; /* Centra el contenedor principal */
    text-align: left; /* Alinea todo el contenido a la izquierda */
}

/* Estilo para el título "¿Cómo lo hacemos?" */
.como-lo-hacemos-title-left {
    font-size: 36px; /* Tamaño de la fuente */
    font-weight: bold; /* Negrita */
    color: #ff8c2b; /* Color anaranjado */
    margin-bottom: 20px; /* Espacio debajo del título */
    line-height: 1.2;
}

/* Estilo para el párrafo de descripción */
.como-lo-hacemos-description-left {
    font-size: 18px; /* Tamaño de la fuente */
    color: #555; /* Color del texto */
    line-height: 1.6; /* Espaciado entre líneas */
    margin-bottom: 0; /* Asegura que no haya margen extra abajo */
}

/* Ajustes para pantallas más pequeñas si es necesario */
@media (max-width: 767px) {
    .como-lo-hacemos-top-section {
        padding: 30px 20px; /* Menos padding en móviles */
    }
    .como-lo-hacemos-title-left {
        font-size: 28px;
    }
    .como-lo-hacemos-description-left {
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6f900ce *//* Contenedor principal de la columna */
.metodologia-container {
    background-color: #F8F9FA; /* Un color de fondo claro */
    border-radius: 5px; /* Bordes ligeramente redondeados */
    padding: 30px; /* Relleno interno */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil para darle profundidad */
    position: relative; /* Necesario para posicionar el borde naranja */
    overflow: hidden; /* Oculta cualquier cosa que se salga del contenedor */
}

/* Título de la columna */
.metodologia-title {
    color: #FF8C00; /* Color naranja */
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Borde naranja en la parte superior */
.metodologia-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #FF8C00;
}

/* Texto de la columna */
.metodologia-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-178fbac *//* Contenedor principal de la columna */
.bilinguismo-container {
    background-color: #F8F9FA; /* Color de fondo claro */
    border-radius: 5px; /* Bordes ligeramente redondeados */
    padding: 30px; /* Relleno interno */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    position: relative; /* Necesario para el borde superior */
    overflow: hidden;
}

/* Título de la columna */
.bilinguismo-title {
    color: #FF8C00; /* Color cian */
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Borde cian en la parte superior */
.bilinguismo-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #FF8C00;
}

/* Texto de la columna */
.bilinguismo-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0 0 15px 0; /* Margen inferior para separar párrafos */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-51dcdda *//* Contenedor principal de la columna */
.constructivismo-container {
    background-color: #F8F9FA; /* Color de fondo claro */
    border-radius: 5px; /* Bordes ligeramente redondeados */
    padding: 30px; /* Relleno interno */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    position: relative; /* Necesario para el borde superior */
    overflow: hidden;
}

/* Título de la columna */
.constructivismo-title {
    color: #FF8C00; /* Color anaranjado */
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 15px;
}

/* Borde anaranjado en la parte superior */
.constructivismo-border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #FF8C00;
}

/* Texto de la columna */
.constructivismo-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8ed6cfa *//* Estilo para el título de la sección "Beneficios" */
h2.beneficios-title {
    color: #ff8c2b; /* Color anaranjado */
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
}

/* Contenedor principal de los elementos de la lista */
.beneficios-list-container {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 800px;
}

/* Estilo para cada elemento de beneficio */
.beneficio-item-html {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    font-size: 1em;
}

/* Estilo para el círculo del ícono */
.beneficio-icon-html {
    background-color: transparent;
    border: 2px solid #ff8c2b; /* Borde anaranjado */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    display: grid;
    place-items: center;
    margin-right: 20px;
}

/* Estilo para el ícono */
.beneficio-icon-html i {
    color: #ff8c2b; /* Color anaranjado del ícono */
    font-size: 24px;
}

/* Estilo para el texto del beneficio */
.beneficio-item-html p {
    margin: 0;
    line-height: 1.5;
    color: #333;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1d615e *//* Estilo para los campos del formulario */
.contact-form-column {
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
}

.contact-form-column h2 {
    color: #333;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
}

.form-group {
    margin-bottom: 15px;
}

.contact-form-column input,
.contact-form-column textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1em;
}

.contact-form-column textarea {
    height: 100px;
}

.form-checkbox {
    margin-bottom: 20px;
}

.form-checkbox label {
    font-size: 0.9em;
    color: #555;
}

.form-checkbox a {
    color: #007bff;
}

.contact-form-column button {
    width: 100%;
    padding: 15px;
    background-color: #004d99;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-766f554 *//* Estilo general para la sección de contacto */
.contact-section-container {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 20px;
    font-family: Arial, sans-serif;
    justify-content: center;
    gap: 30px;
}

.contact-info-column,
.contact-form-column {
    flex: 1;
    min-width: 300px;
    max-width: 550px;
}

.contact-info-column h2,
.contact-form-column h2 {
    color: #333;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact-info-column p {
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Estilo para los detalles de contacto */
.contact-details p {
    font-size: 1em;
    display: block; /* Asegura que cada línea ocupe su propio espacio */
    margin-bottom: 5px; /* Pequeño espacio entre cada línea */
}

.contact-details i {
    color: #555;
    margin-right: 10px;
}

/* Estilo para los iconos de redes sociales */
.social-media-icons h3 {
    font-size: 1.2em;
    margin-top: 30px;
}

.social-media-icons a {
    color: #333;
    font-size: 1.5em;
    margin-right: 15px;
    text-decoration: none;
}

/* Estilo para los campos del formulario */
.contact-form-column {
    background-color: #f7f7f7;
    padding: 30px;
    border-radius: 5px;
}

.form-group {
    margin-bottom: 15px;
}

.contact-form-column input,
.contact-form-column textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1em;
}

.contact-form-column textarea {
    height: 100px;
}

.form-checkbox {
    margin-bottom: 20px;
}

.form-checkbox label {
    font-size: 0.9em;
    color: #555;
}

.form-checkbox a {
    color: #007bff;
}

.contact-form-column button {
    width: 100%;
    padding: 15px;
    background-color: #004d99;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
}

/* Ajustes para móviles */
@media (max-width: 768px) {
    .contact-section-container {
        flex-direction: column;
    }
}/* End custom CSS */