{"id":25396,"date":"2026-02-16T02:31:45","date_gmt":"2026-02-16T02:31:45","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=25396"},"modified":"2026-03-26T13:59:44","modified_gmt":"2026-03-26T13:59:44","slug":"pillar-es","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/pillar-es\/","title":{"rendered":"Pillar-ES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25396\" class=\"elementor elementor-25396\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c408484 e-flex e-con-boxed e-con e-parent\" data-id=\"c408484\" 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-cda9fdd elementor-widget elementor-widget-html\" data-id=\"cda9fdd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* Estilos Generales del Contenedor *\/\r\n    .school-pillars-container {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 20px;\r\n        padding: 20px 0;\r\n        font-family: 'Montserrat', sans-serif;\r\n        max-width: 1200px; \r\n        margin: 0 auto;    \r\n    }\r\n\r\n    \/* --- ESTILO DEL T\u00cdTULO PRINCIPAL --- *\/\r\n    .main-page-title {\r\n        width: 100%;\r\n        text-align: center;\r\n        font-size: 3rem; \r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 40px;\r\n        letter-spacing: 2px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    \/* Clases de color para el t\u00edtulo *\/\r\n    .title-red { color: #b8141a; }\r\n    .title-blue { color: #0c306d; }\r\n\r\n    \/* Estilo de la Tarjeta *\/\r\n    .pillar-card {\r\n        background: #fff;\r\n        border-radius: 10px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        width: 100%;\r\n        max-width: 280px; \r\n        overflow: hidden;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n        border-bottom: 5px solid #ccc; \r\n    }\r\n\r\n    .pillar-card:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n    }\r\n\r\n    \/* Imagen *\/\r\n    .pillar-img-wrapper {\r\n        width: 100%;\r\n        height: auto;\r\n        background: #f9f9f9;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0;\r\n    }\r\n\r\n    .pillar-img-wrapper img {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n        object-fit: cover;\r\n    }\r\n\r\n    \/* Contenido de Texto *\/\r\n    .pillar-content {\r\n        padding: 20px;\r\n        text-align: center;\r\n        flex-grow: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n    }\r\n\r\n    .pillar-title {\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        margin: 0 0 5px 0;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .pillar-subtitle {\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        color: #666;\r\n        margin-bottom: 15px;\r\n        font-style: italic;\r\n    }\r\n\r\n    .pillar-desc {\r\n        font-size: 0.95rem;\r\n        line-height: 1.6;\r\n        color: #444;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* COLORES ESPECIFICOS POR PILAR *\/\r\n    \r\n    \/* Terra - Verde *\/\r\n    .card-terra { border-bottom-color: #6a9e5b; }\r\n    .card-terra .pillar-title { color: #6a9e5b; }\r\n\r\n    \/* Boreal - Azul Grisaceo\/Teal *\/\r\n    .card-boreal { border-bottom-color: #5f8a96; }\r\n    .card-boreal .pillar-title { color: #5f8a96; }\r\n\r\n    \/* Tides - Azul Oscuro *\/\r\n    .card-tides { border-bottom-color: #2c3e6b; }\r\n    .card-tides .pillar-title { color: #2c3e6b; }\r\n\r\n    \/* Pyros - Naranja *\/\r\n    .card-pyros { border-bottom-color: #e88d3e; }\r\n    .card-pyros .pillar-title { color: #e88d3e; }\r\n\r\n    \/* Media Queries *\/\r\n    @media (max-width: 768px) {\r\n        .pillar-card { max-width: 45%; }\r\n        .main-page-title { font-size: 2.5rem; }\r\n    }\r\n    @media (max-width: 550px) {\r\n        .pillar-card { max-width: 100%; }\r\n        .main-page-title { font-size: 2rem; margin-bottom: 25px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"school-pillars-container\">\r\n\r\n    <h1 class=\"main-page-title\">\r\n        <span class=\"title-red\">NUESTROS<\/span> <span class=\"title-blue\">PILARES<\/span>\r\n    <\/h1>\r\n\r\n    <div class=\"pillar-card card-terra\">\r\n        <div class=\"pillar-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/12\/PILLAR-TERRA.png\" alt=\"Pilar Terra\">\r\n        <\/div>\r\n        <div class=\"pillar-content\">\r\n            <h2 class=\"pillar-title\">TERRA<\/h2>\r\n            <h3 class=\"pillar-subtitle\">El Pilar de la Comunidad<\/h3>\r\n            <p class=\"pillar-desc\">\r\n                Terra representa la unidad, el apoyo y un fuerte sentido de pertenencia. Los miembros de Terra ayudan a crear un espacio donde todos se sienten bienvenidos, valorados e incluidos. Terra significa trabajo en equipo, conexi\u00f3n y fuerza colectiva.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-card card-boreal\">\r\n        <div class=\"pillar-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/12\/PILLAR-BOREAL.png\" alt=\"Pilar Boreal\">\r\n        <\/div>\r\n        <div class=\"pillar-content\">\r\n            <h2 class=\"pillar-title\">BOREAL<\/h2>\r\n            <h3 class=\"pillar-subtitle\">El Pilar de la Sabidur\u00eda<\/h3>\r\n            <p class=\"pillar-desc\">\r\n                Boreal simboliza la claridad, el aprendizaje y la toma de decisiones reflexiva. Los miembros de Boreal buscan entender, reflexionar y compartir conocimientos con los dem\u00e1s. Boreal significa curiosidad, mentalidad abierta y crecimiento intelectual.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-card card-tides\">\r\n        <div class=\"pillar-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/12\/PILLAR-TIDES.png\" alt=\"Pilar Tides\">\r\n        <\/div>\r\n        <div class=\"pillar-content\">\r\n            <h2 class=\"pillar-title\">TIDES<\/h2>\r\n            <h3 class=\"pillar-subtitle\">El Pilar de la Armon\u00eda<\/h3>\r\n            <p class=\"pillar-desc\">\r\n                Tides representa la empat\u00eda, la comunicaci\u00f3n y el equilibrio. Los miembros de Tides promueven la paz, escuchan a los dem\u00e1s y respetan las diferencias. Tides significa colaboraci\u00f3n, respeto y relaciones positivas.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"pillar-card card-pyros\">\r\n        <div class=\"pillar-img-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2025\/12\/PILLAR-PYROS.png\" alt=\"Pilar Pyros\">\r\n        <\/div>\r\n        <div class=\"pillar-content\">\r\n            <h2 class=\"pillar-title\">PYROS<\/h2>\r\n            <h3 class=\"pillar-subtitle\">El Pilar de la Pasi\u00f3n<\/h3>\r\n            <p class=\"pillar-desc\">\r\n                Pyros simboliza la energ\u00eda, la motivaci\u00f3n y un fuerte impulso hacia el \u00e9xito. Los miembros de Pyros inspiran a los dem\u00e1s con su entusiasmo y dedicaci\u00f3n. Pyros significa pasi\u00f3n, esfuerzo y dar siempre lo mejor de uno mismo.\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-c0b0b59 e-flex e-con-boxed e-con e-parent\" data-id=\"c0b0b59\" 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-3b5b89b elementor-widget elementor-widget-html\" data-id=\"3b5b89b\" 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-44cc9af e-flex e-con-boxed e-con e-parent\" data-id=\"44cc9af\" 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-574488a elementor-widget elementor-widget-html\" data-id=\"574488a\" 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>NUESTROS PILARES TERRA El Pilar de la Comunidad Terra representa la unidad, el apoyo y un fuerte sentido de pertenencia. Los miembros de Terra ayudan a crear un espacio donde todos se sienten bienvenidos, valorados e incluidos. Terra significa trabajo en equipo, conexi\u00f3n y fuerza colectiva. BOREAL El Pilar de la Sabidur\u00eda Boreal simboliza la [&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-25396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25396","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=25396"}],"version-history":[{"count":12,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25396\/revisions"}],"predecessor-version":[{"id":26188,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/25396\/revisions\/26188"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=25396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}