{"id":5102,"date":"2025-12-09T14:38:33","date_gmt":"2025-12-09T14:38:33","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=5102"},"modified":"2026-04-08T13:42:39","modified_gmt":"2026-04-08T13:42:39","slug":"accreditation","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/accreditation\/","title":{"rendered":"Accreditation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5102\" class=\"elementor elementor-5102\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56052f0 e-flex e-con-boxed e-con e-parent\" data-id=\"56052f0\" 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-bd4d9ca elementor-widget elementor-widget-html\" data-id=\"bd4d9ca\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* ============================================================\r\n     PANEL DE CONTROL - P\u00c1GINA ACREDITACI\u00d3N\r\n     ============================================================ *\/\r\n  .cbc-acc-container {\r\n    \r\n    \/* --- 1. COLORES --- *\/\r\n    --acc-azul: #0c306d;           \/* Color T\u00edtulos Principales *\/\r\n    --acc-rojo: #b8141a;           \/* Color Acento\/Destacado *\/\r\n    --acc-texto: #0c306d;          \/* Color Texto General *\/\r\n    --acc-bg-destacado: #f4f6f8;   \/* Fondo Gris para la secci\u00f3n del Sello *\/\r\n    \r\n    \/* --- 2. TIPOGRAF\u00cdA --- *\/\r\n    --acc-fuente: 'Avenir' sans-serif\r\n    \r\n    \/* --- 3. TAMA\u00d1OS DE TEXTO --- *\/\r\n    --acc-t-titulo-main: 48px;     \/* Tama\u00f1o \"OUR ACCREDITATION\" *\/\r\n    --acc-t-subtitulo: 35px;       \/* Tama\u00f1o \"International Quality Seal\", etc. *\/\r\n    --acc-t-cuerpo: 27px;          \/* Tama\u00f1o del texto de p\u00e1rrafo *\/\r\n    \r\n    \/* --- 4. IMAGEN (LOGO COGNIA) --- *\/\r\n    --acc-logo-width: 190px;       \/* Tama\u00f1o del logo redondo *\/\r\n    \r\n    \/* --- 5. ESPACIADO --- *\/\r\n    --acc-gap-vertical: 50px;      \/* Espacio entre secciones *\/\r\n  }\r\n\r\n  \/* ============================================================\r\n     ESTILOS CSS (ESTRUCTURA)\r\n     ============================================================ *\/\r\n  \r\n  .cbc-acc-container {\r\n    font-family: var(--acc-fuente);\r\n    color: var(--acc-texto);\r\n    line-height: 1.6;\r\n    width: 100%;\r\n    max-width: 1600px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* --- HEADER PRINCIPAL --- *\/\r\n  .cbc-acc-header {\r\n    margin-bottom: 30px;\r\n    border-bottom: 2px solid #eee; \/* L\u00ednea sutil divisoria *\/\r\n    padding-bottom: 10px;\r\n  }\r\n\r\n  .cbc-acc-header h1 {\r\n    margin: 0;\r\n    line-height: 1.2;\r\n    text-transform: uppercase;\r\n    font-weight: 800;\r\n    font-size: 42px;\r\n  }\r\n\r\n  .text-blue { color: var(--acc-azul); }\r\n  .text-red { color: var(--acc-rojo); }\r\n\r\n  \/* --- SECCI\u00d3N DESTACADA (SELLO DE CALIDAD) --- *\/\r\n  .cbc-seal-section {\r\n    background-color: var(--acc-bg-destacado); \/* Fondo gris estilo homepage *\/\r\n    padding: 40px;\r\n    border-radius: 8px;\r\n    display: flex; \/* Flexbox para alinear texto y logo *\/\r\n    align-items: center; \/* Centrado vertical *\/\r\n    gap: 40px; \/* Espacio entre texto y logo *\/\r\n    margin-bottom: var(--acc-gap-vertical);\r\n  }\r\n\r\n  .cbc-seal-text-col {\r\n    flex: 1; \/* Ocupa el espacio restante *\/\r\n  }\r\n\r\n  .cbc-seal-title {\r\n    color: var(--acc-azul);\r\n    font-size: var(--acc-t-subtitulo);\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    display: block;\r\n  }\r\n\r\n  .cbc-seal-img-col {\r\n    flex: 0 0 auto; \/* No se encoge ni estira *\/\r\n  }\r\n\r\n  .cbc-cognia-logo {\r\n    width: var(--acc-logo-width);\r\n    height: auto;\r\n    display: block;\r\n    \/* Opcional: Sombra suave al logo para que destaque *\/\r\n    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)); \r\n  }\r\n\r\n  \/* --- SECCI\u00d3N INFORMATIVA (2 COLUMNAS) --- *\/\r\n  .cbc-info-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 50px; \/* Espacio entre las dos columnas *\/\r\n  }\r\n\r\n  .cbc-info-col {\r\n    flex: 1 1 300px; \/* Columnas flexibles, min 300px *\/\r\n  }\r\n\r\n  .cbc-info-title {\r\n    color: var(--acc-rojo);\r\n    font-size: var(--acc-t-subtitulo);\r\n    font-weight: 800; \/* Extra bold para los t\u00edtulos de abajo *\/\r\n    margin-bottom: 15px;\r\n    display: block;\r\n  }\r\n\r\n  .cbc-text-p {\r\n    font-size: var(--acc-t-cuerpo);\r\n    text-align: justify;\r\n    margin: 0;\r\n    color: var(--acc-texto); \/* Gris muy oscuro para lectura c\u00f3moda *\/\r\n  }\r\n\r\n  \/* --- RESPONSIVE (M\u00d3VIL) --- *\/\r\n  @media (max-width: 768px) {\r\n    \/* Header centrado *\/\r\n    .cbc-acc-header { text-align: center; }\r\n    \r\n    \/* Secci\u00f3n Sello: Columna vertical *\/\r\n    .cbc-seal-section {\r\n      flex-direction: column-reverse; \/* Logo arriba, texto abajo o viceversa *\/\r\n      text-align: center;\r\n      padding: 30px 20px;\r\n    }\r\n    \r\n    .cbc-seal-img-col { margin-bottom: 20px; }\r\n    .cbc-text-p { text-align: center; } \/* Texto centrado en m\u00f3vil *\/\r\n    \r\n    \/* Secci\u00f3n Info: Una columna *\/\r\n    .cbc-info-row { flex-direction: column; gap: 40px; }\r\n    .cbc-info-title { text-align: center; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"cbc-acc-container\">\r\n\r\n  <div class=\"cbc-acc-header\">\r\n    <h1>\r\n      <span class=\"text-blue\">OUR<\/span> <span class=\"text-red\">ACCREDITATION<\/span>\r\n    <\/h1>\r\n  <\/div>\r\n\r\n  <div class=\"cbc-seal-section\">\r\n    \r\n    <div class=\"cbc-seal-text-col\">\r\n      <span class=\"cbc-seal-title\">International Quality Seal<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        Colegio Biling\u00fce Cuscatl\u00e1n has successfully obtained a prestigious, international seal of educational quality. This accreditation powerfully demonstrates that our school has undergone an exhaustive self-evaluation process and external review.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cbc-seal-img-col\">\r\n      <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/09\/Cognia_ACCRED-Badge-GREY-684x684-1.png\" \r\n           alt=\"Cognia Accredited Seal\" \r\n           class=\"cbc-cognia-logo\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cbc-info-row\">\r\n    \r\n    <div class=\"cbc-info-col\">\r\n      <span class=\"cbc-info-title\">What is Cognia?<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        Cognia is the largest educational community in the world, partnering with over 36,000 institutions across 90 countries. It is dedicated to continuous school improvement and holistic student assessment.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cbc-info-col\">\r\n      <span class=\"cbc-info-title\">Why it matters<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        When families choose an accredited school, they are assured of a commitment to quality leadership, robust resources, and a learning environment designed for success and continuous growth.\r\n      <\/p>\r\n    <\/div>\r\n\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-98a5df2 e-flex e-con-boxed e-con e-parent\" data-id=\"98a5df2\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8d52440 e-con-full e-flex e-con e-child\" data-id=\"8d52440\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9499361 elementor-widget elementor-widget-html\" data-id=\"9499361\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       CONFIGURACI\u00d3N GENERAL\r\n       ========================================= *\/\r\n    .values-widget-container {\r\n        \/* --- COLORES --- *\/\r\n        --vw-bg-blue: #0c306d;      \/* Fondo Azul Principal *\/\r\n        --vw-bg-red: #b8141a;       \/* Fondo Rojo C\u00e1psula *\/\r\n        --vw-text-white: #ffffff;   \/* Textos *\/\r\n        --vw-tooltip-bg: #ffffff;   \/* Fondo del tooltip (blanco) *\/\r\n        --vw-tooltip-text: #0c306d; \/* Texto del tooltip (azul) *\/\r\n        \r\n        \/* --- TIPOGRAF\u00cdA --- *\/\r\n        --vw-font: 'Avenir', 'Helvetica Neue', Arial, sans-serif\r\n        \r\n        \/* --- TAMA\u00d1OS --- *\/\r\n        --vw-title-size: 42px;      \/* T\u00edtulo OUR VALUES *\/\r\n        --vw-icon-size: 110px;      \/* Tama\u00f1o de Iconos (Grandes) *\/\r\n        --vw-label-size: 20px;      \/* Tama\u00f1o nombres *\/\r\n        \r\n        \/* --- C\u00c1PSULA (T\u00edtulo) --- *\/\r\n        --vw-capsule-width: 50%;    \/* Ancho de la barra roja *\/\r\n    }\r\n\r\n    \/* =========================================\r\n       ESTRUCTURA VISUAL\r\n       ========================================= *\/\r\n    \r\n    .values-widget-container {\r\n        font-family: var(--vw-font);\r\n        width: 100%;\r\n        margin: 0;\r\n        position: relative;\r\n    }\r\n\r\n    \/* --- 1. C\u00c1PSULA ROJA FLOTANTE (T\u00cdTULO) --- *\/\r\n    .vw-title-banner {\r\n        background-color: var(--vw-bg-red);\r\n        width: var(--vw-capsule-width);\r\n        max-width: 800px;\r\n        margin: 0 auto;\r\n        padding: 15px 20px;\r\n        text-align: center;\r\n        border-radius: 50px;\r\n        position: relative;\r\n        z-index: 10; \r\n        transform: translateY(50%);\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    .vw-title-text {\r\n        color: var(--vw-text-white);\r\n        font-size: 38px;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin: 0;\r\n        line-height: 1;\r\n    }\r\n\r\n    \/* --- 2. FONDO AZUL (CONTENIDO) --- *\/\r\n    .vw-blue-content {\r\n        background-color: var(--vw-bg-blue);\r\n        width: 100%;\r\n        padding: 100px 20px 80px 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- 3. GRID DE ICONOS --- *\/\r\n    .vw-icons-grid {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 50px; \r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- ITEM INDIVIDUAL --- *\/\r\n    .vw-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        text-align: center;\r\n        width: 160px; \r\n        cursor: pointer; \r\n        position: relative; \/* Clave para el tooltip *\/\r\n        -webkit-tap-highlight-color: transparent; \/* Quita el destello azul en m\u00f3viles *\/\r\n    }\r\n\r\n    \/* IMAGEN DEL ICONO *\/\r\n    .vw-icon-img {\r\n        width: var(--vw-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.3));\r\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    \/* TEXTO DEL VALOR *\/\r\n    .vw-label {\r\n        color: var(--vw-text-white);\r\n        font-size: var(--vw-label-size);\r\n        font-weight: 600;\r\n        margin: 0;\r\n        line-height: 1.2;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    \/* =========================================\r\n       4. TOOLTIP (Caja de descripci\u00f3n)\r\n       ========================================= *\/\r\n    .vw-tooltip {\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(--vw-tooltip-bg);\r\n        color: var(--vw-tooltip-text);\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 de la caja de descripci\u00f3n *\/\r\n    .vw-tooltip::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(--vw-tooltip-bg) transparent;\r\n    }\r\n\r\n    \/* --- EFECTOS DE HOVER (ESCRITORIO) --- *\/\r\n    @media (hover: hover) {\r\n        .vw-item:hover .vw-icon-img {\r\n            transform: translateY(-15px) scale(1.1);\r\n            filter: drop-shadow(0 15px 15px rgba(0,0,0,0.5));\r\n        }\r\n        .vw-item:hover .vw-label {\r\n            color: #ffcccc;\r\n        }\r\n        .vw-item:hover .vw-tooltip {\r\n            opacity: 1;\r\n            visibility: visible;\r\n            transform: translateX(-50%) translateY(5px);\r\n        }\r\n    }\r\n\r\n    \/* --- ESTADO ACTIVO (M\u00d3VIL) --- *\/\r\n    .vw-item.active-tooltip .vw-icon-img {\r\n        transform: translateY(-10px) scale(1.05);\r\n    }\r\n    .vw-item.active-tooltip .vw-label {\r\n        color: #ffcccc;\r\n    }\r\n    .vw-item.active-tooltip .vw-tooltip {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: translateX(-50%) translateY(5px);\r\n    }\r\n\r\n    \/* =========================================\r\n       RESPONSIVE (M\u00d3VIL)\r\n       ========================================= *\/\r\n    @media (max-width: 768px) {\r\n        .vw-title-banner { width: 90%; padding: 12px; }\r\n        .vw-title-text { font-size: 28px; }\r\n        .vw-blue-content { padding-top: 80px; }\r\n        .vw-icons-grid { gap: 30px 10px; }\r\n        .vw-item { width: 45%; }\r\n        .vw-icon-img { width: 90px; }\r\n        .vw-label { font-size: 16px; }\r\n        \r\n        \/* Ajuste del tooltip para m\u00f3viles *\/\r\n        .vw-tooltip { \r\n            width: 200px; \r\n            font-size: 13px; \r\n            padding: 12px;\r\n            \/* Evitamos que se salga de la pantalla al hacer z-index alto *\/\r\n            z-index: 999;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"values-widget-container\">\r\n\r\n    <div class=\"vw-title-banner\">\r\n        <h2 class=\"vw-title-text\">OUR VALUES<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"vw-blue-content\">\r\n        <div class=\"vw-icons-grid\">\r\n            \r\n            <div class=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-08-scaled.png\" alt=\"Responsibility\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Responsibility<\/p>\r\n                <div class=\"vw-tooltip\">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=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-09-scaled.png\" alt=\"Respect\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Respect<\/p>\r\n                <div class=\"vw-tooltip\">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=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-10-scaled.png\" alt=\"Integrity\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Integrity<\/p>\r\n                <div class=\"vw-tooltip\">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=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-11-scaled.png\" alt=\"Tolerance\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Tolerance<\/p>\r\n                <div class=\"vw-tooltip\">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\r\n            <div class=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-12-scaled.png\" alt=\"Solidarity\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Solidarity<\/p>\r\n                <div class=\"vw-tooltip\">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=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-13-scaled.png\" alt=\"Equity\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Equity<\/p>\r\n                <div class=\"vw-tooltip\">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=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-14-scaled.png\" alt=\"Innovation\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Innovation<\/p>\r\n                <div class=\"vw-tooltip\">Encouraging creativity and critical thinking to solve modern problems. We prepare students to be the changemakers of tomorrow.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ L\u00f3gica para que los tooltips funcionen en dispositivos m\u00f3viles (tocar para abrir\/cerrar)\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        const vwItems = document.querySelectorAll('.vw-item');\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('.vw-item');\r\n            if (!clickedInside) {\r\n                vwItems.forEach(item => item.classList.remove('active-tooltip'));\r\n            }\r\n        });\r\n\r\n        \/\/ Comportamiento al tocar un icono\r\n        vwItems.forEach(item => {\r\n            item.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 para que no se amontonen\r\n                vwItems.forEach(i => i.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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e3d021 e-flex e-con-boxed e-con e-parent\" data-id=\"2e3d021\" 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-54e9abe elementor-widget elementor-widget-html\" data-id=\"54e9abe\" 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', \/* 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-beee316 e-flex e-con-boxed e-con e-parent\" data-id=\"beee316\" 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-f50f728 elementor-widget elementor-widget-html\" data-id=\"f50f728\" 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>OUR ACCREDITATION International Quality Seal Colegio Biling\u00fce Cuscatl\u00e1n has successfully obtained a prestigious, international seal of educational quality. This accreditation powerfully demonstrates that our school has undergone an exhaustive self-evaluation process and external review. What is Cognia? Cognia is the largest educational community in the world, partnering with over 36,000 institutions across 90 countries. It [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5102","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/5102","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/comments?post=5102"}],"version-history":[{"count":80,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/5102\/revisions"}],"predecessor-version":[{"id":26282,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/5102\/revisions\/26282"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=5102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}