{"id":2694,"date":"2025-10-29T19:29:19","date_gmt":"2025-10-29T19:29:19","guid":{"rendered":"http:\/\/72.60.115.237\/?page_id=2694"},"modified":"2026-03-19T19:32:15","modified_gmt":"2026-03-19T19:32:15","slug":"innovation-and-tech","status":"publish","type":"page","link":"https:\/\/cbcuscatlan.edu.sv\/index.php\/innovation-and-tech\/","title":{"rendered":"Innovation and Tech"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2694\" class=\"elementor elementor-2694\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05a69b6 e-con-full e-flex e-con e-parent\" data-id=\"05a69b6\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96557b4 elementor-widget elementor-widget-html\" data-id=\"96557b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================\r\n     PANEL DE CONTROL (VARIABLES ORIGINALES)\r\n     ========================================= *\/\r\n  #tech-innovation-v1 {\r\n    \/* --- TIPOGRAF\u00cdA --- *\/\r\n    --fuente-principal: 'Avenir'sans-serif;\r\n    \r\n    \/* --- TAMA\u00d1OS DE TEXTO --- *\/\r\n    --t-pill-header: 48px;\r\n    --t-main-title: 48px;\r\n    --t-intro: 27px;\r\n    --t-card-title: 48px;\r\n    --t-card-subtitle: 48px;\r\n    --t-card-body: 27px;\r\n\r\n    \/* --- COLORES --- *\/\r\n    --color-azul-oscuro: #0c306d;\r\n    --color-rojo: #b8141a;\r\n    --color-blanco: #ffffff;\r\n    --color-texto-gris: #0c306d;\r\n    \r\n    \/* --- MEDIDAS --- *\/\r\n    --ancho-maximo: 100%;\r\n    --ancho-contenido: 100%;\r\n    --radio-borde-card: 30px;\r\n    --radio-borde-pill: 50px;\r\n    \r\n    \/* \ud83d\udc47 CONTROL DE TAMA\u00d1O DE LOS LOGOS DE LA TARJETA MINECRAFT \ud83d\udc47 *\/\r\n    --alto-max-minecraft: 180px; \/* Tama\u00f1o del logo central *\/\r\n    --alto-max-secundarios: 99px; \/* Tama\u00f1o de Microsoft y Microbit *\/\r\n  }\r\n\r\n  \/* =========================================\r\n     ESTILOS CSS\r\n     ========================================= *\/\r\n  \r\n  #tech-innovation-v1 {\r\n    font-family: var(--fuente-principal);\r\n    max-width: var(--ancho-maximo);\r\n    margin: 0 auto;\r\n    box-sizing: border-box;\r\n    padding: 20px 10px;\r\n  }\r\n\r\n  \/* 1. CABECERA DOBLE *\/\r\n  .tech-header-wrapper {\r\n    text-align: center;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .tech-pill-header {\r\n    background-color: var(--color-azul-oscuro);\r\n    color: var(--color-blanco);\r\n    display: inline-block;\r\n    padding: 12px 35px;\r\n    border-radius: 10px;\r\n    font-size: var(--t-pill-header);\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    margin-bottom: 15px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .tech-main-headline {\r\n    color: var(--color-rojo);\r\n    font-size: var(--t-main-title);\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    line-height: 1.1;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 2. TEXTO INTRODUCTORIO *\/\r\n  .tech-intro-text {\r\n    text-align: center;\r\n    color: var(--color-texto-gris);\r\n    font-size: var(--t-intro);\r\n    line-height: 1.5;\r\n    margin-bottom: 50px;\r\n    max-width: var(--ancho-contenido);\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  \/* 3. STACK DE TARJETAS AZULES *\/\r\n  .tech-cards-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 40px; \r\n  }\r\n\r\n  .tech-blue-card {\r\n    background-color: var(--color-azul-oscuro);\r\n    color: var(--color-blanco);\r\n    border-radius: var(--radio-borde-card);\r\n    padding: 50px; \r\n    box-shadow: 0 8px 20px rgba(16, 42, 99, 0.25);\r\n  }\r\n\r\n  .tech-inner-layout {\r\n    display: flex;\r\n    align-items: center; \r\n    justify-content: space-between;\r\n    gap: 50px; \r\n    text-align: left; \r\n  }\r\n\r\n  .tech-inner-layout.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n\r\n  .tech-col-text {\r\n    flex: 1;\r\n  }\r\n\r\n  .tech-col-img {\r\n    flex: 0 0 35%; \r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- CONTENEDOR DE IM\u00c1GENES --- *\/\r\n  .tech-img-frame {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  \r\n  \/* NUEVA CLASE: Para cuando hay varios logos apilados *\/\r\n  .tech-img-frame.multi-logo {\r\n    flex-direction: column; \/* Los apila uno arriba de otro *\/\r\n    gap: 25px; \/* Espacio entre los logos *\/\r\n  }\r\n\r\n  .tech-img-frame:hover {\r\n    transform: scale(1.02);\r\n  }\r\n\r\n  \/* Clases individuales para controlar los tama\u00f1os *\/\r\n  .tech-img-frame .logo-main {\r\n    width: auto;\r\n    max-width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    max-height: var(--alto-max-minecraft);\r\n  }\r\n\r\n  .tech-img-frame .logo-secondary {\r\n    width: auto;\r\n    max-width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    max-height: var(--alto-max-secundarios);\r\n  }\r\n  \r\n  \/* Logo \u00fanico de TBox (se mantiene igual) *\/\r\n  .tech-img-frame .logo-single {\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: contain;\r\n    max-height: 200px;\r\n  }\r\n\r\n  \/* T\u00edtulos dentro de tarjeta *\/\r\n  .tech-card-title {\r\n    font-size: var(--t-card-title);\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n    line-height: 1.1;\r\n  }\r\n\r\n  .tech-card-subtitle {\r\n    font-size: var(--t-card-subtitle);\r\n    color: var(--color-rojo);\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    margin-bottom: 25px;\r\n    line-height: 1.1;\r\n    display: block;\r\n  }\r\n\r\n  .tech-card-body {\r\n    font-size: var(--t-card-body);\r\n    line-height: 1.6;\r\n    margin-bottom: 25px;\r\n    text-align: justify; \r\n  }\r\n\r\n  \/* 4. LISTAS PERSONALIZADAS *\/\r\n  .tech-custom-list {\r\n    text-align: left;\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .tech-custom-list li {\r\n    margin-bottom: 15px;\r\n    position: relative;\r\n    padding-left: 30px; \r\n    font-size: var(--t-card-body);\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .tech-custom-list li::before {\r\n    content: \"\u25a0\"; \r\n    color: var(--color-rojo);\r\n    font-size: 1.2em;\r\n    position: absolute;\r\n    left: 0;\r\n    top: -2px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .white-bold {\r\n    font-weight: 800;\r\n    color: var(--color-blanco);\r\n  }\r\n\r\n  \/* RESPONSIVE *\/\r\n  @media (max-width: 1024px) {\r\n    .tech-inner-layout, .tech-inner-layout.reverse {\r\n      flex-direction: column;\r\n      text-align: center;\r\n      gap: 30px;\r\n    }\r\n    \r\n    .tech-col-img { order: 1; width: 100%; margin-bottom: 20px; }\r\n    .tech-col-text { order: 2; width: 100%; }\r\n    \r\n    .tech-card-body { text-align: center; } \r\n    \r\n    .tech-pill-header { font-size: 24px; padding: 10px 20px; }\r\n    .tech-main-headline { font-size: 32px; }\r\n    .tech-card-title { font-size: 32px; }\r\n    .tech-card-subtitle { font-size: 24px; }\r\n    .tech-blue-card { padding: 30px 20px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"tech-innovation-v1\">\r\n\r\n  <div class=\"tech-header-wrapper\">\r\n    <div class=\"tech-pill-header\">INNOVATION AND TECHNOLOGY:<\/div>\r\n    <div class=\"tech-main-headline\">FUTURE-PROOFING OUR STUDENTS<\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tech-intro-text\">\r\n    At Colegio Biling\u00fce Cuscatl\u00e1n, technology is an integrated tool for discovery and problem-solving across every level. To ensure our students lead in the digital world, we partner with two major ed-tech platforms: Minecraft Education and TBox.\r\n  <\/div>\r\n\r\n  <div class=\"tech-cards-stack\">\r\n\r\n    <div class=\"tech-blue-card\">\r\n      <div class=\"tech-inner-layout\">\r\n        \r\n        <div class=\"tech-col-text\">\r\n          <div class=\"tech-card-title\">MINECRAFT EDUCATION:<\/div>\r\n          <div class=\"tech-card-subtitle\">GAME-BASED LEARNING<\/div>\r\n          \r\n          <div class=\"tech-card-body\">\r\n            We utilize Minecraft Education, the secure, specialized platform from Microsoft, to transform academic subjects into engaging, collaborative, 3D projects. This is not just gaming\u2014it's a proven method for deep learning.\r\n          <\/div>\r\n\r\n          <ul class=\"tech-custom-list\">\r\n            <li>\r\n              <span class=\"white-bold\">DEEP ENGAGEMENT:<\/span> Significantly boosts focus and motivation in Math, Science, and Language Arts.\r\n            <\/li>\r\n            <li>\r\n              <span class=\"white-bold\">SKILL BUILDING:<\/span> Fosters crucial 21st-century skills: creativity, collaboration, and critical thinking.\r\n            <\/li>\r\n            <li>\r\n              <span class=\"white-bold\">FUTURE LITERACY:<\/span> Provides an immersive introduction to coding and computational thinking through its in-game tools.\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"tech-col-img\">\r\n          <div class=\"tech-img-frame multi-logo\">\r\n             <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/Microsoft-Logo.png\" alt=\"Microsoft Logo\" class=\"logo-secondary\">\r\n             \r\n             <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/minecraft_for_education_small_trans-300x153-1.webp\" alt=\"Minecraft Education\" class=\"logo-main\">\r\n             \r\n             <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/microbit.png\" alt=\"Microbit Logo\" class=\"logo-secondary\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tech-blue-card\">\r\n      <div class=\"tech-inner-layout reverse\">\r\n        \r\n        <div class=\"tech-col-text\">\r\n          <div class=\"tech-card-title\">TBOX:<\/div>\r\n          <div class=\"tech-card-subtitle\">ROBOTICS, CODING, AND DIGITAL LEADERSHIP<\/div>\r\n          \r\n          <div class=\"tech-card-body\">\r\n            Our partnership with TBox's STEAM-based Project Learning Methodology ensures every student is prepared for their technological future.\r\n          <\/div>\r\n\r\n          <ul class=\"tech-custom-list\">\r\n            <li>\r\n              <span class=\"white-bold\">COMPUTATIONAL THINKING:<\/span> Students develop essential logical-mathematical thinking by solving real-world problems through hands-on projects.\r\n            <\/li>\r\n            <li>\r\n              <span class=\"white-bold\">ROBOTICS & DESIGN:<\/span> Students build and program robots, design websites, and develop mobile apps, gaining direct experience in the fields of Robotics and AI.\r\n            <\/li>\r\n            <li>\r\n              <span class=\"white-bold\">GLOBAL CREDENTIALS:<\/span> TBox prepares our older students to earn valuable Microsoft and Adobe certifications.\r\n            <\/li>\r\n            <li>\r\n              <span class=\"white-bold\">DIGITAL RESPONSIBILITY:<\/span> The curriculum instills strong Digital Citizenship principles, empowering students to use technology ethically.\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"tech-col-img\">\r\n          <div class=\"tech-img-frame\">\r\n             <img decoding=\"async\" src=\"https:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/01\/logo-website.png\" alt=\"TBox Planet\" class=\"logo-single\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0c248c9 e-flex e-con-boxed e-con e-parent\" data-id=\"0c248c9\" 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-0691b02 elementor-widget elementor-widget-image\" data-id=\"0691b02\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1536\" height=\"710\" src=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-1536x710.jpg\" class=\"attachment-1536x1536 size-1536x1536 wp-image-25669\" alt=\"\" srcset=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-1536x710.jpg 1536w, http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-300x139.jpg 300w, http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-1024x473.jpg 1024w, http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-768x355.jpg 768w, http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20250625_112445-2048x946.jpg 2048w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/>\t\t\t\t\t\t\t\t\t\t\t\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-e0ff608 e-flex e-con-boxed e-con e-parent\" data-id=\"e0ff608\" 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-2f2fa06 elementor-widget elementor-widget-gallery\" data-id=\"2f2fa06\" data-element_type=\"widget\" data-settings=\"{&quot;image_hover_animation&quot;:&quot;grow&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;gallery_layout&quot;:&quot;grid&quot;,&quot;columns&quot;:4,&quot;columns_tablet&quot;:2,&quot;columns_mobile&quot;:1,&quot;gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;link_to&quot;:&quot;file&quot;,&quot;aspect_ratio&quot;:&quot;3:2&quot;,&quot;overlay_background&quot;:&quot;yes&quot;,&quot;content_hover_animation&quot;:&quot;fade-in&quot;}\" data-widget_type=\"gallery.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-gallery__container\">\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20260223_085718-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2f2fa06\" data-elementor-lightbox-title=\"20260223_085718\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU2MDIsInVybCI6Imh0dHA6XC9cL2NiY3VzY2F0bGFuLmVkdS5zdlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcLzIwMjYwMjIzXzA4NTcxOC1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiMmYyZmEwNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20260223_085718-300x169.jpg\" data-width=\"300\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20241120_140754-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2f2fa06\" data-elementor-lightbox-title=\"20241120_140754\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU2MDEsInVybCI6Imh0dHA6XC9cL2NiY3VzY2F0bGFuLmVkdS5zdlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcLzIwMjQxMTIwXzE0MDc1NC1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiMmYyZmEwNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20241120_140754-300x169.jpg\" data-width=\"300\" data-height=\"169\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20240912_115700-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2f2fa06\" data-elementor-lightbox-title=\"20240912_115700\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU2MDAsInVybCI6Imh0dHA6XC9cL2NiY3VzY2F0bGFuLmVkdS5zdlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcLzIwMjQwOTEyXzExNTcwMC1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiMmYyZmEwNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20240912_115700-169x300.jpg\" data-width=\"169\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a class=\"e-gallery-item elementor-gallery-item elementor-animated-content\" href=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20260302_092212-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-slideshow=\"2f2fa06\" data-elementor-lightbox-title=\"20260302_092212\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjU1OTksInVybCI6Imh0dHA6XC9cL2NiY3VzY2F0bGFuLmVkdS5zdlwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNlwvMDNcLzIwMjYwMzAyXzA5MjIxMi1zY2FsZWQuanBnIiwic2xpZGVzaG93IjoiMmYyZmEwNiJ9\">\n\t\t\t\t\t<div class=\"e-gallery-image elementor-gallery-item__image\" data-thumbnail=\"http:\/\/cbcuscatlan.edu.sv\/wp-content\/uploads\/2026\/03\/20260302_092212-169x300.jpg\" data-width=\"169\" data-height=\"300\" aria-label=\"\" role=\"img\" ><\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-gallery-item__overlay\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\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-40659d2 e-flex e-con-boxed e-con e-parent\" data-id=\"40659d2\" 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-a0ba286 elementor-widget elementor-widget-html\" data-id=\"a0ba286\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* =========================================\r\n       SECCI\u00d3N DE CONFIGURACI\u00d3N F\u00c1CIL\r\n       Modifica los valores aqu\u00ed abajo\r\n       ========================================= *\/\r\n    .contact-us-widget {\r\n        \/* --- 1. TIPOGRAF\u00cdA Y TEXTOS --- *\/\r\n        --cu-font-family: 'Avenir' Arial, sans-serif;\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 *\/\r\n        --cu-map-border-width: 8px;    \/* Grosor del borde azul (como en tu foto) *\/\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    .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; \/* Alinea verticalmente al centro *\/\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; \/* T\u00edtulos bien pegaditos como en la imagen *\/\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    }\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); \/* Borde Azul *\/\r\n        border-radius: var(--cu-map-border-radius); \/* Esquinas Redondas *\/\r\n        overflow: hidden; \/* Recorta el mapa para que siga las esquinas redondas *\/\r\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1); \/* Sombra elegante *\/\r\n        display: block;\r\n    }\r\n\r\n    \/* Responsive *\/\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\">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-d96fea9 e-flex e-con-boxed e-con e-parent\" data-id=\"d96fea9\" 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-69ff109 elementor-widget elementor-widget-html\" data-id=\"69ff109\" 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>INNOVATION AND TECHNOLOGY: FUTURE-PROOFING OUR STUDENTS At Colegio Biling\u00fce Cuscatl\u00e1n, technology is an integrated tool for discovery and problem-solving across every level. To ensure our students lead in the digital world, we partner with two major ed-tech platforms: Minecraft Education and TBox. MINECRAFT EDUCATION: GAME-BASED LEARNING We utilize Minecraft Education, the secure, specialized platform from [&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-2694","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/2694","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=2694"}],"version-history":[{"count":142,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/2694\/revisions"}],"predecessor-version":[{"id":25997,"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/pages\/2694\/revisions\/25997"}],"wp:attachment":[{"href":"https:\/\/cbcuscatlan.edu.sv\/index.php\/wp-json\/wp\/v2\/media?parent=2694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}