{"id":133,"date":"2025-09-17T18:22:42","date_gmt":"2025-09-17T18:22:42","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=133"},"modified":"2026-04-08T12:40:36","modified_gmt":"2026-04-08T12:40:36","slug":"home","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"133\" class=\"elementor elementor-133\" 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\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\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;gradient&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        font-size: var(--emp-size-empowering);\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        font-size: var(--emp-size-students);\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 (Copiado exactamente del que funciona)\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        .text-empowering { font-size: 28px; }\r\n        .text-students { font-size: 13vw; }\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\">EMPOWERING<\/span>\r\n                    <span class=\"label-our\">OUR<\/span>\r\n                <\/div>\r\n                <span class=\"text-students\">STUDENTS<\/span>\r\n            <\/div>\r\n            <p class=\"emp-paragraph\">\r\n                We are an educational community that contributes with the preparation of integral people, hoping to shape future leaders for our country, ones who have a competitive mentality and an empowering vision in order for them to contribute by building a more just and social conscious world.\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=\"Responsibility\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Responsibility<\/span>\r\n                    <div class=\"emp-icon-desc\">We encourage students to take ownership of their actions and learning process, fostering a strong sense of duty towards themselves and the community.<\/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=\"Respect\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Respect<\/span>\r\n                    <div class=\"emp-icon-desc\">Mutual respect is the foundation of our community. We teach students to value themselves, others, and the environment.<\/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=\"Integrity\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Integrity<\/span>\r\n                    <div class=\"emp-icon-desc\">Doing the right thing, even when no one is watching. Honesty, transparency, and moral courage are core pillars of our education.<\/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=\"Tolerance\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Tolerance<\/span>\r\n                    <div class=\"emp-icon-desc\">We embrace diversity and teach students to appreciate different perspectives, cultures, and ideas with an open and empathetic mind.<\/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=\"Solidarity\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Solidarity<\/span>\r\n                    <div class=\"emp-icon-desc\">Empathy in action. We prepare students to support those in need and work collaboratively for the common good of our society.<\/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=\"Equity\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Equity<\/span>\r\n                    <div class=\"emp-icon-desc\">Ensuring fairness and opportunity for everyone. We strive to create an inclusive environment where every student has the support they need to thrive.<\/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=\"Innovation\" class=\"emp-icon-img\">\r\n                    <span class=\"emp-icon-label\">Innovation<\/span>\r\n                    <div class=\"emp-icon-desc\">Encouraging creativity and critical thinking to solve modern problems. We prepare students to be the changemakers of tomorrow.<\/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;gradient&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\">ACADEMIC LEVELS<\/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\">Kindergarten<\/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\">Elementary<\/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\">Junior High<\/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\">High School<\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\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\">OUR EDUCATIONAL<\/span>\r\n    <span class=\"partners-title__bottom\">PARTNERS<\/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-90b5e47 e-transform e-con-full e-flex e-con e-parent\" data-id=\"90b5e47\" 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>\n\t\t<div class=\"elementor-element elementor-element-8c6810f e-flex e-con-boxed e-con e-parent\" data-id=\"8c6810f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bfe0bad e-con-full e-flex e-con e-child\" data-id=\"bfe0bad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaa17f9 elementor-widget elementor-widget-html\" data-id=\"aaa17f9\" 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; \/* Correg\u00ed una coma que faltaba aqu\u00ed *\/\r\n        --cu-title-size: 42px;    \/* Tama\u00f1o t\u00edtulos (OUR LOCATION...) *\/\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 OUR) *\/\r\n        --cu-color-red: #b8141a;  \/* Rojo (T\u00edtulos LOCATION y REQUEST) *\/\r\n        --cu-color-text: #0c306d; \/* Gris 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\">OUR<\/span><br>\r\n            <span class=\"text-red\">LOCATION<\/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            REQUEST\r\n        <\/h2>\r\n        <p class=\"contact-p\">\r\n            If you wish to know more of our institution and methodology which develops individuals who spread a positive change in our society, you can fill the form or call the 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\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\">Social Networks<\/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>EMPOWERING OUR STUDENTS We are an educational community that contributes with the preparation of integral people, hoping to shape future leaders for our country, ones who have a competitive mentality and an empowering vision in order for them to contribute by building a more just and social conscious world. Responsibility We encourage students to take [&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-133","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/133","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=133"}],"version-history":[{"count":818,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":26257,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/133\/revisions\/26257"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}