{"id":25197,"date":"2026-02-11T18:59:13","date_gmt":"2026-02-11T18:59:13","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=25197"},"modified":"2026-03-25T14:31:06","modified_gmt":"2026-03-25T14:31:06","slug":"mision-y-valores","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/mision-y-valores\/","title":{"rendered":"MISI\u00d3N Y VALORES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25197\" class=\"elementor elementor-25197\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1564011 e-flex e-con-boxed e-con e-parent\" data-id=\"1564011\" 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-6776f59 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"6776f59\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ============================================================\r\n     VARIABLES DE DISE\u00d1O MODERNO Y FRESCO\r\n     ============================================================ *\/\r\n  :root {\r\n    --mod-blue: #001333;\r\n    --mod-red: #b8141a;\r\n    --mod-bg-gray: #f8fafc;\r\n    --mod-text-main: #1e293b;\r\n    --mod-text-light: #475569;\r\n    --mod-white: #ffffff;\r\n    \r\n    --mod-font: 'Montserrat', 'Avenir', sans-serif;\r\n    \r\n    --mod-shadow-card: 0 20px 40px -10px rgba(12, 48, 109, 0.08);\r\n    --mod-shadow-hover: 0 30px 60px -15px rgba(12, 48, 109, 0.15);\r\n    --mod-radius-lg: 24px;\r\n    --mod-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  }\r\n\r\n  \/* ============================================================\r\n     SECCI\u00d3N: MISI\u00d3N Y VISI\u00d3N (TARJETAS MODERNAS)\r\n     ============================================================ *\/\r\n  .modern-mv-container {\r\n    font-family: var(--mod-font);\r\n    max-width: 1100px;\r\n    margin: 60px auto;\r\n    padding: 0 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 50px;\r\n  }\r\n\r\n  .modern-mv-card {\r\n    display: flex;\r\n    background: var(--mod-white);\r\n    border-radius: var(--mod-radius-lg);\r\n    box-shadow: var(--mod-shadow-card);\r\n    overflow: hidden;\r\n    transition: var(--mod-transition);\r\n  }\r\n\r\n  .modern-mv-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: var(--mod-shadow-hover);\r\n  }\r\n\r\n  \/* Bloque de Color Izquierdo *\/\r\n  .modern-mv-side {\r\n    flex: 0 0 35%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 40px 30px;\r\n    color: var(--mod-white);\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Efecto de luz sutil en el fondo de color *\/\r\n  .modern-mv-side::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%; right: -50%;\r\n    width: 200%; height: 200%;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 60%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .card-vision .modern-mv-side { background: linear-gradient(135deg, #d31a22 0%, var(--mod-red) 100%); }\r\n  .card-mission .modern-mv-side { background: linear-gradient(135deg, #12469e 0%, var(--mod-blue) 100%); }\r\n\r\n  \/* Logotipo CBC *\/\r\n  .modern-mv-side img.mv-logo {\r\n    height: 150px;\r\n    width: auto;\r\n    margin-bottom: 20px;\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.15));\r\n  }\r\n\r\n  .modern-mv-side h2 {\r\n    margin: 0;\r\n    font-size: 38px;\r\n    font-weight: 800;\r\n    letter-spacing: 2px;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .modern-mv-side span {\r\n    font-size: 19px;\r\n    font-weight: 500;\r\n    letter-spacing: 4px;\r\n    opacity: 0.8;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n    display: block;\r\n  }\r\n\r\n  \/* Bloque de Texto Derecho *\/\r\n  .modern-mv-content {\r\n    flex: 1;\r\n    padding: 50px 60px;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .modern-mv-content p {\r\n    margin: 0;\r\n    font-size: 19px;\r\n    line-height: 1.8;\r\n    color: var(--mod-text-light);\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE (Para celulares y tablets)\r\n     ============================================================ *\/\r\n  @media (max-width: 768px) {\r\n    .modern-mv-card { flex-direction: column; }\r\n    .modern-mv-side { padding: 30px; }\r\n    .modern-mv-content { padding: 30px; }\r\n    .modern-mv-content p { font-size: 16px; text-align: left; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"modern-mv-container\">\r\n\r\n  <div class=\"modern-mv-card card-vision\">\r\n    <div class=\"modern-mv-side\">\r\n      <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/10\/logopagweb.png\" alt=\"CBC Logo\" class=\"mv-logo\">\r\n      <span>Nuestra<\/span>\r\n      <h2>VISI\u00d3N<\/h2>\r\n    <\/div>\r\n    <div class=\"modern-mv-content\">\r\n      <p>\r\n        Ser una comunidad educativa que contribuye al desarrollo integral de las personas, inspir\u00e1ndolas a convertirse en los futuros l\u00edderes del pa\u00eds. Aspiramos a inculcar una mentalidad competitiva y una visi\u00f3n emprendedora para que, a trav\u00e9s de su trabajo e influencia, contribuyan a construir un mundo m\u00e1s justo y con una profunda conciencia humana y social.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"modern-mv-card card-mission\">\r\n    <div class=\"modern-mv-side\">\r\n      <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/10\/logopagweb.png\" alt=\"CBC Logo\" class=\"mv-logo\">\r\n      <span>Nuestra<\/span>\r\n      <h2>MISI\u00d3N<\/h2>\r\n    <\/div>\r\n    <div class=\"modern-mv-content\">\r\n      <p>\r\n        Guiar a nuestros estudiantes, en alianza con toda la comunidad educativa, para que se conviertan en personas altamente efectivas y anal\u00edticas. Logramos esto garantizando una excelente educaci\u00f3n acad\u00e9mica biling\u00fce, fundamentada en s\u00f3lidos valores morales, \u00e9ticos, cient\u00edficos, c\u00edvicos y ecol\u00f3gicos. Esta base integral asegura que nuestros graduados est\u00e9n bien equipados para enfrentar con \u00e9xito los desaf\u00edos y demandas de un mundo globalizado.\r\n      <\/p>\r\n    <\/div>\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<div class=\"elementor-element elementor-element-79ab7d6 e-flex e-con-boxed e-con e-parent\" data-id=\"79ab7d6\" 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-3fdde66 elementor-widget elementor-widget-html\" data-id=\"3fdde66\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       1. CONFIGURACI\u00d3N GENERAL (VALORES Y EMPODERAMIENTO)\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', \r\n        --emp-size-empowering: 60px; \/* Ajustado para la palabra EMPODERANDO *\/\r\n        --emp-size-our: 18px;        \r\n        --emp-size-students: 65px;   \/* Ajustado para ESTUDIANTES *\/\r\n        --emp-size-body: 28px;       \r\n        --emp-size-icon-label: 20px; \r\n        --emp-icon-size: 140px;      \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        padding: 60px 0 100px 0; \/* Padding inferior aumentado para los tooltips *\/\r\n        margin: 0;\r\n        display: block;\r\n        position: relative; \/* Ajuste para evitar recortes *\/\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    .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    .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    .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; \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.3s 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 (Descripci\u00f3n flotante)\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    .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 (RESPONSIVE)\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: 24px; }\r\n        .text-students { font-size: 11vw; }\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\r\n    @media (max-width: 480px) {\r\n        .cbc-icon-item { flex-basis: 45%; }\r\n        .cbc-icons-grid { gap: 20px; }\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 de su proceso de aprendizaje.<\/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.<\/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.<\/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.<\/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.<\/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\">Garantizando justicia y oportunidades para todos.<\/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\">Fomentando la creatividad y el pensamiento cr\u00edtico para resolver problemas modernos.<\/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 (fuera de los iconos)\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                \/\/ Evita que el evento anterior (clic fuera) se dispare inmediatamente\r\n                event.stopPropagation();\r\n                \r\n                \/\/ Revisamos si el que tocamos ya est\u00e1 abierto\r\n                const isActive = this.classList.contains('active-tooltip');\r\n\r\n                \/\/ Primero cerramos TODOS los iconos\r\n                wrappers.forEach(w => w.classList.remove('active-tooltip'));\r\n\r\n                \/\/ Si el que tocamos NO estaba abierto, lo abrimos\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-af367bc e-flex e-con-boxed e-con e-parent\" data-id=\"af367bc\" 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-e2f3780 elementor-widget elementor-widget-html\" data-id=\"e2f3780\" 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, \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 e INFORMACI\u00d3N) *\/\r\n        --cu-color-text: #0c306d; \/* Color del texto *\/\r\n\r\n        \/* --- 3. CONFIGURACI\u00d3N DEL MAPA --- *\/\r\n        --cu-map-height: 400px;        \/* Altura del mapa *\/\r\n        --cu-map-border-width: 8px;    \/* Grosor del borde azul *\/\r\n        --cu-map-border-radius: 25px;  \/* Redondez de las esquinas *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       ESTILOS CSS (NO TOCAR ABAJO)\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; \r\n        align-items: center; \r\n    }\r\n\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    .contact-map-col {\r\n        flex: 1 1 500px;\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    @media (max-width: 900px) {\r\n        .contact-us-widget {\r\n            flex-direction: column;\r\n            text-align: center;\r\n        }\r\n        .contact-info-col, .contact-map-col {\r\n            max-width: 100%;\r\n        }\r\n        .contact-title { font-size: 36px; }\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            M\u00c1S INFORMACI\u00d3N\r\n        <\/h2>\r\n        <p class=\"contact-p\">\r\n            Si desea obtener m\u00e1s informaci\u00f3n sobre nuestra instituci\u00f3n y nuestra metodolog\u00eda, que tiene como objetivo formar a personas capaces de impulsar un cambio positivo en nuestra sociedad, puede rellenar 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0a143ef e-flex e-con-boxed e-con e-parent\" data-id=\"0a143ef\" 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-cb7792c elementor-widget elementor-widget-html\" data-id=\"cb7792c\" 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>Nuestra VISI\u00d3N Ser una comunidad educativa que contribuye al desarrollo integral de las personas, inspir\u00e1ndolas a convertirse en los futuros l\u00edderes del pa\u00eds. Aspiramos a inculcar una mentalidad competitiva y una visi\u00f3n emprendedora para que, a trav\u00e9s de su trabajo e influencia, contribuyan a construir un mundo m\u00e1s justo y con una profunda conciencia humana [&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-25197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25197","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=25197"}],"version-history":[{"count":19,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25197\/revisions"}],"predecessor-version":[{"id":26092,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25197\/revisions\/26092"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=25197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}