{"id":25283,"date":"2026-02-12T01:40:02","date_gmt":"2026-02-12T01:40:02","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=25283"},"modified":"2026-04-08T14:27:52","modified_gmt":"2026-04-08T14:27:52","slug":"acreditacion-2","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/acreditacion-2\/","title":{"rendered":"Acreditaci\u00f3n"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25283\" class=\"elementor elementor-25283\" 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',\r\n    \r\n    \/* --- 3. TAMA\u00d1OS DE TEXTO --- *\/\r\n    --acc-t-titulo-main: 48px;     \/* Tama\u00f1o \"NUESTRA ACREDITACI\u00d3N\" *\/\r\n    --acc-t-subtitulo: 35px;       \/* Tama\u00f1o \"Sello Internacional...\", 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\">NUESTRA<\/span> <span class=\"text-red\">ACREDITACI\u00d3N<\/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\">Sello Internacional de Calidad<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        El Colegio Biling\u00fce Cuscatl\u00e1n ha obtenido con \u00e9xito un prestigioso sello internacional de calidad educativa. Esta acreditaci\u00f3n demuestra que nuestra instituci\u00f3n ha pasado por un exhaustivo proceso de autoevaluaci\u00f3n y revisi\u00f3n externa.\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=\"Sello de Acreditaci\u00f3n Cognia\" \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\">\u00bfQu\u00e9 es Cognia?<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        Cognia es la comunidad educativa m\u00e1s grande del mundo, asoci\u00e1ndose con m\u00e1s de 36,000 instituciones en 90 pa\u00edses. Se dedica a la mejora escolar continua y a la evaluaci\u00f3n hol\u00edstica de los estudiantes.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cbc-info-col\">\r\n      <span class=\"cbc-info-title\">\u00bfPor qu\u00e9 es importante?<\/span>\r\n      <p class=\"cbc-text-p\">\r\n        Cuando las familias eligen un colegio acreditado, tienen la garant\u00eda de un compromiso con un liderazgo de calidad, recursos s\u00f3lidos y un entorno de aprendizaje dise\u00f1ado para el \u00e9xito y el crecimiento continuo.\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-6cb1750 e-flex e-con-boxed e-con e-parent\" data-id=\"6cb1750\" 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-ea790f4 elementor-widget elementor-widget-html\" data-id=\"ea790f4\" 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'\r\n        \r\n        \/* --- TAMA\u00d1OS --- *\/\r\n        --vw-title-size: 42px;      \/* T\u00edtulo NUESTROS VALORES *\/\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: 42px;\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; } \/* Ajuste tama\u00f1o letra t\u00edtulo m\u00f3vil *\/\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\">NUESTROS VALORES<\/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=\"Responsabilidad\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Responsabilidad<\/p>\r\n                <div class=\"vw-tooltip\">Incentivamos a los estudiantes a asumir la responsabilidad de sus acciones y su proceso de aprendizaje, fomentando un fuerte sentido del deber.<\/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=\"Respeto\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Respeto<\/p>\r\n                <div class=\"vw-tooltip\">El respeto mutuo es la base de nuestra comunidad. Ense\u00f1amos a los estudiantes a valorarse a s\u00ed mismos, a los dem\u00e1s y a su entorno.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vw-item\">\r\n                <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/Valores-10-scaled.png\" alt=\"Integridad\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Integridad<\/p>\r\n                <div class=\"vw-tooltip\">Hacer lo correcto, incluso cuando nadie est\u00e1 mirando. La honestidad, la transparencia y el valor moral son pilares fundamentales.<\/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=\"Tolerancia\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Tolerancia<\/p>\r\n                <div class=\"vw-tooltip\">Abrazamos la diversidad y ense\u00f1amos a los estudiantes a apreciar diferentes perspectivas, culturas e ideas con una mente abierta.<\/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=\"Solidaridad\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Solidaridad<\/p>\r\n                <div class=\"vw-tooltip\">Empat\u00eda en acci\u00f3n. Preparamos a los estudiantes para apoyar a quienes lo necesitan y trabajar colaborativamente por el bien com\u00fan.<\/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=\"Equidad\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Equidad<\/p>\r\n                <div class=\"vw-tooltip\">Garantizar la justicia y las oportunidades para todos. Nos esforzamos por crear un entorno inclusivo para que cada estudiante prospere.<\/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=\"Innovaci\u00f3n\" class=\"vw-icon-img\">\r\n                <p class=\"vw-label\">Innovaci\u00f3n<\/p>\r\n                <div class=\"vw-tooltip\">Fomentamos la creatividad y el pensamiento cr\u00edtico para resolver problemas modernos y ser los agentes de cambio del ma\u00f1ana.<\/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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b19768e e-flex e-con-boxed e-con e-parent\" data-id=\"b19768e\" 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-d4ef5f2 elementor-widget elementor-widget-html\" data-id=\"d4ef5f2\" 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-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>NUESTRA ACREDITACI\u00d3N Sello Internacional de Calidad El Colegio Biling\u00fce Cuscatl\u00e1n ha obtenido con \u00e9xito un prestigioso sello internacional de calidad educativa. Esta acreditaci\u00f3n demuestra que nuestra instituci\u00f3n ha pasado por un exhaustivo proceso de autoevaluaci\u00f3n y revisi\u00f3n externa. \u00bfQu\u00e9 es Cognia? Cognia es la comunidad educativa m\u00e1s grande del mundo, asoci\u00e1ndose con m\u00e1s de 36,000 [&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-25283","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25283","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=25283"}],"version-history":[{"count":21,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25283\/revisions"}],"predecessor-version":[{"id":26295,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25283\/revisions\/26295"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=25283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}