{"id":25007,"date":"2026-02-05T02:38:22","date_gmt":"2026-02-05T02:38:22","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=25007"},"modified":"2026-04-08T12:55:32","modified_gmt":"2026-04-08T12:55:32","slug":"home-es","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/home-es\/","title":{"rendered":"Home-ES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25007\" class=\"elementor elementor-25007\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-425beab e-con-full e-flex e-con e-parent\" data-id=\"425beab\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-309cc9e elementor-widget-mobile__width-initial elementor-widget__width-initial elementor-widget-tablet__width-initial elementor--h-position-center elementor--v-position-middle elementor-arrows-position-inside elementor-pagination-position-inside elementor-widget elementor-widget-slides\" data-id=\"309cc9e\" data-element_type=\"widget\" data-settings=\"{&quot;autoplay_speed&quot;:4994,&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;,&quot;transition&quot;:&quot;slide&quot;,&quot;transition_speed&quot;:500}\" data-widget_type=\"slides.default\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-slides-wrapper elementor-main-swiper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Slides\" dir=\"ltr\" data-animation=\"fadeInUp\">\n\t\t\t\t<div class=\"swiper-wrapper elementor-slides\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-repeater-item-68f281d swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Banner Admissions\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-f55d528 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Banner Gen\u00e9rico\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div><div class=\"elementor-repeater-item-e283ce7 swiper-slide\" role=\"group\" aria-roledescription=\"slide\"><div class=\"swiper-slide-bg\" role=\"img\" aria-label=\"Explore our campus\"><\/div><div class=\"swiper-slide-inner\" ><div class=\"swiper-slide-contents\"><\/div><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b420ed e-con-full e-flex e-con e-parent\" data-id=\"2b420ed\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b9eb4a elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"6b9eb4a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       1. CONFIGURACI\u00d3N GENERAL (VARIABLES)\r\n       ========================================= *\/\r\n    .cbc-full-width-bg {\r\n        --emp-blue: #0c306d;      \r\n        --emp-red: #b8141a;       \r\n        --emp-white: #ffffff;\r\n        --emp-bg-gray: #f4f6f8;\r\n        --emp-font: 'Avenir', 'Helvetica Neue', Arial, sans-serif\r\n        --emp-size-empowering: 70px; \r\n        --emp-size-our: 18px;        \r\n        --emp-size-students: 72px;   \r\n        --emp-size-body: 28px;        \r\n        --emp-size-icon-label: 20px; \r\n        --emp-icon-size: 130px;      \r\n    }\r\n    \r\n    \/* =========================================\r\n       2. ESTRUCTURA PRINCIPAL\r\n       ========================================= *\/\r\n    .cbc-full-width-bg {\r\n        width: 100%;\r\n        background-color: var(--emp-bg-gray);\r\n        \/* Aplicamos el padding inferior ganador para que no se corte *\/\r\n        padding: 60px 0 100px 0;\r\n        margin: 0;\r\n        position: relative; \/* Ajuste tomado del c\u00f3digo que funciona *\/\r\n    }\r\n\r\n    .empowering-widget {\r\n        font-family: var(--emp-font);\r\n        width: 90%;\r\n        max-width: 1600px;\r\n        margin: 0 auto;\r\n        box-sizing: border-box; \r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        gap: 60px;\r\n        flex-wrap: wrap; \r\n    }\r\n\r\n    \/* --- COLUMNA TEXTO (IZQUIERDA) --- *\/\r\n    .emp-text-col {\r\n        flex: 1;\r\n        min-width: 300px; \r\n        max-width: 600px;\r\n    }\r\n\r\n    .emp-headline { line-height: 0.9; margin-bottom: 30px; }\r\n\r\n    .line-top {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .text-empowering {\r\n        color: var(--emp-blue);\r\n        \/* Reducido ligeramente para que \"EMPODERANDO\" (que es m\u00e1s largo) quepa bien *\/\r\n        font-size: 60px; \r\n        font-weight: 700; \r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .label-our {\r\n        background-color: var(--emp-blue);\r\n        color: var(--emp-white);\r\n        font-size: var(--emp-size-our);\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        padding: 5px 12px;\r\n        letter-spacing: 2px;\r\n        border-radius: 4px;\r\n        transform: translateY(-4px); \r\n    }\r\n\r\n    .text-students {\r\n        color: var(--emp-red);\r\n        \/* Reducido ligeramente para la palabra \"ESTUDIANTES\" *\/\r\n        font-size: 65px; \r\n        font-weight: 900; \r\n        text-transform: uppercase;\r\n        display: block;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .emp-paragraph {\r\n        color: var(--emp-blue);\r\n        font-size: var(--emp-size-body);\r\n        line-height: 1.6;\r\n        text-align: justify;\r\n        margin-top: 25px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* --- COLUMNA ICONOS (DERECHA) --- *\/\r\n    .emp-icons-col {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 50px;\r\n        align-items: center;\r\n        min-width: auto; \r\n        width: 100%;\r\n    }\r\n\r\n    .icons-row {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 40px;\r\n        width: 100%;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    \/* CONTENEDOR INDIVIDUAL *\/\r\n    .emp-icon-wrapper {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        width: 150px; \r\n        cursor: pointer; \r\n        position: relative; \/* Clave para el tooltip *\/\r\n        -webkit-tap-highlight-color: transparent; \r\n    }\r\n\r\n    .emp-icon-img {\r\n        width: var(--emp-icon-size); \r\n        height: auto;\r\n        display: block;\r\n        margin-bottom: 15px; \r\n        filter: drop-shadow(0 5px 5px rgba(0,0,0,0.1));\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .emp-icon-label {\r\n        color: var(--emp-blue);\r\n        font-size: var(--emp-size-icon-label);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* =========================================\r\n       3. TOOLTIP\r\n       ========================================= *\/\r\n    .emp-icon-desc {\r\n        position: absolute;\r\n        top: 100%; \r\n        left: 50%;\r\n        transform: translateX(-50%) translateY(15px);\r\n        width: 250px; \r\n        background-color: var(--emp-blue);\r\n        color: var(--emp-white);\r\n        font-size: 14px;\r\n        line-height: 1.5;\r\n        padding: 15px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        z-index: 100;\r\n        pointer-events: none;\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    \/* Triangulito superior *\/\r\n    .emp-icon-desc::before {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 100%; \r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        border-width: 10px;\r\n        border-style: solid;\r\n        border-color: transparent transparent var(--emp-blue) transparent;\r\n    }\r\n\r\n    \/* --- EFECTOS HOVER (ESCRITORIO) --- *\/\r\n    @media (hover: hover) {\r\n        .emp-icon-wrapper:hover .emp-icon-img {\r\n            transform: translateY(-15px) scale(1.1);\r\n            filter: drop-shadow(0 15px 15px rgba(0,0,0,0.2)); \r\n        }\r\n        .emp-icon-wrapper:hover .emp-icon-label {\r\n            color: var(--emp-red);\r\n        }\r\n        .emp-icon-wrapper:hover .emp-icon-desc {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateX(-50%) translateY(5px);\r\n        }\r\n    }\r\n\r\n    \/* --- CLASE ACTIVA (M\u00d3VIL) --- *\/\r\n    .emp-icon-wrapper.active-tooltip .emp-icon-img {\r\n        transform: translateY(-10px) scale(1.05);\r\n    }\r\n    .emp-icon-wrapper.active-tooltip .emp-icon-label {\r\n        color: var(--emp-red);\r\n    }\r\n    .emp-icon-wrapper.active-tooltip .emp-icon-desc {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateX(-50%) translateY(5px);\r\n    }\r\n\r\n    \/* =========================================\r\n       4. MEDIA QUERIES\r\n       ========================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .empowering-widget { flex-direction: column; text-align: center; gap: 40px; }\r\n        .emp-text-col { max-width: 100%; min-width: auto; }\r\n        .emp-paragraph { text-align: center; }\r\n        .line-top { justify-content: center; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .cbc-full-width-bg { padding: 40px 0 80px 0; }\r\n        \r\n        \/* Ajuste responsivo de textos en espa\u00f1ol *\/\r\n        .text-empowering { font-size: 24px; }\r\n        .text-students { font-size: 11vw; }\r\n        \r\n        .emp-paragraph { font-size: 16px; }\r\n        .icons-row { gap: 30px 10px; }\r\n        .emp-icon-wrapper { width: 45%; max-width: 140px; }\r\n        .emp-icon-img { width: 90px; }\r\n        .emp-icon-label { font-size: 14px; }\r\n        \r\n        .emp-icon-desc { \r\n            width: 200px; \r\n            font-size: 13px; \r\n            padding: 12px;\r\n            z-index: 999;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cbc-full-width-bg\">\r\n    <div class=\"empowering-widget\">\r\n        <div class=\"emp-text-col\">\r\n            <div class=\"emp-headline\">\r\n                <div class=\"line-top\">\r\n                    <span class=\"text-empowering\">EMPODERANDO<\/span>\r\n                    <span class=\"label-our\">A NUESTROS<\/span>\r\n                <\/div>\r\n                <span class=\"text-students\">ESTUDIANTES<\/span>\r\n            <\/div>\r\n            <p class=\"emp-paragraph\">\r\n                Somos una comunidad educativa que contribuye a la formaci\u00f3n de personas integrales, con la esperanza de moldear a los futuros l\u00edderes de nuestro pa\u00eds; individuos con una mentalidad competitiva y una visi\u00f3n de empoderamiento para que aporten en la construcci\u00f3n de un mundo m\u00e1s justo y con mayor conciencia social.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"emp-icons-col\">\r\n            <div class=\"icons-row\">\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-01-scaled.webp\" alt=\"Responsabilidad\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Responsabilidad<\/span>\r\n                    <div class=\"emp-icon-desc\">Incentivamos a los estudiantes a asumir la responsabilidad de sus acciones y su proceso de aprendizaje, fomentando un fuerte sentido del deber hacia s\u00ed mismos y hacia la comunidad.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-02-scaled.png\" alt=\"Respeto\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Respeto<\/span>\r\n                    <div class=\"emp-icon-desc\">El respeto mutuo es la base de nuestra comunidad. Ense\u00f1amos a los estudiantes a valorarse a s\u00ed mismos, a los dem\u00e1s y a su entorno.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-03-scaled.webp\" alt=\"Integridad\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Integridad<\/span>\r\n                    <div class=\"emp-icon-desc\">Hacer lo correcto, incluso cuando nadie est\u00e1 mirando. La honestidad, la transparencia y el valor moral son pilares fundamentales de nuestra educaci\u00f3n.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-04-scaled.webp\" alt=\"Tolerancia\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Tolerancia<\/span>\r\n                    <div class=\"emp-icon-desc\">Abrazamos la diversidad y ense\u00f1amos a los estudiantes a apreciar diferentes perspectivas, culturas e ideas con una mente abierta y emp\u00e1tica.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"icons-row\">\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-05-scaled.webp\" alt=\"Solidaridad\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Solidaridad<\/span>\r\n                    <div class=\"emp-icon-desc\">Empat\u00eda en acci\u00f3n. Preparamos a los estudiantes para apoyar a quienes lo necesitan y trabajar de manera colaborativa por el bien com\u00fan de nuestra sociedad.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-06-scaled.webp\" alt=\"Equidad\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Equidad<\/span>\r\n                    <div class=\"emp-icon-desc\">Garantizar la justicia y las oportunidades para todos. Nos esforzamos por crear un entorno inclusivo donde cada estudiante tenga el apoyo necesario para prosperar.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"emp-icon-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-07-scaled.png\" alt=\"Innovaci\u00f3n\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Innovaci\u00f3n<\/span>\r\n                    <div class=\"emp-icon-desc\">Fomentamos la creatividad y el pensamiento cr\u00edtico para resolver problemas modernos. Preparamos a los estudiantes para ser los agentes de cambio del ma\u00f1ana.<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const wrappers = document.querySelectorAll('.emp-icon-wrapper');\r\n\r\n        \/\/ Cerrar al tocar en cualquier parte de la pantalla\r\n        document.addEventListener('click', function(event) {\r\n            let clickedInside = event.target.closest('.emp-icon-wrapper');\r\n            if (!clickedInside) {\r\n                wrappers.forEach(w => w.classList.remove('active-tooltip'));\r\n            }\r\n        });\r\n\r\n        \/\/ Comportamiento al tocar un icono\r\n        wrappers.forEach(wrapper => {\r\n            wrapper.addEventListener('click', function(event) {\r\n                event.stopPropagation();\r\n                const isActive = this.classList.contains('active-tooltip');\r\n                wrappers.forEach(w => w.classList.remove('active-tooltip'));\r\n                if (!isActive) {\r\n                    this.classList.add('active-tooltip');\r\n                }\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94ffd59 e-transform e-con-full e-flex e-con e-parent\" data-id=\"94ffd59\" data-element_type=\"container\" data-settings=\"{&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.9,&quot;sizes&quot;:[]},&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f9fcf0b elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"f9fcf0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"academic-section\">\r\n  <div class=\"academic-container\">\r\n    <h2 class=\"academic-title\">NIVELES ACAD\u00c9MICOS<\/h2>\r\n    <div class=\"academic-grid\">\r\n      \r\n      <a href=\"https:\/\/academico.cbcuscatlan.edu.sv\/cbc\/blog\/parvularia.php\" target=\"_blank\" class=\"academic-card\" style=\"text-decoration: none; color: inherit;\">\r\n        <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/11\/cbc-preschool-blog-icon.png\">\r\n        <div class=\"academic-label\">Parvularia<\/div>\r\n      <\/a>\r\n\r\n      <div class=\"academic-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/11\/cbc-elementary-blog-icon.png\">\r\n        <div class=\"academic-label\">Primaria<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"academic-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/11\/cbc-middleschool-blog-icon.png\">\r\n        <div class=\"academic-label\">Tercer Ciclo<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"academic-card\">\r\n        <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/11\/cbc-highschool-blog-icon.png\">\r\n        <div class=\"academic-label\">Bachillerato<\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b4016c e-transform e-con-full e-flex e-con e-parent\" data-id=\"2b4016c\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_transform_scaleX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scaleY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0a9038 elementor-widget elementor-widget-html\" data-id=\"c0a9038\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- Tipograf\u00edas (puedes mover este <link> al header del tema si prefieres) -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@400;600;700&family=Montserrat:wght@400;600;700&display=on class=\"partners-title-section\">\r\n  <h2 class=\"partners-title\">\r\n    <span class=\"partners-title__top\">NUESTROS SOCIOS<\/span>\r\n    <span class=\"partners-title__bottom\">EDUCATIVOS<\/span>\r\n  <\/h2>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b89fb5b e-con-full e-flex e-con e-parent\" data-id=\"b89fb5b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2070abc elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2070abc\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"partners-strip\">\r\n  <div class=\"partners-container\">\r\n    <ul class=\"partners-logos\">\r\n      <li class=\"partner\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/logo-nhs-200x200-1.png\"><\/li>\r\n      <li class=\"partner\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Logo_Ministerio.png\"><\/li>\r\n      <li class=\"partner\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/09\/Cognia_ACCRED-Badge-GREY-684x684-1.png\"><\/li>\r\n      <li class=\"partner\"><RL-MICROSOFT.png<\/li>\r\n      <li class=\"partner\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/mec_logo-87x100-1.png\"><\/li>\r\n      \r\n      \r\n      <li class=\"partner\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/minecraft_for_education_small_trans-300x153-1.png\"><\/li>\r\n      <li class=\"partner\">\r\n      <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/FondationAF_Logo_couleur_transparent_CMJN-2-2048x1038-1.webp\">\r\n      <!-- Beedle (nuevo) -->\r\n      <li class=\"partner partner--beedle\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Beedle-Logo.png\">\r\n       <!-- AP College Board -->\r\n      <li class=\"partner partner--beedle\"><img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/02\/AP_CollegeBoard_logo.webp\">\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ea03f5 e-con-full e-flex e-con e-parent\" data-id=\"1ea03f5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-636f1a2 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"636f1a2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       SECCI\u00d3N DE CONFIGURACI\u00d3N F\u00c1CIL\r\n       Modifica los valores aqu\u00ed abajo\r\n       ========================================= *\/\r\n    .contact-us-widget {\r\n        \/* --- 1. TIPOGRAF\u00cdA Y TEXTOS --- *\/\r\n        --cu-font-family: 'Avenir', Arial, sans-serif; \r\n        --cu-title-size: 42px;    \/* Tama\u00f1o t\u00edtulos (NUESTRA UBICACI\u00d3N...) *\/\r\n        --cu-text-size: 18px;     \/* Tama\u00f1o texto de direcci\u00f3n y p\u00e1rrafo *\/\r\n\r\n        \/* --- 2. COLORES --- *\/\r\n        --cu-color-blue: #0c306d; \/* Azul (Borde del mapa y t\u00edtulo NUESTRA) *\/\r\n        --cu-color-red: #b8141a;  \/* Rojo (T\u00edtulos UBICACI\u00d3N y SOLICITUD) *\/\r\n        --cu-color-text: #0c306d; \/* Azul oscuro del texto *\/\r\n\r\n        \/* --- 3. CONFIGURACI\u00d3N DEL MAPA --- *\/\r\n        --cu-map-height: 400px;        \/* Altura del mapa en PC *\/\r\n        --cu-map-border-width: 8px;    \/* Grosor del borde azul *\/\r\n        --cu-map-border-radius: 25px;  \/* Qu\u00e9 tan redondas son las esquinas *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       ESTILOS CSS (NO TOCAR ABAJO)\r\n       ========================================= *\/\r\n       \r\n    \/* IMPORTANTE: Evita que el borde sume ancho extra y deforme el mapa *\/\r\n    .contact-us-widget, .contact-us-widget * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .contact-us-widget {\r\n        font-family: var(--cu-font-family);\r\n        color: var(--cu-color-text);\r\n        line-height: 1.5;\r\n        max-width: 100%;\r\n        margin: 0 auto;\r\n        padding: 40px 0px; \r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: space-between;\r\n        gap: 50px; \/* Espacio entre texto y mapa *\/\r\n        align-items: center; \r\n    }\r\n\r\n    \/* Columna Texto *\/\r\n    .contact-info-col {\r\n        flex: 1 1 400px;\r\n        max-width: 450px;\r\n    }\r\n\r\n    .contact-title {\r\n        font-size: var(--cu-title-size);\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        line-height: 0.95; \r\n        margin-bottom: 25px;\r\n        margin-top: 0;\r\n    }\r\n\r\n    .text-blue { color: var(--cu-color-blue); }\r\n    .text-red { color: var(--cu-color-red); }\r\n    \r\n    .contact-p {\r\n        font-size: var(--cu-text-size);\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .mt-large { margin-top: 50px; }\r\n\r\n    \/* Columna Mapa *\/\r\n    .contact-map-col {\r\n        flex: 1 1 500px;\r\n        width: 100%; \/* Asegura que tome todo el espacio en su contenedor *\/\r\n    }\r\n\r\n    .map-frame-style {\r\n        width: 100%;\r\n        height: var(--cu-map-height);\r\n        border: var(--cu-map-border-width) solid var(--cu-color-blue); \r\n        border-radius: var(--cu-map-border-radius); \r\n        overflow: hidden; \r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1); \r\n        display: block;\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE (AJUSTES PARA CELULARES)\r\n       ========================================= *\/\r\n    @media (max-width: 900px) {\r\n        .contact-us-widget {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 40px 15px; \/* Da un poco de aire a los lados para que el texto no pegue en el borde del celular *\/\r\n            gap: 30px;\r\n        }\r\n        \r\n        .contact-info-col {\r\n            max-width: 100%;\r\n            width: 100%;\r\n            flex-basis: auto; \/* Resetea el ancho fijo *\/\r\n        }\r\n\r\n        .contact-map-col {\r\n            max-width: 100%;\r\n            width: 100%; \/* OBLIGA al mapa a estirarse a los lados *\/\r\n            flex-basis: auto; \/* Resetea el ancho fijo *\/\r\n        }\r\n\r\n        .contact-title { \r\n            font-size: 36px; \r\n        }\r\n\r\n        .map-frame-style {\r\n            height: 350px; \/* Un poco m\u00e1s corto en m\u00f3viles para mejorar la navegaci\u00f3n *\/\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"contact-us-widget\">\r\n\r\n    <div class=\"contact-info-col\">\r\n        \r\n        <h2 class=\"contact-title\">\r\n            <span class=\"text-blue\">NUESTRA<\/span><br>\r\n            <span class=\"text-red\">UBICACI\u00d3N<\/span>\r\n        <\/h2>\r\n        <p class=\"contact-p\">\r\n            Lote 11 porci\u00f3n #3 Finca Florida, Nuevo Cuscatl\u00e1n,<br>La Libertad Este.\r\n        <\/p>\r\n\r\n        <h2 class=\"contact-title text-red mt-large\">\r\n            SOLICITUD DE INFORMACI\u00d3N\r\n        <\/h2>\r\n        <p class=\"contact-p\">\r\n            Si desea conocer m\u00e1s sobre nuestra instituci\u00f3n y la metodolog\u00eda que desarrolla individuos que generan un cambio positivo en nuestra sociedad, puede completar el formulario o llamar al 2560-2700.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"contact-map-col\">\r\n        <iframe \r\n            class=\"map-frame-style\"\r\n            src=\"https:\/\/maps.google.com\/maps?q=Cuscatl%C3%A1n%20Bilingual%20School%2C%20Nuevo%20Cuscatl%C3%A1n&t=&z=15&ie=UTF8&iwloc=&output=embed\" \r\n            frameborder=\"0\" \r\n            scrolling=\"no\" \r\n            marginheight=\"0\" \r\n            marginwidth=\"0\">\r\n        <\/iframe>\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d9a2acc e-flex e-con-boxed e-con e-parent\" data-id=\"d9a2acc\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5717b1c elementor-widget elementor-widget-html\" data-id=\"5717b1c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- CONFIGURACI\u00d3N F\u00c1CIL --- *\/\r\n    :root {\r\n        \/* Colores Generales *\/\r\n        --cbc-bg-color: #1F3A6E;       \/* Azul oscuro de fondo *\/\r\n        --cbc-text-color: #FFFFFF;     \/* Color del texto *\/\r\n        \r\n        \/* Colores de Iconos INDIVIDUALES *\/\r\n        --icon-facebook: #E31B23;      \/* Rojo institucional *\/\r\n        --icon-whatsapp: #E31B23;      \r\n        --icon-insta: #E31B23;\r\n        --icon-youtube: #E31B23;\r\n        --icon-tiktok: #E31B23;\r\n        \r\n        \/* Tipograf\u00eda *\/\r\n        --cbc-font-family: 'Avenir', 'Montserrat', sans-serif; \r\n    }\r\n\r\n    \/* --- ESTILOS DEL CONTENEDOR --- *\/\r\n    .cbc-social-bar {\r\n        background-color: var(--cbc-bg-color);\r\n        color: var(--cbc-text-color);\r\n        font-family: var(--cbc-font-family);\r\n        \r\n        \/* Bordes Redondeados Superiores *\/\r\n        border-top-left-radius: 50px;\r\n        border-top-right-radius: 50px;\r\n        \r\n        \/* Espaciado y Tama\u00f1o *\/\r\n        padding: 20px 50px;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        \r\n        \/* Flexbox para alinear *\/\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        flex-wrap: wrap; \r\n    }\r\n\r\n    \/* --- LADO IZQUIERDO: REDES --- *\/\r\n    .cbc-social-left {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 5px;\r\n    }\r\n\r\n    .cbc-social-label {\r\n        font-weight: 800; \r\n        font-size: 20px;\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .cbc-icons-container {\r\n        display: flex;\r\n        gap: 15px; \r\n        font-size: 24px; \r\n    }\r\n\r\n    .cbc-icons-container a {\r\n        text-decoration: none;\r\n        transition: transform 0.3s ease;\r\n        display: inline-block; \r\n    }\r\n    \r\n    .cbc-icons-container a:hover {\r\n        transform: scale(1.2); \r\n    }\r\n\r\n    \/* Asignaci\u00f3n de colores *\/\r\n    .icon-fb { color: var(--icon-facebook); }\r\n    .icon-wa { color: var(--icon-whatsapp); } \r\n    .icon-ig { color: var(--icon-insta); }\r\n    .icon-yt { color: var(--icon-youtube); }\r\n    .icon-tt { color: var(--icon-tiktok); }\r\n\r\n    \/* --- LADO DERECHO: NOMBRE --- *\/\r\n    .cbc-school-name {\r\n        font-weight: 900;\r\n        font-size: 32px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        text-align: right;\r\n    }\r\n\r\n    \/* --- RESPONSIVE (M\u00f3viles) --- *\/\r\n    @media (max-width: 768px) {\r\n        .cbc-social-bar {\r\n            flex-direction: column;\r\n            text-align: center;\r\n            padding: 30px 20px;\r\n            border-top-left-radius: 30px;\r\n            border-top-right-radius: 30px;\r\n        }\r\n        \r\n        .cbc-social-left {\r\n            align-items: center;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .cbc-school-name {\r\n            text-align: center;\r\n            font-size: 24px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"cbc-social-bar\">\r\n\r\n    <div class=\"cbc-social-left\">\r\n        <div class=\"cbc-social-label\">REDES SOCIALES<\/div>\r\n        \r\n        <div class=\"cbc-icons-container\">\r\n            <a href=\"https:\/\/www.facebook.com\/colegiobilinguecuscatlan\" target=\"_blank\" class=\"icon-fb\" aria-label=\"Facebook\">\r\n                <i class=\"fab fa-facebook-f\"><\/i>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/wa.me\/50376079299\" target=\"_blank\" class=\"icon-wa\" aria-label=\"WhatsApp\">\r\n                <i class=\"fab fa-whatsapp\"><\/i>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/www.instagram.com\/Colegio_cbc\" target=\"_blank\" class=\"icon-ig\" aria-label=\"Instagram\">\r\n                <i class=\"fab fa-instagram\"><\/i>\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/www.youtube.com\/@colegiobilinguecuscatlan2303\" target=\"_blank\" class=\"icon-yt\" aria-label=\"YouTube\">\r\n                <i class=\"fab fa-youtube\"><\/i>\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/www.tiktok.com\/@colegio_cbc\" target=\"_blank\" class=\"icon-tt\" aria-label=\"TikTok\">\r\n                <i class=\"fab fa-tiktok\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cbc-school-name\">\r\n        COLEGIO BILING\u00dcE CUSCATL\u00c1N\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EMPODERANDO A NUESTROS ESTUDIANTES Somos una comunidad educativa que contribuye a la formaci\u00f3n de personas integrales, con la esperanza de moldear a los futuros l\u00edderes de nuestro pa\u00eds; individuos con una mentalidad competitiva y una visi\u00f3n de empoderamiento para que aporten en la construcci\u00f3n de un mundo m\u00e1s justo y con mayor conciencia social. Responsabilidad [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25007","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25007","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/comments?post=25007"}],"version-history":[{"count":34,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25007\/revisions"}],"predecessor-version":[{"id":26261,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25007\/revisions\/26261"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=25007"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}