{"id":8,"date":"2020-11-08T21:31:51","date_gmt":"2020-11-08T21:31:51","guid":{"rendered":"https:\/\/themes.muffingroup.com\/be\/scooterrental_el\/?page_id=8"},"modified":"2026-10-26T21:51:38","modified_gmt":"2026-10-27T00:51:38","slug":"home","status":"publish","type":"page","link":"https:\/\/compa-rj.com.br\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-21771c4 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"21771c4\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2aed073\" data-id=\"2aed073\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2aff8a5 elementor-widget elementor-widget-html\" data-id=\"2aff8a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\r\n     BLOCO: HERO - IMAGEM GRANDE COM PEL\u00cdCULA AZUL\r\n     COMPA RJ \u2014 HOME\r\n     ================================================================ -->\r\n\r\n<style>\r\n  \/* ========== IMPORTANDO FONTES ========== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');\r\n\r\n  \/* ========== RESET E BASE ========== *\/\r\n  .hero-compa {\r\n    --navy: #00338D;\r\n    --navy-overlay: rgba(0, 51, 141, 0.75);\r\n    --green: #00B8AF;\r\n    --lime: #D0E176;\r\n    \r\n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n    overflow: hidden;\r\n  }\r\n  \r\n  .hero-compa * { box-sizing: border-box; }\r\n  .hero-compa h1, .hero-compa h2 {\r\n    font-family: 'Poppins', Georgia, serif;\r\n    margin: 0;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .hero-compa a { text-decoration: none; color: inherit; }\r\n  .hero-compa img { display: block; max-width: 100%; }\r\n\r\n  \/* ================================================================\r\n     HERO - IMAGEM GRANDE COM PEL\u00cdCULA AZUL - TEXTO \u00c0 ESQUERDA\r\n     ================================================================ *\/\r\n  .hc-hero-full {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 85vh;\r\n    max-height: 92vh;\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* Imagem de fundo *\/\r\n  .hc-hero-full .hc-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* Pel\u00edcula azul sobre a imagem *\/\r\n  .hc-hero-full .hc-hero-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(135deg, rgba(0, 51, 141, 0.85) 0%, rgba(0, 51, 141, 0.65) 50%, rgba(0, 51, 141, 0.80) 100%);\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Padr\u00e3o decorativo sutil na pel\u00edcula *\/\r\n  .hc-hero-full .hc-hero-overlay::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-image: \r\n      radial-gradient(circle at 20% 50%, rgba(255,255,255,0.04) 0%, transparent 50%),\r\n      radial-gradient(circle at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 40%),\r\n      radial-gradient(circle at 50% 80%, rgba(0, 184, 175, 0.06) 0%, transparent 50%);\r\n    pointer-events: none;\r\n    z-index: 1;\r\n  }\r\n\r\n  \/* Conte\u00fado - ALINHADO \u00c0 ESQUERDA *\/\r\n  .hc-hero-full .hc-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: left;\r\n    max-width: 820px;\r\n    padding: 40px 24px 40px 60px;\r\n    animation: heroFadeIn 1.2s ease forwards;\r\n    width: 100%;\r\n  }\r\n\r\n  .hc-hero-full .hc-hero-content .hc-hero-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--lime);\r\n    background: rgba(255,255,255,0.08);\r\n    padding: 6px 20px;\r\n    border-radius: 30px;\r\n    margin-bottom: 20px;\r\n    backdrop-filter: blur(4px);\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n  }\r\n  .hc-hero-full .hc-hero-content .hc-hero-badge i {\r\n    font-size: 13px;\r\n  }\r\n\r\n  \/* T\u00cdTULO *\/\r\n  .hc-hero-full .hc-hero-content h1 {\r\n    font-size: clamp(32px, 5vw, 60px);\r\n    font-weight: 800;\r\n    color: #fff !important;\r\n    line-height: 1.08;\r\n    letter-spacing: -0.02em;\r\n    margin-bottom: 24px;\r\n    max-width: 700px;\r\n    background: none !important;\r\n    background-color: transparent !important;\r\n    padding: 0 !important;\r\n  }\r\n  .hc-hero-full .hc-hero-content h1 .compa-destaque {\r\n    color: #fff !important;\r\n    font-weight: 900;\r\n    background: none !important;\r\n    background-color: transparent !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* DESTAQUE LEVE - COR VERDE + NEGRITO *\/\r\n  .hc-hero-full .hc-hero-content h1 .highlight {\r\n    color: var(--green) !important;\r\n    font-weight: 900 !important;\r\n    background: none !important;\r\n    background-color: transparent !important;\r\n    padding: 0 !important;\r\n    box-shadow: none !important;\r\n    text-decoration: none !important;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* LINHA SUTIL ABAIXO DO DESTAQUE *\/\r\n  .hc-hero-full .hc-hero-content h1 .highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 2px;\r\n    background: var(--green);\r\n    opacity: 0.3;\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .hc-hero-full .hc-hero-content p {\r\n    font-size: clamp(16px, 1.4vw, 20px);\r\n    color: rgba(255,255,255,0.85);\r\n    max-width: 520px;\r\n    margin: 0 0 32px 0;\r\n    line-height: 1.7;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* Bot\u00f5es do Hero - ALINHADOS \u00c0 ESQUERDA *\/\r\n  .hc-hero-full .hc-hero-buttons {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    justify-content: flex-start;\r\n  }\r\n\r\n  .hc-hero-full .hc-btn-hero {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 14px 34px;\r\n    border-radius: 10px;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    font-family: 'Poppins', sans-serif;\r\n    border: none;\r\n  }\r\n  .hc-hero-full .hc-btn-hero i {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .hc-hero-full .hc-btn-primary {\r\n    background: var(--green);\r\n    color: #fff;\r\n    box-shadow: 0 8px 30px rgba(0, 184, 175, 0.35);\r\n  }\r\n  .hc-hero-full .hc-btn-primary:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 40px rgba(0, 184, 175, 0.45);\r\n  }\r\n\r\n  .hc-hero-full .hc-btn-outline {\r\n    background: transparent;\r\n    color: #fff;\r\n    border: 2px solid rgba(255,255,255,0.25);\r\n    backdrop-filter: blur(4px);\r\n  }\r\n  .hc-hero-full .hc-btn-outline:hover {\r\n    background: rgba(255,255,255,0.1);\r\n    border-color: rgba(255,255,255,0.5);\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* ================================================================\r\n     LIGHTBOX\r\n     ================================================================ *\/\r\n  .hc-lightbox {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0,0,0,0.88);\r\n    z-index: 100000;\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(8px);\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .hc-lightbox.active {\r\n    display: flex;\r\n    opacity: 1;\r\n  }\r\n  .hc-lightbox-content {\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 800px;\r\n    background: #000;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    transform: scale(0.9);\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .hc-lightbox.active .hc-lightbox-content { \r\n    transform: scale(1); \r\n  }\r\n  .hc-lightbox-content iframe {\r\n    width: 100%;\r\n    aspect-ratio: 16\/9;\r\n    display: block;\r\n    border: none;\r\n  }\r\n  .hc-lightbox-close {\r\n    position: absolute;\r\n    top: -48px;\r\n    right: 0;\r\n    background: none;\r\n    border: none;\r\n    color: #fff;\r\n    font-size: 32px;\r\n    cursor: pointer;\r\n    padding: 8px 12px;\r\n    opacity: 0.7;\r\n    transition: opacity 0.2s ease;\r\n    z-index: 10;\r\n  }\r\n  .hc-lightbox-close:hover { \r\n    opacity: 1; \r\n  }\r\n  @media (max-width: 640px) {\r\n    .hc-lightbox-close {\r\n      top: 10px;\r\n      right: 10px;\r\n      font-size: 28px;\r\n      background: rgba(0,0,0,0.3);\r\n      border-radius: 50%;\r\n      padding: 4px 12px;\r\n    }\r\n  }\r\n\r\n  \/* ================================================================\r\n     ANIMA\u00c7\u00d5ES\r\n     ================================================================ *\/\r\n  @keyframes heroFadeIn {\r\n    from { opacity: 0; transform: translateX(-30px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n  }\r\n\r\n  @keyframes floatBadge {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-6px); }\r\n  }\r\n  .hc-hero-full .hc-hero-badge {\r\n    animation: floatBadge 3s ease-in-out infinite;\r\n  }\r\n\r\n  \/* ================================================================\r\n     RESPONSIVO\r\n     ================================================================ *\/\r\n  @media (max-width: 820px) {\r\n    .hc-hero-full { min-height: 70vh; }\r\n    .hc-hero-full .hc-hero-content { padding: 40px 24px 40px 40px; }\r\n    .hc-hero-full .hc-hero-content h1 { font-size: clamp(28px, 4.5vw, 40px); }\r\n    .hc-hero-full .hc-hero-content p { font-size: 15px; }\r\n    .hc-hero-full .hc-btn-hero { padding: 12px 26px; font-size: 13px; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .hc-hero-full { min-height: 80vh; }\r\n    .hc-hero-full .hc-hero-content { \r\n      padding: 24px 20px; \r\n      text-align: center;\r\n    }\r\n    .hc-hero-full .hc-hero-content h1 { \r\n      font-size: clamp(24px, 5vw, 32px); \r\n      max-width: 100%;\r\n    }\r\n    .hc-hero-full .hc-hero-content p { \r\n      font-size: 14px; \r\n      max-width: 100%;\r\n      margin: 0 auto 20px;\r\n    }\r\n    .hc-hero-full .hc-hero-buttons { \r\n      justify-content: center;\r\n    }\r\n    .hc-hero-full .hc-hero-content .hc-hero-badge { \r\n      font-size: 9px; \r\n      padding: 4px 14px; \r\n    }\r\n    .hc-hero-full .hc-btn-hero { \r\n      padding: 10px 20px; \r\n      font-size: 12px; \r\n      width: 100%; \r\n      justify-content: center; \r\n    }\r\n    .hc-hero-full .hc-hero-buttons { \r\n      flex-direction: column; \r\n      align-items: center; \r\n      width: 100%; \r\n    }\r\n    .hc-hero-full .hc-hero-buttons .hc-btn-hero { \r\n      width: 100%; \r\n      max-width: 300px; \r\n    }\r\n    @keyframes heroFadeIn {\r\n      from { opacity: 0; transform: translateY(30px); }\r\n      to { opacity: 1; transform: translateY(0); }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .hc-hero-full { min-height: 75vh; }\r\n    .hc-hero-full .hc-hero-content h1 { \r\n      font-size: clamp(20px, 4.5vw, 26px); \r\n    }\r\n    .hc-hero-full .hc-hero-content p { font-size: 13px; }\r\n    .hc-hero-full .hc-btn-hero { font-size: 11px; padding: 8px 16px; }\r\n    .hc-hero-full .hc-hero-content .hc-hero-badge { font-size: 8px; padding: 3px 12px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ================================================================\r\n     HERO - IMAGEM GRANDE COM PEL\u00cdCULA AZUL\r\n     ================================================================ -->\r\n<section class=\"hc-hero-full hero-compa\">\r\n  \r\n  <!-- Imagem de fundo - COMPA RJ -->\r\n  <img decoding=\"async\" \r\n    src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/09\/projeto.webp\" \r\n    alt=\"Col\u00e9gio da Companhia de Maria - Rio de Janeiro\" \r\n    class=\"hc-hero-bg\"\r\n    loading=\"lazy\"\r\n  >\r\n  \r\n  <!-- Pel\u00edcula azul -->\r\n  <div class=\"hc-hero-overlay\"><\/div>\r\n  \r\n  <!-- Conte\u00fado - ALINHADO \u00c0 ESQUERDA -->\r\n  <div class=\"hc-hero-content\">\r\n    <span class=\"hc-hero-badge\">\r\n      <i class=\"fas fa-graduation-cap\"><\/i>\r\n      Col\u00e9gio da Companhia de Maria \u00b7 RJ\r\n    <\/span>\r\n    <h1>\r\n      <span class=\"compa-destaque\">COMPA<\/span>:<br>\r\n      H\u00e1 4 s\u00e9culos, uma <span class=\"highlight\">Rede de Ensino Internacional<\/span> que nos aproxima\r\n    <\/h1>\r\n    \r\n    <div class=\"hc-hero-buttons\">\r\n      <!-- \ud83d\udc47 CORRIGIDO: Link com protocolo https:\/\/ -->\r\n      <a href=\"https:\/\/2027.compa-rj.com.br\" class=\"hc-btn-hero hc-btn-primary\" target=\"_blank\">\r\n        <i class=\"fas fa-user-plus\"><\/i>\r\n        Ingresso 2027\r\n        <i class=\"fas fa-arrow-right\"><\/i>\r\n      <\/a>\r\n      <a href=\"#\" class=\"hc-btn-hero hc-btn-outline\" onclick=\"openVideoLightbox(event)\">\r\n        <i class=\"fas fa-play-circle\"><\/i>\r\n        Assista ao v\u00eddeo\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ================================================================\r\n     LIGHTBOX DO V\u00cdDEO\r\n     ================================================================ -->\r\n<div class=\"hc-lightbox\" id=\"videoLightbox\" onclick=\"closeVideoLightbox(event)\">\r\n  <div class=\"hc-lightbox-content\" onclick=\"event.stopPropagation();\">\r\n    <button class=\"hc-lightbox-close\" onclick=\"closeVideoLightbox(event)\">\u2715<\/button>\r\n    <!-- \ud83d\udc47 CORRIGIDO: Link do v\u00eddeo com formato de embed e ID correto -->\r\n    <iframe id=\"videoIframe\" src=\"https:\/\/www.youtube.com\/embed\/5cTXsw8qCNk?autoplay=0&rel=0\" allow=\"encrypted-media; fullscreen\" allowfullscreen title=\"V\u00eddeo Institucional COMPA RJ\"><\/iframe>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- ================================================================\r\n     SCRIPT DO LIGHTBOX\r\n     ================================================================ -->\r\n<script>\r\n  function openVideoLightbox(event) {\r\n    event.preventDefault();\r\n    var lightbox = document.getElementById('videoLightbox');\r\n    var iframe = document.getElementById('videoIframe');\r\n    \r\n    lightbox.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n\r\n  function closeVideoLightbox(event) {\r\n    event.preventDefault();\r\n    var lightbox = document.getElementById('videoLightbox');\r\n    var iframe = document.getElementById('videoIframe');\r\n    \r\n    lightbox.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n    \r\n    \/\/ Pausa o v\u00eddeo ao fechar\r\n    iframe.src = iframe.src.replace('autoplay=1', 'autoplay=0');\r\n    iframe.src = iframe.src;\r\n  }\r\n\r\n  \/\/ Fechar com a tecla ESC\r\n  document.addEventListener('keydown', function(event) {\r\n    if (event.key === 'Escape') {\r\n      var lightbox = document.getElementById('videoLightbox');\r\n      if (lightbox.classList.contains('active')) {\r\n        closeVideoLightbox(event);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b670e1 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7b670e1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-750bef7\" data-id=\"750bef7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ef3ff11 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"ef3ff11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     COMPA RJ \u2014 HOME\n     BLOCO: BOX DA VIS\u00c3O (ALTURA UM POUCO MAIS COMPRIDA)\n     ================================================================ -->\n\n<style>\n  \/* ========== CSS DO BOX DA VIS\u00c3O ========== *\/\n  .home-box-visao {\n    --navy: #00338D;\n    --navy-deep: #00266B;\n    --blue: #1E72B2;\n    --green: #00B8AF;\n    --green-soft: #E3F6F4;\n    --orange: #735493;\n    --lime: #D0E176;\n    --paper: #FEFDFD;\n    \n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    -webkit-font-smoothing: antialiased;\n  }\n  .home-box-visao * { box-sizing: border-box; }\n  .home-box-visao h2, .home-box-visao h3, .home-box-visao p, .home-box-visao blockquote {\n    font-family: 'Poppins', sans-serif;\n    margin: 0;\n  }\n  \n  .hbv-wrap { max-width: 100%; margin: 0 auto; }\n  .hbv-section { padding: 0; position: relative; }\n\n  \/* --- CARD DA VIS\u00c3O --- *\/\n  .hbv-visao-card {\n    background: linear-gradient(145deg, #0b1f5b 0%, #162a6e 50%, #1c307a 100%);\n    border-radius: 24px;\n    padding: 48px 40px;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    \n    \/* \ud83d\udc47 ALTURA AUMENTADA *\/\n    min-height: 380px; \n    \n    box-shadow: 0 12px 40px rgba(0, 51, 141, 0.15);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    width: 100%;\n  }\n  .hbv-visao-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 20px 60px rgba(0, 51, 141, 0.25);\n  }\n\n  \/* ================================================================\n     LOGO DE FUNDO (SAI PELA DIREITA)\n     ================================================================ *\/\n  .hbv-visao-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    \n    \/* \ud83d\udc47 LOGO OFICIAL DO COMPA RJ \ud83d\udc47 *\/\n    background-image: url('https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/LOGO_COMPA_BRANCO-scaled.webp');\n    background-repeat: no-repeat;\n    background-position: 140% center; \/* Empurra o logo para fora da borda *\/\n    background-size: contain;\n    \n    opacity: 0.07;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \n  \/* ================================================================\n     ASPAS DECORATIVAS\n     ================================================================ *\/\n  .hbv-visao-card::after {\n    content: '\"';\n    position: absolute;\n    top: 50px;\n    left: 20px;\n    font-family: 'Poppins', sans-serif;\n    font-size: clamp(80px, 8vw, 120px);\n    font-weight: 700;\n    color: rgba(255, 255, 255, 0.06);\n    line-height: 1;\n    z-index: 0;\n    pointer-events: none;\n  }\n\n  .hbv-visao-content {\n    position: relative;\n    z-index: 1;\n    max-width: 90%;\n    padding-left: 20px;\n    text-align: center;\n  }\n  @media (max-width: 900px) {\n    .hbv-visao-content { max-width: 95%; padding-left: 10px; }\n  }\n  @media (max-width: 640px) {\n    .hbv-visao-content { max-width: 100%; padding-left: 10px; text-align: center; }\n  }\n\n  \/* ================================================================\n     TAG \"NOSSA VIS\u00c3O\"\n     ================================================================ *\/\n  .hbv-visao-tag {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    z-index: 1;\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.12em;\n    color: var(--lime);\n    background: rgba(255, 255, 255, 0.10);\n    backdrop-filter: blur(4px);\n    padding: 6px 18px;\n    border-radius: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.06);\n  }\n\n  \/* Cita\u00e7\u00e3o da Vis\u00e3o *\/\n  .hbv-visao-card blockquote {\n    font-size: clamp(20px, 2.2vw, 30px);\n    font-weight: 500;\n    color: #fff;\n    line-height: 1.5;\n    margin: 0 auto;\n    padding: 0;\n    position: relative;\n    max-width: 700px;\n    text-align: center;\n  }\n  \n  \/* Destaque verde \u00e1gua *\/\n  .hbv-visao-card blockquote .hbv-destaque-visao {\n    color: var(--green);\n    font-weight: 700;\n  }\n  \n  \/* Autoria *\/\n  .hbv-visao-autor {\n    display: block;\n    margin-top: 16px;\n    font-size: 14px;\n    font-weight: 400;\n    color: rgba(255, 255, 255, 0.80);\n    letter-spacing: 0.02em;\n    text-align: center;\n  }\n\n  \/* ================================================================\n     RESPONSIVO\n     ================================================================ *\/\n  @media (max-width: 900px) {\n    .hbv-visao-card { min-height: 300px; padding: 36px 28px; }\n    .hbv-visao-card blockquote { font-size: clamp(18px, 2.5vw, 26px); }\n    .hbv-visao-card::after {\n      font-size: clamp(60px, 6vw, 80px);\n      top: 45px;\n      left: 15px;\n    }\n    .hbv-visao-tag { top: 15px; left: 15px; }\n  }\n\n  @media (max-width: 640px) {\n    .hbv-visao-card { min-height: 220px; padding: 24px 20px; }\n    .hbv-visao-card blockquote { font-size: 17px; }\n    .hbv-visao-tag { \n      font-size: 9px; \n      padding: 4px 14px; \n      top: 12px; \n      left: 12px; \n    }\n    .hbv-visao-card::after {\n      font-size: clamp(40px, 5vw, 60px);\n      top: 35px;\n      left: 10px;\n    }\n  }\n<\/style>\n\n<!-- ================================================================\n     HTML DO BOX DA VIS\u00c3O\n     ================================================================ -->\n<div class=\"home-box-visao\">\n  <section class=\"hbv-section\">\n    <div class=\"hbv-wrap\">\n      \n      <!-- CARD DA VIS\u00c3O -->\n      <div class=\"hbv-visao-card\">\n        \n        <!-- TAG NO TOPO ESQUERDO -->\n        <span class=\"hbv-visao-tag\">NOSSA VIS\u00c3O<\/span>\n        \n        <div class=\"hbv-visao-content\">\n          <blockquote>\n            Ser reconhecido atrav\u00e9s de uma <br>\n            <span class=\"hbv-destaque-visao\">educa\u00e7\u00e3o de qualidade<\/span><br>\n            voltada para a forma\u00e7\u00e3o <br>\n            humana e acad\u00eamica.\n          <\/blockquote>\n          <span class=\"hbv-visao-autor\">Vis\u00e3o \u00b7 Col\u00e9gio da Companhia de Maria \u2014 RJ<\/span>\n        <\/div>\n        \n      <\/div>\n\n    <\/div>\n  <\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a078a15\" data-id=\"a078a15\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-289a8c7 elementor-widget elementor-widget-slider_revolution\" data-id=\"289a8c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"slider_revolution.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"wp-block-themepunch-revslider\">\n\t\t\t<!-- START Rotativo Home REVOLUTION SLIDER 6.7.32 --><p class=\"rs-p-wp-fix\"><\/p>\n\t\t\t<rs-module-wrap id=\"rev_slider_7_1_wrapper\" data-source=\"gallery\" style=\"visibility:hidden;background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;\">\n\t\t\t\t<rs-module id=\"rev_slider_7_1\" style=\"\" data-version=\"6.7.32\">\n\t\t\t\t\t<rs-slides style=\"overflow: hidden; position: absolute;\">\n\t\t\t\t\t\t<rs-slide style=\"position: absolute;\" data-key=\"rs-20\" data-title=\"90 Anos\" data-anim=\"adpr:false;ms:1800;\" data-in=\"o:0;\" data-out=\"a:false;\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" src=\"\/\/compa-rj.com.br\/wp-content\/plugins\/v6.7.32-INSTALAR-COMO-PLUGIN-WORDPRESS-FELINTONETWORK.COM_\/sr6\/assets\/assets\/dummy.png\" alt=\"90 Anos\" title=\"VT_COMPARJ\" width=\"1146\" height=\"760\" class=\"rev-slidebg tp-rs-img rs-lazyload\" data-lazyload=\"\/\/compa-rj.com.br\/wp-content\/plugins\/v6.7.32-INSTALAR-COMO-PLUGIN-WORDPRESS-FELINTONETWORK.COM_\/sr6\/assets\/assets\/transparent.png\" data-no-retina>\n<!--\n\t\t\t\t\t\t\t--><rs-layer\n\t\t\t\t\t\t\t\tid=\"slider-7-slide-20-layer-20\" \n\t\t\t\t\t\t\t\tclass=\"rs-layer-video intrinsic-ignore\"\n\t\t\t\t\t\t\t\tdata-type=\"video\"\n\t\t\t\t\t\t\t\tdata-rsp_ch=\"on\"\n\t\t\t\t\t\t\t\tdata-xy=\"x:-2px;y:-30px;\"\n\t\t\t\t\t\t\t\tdata-text=\"w:normal;\"\n\t\t\t\t\t\t\t\tdata-dim=\"w:1676px;h:943px;\"\n\t\t\t\t\t\t\t\tdata-actions='o:mouseenter;a:unmutevideo;layer:slider-7-slide-20-layer-20;'\n\t\t\t\t\t\t\t\tdata-video=\"vd:100;scop:t;l:false;ptimer:true;nse:f;afs:f;vc:true;\"\n\t\t\t\t\t\t\t\tdata-poster=\"\/\/i.vimeocdn.com\/video\/2143021574-cf300dc7c63bb188f50c590edff7c2776d2c97941721fea4d4b39f26b1f19099-d_640?region=us\"\n\t\t\t\t\t\t\t\tdata-vimeoid=\"1180818944\"\n\t\t\t\t\t\t\t\tdata-vatr=\"title=0&amp;byline=0&amp;portrait=0&amp;api=1\"\n\t\t\t\t\t\t\t\tdata-frame_1=\"sp:1810;\"\n\t\t\t\t\t\t\t\tdata-frame_999=\"o:0;st:w;sR:7190;\"\n\t\t\t\t\t\t\t\tstyle=\"z-index:8;\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<\/rs-layer><!--\n-->\t\t\t\t\t<\/rs-slide>\n\t\t\t\t\t<\/rs-slides>\n\t\t\t\t\t<rs-static-layers><!--\n\t\t\t\t\t--><\/rs-static-layers>\n\t\t\t\t<\/rs-module>\n\t\t\t\t<script>\n\t\t\t\t\tsetREVStartSize({c: 'rev_slider_7_1',rl:[1240,1024,778,480],el:[895],gw:[1680],gh:[895],type:'standard',justify:'',layout:'fullwidth',mh:\"0\"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules[\"revslider71\"]!==undefined) {window.RS_MODULES.modules[\"revslider71\"].once = false;window.revapi7 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()}\n\t\t\t\t<\/script>\n\t\t\t<\/rs-module-wrap>\n\t\t\t<!-- END REVOLUTION SLIDER -->\n<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-917b465 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"917b465\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46a17b2\" data-id=\"46a17b2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56de920 elementor-widget elementor-widget-spacer\" data-id=\"56de920\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed2fc04 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"ed2fc04\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d5ed21d\" data-id=\"d5ed21d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0345e9e elementor-widget elementor-widget-html\" data-id=\"0345e9e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     COMPA RJ \u2014 HOME\n     Bloco: Miss\u00e3o e Rede Internacional (Corrigido Mobile - Sem Vazamentos)\n     ================================================================= -->\n\n<style>\n  \/* ========== BASE E VARI\u00c1VEIS ========== *\/\n  .home-compa-missao {\n    --navy: #00338D;\n    --navy-deep: #00266B;\n    --blue: #1E72B2;\n    --blue-deep: #155A8E;\n    --green: #00B8AF;\n    --green-soft: #E3F6F4;\n    --orange: #735493;\n    --orange-deep: #5E4478;\n    --lilac: #9181AD;\n    --lime: #D0E176;\n    --mint-1: #EAF7F6;\n    --mint-2: #F2F6E1;\n    --ink: #2B2B2B;\n    --ink-soft: #545454;\n    --line: #E7E3EF;\n    --paper: #FEFDFD;\n    \n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--ink);\n    background: #FBFBF3;\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n  }\n  .home-compa-missao * { box-sizing: border-box; }\n  .home-compa-missao h2, .home-compa-missao h3, .home-compa-missao p {\n    font-family: 'Poppins', sans-serif;\n    margin: 0;\n  }\n  .home-compa-missao a { text-decoration: none; color: inherit; }\n  .home-compa-missao img { max-width: 100%; display: block; }\n  \n  .hcm-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n  @media (max-width: 600px) { .hcm-wrap { padding: 0 20px; } }\n\n  .hcm-section { padding: 60px 0; position: relative; }\n  @media (max-width: 640px) { .hcm-section { padding: 40px 0; } }\n\n  \/* ================================================================\n     BLOCO: MISS\u00c3O E REDE INTERNACIONAL\n     ================================================================ *\/\n  .hcm-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.6fr;\n    gap: 40px;\n    align-items: stretch;\n  }\n  \n  @media (max-width: 1024px) {\n    .hcm-grid { grid-template-columns: 1fr 1.2fr; gap: 30px; }\n  }\n  \n  @media (max-width: 820px) {\n    .hcm-grid { \n      grid-template-columns: 1fr; \n      gap: 30px; \n      align-items: flex-start; \/* Impede o bloco da esquerda de esticar demais *\/\n    }\n  }\n\n  \/* --- Coluna 1: Miss\u00e3o (Esquerda) --- *\/\n  .hcm-missao-texto {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: 20px;\n    background: var(--paper);\n    padding: 32px 28px;\n    border-radius: 24px;\n    box-shadow: 0 6px 24px rgba(0, 51, 141, 0.04);\n    border: 1px solid rgba(0, 184, 175, 0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    width: 100%;\n  }\n  .hcm-missao-texto:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 51, 141, 0.06);\n  }\n  \n  .hcm-missao-texto .hcm-citacao {\n    font-size: clamp(16px, 1.2vw, 19px);\n    font-weight: 600;\n    color: var(--blue);\n    line-height: 1.6;\n    letter-spacing: -0.01em;\n    font-style: italic;\n  }\n  .hcm-missao-texto .hcm-citacao::before {\n    content: '\"';\n    color: var(--green);\n    font-weight: 700;\n    font-size: 1.4em;\n    font-style: normal;\n    margin-right: 4px;\n  }\n  .hcm-missao-texto .hcm-citacao::after {\n    content: '\"';\n    color: var(--green);\n    font-weight: 700;\n    font-size: 1.4em;\n    font-style: normal;\n    margin-left: 4px;\n  }\n  \n  .hcm-missao-texto .hcm-citacao .hcm-destaque-fe {\n    font-weight: 700;\n    color: var(--green);\n    font-style: normal;\n  }\n\n  .hcm-missao-texto .hcm-autor {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--ink-soft);\n    letter-spacing: 0.02em;\n    border-top: 1px solid var(--line);\n    padding-top: 12px;\n    margin-top: 4px;\n  }\n\n  \/* --- Coluna 2: Mapa + Rede --- *\/\n  .hcm-bloco-direito {\n    display: flex;\n    flex-direction: row;\n    gap: 24px;\n    align-items: center;\n    background: var(--paper);\n    border-radius: 24px;\n    padding: 24px 24px 24px 16px;\n    box-shadow: 0 6px 24px rgba(0, 51, 141, 0.04);\n    border: 1px solid rgba(0, 184, 175, 0.08);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .hcm-bloco-direito:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 51, 141, 0.06);\n  }\n  \n  @media (max-width: 1024px) {\n    .hcm-bloco-direito { flex-direction: column; padding: 24px; }\n  }\n  @media (max-width: 820px) {\n    .hcm-bloco-direito { \n      flex-direction: column; \n      padding: 20px; \n      align-items: center; \n      width: 100%; \n      box-sizing: border-box;\n      margin-bottom: 20px; \/* Garante espa\u00e7o para n\u00e3o avan\u00e7ar no pr\u00f3ximo bloco *\/\n    }\n  }\n\n  \/* --- Mapa --- *\/\n  .hcm-mapa-wrapper {\n    flex: 0 0 55%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n  }\n  @media (max-width: 1024px) {\n    .hcm-mapa-wrapper { flex: 0 0 100%; width: 100%; }\n  }\n  \n  .hcm-mapa-wrapper .hcm-mapa-shortcode {\n    width: 100%;\n    aspect-ratio: 1.7 \/ 1;\n    max-width: 100%;\n    border-radius: 16px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    transition: transform 0.4s ease;\n  }\n  .hcm-mapa-wrapper .hcm-mapa-shortcode:hover {\n    transform: scale(1.02);\n  }\n  .hcm-mapa-wrapper .hcm-mapa-shortcode img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  \/* --- Dados da Rede --- *\/\n  .hcm-rede-texto {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: flex-start;\n    gap: 10px;\n    text-align: left;\n    padding-left: 4px;\n    width: 100%;\n    max-width: 100%;\n  }\n  @media (max-width: 1024px) {\n    .hcm-rede-texto { align-items: center; text-align: center; padding-left: 0; width: 100%; }\n  }\n  \n  .hcm-rede-texto h3 {\n    font-size: clamp(17px, 1.3vw, 22px);\n    font-weight: 700;\n    color: var(--navy);\n    margin-bottom: 4px;\n  }\n  \n  .hcm-badge-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: var(--mint-1);\n    padding: 6px 16px;\n    border-radius: 30px;\n    box-shadow: 0 2px 8px rgba(0, 51, 141, 0.03);\n    transition: transform 0.3s ease, background 0.3s ease;\n    max-width: 100%;\n  }\n  .hcm-badge-item:hover {\n    transform: translateY(-2px);\n    background: var(--green-soft);\n  }\n  .hcm-badge-item .hcm-badge-dot {\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    flex: none;\n  }\n  .hcm-badge-item .hcm-badge-dot.green { background: var(--green); }\n  .hcm-badge-item .hcm-badge-dot.blue { background: var(--blue); }\n  .hcm-badge-item .hcm-badge-dot.orange { background: var(--orange); }\n  \n  .hcm-badge-item span {\n    font-size: clamp(13px, 1vw, 16px);\n    font-weight: 500;\n    color: var(--navy);\n  }\n  .hcm-badge-item strong {\n    font-weight: 700;\n    color: var(--blue-deep);\n  }\n\n  .hcm-continentes {\n    font-size: clamp(13px, 1vw, 15px);\n    font-weight: 600;\n    color: var(--ink-soft);\n    margin-top: 2px;\n    letter-spacing: 0.02em;\n    word-break: break-word;\n    white-space: normal;\n    max-width: 100%;\n  }\n\n  \/* ================================================================\n     RESPONSIVO\n     ================================================================ *\/\n  @media (max-width: 820px) {\n    .hcm-grid { grid-template-columns: 1fr; gap: 30px; align-items: flex-start; }\n    .hcm-missao-texto { text-align: center; min-height: auto; width: 100%; }\n    .hcm-missao-texto .hcm-autor { text-align: center; }\n    .hcm-mapa-wrapper .hcm-mapa-shortcode { aspect-ratio: 1.5 \/ 1; max-width: 100%; }\n    .hcm-badge-item { justify-content: center; width: 100%; max-width: 280px; }\n    .hcm-rede-texto { align-items: center; width: 100%; }\n    .hcm-continentes { text-align: center; }\n    .hcm-bloco-direito { margin-bottom: 20px; }\n  }\n<\/style>\n\n<!-- ================================================================\n     HTML DO BLOCO\n     ================================================================ -->\n<section class=\"hcm-section home-compa-missao\">\n  <div class=\"hcm-wrap\">\n    <div class=\"hcm-grid\">\n      \n      <!-- Coluna 1: Miss\u00e3o -->\n      <div class=\"hcm-missao-texto\">\n        <p class=\"hcm-citacao\">\n          As Institui\u00e7\u00f5es Educativas da Companhia de Maria, inspiradas no Carisma de Santa Joana de Lestonnac, oferecem uma educa\u00e7\u00e3o humanista-crist\u00e3 que, a partir do di\u00e1logo <span class=\"hcm-destaque-fe\">f\u00e9-justi\u00e7a<\/span>, <span class=\"hcm-destaque-fe\">f\u00e9-cultura<\/span>, <span class=\"hcm-destaque-fe\">f\u00e9-ci\u00eancia<\/span> e tecnologia, incide na forma\u00e7\u00e3o integral das pessoas e na transforma\u00e7\u00e3o da sociedade.\n        <\/p>\n        <span class=\"hcm-autor\">(Miss\u00e3o Companhia de Maria)<\/span>\n      <\/div>\n\n      <!-- Coluna 2: Mapa + Rede -->\n      <div class=\"hcm-bloco-direito\">\n        \n        <!-- Mapa -->\n        <div class=\"hcm-mapa-wrapper\">\n          <div class=\"hcm-mapa-shortcode\">\n            <div class=\"map_wrapper\" id=\"map_wrapper_4601\">\n<div class=\"map_box\" style=\"max-width:2000px\">\n<div class=\"map_aspect_ratio\" style=\"padding-top:56%\" data-padding-top=\"56%\" data-padding-top-mobile=\"\">\n<div class=\"map_container\">\n<div class=\"map_render map_loading\" id=\"map_4601\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n          <\/div>\n        <\/div>\n        \n        <!-- Dados da Rede -->\n        <div class=\"hcm-rede-texto\">\n          <h3>Rede Internacional de Ensino<\/h3>\n          \n          <div class=\"hcm-badge-item\">\n            <div class=\"hcm-badge-dot green\"><\/div>\n            <span>Mais de <strong>400 anos<\/strong><\/span>\n          <\/div>\n          \n          <div class=\"hcm-badge-item\">\n            <div class=\"hcm-badge-dot blue\"><\/div>\n            <span>Presen\u00e7a em <strong>mais de 20 pa\u00edses<\/strong><\/span>\n          <\/div>\n          \n          <div class=\"hcm-badge-item\">\n            <div class=\"hcm-badge-dot orange\"><\/div>\n            <span>Presente em <strong>4 continentes<\/strong><\/span>\n          <\/div>\n          \n          <div class=\"hcm-continentes\">\n            Am\u00e9ricas &nbsp;|&nbsp; \u00c1frica &nbsp;|&nbsp; Europa &nbsp;|&nbsp; \u00c1sia\n          <\/div>\n        <\/div>\n        \n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4a3a103 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a3a103\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7930f9e elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7930f9e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wider\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b37c5a2\" data-id=\"b37c5a2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43b34c3 elementor-widget elementor-widget-html\" data-id=\"43b34c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     BLOCO: ESCOLA FORTE - COM IMAGEM EM FORMA ORG\u00c2NICA\n     COMPA RJ \u2014 HOME\n     ================================================================ -->\n\n<style>\n  \/* ========== IMPORTANDO FONTES ========== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\n\n  \/* ========== BASE ========== *\/\n  .bloco-escola-forte {\n    --navy: #00338D;\n    --navy-deep: #00266B;\n    --green: #00B8AF;\n    --green-soft: #E3F6F4;\n    --orange: #735493;\n    --orange-deep: #5E4478;\n    --lilac: #9181AD;\n    --lime: #D0E176;\n    --ink: #2B2B2B;\n    --ink-soft: #545454;\n    --line: #E7E3EF;\n    --paper: #FEFDFD;\n    --shadow: rgba(0,0,0,0.06);\n    \n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--ink);\n    background: var(--paper);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  \n  .bloco-escola-forte * { box-sizing: border-box; }\n  .bloco-escola-forte h2 {\n    font-family: 'Poppins', Georgia, serif;\n    color: var(--navy);\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n  .bloco-escola-forte a { text-decoration: none; color: inherit; }\n  .bloco-escola-forte img { display: block; max-width: 100%; height: auto; }\n\n  .ef-wrap { \n    max-width: 1180px; \n    margin: 0 auto; \n    padding: 0 20px; \n    width: 100%;\n  }\n  @media (max-width: 600px) { \n    .ef-wrap { padding: 0 16px; } \n  }\n\n  .ef-section { padding: 60px 0; position: relative; }\n  @media (max-width: 640px) { .ef-section { padding: 40px 0; } }\n\n  \/* ================================================================\n     BLOCO: ESCOLA FORTE\n     ================================================================ *\/\n  .ef-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: center;\n  }\n  @media (max-width: 820px) {\n    .ef-grid { grid-template-columns: 1fr; gap: 32px; }\n  }\n\n  \/* ================================================================\n     LADO ESQUERDO - TEXTO\n     ================================================================ *\/\n  .ef-texto .ef-kicker {\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--orange-deep);\n    display: block;\n    margin-bottom: 12px;\n  }\n  .ef-texto h2 {\n    font-size: clamp(28px, 3.2vw, 40px);\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--navy);\n  }\n  .ef-texto h2 .highlight {\n    color: var(--green);\n    position: relative;\n  }\n  .ef-texto h2 .highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: var(--green);\n    opacity: 0.3;\n    border-radius: 4px;\n  }\n  .ef-texto .ef-descricao {\n    margin-top: 16px;\n    font-size: 16px;\n    color: var(--ink-soft);\n    line-height: 1.8;\n    max-width: 480px;\n  }\n  .ef-texto .ef-descricao strong {\n    color: var(--navy);\n    font-weight: 600;\n  }\n\n  .ef-texto .ef-botoes {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 24px;\n  }\n  .ef-texto .ef-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 28px;\n    border-radius: 10px;\n    font-weight: 600;\n    font-size: 14px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    font-family: 'Poppins', sans-serif;\n    border: none;\n  }\n  .ef-texto .ef-btn-primary {\n    background: var(--navy);\n    color: #fff;\n    box-shadow: 0 4px 20px rgba(0, 51, 141, 0.25);\n  }\n  .ef-texto .ef-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(0, 51, 141, 0.35);\n    background: var(--navy-deep);\n  }\n  .ef-texto .ef-btn-outline {\n    background: transparent;\n    color: var(--navy);\n    border: 2px solid var(--navy);\n  }\n  .ef-texto .ef-btn-outline:hover {\n    background: var(--navy);\n    color: #fff;\n    transform: translateY(-3px);\n  }\n\n  \/* ================================================================\n     LADO DIREITO - IMAGEM EM FORMA ORG\u00c2NICA\n     ================================================================ *\/\n  .ef-imagem {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-bottom: 40px;\n  }\n\n  .ef-blob {\n    position: relative;\n    width: 100%;\n    max-width: 480px;\n    aspect-ratio: 1\/1;\n    border-radius: 58% 42% 45% 55% \/ 42% 46% 54% 58%;\n    overflow: hidden;\n    box-shadow: 0 20px 60px rgba(0,0,0,0.10);\n    transition: border-radius 0.8s ease, transform 0.5s ease;\n  }\n  .ef-blob:hover {\n    border-radius: 44% 56% 48% 52% \/ 40% 46% 54% 60%;\n    transform: scale(1.02);\n  }\n\n  .ef-blob img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n  .ef-blob:hover img {\n    transform: scale(1.06);\n  }\n\n  \/* Decora\u00e7\u00f5es removidas para evitar conflitos *\/\n\n  \/* Badge flutuante - SIMPLIFICADO *\/\n  .ef-badge {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(50%);\n    background: #fff;\n    padding: 12px 24px;\n    border-radius: 16px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    box-shadow: 0 8px 35px rgba(0,0,0,0.12);\n    border-left: 4px solid var(--green);\n    z-index: 10;\n    white-space: nowrap;\n  }\n  .ef-badge i {\n    font-size: 22px;\n    color: var(--green);\n  }\n  .ef-badge .ef-badge-text {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n  }\n  .ef-badge .ef-badge-text small {\n    display: block;\n    font-weight: 400;\n    font-size: 11px;\n    color: var(--ink-soft);\n  }\n\n  \/* ================================================================\n     RESPONSIVO\n     ================================================================ *\/\n  @media (max-width: 820px) {\n    .ef-texto h2 { font-size: clamp(24px, 3vw, 32px); }\n    .ef-texto .ef-descricao { font-size: 15px; max-width: 100%; }\n    .ef-blob { max-width: 400px; margin: 0 auto; }\n    .ef-badge { padding: 10px 18px; }\n    .ef-badge i { font-size: 18px; }\n    .ef-badge .ef-badge-text { font-size: 12px; }\n    .ef-badge .ef-badge-text small { font-size: 10px; }\n  }\n\n  @media (max-width: 640px) {\n    .ef-section { padding: 32px 0; }\n    .ef-grid { gap: 24px; }\n    .ef-texto { text-align: center; }\n    .ef-texto .ef-descricao { margin-left: auto; margin-right: auto; }\n    .ef-texto .ef-botoes { justify-content: center; }\n    .ef-texto .ef-btn { width: 100%; max-width: 280px; justify-content: center; }\n    .ef-blob { max-width: 300px; }\n    .ef-badge { \n      padding: 8px 16px; \n      border-left-width: 3px;\n      gap: 8px;\n    }\n    .ef-badge i { font-size: 16px; }\n    .ef-badge .ef-badge-text { font-size: 11px; }\n    .ef-badge .ef-badge-text small { font-size: 9px; }\n  }\n\n  @media (max-width: 420px) {\n    .ef-texto h2 { font-size: clamp(20px, 4vw, 26px); }\n    .ef-texto .ef-descricao { font-size: 14px; }\n    .ef-blob { max-width: 240px; }\n    .ef-badge { \n      padding: 6px 12px; \n      border-left-width: 3px;\n      gap: 6px;\n      border-radius: 12px;\n    }\n    .ef-badge i { font-size: 14px; }\n    .ef-badge .ef-badge-text { font-size: 10px; }\n    .ef-badge .ef-badge-text small { font-size: 8px; }\n  }\n<\/style>\n\n<!-- ================================================================\n     BLOCO: ESCOLA FORTE - COM IMAGEM EM FORMA ORG\u00c2NICA\n     ================================================================ -->\n<div class=\"bloco-escola-forte\">\n  <div class=\"ef-section\">\n    <div class=\"ef-wrap\">\n      <div class=\"ef-grid\">\n        \n        <!-- Lado Esquerdo - Texto -->\n        <div class=\"ef-texto\">\n          <span class=\"ef-kicker\">Nossa Identidade<\/span>\n          <h2>\n            Uma escola <span class=\"highlight\">forte<\/span>, que<br>\n            une forma\u00e7\u00e3o<br>\n            acad\u00eamica s\u00f3lida e<br>\n            foco nos valores<br>\n            humanistas e crist\u00e3os.\n          <\/h2>\n          <p class=\"ef-descricao\">\n            No <strong>COMPA<\/strong>, acreditamos que a educa\u00e7\u00e3o vai al\u00e9m do conte\u00fado. \n            Formamos <strong>pessoas<\/strong> preparadas para os desafios do mundo, com \n            <strong>excel\u00eancia acad\u00eamica<\/strong> e <strong>valores que transformam<\/strong>.\n          <\/p>\n          <div class=\"ef-botoes\">\n            <a href=\"https:\/\/www.compa-rj.com.br\/quem-somos\/\" class=\"ef-btn ef-btn-primary\" target=\"_blank\">\n              Conhe\u00e7a nossa hist\u00f3ria <i class=\"fas fa-arrow-right\"><\/i>\n            <\/a>\n            <a href=\"#\" class=\"ef-btn ef-btn-outline\">\n              <i class=\"fas fa-play-circle\"><\/i> Ver v\u00eddeo\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <!-- Lado Direito - Imagem em Forma Org\u00e2nica -->\n        <div class=\"ef-imagem\">\n          <div class=\"ef-blob\">\n            <img decoding=\"async\" \n              src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/sala-scaled-compa-rj.webp\" \n              alt=\"Col\u00e9gio da Companhia de Maria - Educa\u00e7\u00e3o transformadora\"\n              loading=\"lazy\"\n            >\n          <\/div>\n          \n          <!-- Badge -->\n          <div class=\"ef-badge\">\n            <i class=\"fas fa-star\"><\/i>\n            <div class=\"ef-badge-text\">\n              +400 anos\n              <small>de tradi\u00e7\u00e3o em educa\u00e7\u00e3o<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa494fe elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"fa494fe\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf0c747\" data-id=\"cf0c747\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c467fdb elementor-widget elementor-widget-html\" data-id=\"c467fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\r\n     BLOCO: SEGMENTOS - ETAPAS EDUCACIONAIS\r\n     COMPA RJ \u2014 HOME\r\n     ================================================================ -->\r\n\r\n<style>\r\n  \/* ========== IMPORTANDO FONTES E ICONES ========== *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap');\r\n\r\n  \/* ========== BASE ========== *\/\r\n  .bloco-etapas {\r\n    --navy: #00338D;\r\n    --navy-deep: #00266B;\r\n    --blue: #1E72B2;\r\n    --green: #00B8AF;\r\n    --green-soft: #E3F6F4;\r\n    --orange: #735493;\r\n    --orange-deep: #5E4478;\r\n    --lilac: #9181AD;\r\n    --lime: #D0E176;\r\n    --ink: #2B2B2B;\r\n    --ink-soft: #545454;\r\n    --line: #E7E3EF;\r\n    --paper: #FEFDFD;\r\n    --shadow: rgba(0,0,0,0.06);\r\n    \r\n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    color: var(--ink);\r\n    background: var(--paper);\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n    overflow-x: hidden;\r\n  }\r\n  \r\n  .bloco-etapas * { box-sizing: border-box; }\r\n  .bloco-etapas h2 {\r\n    font-family: 'Poppins', Georgia, serif;\r\n    color: var(--navy);\r\n    margin: 0;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .bloco-etapas a { text-decoration: none; color: inherit; }\r\n\r\n  .be-wrap { \r\n    max-width: 1180px; \r\n    margin: 0 auto; \r\n    padding: 0 20px; \r\n    width: 100%;\r\n  }\r\n  @media (max-width: 600px) { \r\n    .be-wrap { padding: 0 16px; } \r\n  }\r\n\r\n  .be-section { padding: 60px 0; position: relative; }\r\n  @media (max-width: 640px) { .be-section { padding: 40px 0; } }\r\n\r\n  \/* ================================================================\r\n     HEADER\r\n     ================================================================ *\/\r\n  .be-header {\r\n    text-align: center;\r\n    max-width: 750px;\r\n    margin: 0 auto 48px;\r\n  }\r\n  .be-header .be-kicker {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    color: var(--orange-deep);\r\n    display: block;\r\n    margin-bottom: 8px;\r\n  }\r\n  .be-header h2 {\r\n    font-size: clamp(24px, 3vw, 34px);\r\n    font-weight: 600;\r\n  }\r\n  .be-header h2 span { color: var(--green); }\r\n  .be-header p {\r\n    margin-top: 12px;\r\n    color: var(--ink-soft);\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n    font-weight: 400;\r\n    max-width: 650px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  .be-header p .destaque {\r\n    color: var(--navy);\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* ================================================================\r\n     FLUXO DE ETAPAS\r\n     ================================================================ *\/\r\n  .be-fluxo {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Cada etapa *\/\r\n  .be-etapa {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    width: 100%;\r\n    padding: 14px 24px;\r\n    border-radius: 14px;\r\n    background: var(--paper);\r\n    border: 1.5px solid var(--line);\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    position: relative;\r\n  }\r\n  .be-etapa:hover {\r\n    transform: translateX(8px);\r\n    border-color: var(--green);\r\n    box-shadow: 0 12px 40px var(--shadow);\r\n  }\r\n\r\n  \/* N\u00famero da etapa - CORES DA IDENTIDADE VISUAL COMPA *\/\r\n  .be-etapa .be-numero {\r\n    flex: 0 0 44px;\r\n    min-width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 800;\r\n    font-size: 16px;\r\n    color: #fff !important;\r\n    transition: all 0.4s ease;\r\n    font-family: 'Poppins', sans-serif;\r\n    letter-spacing: 0.02em;\r\n    line-height: 1;\r\n  }\r\n  \r\n  \/* CORES DA IDENTIDADE VISUAL *\/\r\n  .be-etapa:nth-child(1) .be-numero { background: #00338D !important; } \/* Azul institucional *\/\r\n  .be-etapa:nth-child(2) .be-numero { background: #1E72B2 !important; } \/* Azul m\u00e9dio *\/\r\n  .be-etapa:nth-child(3) .be-numero { background: #00B8AF !important; } \/* Turquesa *\/\r\n  .be-etapa:nth-child(4) .be-numero { background: #735493 !important; } \/* Roxo *\/\r\n  .be-etapa:nth-child(5) .be-numero { background: #D0E176 !important; } \/* Verde claro *\/\r\n\r\n  .be-etapa:hover .be-numero {\r\n    transform: scale(1.1);\r\n    box-shadow: 0 4px 20px rgba(0,0,0,0.15);\r\n  }\r\n\r\n  \/* \u00cdcone premium *\/\r\n  .be-etapa .be-icone {\r\n    flex: 0 0 44px;\r\n    min-width: 44px;\r\n    height: 44px;\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 22px;\r\n    color: var(--navy);\r\n    background: var(--green-soft);\r\n    border-radius: 12px;\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n  }\r\n  .be-etapa:hover .be-icone {\r\n    transform: scale(1.05) rotate(-4deg);\r\n    background: var(--green);\r\n    color: #fff;\r\n  }\r\n\r\n  \/* Conte\u00fado *\/\r\n  .be-etapa .be-conteudo {\r\n    flex: 1;\r\n    min-width: 0;\r\n  }\r\n  .be-etapa .be-conteudo .be-titulo {\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--navy);\r\n    font-family: 'Poppins', sans-serif;\r\n    line-height: 1.3;\r\n    display: block;\r\n  }\r\n  .be-etapa .be-conteudo .be-subtitulo {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: var(--ink-soft);\r\n    font-weight: 400;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* Bot\u00e3o \"Saber mais\" *\/\r\n  .be-etapa .be-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 8px 22px;\r\n    border-radius: 30px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: var(--navy);\r\n    background: var(--green-soft);\r\n    transition: all 0.3s ease;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-family: 'Poppins', sans-serif;\r\n    white-space: nowrap;\r\n    flex-shrink: 0;\r\n  }\r\n  .be-etapa .be-btn i {\r\n    font-size: 12px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .be-etapa:hover .be-btn {\r\n    background: var(--green);\r\n    color: #fff;\r\n  }\r\n  .be-etapa:hover .be-btn i {\r\n    transform: translateX(4px);\r\n  }\r\n\r\n  \/* Cores espec\u00edficas para cada bot\u00e3o no hover *\/\r\n  .be-etapa:nth-child(1):hover .be-btn { background: #00338D !important; }\r\n  .be-etapa:nth-child(2):hover .be-btn { background: #1E72B2 !important; }\r\n  .be-etapa:nth-child(3):hover .be-btn { background: #00B8AF !important; }\r\n  .be-etapa:nth-child(4):hover .be-btn { background: #735493 !important; }\r\n  .be-etapa:nth-child(5):hover .be-btn { background: #D0E176 !important; }\r\n\r\n  \/* ================================================================\r\n     SETA DE CONEX\u00c3O\r\n     ================================================================ *\/\r\n  .be-seta {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    padding: 4px 0;\r\n    color: var(--line);\r\n    font-size: 18px;\r\n    width: 100%;\r\n  }\r\n  .be-seta i {\r\n    animation: setaPulso 2s ease-in-out infinite;\r\n    background: var(--paper);\r\n    padding: 0 12px;\r\n    border-radius: 50%;\r\n  }\r\n  .be-seta:nth-child(2) i { animation-delay: 0.2s; }\r\n  .be-seta:nth-child(4) i { animation-delay: 0.4s; }\r\n  .be-seta:nth-child(6) i { animation-delay: 0.6s; }\r\n  .be-seta:nth-child(8) i { animation-delay: 0.8s; }\r\n\r\n  @keyframes setaPulso {\r\n    0%, 100% { transform: translateY(0); opacity: 0.3; }\r\n    50% { transform: translateY(6px); opacity: 0.9; }\r\n  }\r\n\r\n  \/* ================================================================\r\n     RESPONSIVO\r\n     ================================================================ *\/\r\n  @media (max-width: 820px) {\r\n    .be-etapa { padding: 12px 18px; gap: 14px; }\r\n    .be-etapa .be-conteudo .be-titulo { font-size: 14px; }\r\n    .be-etapa .be-numero { flex: 0 0 38px; min-width: 38px; height: 38px; font-size: 14px; }\r\n    .be-etapa .be-icone { flex: 0 0 38px; min-width: 38px; height: 38px; font-size: 18px; }\r\n    .be-etapa .be-btn { font-size: 11px; padding: 6px 16px; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .be-section { padding: 32px 0; }\r\n    .be-etapa { \r\n      flex-wrap: wrap; \r\n      padding: 14px 16px;\r\n      gap: 8px 12px;\r\n      border-radius: 12px;\r\n    }\r\n    .be-etapa .be-conteudo { \r\n      flex: 1 1 100%; \r\n      order: 3;\r\n      text-align: center;\r\n    }\r\n    .be-etapa .be-numero { \r\n      flex: 0 0 36px; \r\n      min-width: 36px;\r\n      height: 36px; \r\n      font-size: 13px;\r\n      order: 1;\r\n    }\r\n    .be-etapa .be-icone { \r\n      flex: 0 0 36px; \r\n      min-width: 36px;\r\n      height: 36px; \r\n      font-size: 16px;\r\n      order: 2;\r\n    }\r\n    .be-etapa .be-btn {\r\n      order: 4;\r\n      margin: 0 auto;\r\n      font-size: 11px;\r\n      padding: 5px 16px;\r\n    }\r\n    .be-etapa .be-conteudo .be-subtitulo { font-size: 11px; }\r\n    .be-seta { font-size: 14px; padding: 2px 0; }\r\n    .be-seta i { padding: 0 8px; }\r\n    .be-header p { font-size: 14px; }\r\n  }\r\n\r\n  @media (max-width: 420px) {\r\n    .be-etapa { padding: 10px 12px; }\r\n    .be-etapa .be-conteudo .be-titulo { font-size: 13px; }\r\n    .be-etapa .be-numero { flex: 0 0 32px; min-width: 32px; height: 32px; font-size: 11px; }\r\n    .be-etapa .be-icone { flex: 0 0 32px; min-width: 32px; height: 32px; font-size: 14px; }\r\n    .be-etapa .be-btn { font-size: 10px; padding: 4px 12px; }\r\n    .be-header p { font-size: 13px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ================================================================\r\n     BLOCO: ETAPAS EDUCACIONAIS\r\n     ================================================================ -->\r\n<section class=\"be-section bloco-etapas\">\r\n  <div class=\"be-wrap\">\r\n    \r\n    <div class=\"be-header\">\r\n      <span class=\"be-kicker\">Jornada Educacional<\/span>\r\n      <h2>Uma <span>trajet\u00f3ria<\/span> de aprendizado cont\u00ednuo<\/h2>\r\n      <p>\r\n        No <span class=\"destaque\">COMPA<\/span>, o desenvolvimento acontece de forma cont\u00ednua, \r\n        unindo <span class=\"destaque\">excel\u00eancia acad\u00eamica<\/span>, \r\n        <span class=\"destaque\">forma\u00e7\u00e3o humana<\/span> e experi\u00eancias que fazem sentido para cada estudante.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"be-fluxo\">\r\n      \r\n      <!-- Etapa 1: Educa\u00e7\u00e3o Infantil - Azul institucional -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #00338D !important;\">01<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-seedling\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">Educa\u00e7\u00e3o Infantil<\/span>\r\n          <span class=\"be-subtitulo\">Maternal I ao Jardim II<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/educacao-infantil\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Seta 1 -->\r\n      <div class=\"be-seta\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n      \r\n      <!-- Etapa 2: Anos Iniciais - Azul m\u00e9dio -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #1E72B2 !important;\">02<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-book-open\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">Fundamental Anos Iniciais<\/span>\r\n          <span class=\"be-subtitulo\">1\u00ba ao 5\u00ba ano<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/fundamental-anos-iniciais\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Seta 2 -->\r\n      <div class=\"be-seta\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n      \r\n      <!-- Etapa 3: Anos Finais - Turquesa -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #00B8AF !important;\">03<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-microscope\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">Fundamental Anos Finais<\/span>\r\n          <span class=\"be-subtitulo\">6\u00ba ao 9\u00ba ano<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/fundamental-anos-finais\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Seta 3 -->\r\n      <div class=\"be-seta\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n      \r\n      <!-- Etapa 4: Ensino M\u00e9dio - Roxo -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #735493 !important;\">04<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">Ensino M\u00e9dio<\/span>\r\n          <span class=\"be-subtitulo\">1\u00aa \u00e0 3\u00aa s\u00e9rie<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/ensino-medio\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <!-- Seta 4 -->\r\n      <div class=\"be-seta\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n      \r\n      <!-- Etapa 5: Per\u00edodo Integral - Verde claro -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #D0E176 !important;\">05<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">Per\u00edodo Integral<\/span>\r\n          <span class=\"be-subtitulo\">Rotina ampliada<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/periodo-integral\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <!-- Seta 5 -->\r\n      <div class=\"be-seta\"><i class=\"fas fa-chevron-down\"><\/i><\/div>\r\n\r\n      <!-- Etapa 6: C.E.C - Centro Esportivo e Cultural -->\r\n      <div class=\"be-etapa\">\r\n        <div class=\"be-numero\" style=\"background: #00338D !important;\">06<\/div>\r\n        <div class=\"be-icone\"><i class=\"fas fa-futbol\"><\/i><\/div>\r\n        <div class=\"be-conteudo\">\r\n          <span class=\"be-titulo\">C.E.C - Centro Esportivo e Cultural<\/span>\r\n          <span class=\"be-subtitulo\">Esporte e cultura<\/span>\r\n        <\/div>\r\n        <a href=\"https:\/\/compa-rj.com.br\/centro-esportivo-e-cultural\/\" class=\"be-btn\" target=\"_blank\">\r\n          Saber mais <i class=\"fas fa-arrow-right\"><\/i>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b70f97f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"b70f97f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8df2229\" data-id=\"8df2229\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bfe8638 elementor-widget elementor-widget-html\" data-id=\"bfe8638\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================= -->\n<!-- SE\u00c7\u00c3O: AVALIA\u00c7\u00d5ES DO GOOGLE - COMPA RJ        -->\n<!-- Bloco HTML personalizado para WordPress       -->\n<!-- ============================================= -->\n<style>\n  .compa-avaliacoes {\n    --cor-azul-institucional: #00338D;\n    --cor-azul-medio: #1E72B2;\n    --cor-turquesa: #00B8AF;\n    --cor-roxo: #735493;\n    --cor-verde-claro: #D0E176;\n    --cor-texto: #2b2b2b;\n    --cor-texto-suave: #5a5a5a;\n    --cor-fundo-card: #ffffff;\n    --cor-borda: #e6e9ef;\n    --sombra-card: 0 4px 18px rgba(0, 51, 141, 0.08);\n    --sombra-card-hover: 0 10px 28px rgba(0, 51, 141, 0.14);\n\n    padding: 4rem 1.25rem;\n    background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%);\n    font-family: inherit;\n    box-sizing: border-box;\n  }\n\n  .compa-avaliacoes *,\n  .compa-avaliacoes *::before,\n  .compa-avaliacoes *::after {\n    box-sizing: border-box;\n  }\n\n  .compa-avaliacoes__container {\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n\n  .compa-avaliacoes__header {\n    text-align: center;\n    max-width: 720px;\n    margin: 0 auto 3rem;\n  }\n\n  .compa-avaliacoes__eyebrow {\n    display: inline-block;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: var(--cor-turquesa);\n    margin-bottom: 0.75rem;\n  }\n\n  .compa-avaliacoes__titulo {\n    font-size: clamp(1.6rem, 3vw, 2.25rem);\n    font-weight: 700;\n    color: var(--cor-azul-institucional);\n    line-height: 1.25;\n    margin: 0 0 0.75rem;\n  }\n\n  .compa-avaliacoes__subtitulo {\n    font-size: 1rem;\n    color: var(--cor-texto-suave);\n    line-height: 1.6;\n    margin: 0;\n  }\n\n  .compa-avaliacoes__grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n    align-items: stretch;\n  }\n\n  .compa-avaliacao-card {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    background: var(--cor-fundo-card);\n    border: 1px solid var(--cor-borda);\n    border-radius: 16px;\n    padding: 1.75rem 1.5rem 1.5rem;\n    box-shadow: var(--sombra-card);\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n    overflow: hidden;\n  }\n\n  .compa-avaliacao-card::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(\n      90deg,\n      var(--cor-azul-institucional) 0%,\n      var(--cor-azul-medio) 30%,\n      var(--cor-turquesa) 55%,\n      var(--cor-roxo) 80%,\n      var(--cor-verde-claro) 100%\n    );\n  }\n\n  .compa-avaliacao-card:hover {\n    transform: translateY(-4px);\n    box-shadow: var(--sombra-card-hover);\n  }\n\n  .compa-avaliacao-card__fonte {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    margin-bottom: 1rem;\n  }\n\n  .compa-avaliacao-card__google {\n    width: 22px;\n    height: 22px;\n    flex-shrink: 0;\n  }\n\n  .compa-avaliacao-card__rotulo {\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: var(--cor-texto-suave);\n    letter-spacing: 0.02em;\n  }\n\n  .compa-avaliacao-card__texto {\n    flex: 1;\n    margin: 0 0 1.25rem;\n    font-size: 1rem;\n    line-height: 1.65;\n    color: var(--cor-texto);\n    font-style: normal;\n    border: none;\n    padding: 0;\n  }\n\n  .compa-avaliacao-card__texto--longo {\n    display: -webkit-box;\n    -webkit-line-clamp: 6;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .compa-avaliacao-card__autor {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    padding-top: 1rem;\n    border-top: 1px solid var(--cor-borda);\n  }\n\n  .compa-avaliacao-card__nome {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--cor-azul-institucional);\n  }\n\n  .compa-avaliacao-card__nome::before {\n    content: \"\u2014 \";\n    color: var(--cor-turquesa);\n  }\n\n  @media (max-width: 640px) {\n    .compa-avaliacoes {\n      padding: 3rem 1rem;\n    }\n    .compa-avaliacoes__header {\n      margin-bottom: 2rem;\n    }\n    .compa-avaliacao-card {\n      padding: 1.5rem 1.25rem 1.25rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .compa-avaliacao-card {\n      transition: none;\n    }\n    .compa-avaliacao-card:hover {\n      transform: none;\n    }\n  }\n<\/style>\n\n<section class=\"compa-avaliacoes\" aria-labelledby=\"compa-avaliacoes-titulo\">\n  <div class=\"compa-avaliacoes__container\">\n\n    <header class=\"compa-avaliacoes__header\">\n      <span class=\"compa-avaliacoes__eyebrow\">O que dizem sobre n\u00f3s<\/span>\n      <h2 id=\"compa-avaliacoes-titulo\" class=\"compa-avaliacoes__titulo\">\n        Fam\u00edlias que fazem parte da nossa hist\u00f3ria\n      <\/h2>\n      <p class=\"compa-avaliacoes__subtitulo\">\n        Avalia\u00e7\u00f5es reais de pais e ex-alunos publicadas no Google.\n      <\/p>\n    <\/header>\n\n    <div class=\"compa-avaliacoes__grid\">\n\n      <!-- Card 1 -->\n      <article class=\"compa-avaliacao-card\">\n        <div class=\"compa-avaliacao-card__fonte\">\n          <svg class=\"compa-avaliacao-card__google\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n            <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1z\"\/>\n            <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z\"\/>\n            <path fill=\"#FBBC05\" d=\"M5.84 14.1a6.6 6.6 0 0 1 0-4.2V7.06H2.18a11 11 0 0 0 0 9.88l3.66-2.84z\"\/>\n            <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.06l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z\"\/>\n          <\/svg>\n          <span class=\"compa-avaliacao-card__rotulo\">Avalia\u00e7\u00e3o no Google<\/span>\n        <\/div>\n\n        <blockquote class=\"compa-avaliacao-card__texto\">\n          \u201cO col\u00e9gio tem excelente estrutura e atividades extracurriculares.\u201d\n        <\/blockquote>\n\n        <footer class=\"compa-avaliacao-card__autor\">\n          <span class=\"compa-avaliacao-card__nome\">Rafael Teixeira<\/span>\n        <\/footer>\n      <\/article>\n\n      <!-- Card 2 -->\n      <article class=\"compa-avaliacao-card\">\n        <div class=\"compa-avaliacao-card__fonte\">\n          <svg class=\"compa-avaliacao-card__google\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n            <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1z\"\/>\n            <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z\"\/>\n            <path fill=\"#FBBC05\" d=\"M5.84 14.1a6.6 6.6 0 0 1 0-4.2V7.06H2.18a11 11 0 0 0 0 9.88l3.66-2.84z\"\/>\n            <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.06l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z\"\/>\n          <\/svg>\n          <span class=\"compa-avaliacao-card__rotulo\">Avalia\u00e7\u00e3o no Google<\/span>\n        <\/div>\n\n        <blockquote class=\"compa-avaliacao-card__texto compa-avaliacao-card__texto--longo\">\n          \u201cMinha filha Luc\u00edlia estudou 3 anos l\u00e1. Foi um per\u00edodo maravilhoso de nossas vidas. S\u00f3 tenho elogios ao ensino e \u00e0 acolhida dados \u00e0 minha menina. Obrigado a todos da comunidade Companhia de Maria.\u201d\n        <\/blockquote>\n\n        <footer class=\"compa-avaliacao-card__autor\">\n          <span class=\"compa-avaliacao-card__nome\">Nelson Milesi<\/span>\n        <\/footer>\n      <\/article>\n\n      <!-- Card 3 -->\n      <article class=\"compa-avaliacao-card\">\n        <div class=\"compa-avaliacao-card__fonte\">\n          <svg class=\"compa-avaliacao-card__google\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\n            <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1z\"\/>\n            <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z\"\/>\n            <path fill=\"#FBBC05\" d=\"M5.84 14.1a6.6 6.6 0 0 1 0-4.2V7.06H2.18a11 11 0 0 0 0 9.88l3.66-2.84z\"\/>\n            <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.06l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z\"\/>\n          <\/svg>\n          <span class=\"compa-avaliacao-card__rotulo\">Avalia\u00e7\u00e3o no Google<\/span>\n        <\/div>\n\n        <blockquote class=\"compa-avaliacao-card__texto\">\n          \u201cCol\u00e9gio com princ\u00edpios crist\u00e3os marianos, com grande compromisso com a educa\u00e7\u00e3o integral do ser humano. Deste col\u00e9gio levo grandes valores.\u201d\n        <\/blockquote>\n\n        <footer class=\"compa-avaliacao-card__autor\">\n          <span class=\"compa-avaliacao-card__nome\">Claudia Samico<\/span>\n        <\/footer>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36ab14f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"36ab14f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a7cf4f elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"6a7cf4f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a89735\" data-id=\"6a89735\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-93d7341 elementor-widget elementor-widget-html\" data-id=\"93d7341\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     BLOCO: TECNOLOGIA\n     COL\u00c9GIO DO RIO \u2014 HOME\n     ================================================================ -->\n\n<style>\n  \/* ========== IMPORTANDO FONTES ========== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');\n\n  \/* ========== BASE ========== *\/\n  .bloco-tec-signa {\n    --navy: #00338D;\n    --navy-deep: #00266B;\n    --blue: #1E72B2;\n    --green: #00B8AF;\n    --green-soft: #E3F6F4;\n    --orange: #735493;\n    --orange-deep: #5E4478;\n    --lilac: #9181AD;\n    --lime: #D0E176;\n    --ink: #2B2B2B;\n    --ink-soft: #545454;\n    --line: #E7E3EF;\n    --paper: #FEFDFD;\n    --shadow: rgba(0,0,0,0.06);\n\n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--ink);\n    background: var(--paper);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n\n  .bloco-tec-signa * { box-sizing: border-box; }\n  .bloco-tec-signa h2, .bloco-tec-signa h3 {\n    font-family: 'Poppins', Georgia, serif;\n    color: var(--navy);\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n  .bloco-tec-signa a { text-decoration: none; color: inherit; }\n  .bloco-tec-signa img { display: block; max-width: 100%; height: auto; }\n\n  .ts-wrap {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 0 20px;\n    width: 100%;\n  }\n  @media (max-width: 600px) {\n    .ts-wrap { padding: 0 16px; }\n  }\n\n  .ts-section { padding: 60px 0; position: relative; }\n  @media (max-width: 640px) { .ts-section { padding: 40px 0; } }\n\n  \/* ================================================================\n     ITEM \u00daNICO (TEXTO + IMAGEM)\n     ================================================================ *\/\n  .ts-item {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: center;\n  }\n\n  @media (max-width: 820px) {\n    .ts-item {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n  }\n\n  \/* ================================================================\n     LADO DO TEXTO\n     ================================================================ *\/\n  .ts-texto .ts-kicker {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--orange-deep);\n    display: block;\n    margin-bottom: 6px;\n  }\n  .ts-texto .ts-titulo-principal {\n    font-size: 12px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    color: var(--green);\n    display: block;\n    margin-bottom: 4px;\n  }\n  .ts-texto h2 {\n    font-size: clamp(24px, 2.8vw, 36px);\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--navy);\n    margin-bottom: 14px;\n  }\n  .ts-texto h2 .highlight {\n    color: var(--green);\n    position: relative;\n  }\n  .ts-texto h2 .highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: var(--green);\n    opacity: 0.3;\n    border-radius: 4px;\n  }\n  .ts-texto p {\n    font-size: 15px;\n    color: var(--ink-soft);\n    line-height: 1.8;\n    margin-bottom: 12px;\n  }\n  .ts-texto p strong {\n    color: var(--navy);\n    font-weight: 600;\n  }\n  .ts-texto p .destaque-texto {\n    color: var(--green);\n    font-weight: 600;\n  }\n\n  .ts-texto .ts-botoes {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 16px;\n  }\n  .ts-texto .ts-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 13px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    font-family: 'Poppins', sans-serif;\n    border: none;\n  }\n  .ts-texto .ts-btn-primary {\n    background: var(--navy);\n    color: #fff;\n    box-shadow: 0 4px 20px rgba(0, 51, 141, 0.25);\n  }\n  .ts-texto .ts-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(0, 51, 141, 0.35);\n    background: var(--navy-deep);\n  }\n\n  \/* ================================================================\n     LADO DA IMAGEM\n     ================================================================ *\/\n  .ts-imagem {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .ts-image-wrap {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    position: relative;\n  }\n  .ts-image-wrap:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.12);\n  }\n  .ts-image-wrap img {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n  .ts-image-wrap:hover img { transform: scale(1.03); }\n\n  \/* Badge na imagem *\/\n  .ts-image-wrap .ts-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(8px);\n    padding: 10px 16px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n    border-left: 4px solid var(--green);\n  }\n  .ts-image-wrap .ts-badge i {\n    font-size: 18px;\n    color: var(--green);\n  }\n  .ts-image-wrap .ts-badge .ts-badge-text {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n  }\n  .ts-image-wrap .ts-badge .ts-badge-text small {\n    display: block;\n    font-weight: 400;\n    font-size: 10px;\n    color: var(--ink-soft);\n  }\n\n  \/* ================================================================\n     RESPONSIVO\n     ================================================================ *\/\n  @media (max-width: 820px) {\n    .ts-texto h2 { font-size: clamp(22px, 2.8vw, 30px); }\n    .ts-texto p { font-size: 14px; }\n    .ts-image-wrap img { height: 250px; }\n  }\n\n  @media (max-width: 640px) {\n    .ts-section { padding: 32px 0; }\n    .ts-item { gap: 20px; }\n    .ts-texto { text-align: center; }\n    .ts-texto .ts-botoes { justify-content: center; }\n    .ts-texto .ts-btn { width: 100%; max-width: 280px; justify-content: center; }\n    .ts-image-wrap { max-width: 100%; }\n    .ts-image-wrap img { height: 200px; }\n    .ts-image-wrap .ts-badge { padding: 8px 14px; bottom: 12px; left: 12px; }\n    .ts-image-wrap .ts-badge i { font-size: 16px; }\n    .ts-image-wrap .ts-badge .ts-badge-text { font-size: 11px; }\n    .ts-image-wrap .ts-badge .ts-badge-text small { font-size: 9px; }\n  }\n\n  @media (max-width: 420px) {\n    .ts-texto h2 { font-size: clamp(20px, 4vw, 24px); }\n    .ts-texto p { font-size: 13px; }\n    .ts-image-wrap img { height: 160px; }\n  }\n<\/style>\n\n<!-- ================================================================\n     BLOCO: TECNOLOGIA\n     ================================================================ -->\n<section class=\"ts-section bloco-tec-signa\">\n  <div class=\"ts-wrap\">\n\n    <div class=\"ts-item\">\n      <div class=\"ts-texto\">\n        <span class=\"ts-kicker\">Inova\u00e7\u00e3o<\/span>\n        <span class=\"ts-titulo-principal\">Tecnologia a servi\u00e7o da aprendizagem<\/span>\n        <h2>\n          O futuro <span class=\"highlight\">acontece agora<\/span>\n        <\/h2>\n        <p>\n          No <strong>COMPA RIO<\/strong>, a tecnologia integra o processo\n          educativo de forma intencional, enriquecendo as experi\u00eancias de\n          aprendizagem e ampliando as possibilidades de investiga\u00e7\u00e3o, cria\u00e7\u00e3o\n          e colabora\u00e7\u00e3o.\n        <\/p>\n        <p>\n          Por meio de solu\u00e7\u00f5es educacionais digitais e de uma cultura de\n          inova\u00e7\u00e3o, incentivamos a pesquisa, a criatividade, a colabora\u00e7\u00e3o e a\n          autonomia, sempre a servi\u00e7o da excel\u00eancia acad\u00eamica e da forma\u00e7\u00e3o\n          humana.\n        <\/p>\n        <div class=\"ts-botoes\">\n          <a href=\"https:\/\/www.instagram.com\/compa.rj\" class=\"ts-btn ts-btn-primary\" target=\"_blank\">\n            Saiba mais <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"ts-imagem\">\n        <div class=\"ts-image-wrap\">\n          <img decoding=\"async\"\n            src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/21-Colegio-Companhia-de-Maria-Sala-Multimidia-Ensino-Medio-Ensino-Fundamental-Finais-2-1024x683-1.webp\"\n            alt=\"Tecnologia na educa\u00e7\u00e3o no Col\u00e9gio do Rio\"\n            loading=\"lazy\"\n          >\n          <div class=\"ts-badge\">\n            <i class=\"fas fa-laptop\"><\/i>\n            <div class=\"ts-badge-text\">\n              Tecnologia Educacional\n              <small>Inova\u00e7\u00e3o na aprendizagem<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca556b4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca556b4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-044b16f\" data-id=\"044b16f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1e959a6 elementor-widget elementor-widget-html\" data-id=\"1e959a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\n     BLOCO: SIGNA + UNITAS\n     COMPA RJ \u2014 HOME\n     ================================================================ -->\n\n<style>\n  \/* ========== BASE ========== *\/\n  .bloco-signa-unitas {\n    --navy: #00338D;\n    --navy-deep: #00266B;\n    --green: #00B8AF;\n    --orange-deep: #5E4478;\n    --ink: #2B2B2B;\n    --ink-soft: #545454;\n    --paper: #FEFDFD;\n    \n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\n    color: var(--ink);\n    background: var(--paper);\n    line-height: 1.6;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  \n  .bloco-signa-unitas * { box-sizing: border-box; }\n  .bloco-signa-unitas h2 {\n    font-family: 'Poppins', Georgia, serif;\n    color: var(--navy);\n    margin: 0;\n    letter-spacing: -0.01em;\n  }\n  .bloco-signa-unitas a { text-decoration: none; color: inherit; }\n  .bloco-signa-unitas img { display: block; max-width: 100%; height: auto; }\n\n  .su-wrap { \n    max-width: 1180px; \n    margin: 0 auto; \n    padding: 0 20px; \n    width: 100%;\n  }\n  @media (max-width: 600px) { \n    .su-wrap { padding: 0 16px; } \n  }\n\n  .su-section { padding: 60px 0; position: relative; }\n  @media (max-width: 640px) { .su-section { padding: 40px 0; } }\n\n  \/* ================================================================\n     ITENS ALTERNADOS\n     ================================================================ *\/\n  .su-item {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px;\n    align-items: center;\n    margin-bottom: 60px;\n  }\n  .su-item:last-child { margin-bottom: 0; }\n  \n  .su-item.su-reverse { direction: rtl; }\n  .su-item.su-reverse > * { direction: ltr; }\n\n  @media (max-width: 820px) {\n    .su-item { \n      grid-template-columns: 1fr; \n      gap: 24px;\n      margin-bottom: 40px;\n    }\n    .su-item.su-reverse { direction: ltr; }\n    .su-item.su-reverse > * { direction: ltr; }\n  }\n\n  \/* ================================================================\n     LADO DO TEXTO\n     ================================================================ *\/\n  .su-texto .su-kicker {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: var(--orange-deep);\n    display: block;\n    margin-bottom: 6px;\n  }\n  .su-texto h2 {\n    font-size: clamp(24px, 2.8vw, 36px);\n    font-weight: 600;\n    line-height: 1.2;\n    color: var(--navy);\n    margin-bottom: 14px;\n  }\n  .su-texto h2 .highlight {\n    color: var(--green);\n    position: relative;\n  }\n  .su-texto h2 .highlight::after {\n    content: '';\n    position: absolute;\n    bottom: 4px;\n    left: 0;\n    width: 100%;\n    height: 3px;\n    background: var(--green);\n    opacity: 0.3;\n    border-radius: 4px;\n  }\n  .su-texto p {\n    font-size: 15px;\n    color: var(--ink-soft);\n    line-height: 1.8;\n    margin-bottom: 12px;\n  }\n  .su-texto p strong { color: var(--navy); font-weight: 600; }\n  .su-texto p .destaque-texto { color: var(--green); font-weight: 600; }\n\n  .su-texto .su-botoes {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 16px;\n  }\n  .su-texto .su-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-weight: 600;\n    font-size: 13px;\n    transition: all 0.3s ease;\n    cursor: pointer;\n    font-family: 'Poppins', sans-serif;\n    border: none;\n  }\n  .su-texto .su-btn-primary {\n    background: var(--navy);\n    color: #fff;\n    box-shadow: 0 4px 20px rgba(0, 51, 141, 0.25);\n  }\n  .su-texto .su-btn-primary:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(0, 51, 141, 0.35);\n    background: var(--navy-deep);\n  }\n\n  \/* ================================================================\n     LADO DA IMAGEM\n     ================================================================ *\/\n  .su-imagem {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .su-image-wrap {\n    width: 100%;\n    max-width: 480px;\n    border-radius: 20px;\n    overflow: hidden;\n    box-shadow: 0 12px 40px rgba(0,0,0,0.08);\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\n    position: relative;\n  }\n  .su-image-wrap:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.12);\n  }\n  .su-image-wrap img {\n    width: 100%;\n    height: 320px;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.6s ease;\n  }\n  .su-image-wrap:hover img { transform: scale(1.03); }\n\n  \/* Badge na imagem *\/\n  .su-image-wrap .su-badge {\n    position: absolute;\n    bottom: 16px;\n    left: 16px;\n    background: rgba(255,255,255,0.95);\n    backdrop-filter: blur(8px);\n    padding: 10px 16px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n    border-left: 4px solid var(--green);\n  }\n  .su-image-wrap .su-badge i {\n    font-size: 18px;\n    color: var(--green);\n  }\n  .su-image-wrap .su-badge .su-badge-text {\n    font-size: 12px;\n    font-weight: 700;\n    color: var(--navy);\n    line-height: 1.2;\n  }\n  .su-image-wrap .su-badge .su-badge-text small {\n    display: block;\n    font-weight: 400;\n    font-size: 10px;\n    color: var(--ink-soft);\n  }\n\n  \/* ================================================================\n     RESPONSIVO\n     ================================================================ *\/\n  @media (max-width: 820px) {\n    .su-texto h2 { font-size: clamp(22px, 2.8vw, 30px); }\n    .su-texto p { font-size: 14px; }\n    .su-image-wrap img { height: 250px; }\n  }\n\n  @media (max-width: 640px) {\n    .su-section { padding: 32px 0; }\n    .su-item { gap: 20px; margin-bottom: 32px; }\n    .su-texto { text-align: center; }\n    .su-texto .su-botoes { justify-content: center; }\n    .su-texto .su-btn { width: 100%; max-width: 280px; justify-content: center; }\n    .su-image-wrap { max-width: 100%; }\n    .su-image-wrap img { height: 200px; }\n    .su-image-wrap .su-badge { padding: 8px 14px; bottom: 12px; left: 12px; }\n    .su-image-wrap .su-badge i { font-size: 16px; }\n    .su-image-wrap .su-badge .su-badge-text { font-size: 11px; }\n    .su-image-wrap .su-badge .su-badge-text small { font-size: 9px; }\n  }\n\n  @media (max-width: 420px) {\n    .su-texto h2 { font-size: clamp(20px, 4vw, 24px); }\n    .su-texto p { font-size: 13px; }\n    .su-image-wrap img { height: 160px; }\n  }\n<\/style>\n\n<!-- ================================================================\n     BLOCO: SIGNA + UNITAS\n     ================================================================ -->\n<section class=\"su-section bloco-signa-unitas\">\n  <div class=\"su-wrap\">\n    \n    <!-- ITEM 1: SIGNA -->\n    <div class=\"su-item\">\n      <div class=\"su-texto\">\n        <span class=\"su-kicker\">Modelo Pedag\u00f3gico<\/span>\n        <h2>\n          <span class=\"highlight\">SIGNA<\/span> \u2014 Educa\u00e7\u00e3o que coloca a pessoa no centro\n        <\/h2>\n        <p>\n          O <strong>COMPA RJ<\/strong> fundamenta sua pr\u00e1tica educativa no \n          <strong>SIGNA<\/strong>, modelo pedag\u00f3gico da Companhia de Maria que \n          compreende o estudante como protagonista do seu pr\u00f3prio \n          desenvolvimento.\n        <\/p>\n        <p>\n          Mais do que transmitir conte\u00fado, o SIGNA articula teoria e pr\u00e1tica \n          para formar educadores capazes de mediar aprendizagens significativas, \n          em um clima de <span class=\"destaque-texto\">proximidade, afeto e \n          excel\u00eancia acad\u00eamica<\/span>, para que cada aluno desenvolva sua \n          melhor vers\u00e3o.\n        <\/p>\n        <div class=\"su-botoes\">\n          <a href=\"https:\/\/lestonnac-odn.org\/mpsigna\/pt\/home-portugues\/\" class=\"su-btn su-btn-primary\" target=\"_blank\">\n            Saiba mais <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"su-imagem\">\n        <div class=\"su-image-wrap\">\n          <img decoding=\"async\" \n            src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/signa-companhia-de-maria.jpg\" \n            alt=\"SIGNA \u2014 Modelo Pedag\u00f3gico da Companhia de Maria no COMPA RJ\"\n            loading=\"lazy\"\n          >\n          <div class=\"su-badge\">\n            <i class=\"fas fa-gem\"><\/i>\n            <div class=\"su-badge-text\">\n              SIGNA\n              <small>Modelo Pedag\u00f3gico<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- ITEM 2: UNITAS (reverso) -->\n    <div class=\"su-item su-reverse\">\n      <div class=\"su-texto\">\n        <span class=\"su-kicker\">Modelo de Evangeliza\u00e7\u00e3o<\/span>\n        <h2>\n          <span class=\"highlight\">UNITAS<\/span> \u2014 Caminhar juntos, construir fraternidade\n        <\/h2>\n        <p>\n          O <strong>UNITAS<\/strong> \u00e9 o modelo de evangeliza\u00e7\u00e3o da Companhia \n          de Maria. Ele expressa a maneira pr\u00f3pria de viver o Evangelho a \n          partir do carisma de Santa Joana de Lestonnac, educando para a \n          <strong>justi\u00e7a, a solidariedade e o cuidado com a vida<\/strong>.\n        <\/p>\n        <p>\n          No COMPA RJ, o UNITAS se traduz em uma comunidade educativa que \n          acolhe, acompanha e caminha junto. A espiritualidade, a interioridade \n          e o compromisso social integram a forma\u00e7\u00e3o integral dos estudantes, \n          para que se tornem <span class=\"destaque-texto\">cidad\u00e3os do mundo, \n          sens\u00edveis e transformadores<\/span>.\n        <\/p>\n        <div class=\"su-botoes\">\n          <a href=\"https:\/\/lestonnac-odn.org\/unitas\/pt\/home-5-portugues\/\" class=\"su-btn su-btn-primary\" target=\"_blank\">\n            Saiba mais <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/div>\n      <div class=\"su-imagem\">\n        <div class=\"su-image-wrap\">\n          <img decoding=\"async\" \n            src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/unitas-companhia-de-maria-2.jpeg\" \n            alt=\"UNITAS \u2014 Modelo de Evangeliza\u00e7\u00e3o da Companhia de Maria no COMPA RJ\"\n            loading=\"lazy\"\n          >\n          <div class=\"su-badge\">\n            <i class=\"fas fa-hands-helping\"><\/i>\n            <div class=\"su-badge-text\">\n              UNITAS\n              <small>Modelo de Evangeliza\u00e7\u00e3o<\/small>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-47b1f24 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"47b1f24\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f0104a\" data-id=\"3f0104a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4f72954 elementor-widget elementor-widget-html\" data-id=\"4f72954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ================================================================\r\n     COMPA RIO \u2014 HOME\r\n     Bloco: Localiza\u00e7\u00e3o e Contato (com Mapa)\r\n     ================================================================= -->\r\n\r\n<style>\r\n  \/* ========== BASE E VARI\u00c1VEIS (Tudo em Poppins) ========== *\/\r\n  .home-compa-local {\r\n    --navy: #00338D;\r\n    --navy-deep: #00266B;\r\n    --blue: #1E72B2;\r\n    --blue-deep: #155A8E;\r\n    --green: #00B8AF;\r\n    --green-soft: #E3F6F4;\r\n    --orange: #735493;\r\n    --orange-deep: #5E4478;\r\n    --lilac: #9181AD;\r\n    --lime: #D0E176;\r\n    --mint-1: #EAF7F6;\r\n    --mint-2: #F2F6E1;\r\n    --ink: #2B2B2B;\r\n    --ink-soft: #545454;\r\n    --line: #E7E3EF;\r\n    --paper: #FEFDFD;\r\n    \r\n    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    color: var(--ink);\r\n    background: var(--paper);\r\n    line-height: 1.6;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .home-compa-local * { box-sizing: border-box; }\r\n  \r\n  .home-compa-local h2, .home-compa-local h3 {\r\n    font-family: 'Poppins', sans-serif; \r\n    color: var(--navy);\r\n    margin: 0;\r\n    letter-spacing: -0.01em;\r\n  }\r\n  .home-compa-local a { text-decoration: none; color: inherit; }\r\n  .home-compa-local img { max-width: 100%; display: block; }\r\n  \r\n  .hcl-wrap { max-width: 1180px; margin: 0 auto; padding: 0 32px; }\r\n  @media (max-width: 600px) { .hcl-wrap { padding: 0 20px; } }\r\n\r\n  .hcl-section { padding: 48px 0; position: relative; }\r\n  @media (max-width: 640px) { .hcl-section { padding: 32px 0; } }\r\n\r\n  \/* ================================================================\r\n     BLOCO: LOCALIZA\u00c7\u00c3O E CONTATO\r\n     ================================================================ *\/\r\n  .hcl-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 40px;\r\n    align-items: center;\r\n  }\r\n  @media (max-width: 820px) {\r\n    .hcl-grid { grid-template-columns: 1fr; gap: 32px; }\r\n  }\r\n\r\n  \/* --- Lado do Texto --- *\/\r\n  .hcl-texto {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n  .hcl-texto .hcl-kicker {\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--orange-deep);\r\n    display: block;\r\n  }\r\n  .hcl-texto h2 {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: clamp(26px, 3vw, 34px);\r\n    font-weight: 600;\r\n    color: var(--navy);\r\n  }\r\n  .hcl-texto h2 span {\r\n    color: var(--green);\r\n  }\r\n\r\n  .hcl-info-grid {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n    margin-top: 4px;\r\n  }\r\n  .hcl-info-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 16px;\r\n  }\r\n  .hcl-info-item .hcl-icon-box {\r\n    width: 40px;\r\n    height: 40px;\r\n    background: var(--mint-1);\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex: none;\r\n    transition: background 0.3s ease;\r\n  }\r\n  .hcl-info-item:hover .hcl-icon-box {\r\n    background: var(--green-soft);\r\n  }\r\n  .hcl-info-item .hcl-icon-box svg {\r\n    width: 20px;\r\n    height: 20px;\r\n    color: var(--blue);\r\n  }\r\n  .hcl-info-item strong {\r\n    display: block;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    color: var(--navy);\r\n    margin-bottom: 2px;\r\n  }\r\n  .hcl-info-item span {\r\n    font-size: 14px;\r\n    color: var(--ink-soft);\r\n    line-height: 1.5;\r\n    display: block;\r\n  }\r\n\r\n  \/* --- Lado do Mapa --- *\/\r\n  .hcl-mapa-wrapper {\r\n    background: var(--paper);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--line);\r\n    box-shadow: 0 8px 30px rgba(0,0,0,0.04);\r\n    transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n  }\r\n  .hcl-mapa-wrapper:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow: 0 16px 50px rgba(0,0,0,0.08);\r\n    border-color: var(--blue);\r\n  }\r\n  .hcl-mapa-wrapper iframe {\r\n    width: 100%;\r\n    height: 340px;\r\n    display: block;\r\n    border: none;\r\n  }\r\n  @media (max-width: 640px) {\r\n    .hcl-mapa-wrapper iframe { height: 240px; }\r\n  }\r\n\r\n  \/* --- Badge sutil sobre o mapa (AGORA LINK DO WHATSAPP) --- *\/\r\n  .hcl-mapa-badge {\r\n    padding: 12px 20px;\r\n    border-top: 1px solid var(--line);\r\n    background: #f9fafb;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    transition: background 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n  .hcl-mapa-badge:hover {\r\n    background: var(--green-soft);\r\n  }\r\n  .hcl-mapa-badge .hcl-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background: var(--green);\r\n    flex: none;\r\n    animation: hclPulse 2s infinite;\r\n  }\r\n  .hcl-mapa-badge span {\r\n    font-size: 13px;\r\n    color: var(--ink-soft);\r\n  }\r\n  .hcl-mapa-badge strong {\r\n    color: var(--navy);\r\n    font-weight: 600;\r\n    transition: color 0.3s ease;\r\n  }\r\n  .hcl-mapa-badge:hover strong {\r\n    color: var(--green);\r\n  }\r\n\r\n  @keyframes hclPulse {\r\n    0% { opacity: 0.6; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.2); }\r\n    100% { opacity: 0.6; transform: scale(1); }\r\n  }\r\n\r\n  \/* ================================================================\r\n     RESPONSIVO\r\n     ================================================================ *\/\r\n  @media (max-width: 640px) {\r\n    .hcl-texto h2 { font-size: 24px; text-align: center; }\r\n    .hcl-texto .hcl-kicker { text-align: center; }\r\n    .hcl-info-item { flex-direction: column; align-items: center; text-align: center; }\r\n    .hcl-mapa-badge { justify-content: center; flex-wrap: wrap; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ================================================================\r\n     BLOCO: LOCALIZA\u00c7\u00c3O E CONTATO - COMPA RIO\r\n     ================================================================ -->\r\n<section class=\"hcl-section home-compa-local\">\r\n  <div class=\"hcl-wrap\">\r\n    <div class=\"hcl-grid\">\r\n      \r\n      <!-- Lado Esquerdo - Informa\u00e7\u00f5es -->\r\n      <div class=\"hcl-texto\">\r\n        <span class=\"hcl-kicker\">Onde Estamos<\/span>\r\n        <h2>Venha nos <span>conhecer<\/span><\/h2>\r\n        \r\n        <div class=\"hcl-info-grid\">\r\n          <div class=\"hcl-info-item\">\r\n            <div class=\"hcl-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <strong>COMPA Rio<\/strong>\r\n              <span>Graja\u00fa<br>Avenida Engenheiro Richard, 107<br>Rio de Janeiro - RJ, 20561-092<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"hcl-info-item\">\r\n            <div class=\"hcl-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <strong>Atendimento<\/strong>\r\n              <span><a href=\"tel:552138794575\" style=\"color: var(--ink-soft); text-decoration: none;\">(21) 3879-4575<\/a><\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"hcl-info-item\">\r\n            <div class=\"hcl-icon-box\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/>\r\n                <path d=\"M22 7l-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div>\r\n              <strong>E-mail<\/strong>\r\n              <span><a href=\"mailto:atendimento@ciamaria.org.br\" style=\"color: var(--ink-soft); text-decoration: none;\">atendimento@ciamaria.org.br<\/a><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Lado Direito - Mapa -->\r\n      <div class=\"hcl-mapa-wrapper\">\r\n        <iframe \r\n          src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3675.545286303389!2d-43.2673256850348!3d-22.9224691850119!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x997f9c0f0b0b0b%3A0x0!2sAv.%20Engenheiro%20Richard%2C%20107%20-%20Graja%C3%BA%2C%20Rio%20de%20Janeiro%20-%20RJ%2C%2020561-092!5e0!3m2!1spt-BR!2sbr!4v1730000000000!5m2!1spt-BR!2sbr\" \r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          title=\"Mapa de localiza\u00e7\u00e3o do COMPA Rio | Col\u00e9gio da Companhia de Maria Rio de Janeiro\"\r\n        ><\/iframe>\r\n        \r\n        <!-- Badge clic\u00e1vel para WhatsApp -->\r\n        <a href=\"https:\/\/web.whatsapp.com\/send?phone=5521979990435&text=Venha%20conhecer%20o%20COMPA%20Rio%0A%0AEu%20visitei%20essa%20p%C3%A1gina%0ANome:%20Home%0ALink:%20https:\/\/www.compa-rj.com.br\/\" target=\"_blank\" class=\"hcl-mapa-badge\" style=\"display: flex;\">\r\n          <div class=\"hcl-dot\"><\/div>\r\n          <span><strong>COMPA Rio<\/strong> \u2014 agende uma visita.<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Col\u00e9gio da Companhia de Maria \u00b7 RJ COMPA: H\u00e1 4 s\u00e9culos, uma Rede de Ensino Internacional que nos aproxima Ingresso 2027 Assista ao v\u00eddeo \u2715 NOSSA<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional<\/title>\n<meta name=\"description\" content=\"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/compa-rj.com.br\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional\" \/>\n<meta property=\"og:description\" content=\"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/compa-rj.com.br\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/ciademaria\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T00:51:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/09\/Compa-RJ_fachada.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1270\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional\" \/>\n<meta name=\"twitter:description\" content=\"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/09\/Compa-RJ_fachada.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/\",\"name\":\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/projeto.webp\",\"datePublished\":\"2020-11-08T21:31:51+00:00\",\"dateModified\":\"2026-10-27T00:51:38+00:00\",\"description\":\"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/compa-rj.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/projeto.webp\",\"contentUrl\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/projeto.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/compa-rj.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#website\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/\",\"name\":\"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria\",\"description\":\"Rede Internacional de Ensino\",\"publisher\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/compa-rj.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#organization\",\"name\":\"Compa RJ \u2022 Col\u00e9gio da Companhia de Maria\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/LOGO_AZUL_COMPARJ.png\",\"contentUrl\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2022\\\/07\\\/LOGO_AZUL_COMPARJ.png\",\"width\":221,\"height\":76,\"caption\":\"Compa RJ \u2022 Col\u00e9gio da Companhia de Maria\"},\"image\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ciademaria\\\/\",\"https:\\\/\\\/www.instagram.com\\\/compa.rj\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCY1iG0m9EWwOa1S6P1UQl4w\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional","description":"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/compa-rj.com.br\/en\/","og_locale":"en_US","og_type":"article","og_title":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional","og_description":"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.","og_url":"https:\/\/compa-rj.com.br\/en\/","og_site_name":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","article_publisher":"https:\/\/www.facebook.com\/ciademaria\/","article_modified_time":"2026-10-27T00:51:38+00:00","og_image":[{"width":1270,"height":768,"url":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/09\/Compa-RJ_fachada.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_title":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional","twitter_description":"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.","twitter_image":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/09\/Compa-RJ_fachada.jpg","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/compa-rj.com.br\/","url":"https:\/\/compa-rj.com.br\/","name":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional","isPartOf":{"@id":"https:\/\/compa-rj.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/compa-rj.com.br\/#primaryimage"},"image":{"@id":"https:\/\/compa-rj.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/09\/projeto.webp","datePublished":"2020-11-08T21:31:51+00:00","dateModified":"2026-10-27T00:51:38+00:00","description":"Nosso olhar aponta para o novo, sem desconsiderar a seguran\u00e7a da tradi\u00e7\u00e3o de quem educa h\u00e1 mais de 400 anos em v\u00e1rias partes do mundo.","breadcrumb":{"@id":"https:\/\/compa-rj.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/compa-rj.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/compa-rj.com.br\/#primaryimage","url":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/09\/projeto.webp","contentUrl":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/09\/projeto.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/compa-rj.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/compa-rj.com.br\/"},{"@type":"ListItem","position":2,"name":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria \u00bb Rede Internacional"}]},{"@type":"WebSite","@id":"https:\/\/compa-rj.com.br\/#website","url":"https:\/\/compa-rj.com.br\/","name":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","description":"International Education Network","publisher":{"@id":"https:\/\/compa-rj.com.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/compa-rj.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/compa-rj.com.br\/#organization","name":"Compa RJ \u2022 Col\u00e9gio da Companhia de Maria","url":"https:\/\/compa-rj.com.br\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/compa-rj.com.br\/#\/schema\/logo\/image\/","url":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/07\/LOGO_AZUL_COMPARJ.png","contentUrl":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2022\/07\/LOGO_AZUL_COMPARJ.png","width":221,"height":76,"caption":"Compa RJ \u2022 Col\u00e9gio da Companhia de Maria"},"image":{"@id":"https:\/\/compa-rj.com.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ciademaria\/","https:\/\/www.instagram.com\/compa.rj\/","https:\/\/www.youtube.com\/channel\/UCY1iG0m9EWwOa1S6P1UQl4w"]}]}},"_links":{"self":[{"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":35166,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages\/8\/revisions\/35166"}],"wp:attachment":[{"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}