{"id":1688,"date":"2021-07-22T21:56:48","date_gmt":"2021-07-23T00:56:48","guid":{"rendered":"https:\/\/compa-rj.com.br\/?page_id=1688"},"modified":"2026-10-26T18:31:33","modified_gmt":"2026-10-26T21:31:33","slug":"ensino-medio","status":"publish","type":"page","link":"https:\/\/compa-rj.com.br\/en\/ensino-medio\/","title":{"rendered":"High School"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1688\" class=\"elementor elementor-1688\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-184ec61 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"184ec61\" 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-9da399a\" data-id=\"9da399a\" 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-f19d5ae elementor-widget elementor-widget-heading\" data-id=\"f19d5ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">High School<\/h3>\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-4550e5b elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"4550e5b\" 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-9e775ea\" data-id=\"9e775ea\" 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-b2322bd elementor-widget elementor-widget-html\" data-id=\"b2322bd\" 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 RJ \u2014 Ensino M\u00e9dio\r\n     Bloco aut\u00f4nomo com design moderno, anima\u00e7\u00f5es, fonte Poppins e Lightbox.\r\n     \u00cdcones de bolas de futebol e v\u00f4lei adicionados.\r\n================================================================= -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"em-page\">\r\n<style>\r\n  .em-page{\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    --accent-pink:#D47B9E;\r\n    --accent-coral:#E88A7A;\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  .em-page *{ box-sizing:border-box; }\r\n  \r\n  .em-page h1, .em-page h2, .em-page h3, .em-page blockquote{\r\n    font-family:'Poppins', sans-serif;\r\n    color:var(--navy);\r\n    margin:0;\r\n    letter-spacing:-0.02em;\r\n  }\r\n  .em-page p{ margin:0; }\r\n  .em-page a{ text-decoration:none; color:inherit; }\r\n  .em-page img{ display:block; max-width:100%; }\r\n  .em-page ::selection{ background:var(--orange); color:#fff; }\r\n\r\n  .em-wrap{ max-width:1180px; margin:0 auto; padding:0 32px; }\r\n  @media (max-width:600px){ .em-wrap{ padding:0 20px; } }\r\n\r\n  \/* ---------- BUTTONS ---------- *\/\r\n  .em-btn{\r\n    display:inline-flex; align-items:center; justify-content:center; gap:10px;\r\n    padding:16px 32px; border-radius:12px;\r\n    font-family:'Poppins', sans-serif;\r\n    font-weight:600; font-size:15px;\r\n    border:2px solid transparent;\r\n    white-space:nowrap;\r\n    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;\r\n    position:relative;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    letter-spacing:0.02em;\r\n    color:#fff !important;\r\n  }\r\n  .em-btn svg{\r\n    width:18px;\r\n    height:18px;\r\n    flex:none;\r\n    transition: transform 0.2s ease;\r\n    stroke:#fff !important;\r\n    color:#fff !important;\r\n  }\r\n  .em-btn-primary{ \r\n    background: linear-gradient(145deg, #4A90D9, var(--green)); \r\n    color:#fff !important;\r\n    border: none;\r\n    box-shadow: 0 8px 25px rgba(0, 184, 175, 0.35);\r\n  }\r\n  .em-btn-primary:hover{ \r\n    transform:translateY(-4px) scale(1.02); \r\n    box-shadow:0 16px 40px rgba(0, 184, 175, 0.45); \r\n  }\r\n  .em-btn-primary::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, transparent 60%);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease;\r\n    pointer-events: none;\r\n  }\r\n  .em-btn-primary:hover::after { opacity: 1; }\r\n\r\n  .em-btn-secondary{\r\n    background: var(--blue);\r\n    color:#fff !important;\r\n    border: none;\r\n    box-shadow: 0 8px 25px rgba(30, 114, 178, 0.35);\r\n  }\r\n  .em-btn-secondary:hover{\r\n    transform:translateY(-4px) scale(1.02);\r\n    box-shadow:0 16px 40px rgba(30, 114, 178, 0.45);\r\n    background: var(--blue-deep);\r\n  }\r\n\r\n  .em-btn-outline{ \r\n    border-color:#fff !important;\r\n    color:#fff !important;\r\n    background:rgba(255,255,255,0.1);\r\n    backdrop-filter:blur(4px);\r\n    border-width:2px;\r\n  }\r\n  .em-btn-outline:hover{ \r\n    background:rgba(255,255,255,0.25); \r\n    transform:translateY(-4px); \r\n    box-shadow: 0 8px 25px rgba(255,255,255,0.15);\r\n    border-color:#fff !important;\r\n  }\r\n\r\n  .em-btn svg.em-arrow-right { width:16px; height:16px; }\r\n\r\n  .em-cta-row{ display:flex; flex-wrap:wrap; gap:14px; }\r\n  @media (max-width:768px){ \r\n    .em-cta-row{ flex-direction:column; align-items:stretch; }\r\n    .em-cta-row .em-btn{ width:100%; justify-content:center; }\r\n  }\r\n\r\n  \/* ================= ANIMA\u00c7\u00d5ES ================= *\/\r\n  @keyframes float {\r\n    0% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-12px) rotate(2deg); }\r\n    100% { transform: translateY(0px) rotate(0deg); }\r\n  }\r\n  @keyframes floatReverse {\r\n    0% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(12px) rotate(-2deg); }\r\n    100% { transform: translateY(0px) rotate(0deg); }\r\n  }\r\n  @keyframes breathe {\r\n    0% { opacity: 0.7; transform: scale(1); }\r\n    50% { opacity: 1; transform: scale(1.05); }\r\n    100% { opacity: 0.7; transform: scale(1); }\r\n  }\r\n  @keyframes slideIn {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* ================= HERO ================= *\/\r\n  .em-hero{\r\n    position:relative;\r\n    background:linear-gradient(160deg, #0d0d2b 0%, var(--navy) 40%, #16213e 100%);\r\n    overflow:hidden;\r\n    padding:56px 0 80px;\r\n  }\r\n  .em-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    right: -20%;\r\n    width: 600px;\r\n    height: 600px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(0, 184, 175, 0.08) 0%, transparent 70%);\r\n    animation: float 7s ease-in-out infinite;\r\n  }\r\n  .em-hero::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -30%;\r\n    left: -10%;\r\n    width: 400px;\r\n    height: 400px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(115, 84, 147, 0.1) 0%, transparent 70%);\r\n    animation: float 9s ease-in-out infinite reverse;\r\n  }\r\n  .em-hero-wave{\r\n    position:absolute; left:0; right:0; bottom:-1px; z-index:1;\r\n    width:100%; height:auto; display:block;\r\n  }\r\n  .em-hero-shape-a{\r\n    position:absolute; width:300px; height:300px; border-radius:50%;\r\n    background:var(--green); opacity:0.06; top:-150px; right:-100px;\r\n    animation: float 8s ease-in-out infinite;\r\n  }\r\n  .em-hero-shape-b{\r\n    position:absolute; width:200px; height:200px; border-radius:38% 62% 55% 45% \/ 45% 40% 60% 55%;\r\n    background:var(--orange); opacity:0.08; bottom:-80px; left:-60px;\r\n    animation: float 6s ease-in-out infinite reverse;\r\n  }\r\n  .em-hero-inner{\r\n    position:relative; z-index:2;\r\n    display:grid; grid-template-columns:1fr 0.9fr; gap:52px; align-items:center;\r\n  }\r\n  @media (max-width:900px){ .em-hero-inner{ grid-template-columns:1fr; } }\r\n\r\n  .em-eyebrow{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    font-size:12px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase;\r\n    color:var(--lime); margin-bottom:16px;\r\n  }\r\n  .em-eyebrow::before{ content:\"\"; width:28px; height:3px; background:var(--lime); display:inline-block; border-radius:3px; }\r\n  .em-hero h1{\r\n    font-size:clamp(32px, 4.2vw, 46px);\r\n    font-weight:700; line-height:1.15;\r\n    color: #fff;\r\n  }\r\n  .em-hero h1 .highlight {\r\n    color: var(--green);\r\n    position: relative;\r\n  }\r\n  .em-hero 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: 5px;\r\n    background: var(--green);\r\n    opacity: 0.35;\r\n    border-radius: 4px;\r\n  }\r\n  .em-hero p.em-lede{\r\n    margin-top:20px; font-size:16px; color:rgba(255,255,255,0.8); max-width:44ch;\r\n    line-height:1.7; font-weight:300;\r\n  }\r\n  .em-hero .em-cta-row{ margin-top:32px; }\r\n\r\n  .em-hero-badge{\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 20px;\r\n    z-index: 9999;\r\n    background:rgba(255,255,255,0.97); \r\n    backdrop-filter:blur(8px);\r\n    padding:18px 26px; \r\n    border-radius:20px;\r\n    display:flex; \r\n    align-items:center; \r\n    gap:16px;\r\n    box-shadow:0 16px 50px rgba(0,0,0,0.5);\r\n    animation: breathe 3s ease-in-out infinite;\r\n    border-left: 6px solid var(--green);\r\n    pointer-events: none;\r\n    min-width: 220px;\r\n    transform: translateY(0);\r\n    transition: transform 0.3s ease;\r\n  }\r\n  .em-hero-badge:hover { transform: translateY(-4px); }\r\n  .em-hero-badge svg{ width:30px; height:30px; color:var(--blue); flex:none; }\r\n  .em-hero-badge .badge-content{ display: flex; flex-direction: column; }\r\n  .em-hero-badge .badge-time-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    color: var(--navy);\r\n  }\r\n  .em-hero-badge .time-highlight {\r\n    color: var(--orange-deep);\r\n    font-weight: 800;\r\n  }\r\n  .em-hero-badge .badge-sub {\r\n    display: block;\r\n    font-size: 12px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .em-photo-wrapper { position: relative; display: inline-block; width: 100%; }\r\n  .em-blob-wrap{ position:relative; z-index: 1; }\r\n  .em-blob-wrap::before{\r\n    content:\"\"; position:absolute; inset:-24px;\r\n    background:var(--orange); opacity:0.2;\r\n    border-radius:62% 38% 41% 59% \/ 48% 42% 58% 52%;\r\n    z-index:0; animation: float 7s ease-in-out infinite;\r\n  }\r\n  .em-hero-photo{\r\n    position:relative; overflow:hidden; z-index: 2;\r\n    box-shadow:0 30px 60px rgba(0,0,0,0.5);\r\n    aspect-ratio:4\/3.3;\r\n    border-radius:58% 42% 45% 55% \/ 42% 46% 54% 58%;\r\n  }\r\n  .em-hero-photo img{ width:100%; height:100%; object-fit:cover; transition: transform 0.6s ease; display: block; }\r\n  .em-hero-photo:hover img { transform: scale(1.05); }\r\n\r\n  \/* ================= LIGHTBOX ================= *\/\r\n  .em-lightbox {\r\n    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;\r\n    background: rgba(0,0,0,0.88); z-index: 100000; justify-content: center; align-items: center;\r\n    backdrop-filter: blur(8px); opacity: 0; transition: opacity 0.3s ease;\r\n  }\r\n  .em-lightbox.active { display: flex; opacity: 1; }\r\n  .em-lightbox-content {\r\n    position: relative; width: 90%; max-width: 800px; background: #000;\r\n    border-radius: 16px; overflow: hidden; transform: scale(0.9); transition: transform 0.3s ease;\r\n  }\r\n  .em-lightbox.active .em-lightbox-content { transform: scale(1); }\r\n  .em-lightbox-content iframe { width: 100%; aspect-ratio: 16\/9; display: block; border: none; }\r\n  .em-lightbox-close {\r\n    position: absolute; top: -48px; right: 0; background: none; border: none;\r\n    color: #fff; font-size: 32px; cursor: pointer; padding: 8px 12px;\r\n    opacity: 0.7; transition: opacity 0.2s ease; z-index: 10;\r\n  }\r\n  .em-lightbox-close:hover { opacity: 1; }\r\n  @media (max-width:640px) {\r\n    .em-lightbox-close { top: 10px; right: 10px; font-size: 28px; background: rgba(0,0,0,0.3); border-radius: 50%; padding: 4px 12px; }\r\n  }\r\n\r\n  \/* ================= SECTION SHELL ================= *\/\r\n  .em-section{ padding:80px 0; position:relative; }\r\n  .em-section-head{ max-width:650px; margin:0 auto 48px; text-align:center; }\r\n  .em-kicker{\r\n    font-size:12px; font-weight:600; letter-spacing:0.14em; text-transform:uppercase;\r\n    color:var(--orange-deep); margin-bottom:10px; display:block;\r\n  }\r\n  .em-section-head h2{ font-size:clamp(26px,3.2vw,34px); font-weight:700; }\r\n  .em-section-head p{ margin-top:14px; color:var(--ink-soft); font-size:15px; line-height:1.7; font-weight:400; }\r\n\r\n  \/* ================= VIS\u00c3O COM FOTO ================= *\/\r\n  .em-vision{\r\n    background:linear-gradient(120deg, var(--navy) 0%, var(--orange) 100%);\r\n    border-radius:28px; padding:48px 52px;\r\n    display:grid; grid-template-columns:0.8fr 1fr; gap:48px; align-items:center;\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .em-vision::after{\r\n    content:\"\"; position:absolute; width:300px; height:300px; border-radius:50%;\r\n    background:var(--green); opacity:0.12; right:-110px; bottom:-130px;\r\n    animation: float 6s ease-in-out infinite;\r\n  }\r\n  .em-vision::before {\r\n    content: '\"'; position: absolute; font-size: 200px; font-family: Georgia, serif;\r\n    color: rgba(255,255,255,0.05); top: -30px; left: 20px; line-height: 1;\r\n  }\r\n  @media (max-width:820px){ .em-vision{ grid-template-columns:1fr; padding:36px 28px; text-align:center; } }\r\n\r\n  .em-vision-photo-wrap{ position:relative; z-index:1; }\r\n  .em-vision-photo{\r\n    border-radius:56% 44% 40% 60% \/ 46% 40% 60% 54%;\r\n    overflow:hidden; aspect-ratio:1\/1;\r\n    box-shadow:0 18px 40px rgba(0,0,0,0.3);\r\n    transition: transform 0.4s ease, border-radius 0.6s ease;\r\n    border:4px solid rgba(255,255,255,0.2);\r\n  }\r\n  .em-vision-photo:hover{ transform:scale(1.03); border-radius:44% 56% 48% 52% \/ 40% 46% 54% 60%; }\r\n  .em-vision-photo img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform 0.5s ease; }\r\n  .em-vision-photo:hover img{ transform:scale(1.06); }\r\n\r\n  .em-vision-content{ position:relative; z-index:1; }\r\n  .em-vision-content blockquote{\r\n    font-size:clamp(20px,2.4vw,28px); font-weight:500; color:#fff; line-height:1.5;\r\n  }\r\n  .em-vision-content cite{\r\n    display:block; margin-top:16px; font-style:normal; font-size:13px;\r\n    color:var(--lime); font-weight:600; letter-spacing:0.02em;\r\n    font-family:'Poppins', sans-serif;\r\n  }\r\n  .em-vision-content .em-vision-tag{\r\n    display:inline-block; font-size:10px; font-weight:700; text-transform:uppercase;\r\n    letter-spacing:0.1em; color:var(--lime); background:rgba(255,255,255,0.12);\r\n    padding:6px 18px; border-radius:30px; margin-bottom:14px;\r\n  }\r\n\r\n  @media (max-width:820px){ .em-vision-photo{ max-width:220px; margin:0 auto; } }\r\n\r\n  \/* ================= OBJETIVOS \/ DIFERENCIAIS ================= *\/\r\n  .em-habilidades-grid{\r\n    display:grid; grid-template-columns:repeat(2,1fr); gap:20px;\r\n  }\r\n  @media (max-width:820px){ .em-habilidades-grid{ grid-template-columns:1fr; } }\r\n\r\n  .em-habilidade-item{\r\n    display:flex; gap:16px; align-items:flex-start;\r\n    padding:24px; border-radius:16px; background:var(--paper);\r\n    border:1px solid var(--line);\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    animation: slideIn 0.5s ease forwards; opacity:0;\r\n  }\r\n  .em-habilidade-item:hover{\r\n    border-color:var(--green); transform:translateY(-4px) scale(1.01);\r\n    box-shadow:0 8px 30px rgba(0,0,0,0.08);\r\n  }\r\n  .em-habilidade-item .em-hab-num{\r\n    font-size:24px; font-weight:700;\r\n    color:var(--green); line-height:1; flex:none; opacity:0.4; min-width:36px;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n  .em-habilidade-item:hover .em-hab-num{ opacity:1; }\r\n  \r\n  .em-habilidade-item .em-hab-ico-svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    flex: none;\r\n    color: var(--orange);\r\n    opacity: 0.7;\r\n    transition: all 0.3s ease;\r\n  }\r\n  .em-habilidade-item:hover .em-hab-ico-svg {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n  }\r\n\r\n  .em-habilidade-item h4{\r\n    font-family:'Poppins', sans-serif; font-size:15px; font-weight:600;\r\n    color:var(--navy); margin-bottom:6px;\r\n  }\r\n  .em-habilidade-item p{ font-size:13.5px; color:var(--ink-soft); line-height:1.6; font-weight:400; }\r\n\r\n  \/* ================= INFRAESTRUTURA ================= *\/\r\n  .em-infra-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\r\n    gap: 16px;\r\n  }\r\n  .em-infra-item {\r\n    background: var(--mint-1);\r\n    padding: 16px 20px;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-weight: 500;\r\n    color: var(--navy);\r\n    font-size: 14px;\r\n    border: 1px solid var(--green-soft);\r\n    transition: all 0.3s ease;\r\n  }\r\n  .em-infra-item:hover {\r\n    background: var(--green);\r\n    color: #fff;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(0, 184, 175, 0.2);\r\n  }\r\n  .em-infra-item svg { width: 22px; height: 22px; flex: none; }\r\n\r\n  \/* ================= TABLE ================= *\/\r\n  .em-table{\r\n    border-radius:16px; overflow:hidden; border:1px solid var(--line);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n  }\r\n  .em-table-head{\r\n    display:grid; grid-template-columns:repeat(4,1fr);\r\n    background: linear-gradient(90deg, var(--navy), var(--blue));\r\n  }\r\n  .em-table-head div{ \r\n    padding:18px 24px; font-size:12px; font-weight:600; color:#fff; \r\n    text-transform:uppercase; letter-spacing:0.06em; \r\n    border-right: 1px solid rgba(255,255,255,0.1);\r\n    text-align: center;\r\n  }\r\n  .em-table-head div:last-child { border-right: none; }\r\n  \r\n  .em-table-body{ display:grid; grid-template-columns:repeat(4,1fr); background:var(--paper); }\r\n  .em-table-body div{ \r\n    padding:24px 24px; font-size:15px; font-weight:600; color:var(--navy); \r\n    transition: background 0.2s ease; \r\n    border-right: 1px solid var(--line);\r\n    display: flex; align-items: center; justify-content: center; text-align: center;\r\n  }\r\n  .em-table-body div:last-child { border-right: none; }\r\n  .em-table-body div:hover { background: var(--mint-1); }\r\n\r\n  @media (max-width:700px){\r\n    .em-table-head, .em-table-body{ grid-template-columns:1fr !important; }\r\n    .em-table-head div { text-align: center; border-right: none; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 14px; }\r\n    .em-table-body div { border-right: none; border-bottom: 1px solid var(--line); padding: 16px; font-size:14px; }\r\n    .em-table-body div:last-child { border-bottom: none; }\r\n  }\r\n\r\n  \/* ================= DARK CARD ================= *\/\r\n  .em-dark-card{\r\n    background:linear-gradient(135deg, var(--navy) 0%, #0d0d2b 100%);\r\n    border-radius:24px; padding:48px 56px;\r\n    display:grid; grid-template-columns:1fr auto; gap:48px; align-items:center;\r\n    position:relative; overflow:hidden;\r\n  }\r\n  .em-dark-card::after{\r\n    content:''; position:absolute; width:350px; height:350px; border-radius:50%;\r\n    background:var(--green); opacity:0.06; right:-120px; bottom:-120px;\r\n  }\r\n  .em-dark-card .em-dark-content{ position:relative; z-index:1; }\r\n  .em-dark-card h2{ color:#fff; font-size:clamp(22px,2.6vw,30px); font-weight:700; }\r\n  .em-dark-card p{ color:rgba(255,255,255,0.8); margin-top:12px; max-width:50ch; line-height:1.7; font-size:14.5px; font-weight:300; }\r\n  .em-dark-card .em-cta-row{ margin-top:24px; }\r\n  .em-dark-icon svg{ width:56px; height:56px; color:rgba(255,255,255,0.2); animation: float 5s ease-in-out infinite; }\r\n\r\n  @media (max-width:820px){\r\n    .em-dark-card{ grid-template-columns:1fr; text-align:center; padding:40px 28px; }\r\n    .em-dark-card p{ margin-left:auto; margin-right:auto; }\r\n    .em-dark-card .em-cta-row{ justify-content:center; }\r\n    .em-dark-card .em-cta-row .em-btn{ width:100%; justify-content:center; }\r\n  }\r\n\r\n  \/* ================= STRIP ================= *\/\r\n  .em-strip{\r\n    display:grid; grid-template-columns:repeat(3,1fr);\r\n    border-top:1px solid var(--line); border-bottom:1px solid var(--line);\r\n    border-radius: 16px; overflow: hidden;\r\n    box-shadow: 0 5px 20px rgba(0,0,0,0.03);\r\n  }\r\n  @media (max-width:700px){ .em-strip{ grid-template-columns:1fr; } }\r\n  .em-strip a{\r\n    display:flex; align-items:center; gap:16px; padding:30px 20px;\r\n    justify-content:center; border-right:1px solid var(--line);\r\n    transition: all .4s cubic-bezier(0.34, 1.56, 0.64, 1); position:relative;\r\n  }\r\n  .em-strip a:last-child{ border-right:none; }\r\n  @media (max-width:700px){ .em-strip a{ border-right:none; border-bottom:1px solid var(--line); }\r\n    .em-strip a:last-child{ border-bottom:none; } }\r\n  .em-strip a:hover{ \r\n    background:var(--mint-1); transform: scale(1.02);\r\n    box-shadow: 0 10px 20px rgba(0,0,0,0.05); z-index: 2; border-color: var(--green);\r\n  }\r\n  .em-strip-ico{ width:26px; height:26px; color:var(--blue); flex:none; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }\r\n  .em-strip a:hover .em-strip-ico { transform: rotate(-8deg) scale(1.15); color: var(--orange-deep); }\r\n  .em-strip small{ display:block; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.08em; color:var(--orange-deep); }\r\n  .em-strip strong{ display:block; font-size:14px; font-weight:700; color:var(--navy); margin-top:2px; }\r\n\r\n  \/* ================= MOBILE ================= *\/\r\n  @media (max-width:640px){\r\n    .em-section{ padding:52px 0; }\r\n    .em-hero{ padding:40px 0 64px; }\r\n    .em-hero-inner{ gap:36px; }\r\n    .em-hero h1{ font-size:28px; }\r\n    .em-hero p.em-lede{ font-size:14px; }\r\n    \r\n    .em-hero-badge{ \r\n      padding:12px 16px; gap:10px; left: 10px; bottom: -8px;\r\n      min-width: auto; border-left-width: 4px; border-radius: 14px;\r\n    }\r\n    .em-hero-badge .badge-time-row { font-size: 14px; gap: 4px; }\r\n    .em-hero-badge .badge-sub { font-size: 10px; }\r\n    .em-hero-badge svg{ width:24px; height:24px; }\r\n\r\n    .em-vision{ padding:32px 22px; }\r\n    .em-vision-content blockquote{ font-size:18px; }\r\n    .em-vision-photo{ max-width:160px; margin:0 auto; }\r\n    .em-dark-card{ padding:32px 20px; }\r\n    .em-dark-card h2{ font-size:20px; }\r\n  }\r\n<\/style>\r\n\r\n<!-- ============ HERO ============ -->\r\n<section class=\"em-hero\">\r\n  <div class=\"em-hero-shape-a\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"em-hero-shape-b\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-hero-inner\">\r\n      <div>\r\n        <span class=\"em-eyebrow\">Ensino M\u00e9dio \u00b7 COMPA RJ<\/span>\r\n        <h1>Uma educa\u00e7\u00e3o de qualidade voltada para a <span class=\"highlight\">forma\u00e7\u00e3o humana<\/span> and <span class=\"highlight\">acad\u00eamica<\/span><\/h1>\r\n        <p class=\"em-lede\">O Ensino M\u00e9dio no Col\u00e9gio da Companhia de Maria representa a etapa final da Educa\u00e7\u00e3o B\u00e1sica, focada no desenvolvimento da autonomia, pensamento cr\u00edtico e prepara\u00e7\u00e3o para os desafios do futuro.<\/p>\r\n        <div class=\"em-cta-row\">\r\n          <a href=\"https:\/\/compa-rj.com.br\/en\/ingresso-de-estudantes\/\" class=\"em-btn em-btn-primary\" target=\"_blank\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n            Agende uma visita\r\n            <svg class=\"em-arrow-right\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"em-btn em-btn-outline\" onclick=\"openVideoLightbox(event)\">Assistir ao v\u00eddeo<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"em-photo-wrapper\">\r\n        <div class=\"em-blob-wrap\" style=\"padding:26px;\">\r\n          <div class=\"em-hero-photo\">\r\n            <img decoding=\"async\" src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png\" alt=\"Estudantes do Ensino M\u00e9dio do COMPA RJ\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"em-hero-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg>\r\n          <div class=\"badge-content\">\r\n            <div class=\"badge-time-row\">\r\n              <span>Seg\u2013Sex <span class=\"time-highlight\">07h00 \u2013 13h30<\/span><\/span>\r\n            <\/div>\r\n            <span class=\"badge-sub\">1\u00aa \u00e0 3\u00aa s\u00e9rie \u00b7 5x por semana<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <svg class=\"em-hero-wave\" viewbox=\"0 0 1440 80\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n    <path d=\"M0,32 C240,72 480,0 720,24 C960,48 1200,80 1440,40 L1440,80 L0,80 Z\" fill=\"#FFFFFF\"\/>\r\n  <\/svg>\r\n<\/section>\r\n\r\n<!-- ============ LIGHTBOX DO V\u00cdDEO ============ -->\r\n<div class=\"em-lightbox\" id=\"videoLightbox\" onclick=\"closeVideoLightbox(event)\">\r\n  <div class=\"em-lightbox-content\" onclick=\"event.stopPropagation();\">\r\n    <button class=\"em-lightbox-close\" onclick=\"closeVideoLightbox(event)\">\u2715<\/button>\r\n    <iframe id=\"videoIframe\" src=\"https:\/\/www.youtube.com\/embed\/8WmB6P9ddNE?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<!-- ============ VIS\u00c3O COM FOTO ============ -->\r\n<section class=\"em-section\" style=\"padding-bottom:0;\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-vision\">\r\n      <div class=\"em-vision-photo-wrap\">\r\n        <div class=\"em-vision-photo\">\r\n          <img decoding=\"async\" src=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-1.webp\" alt=\"Vis\u00e3o COMPA RJ\">\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"em-vision-content\">\r\n        <span class=\"em-vision-tag\">Nossa Vis\u00e3o<\/span>\r\n        <blockquote>Ser reconhecido atrav\u00e9s de uma educa\u00e7\u00e3o de qualidade voltada para a forma\u00e7\u00e3o humana e acad\u00eamica.<\/blockquote>\r\n        <cite>Vis\u00e3o \u00b7 Col\u00e9gio da Companhia de Maria \u2013 RJ<\/cite>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ OBJETIVOS ============ -->\r\n<section class=\"em-section\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-section-head\">\r\n      <span class=\"em-kicker\">Proposta Pedag\u00f3gica<\/span>\r\n      <h2>Interdisciplinaridade e <span style=\"color:var(--blue);\">Protagonismo<\/span><\/h2>\r\n      <p>A interdisciplinaridade sup\u00f5e um eixo integrador que pode ser o objeto do conhecimento ou um projeto de investiga\u00e7\u00e3o. O objetivo \u00e9 buscar e compreender, prever e transformar a realidade.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"em-habilidades-grid\">\r\n      <div class=\"em-habilidade-item\">\r\n        <span class=\"em-hab-num\">01<\/span>\r\n        <div>\r\n          <h4>Consolida\u00e7\u00e3o e Aprofundamento<\/h4>\r\n          <p>Consolidar e aprofundar os conhecimentos adquiridos no Ensino Fundamental, possibilitando o prosseguimento dos estudos.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"em-habilidade-item\">\r\n        <span class=\"em-hab-num\">02<\/span>\r\n        <div>\r\n          <h4>Prepara\u00e7\u00e3o para o Trabalho e Cidadania<\/h4>\r\n          <p>Preparar os alunos para continuar aprendendo, adaptando-se com flexibilidade a novas condi\u00e7\u00f5es de ocupa\u00e7\u00e3o ou aperfei\u00e7oamento.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"em-habilidade-item\">\r\n        <span class=\"em-hab-num\">03<\/span>\r\n        <div>\r\n          <h4>Forma\u00e7\u00e3o \u00c9tica e Autonomia<\/h4>\r\n          <p>Aprimorar o educando como pessoa humana, incluindo a forma\u00e7\u00e3o \u00e9tica e o desenvolvimento da autonomia intelectual e do pensamento cr\u00edtico.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"em-habilidade-item\">\r\n        <span class=\"em-hab-num\">04<\/span>\r\n        <div>\r\n          <h4>Teoria e Pr\u00e1tica<\/h4>\r\n          <p>Compreender os fundamentos cient\u00edfico-tecnol\u00f3gicos dos processos produtivos, relacionando as teorias com as pr\u00e1ticas no ensino de cada disciplina.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DIFERENCIAIS (SIMULADOS E AUL\u00d5ES) ============ -->\r\n<section class=\"em-section\" style=\"padding-top:0;\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-section-head\">\r\n      <span class=\"em-kicker\">Metodologias Ativas<\/span>\r\n      <h2>Pr\u00e1ticas que <span style=\"color:var(--green);\">fazem a diferen\u00e7a<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"em-habilidades-grid\" style=\"grid-template-columns: repeat(2, 1fr); max-width: 900px; margin: 0 auto;\">\r\n      \r\n      <!-- Card Simulados -->\r\n      <div class=\"em-habilidade-item\" style=\"background: var(--mint-1); border-color: var(--green-soft);\">\r\n        <svg class=\"em-hab-ico-svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\r\n          <polyline points=\"14 2 14 8 20 8\"><\/polyline>\r\n          <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\r\n          <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\r\n          <polyline points=\"10 9 9 9 8 9\"><\/polyline>\r\n        <\/svg>\r\n        <div>\r\n          <h4>Simulados<\/h4>\r\n          <p>Oferecidos durante o ano com o objetivo de desenvolver pr\u00e1ticas avaliativas diferenciadas, nas quais a multidisciplinaridade se faz presente.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card Aul\u00f5es -->\r\n      <div class=\"em-habilidade-item\" style=\"background: var(--mint-1); border-color: var(--green-soft);\">\r\n        <svg class=\"em-hab-ico-svg\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"color: var(--blue);\">\r\n          <path d=\"M9 18h6\"><\/path>\r\n          <path d=\"M10 22h4\"><\/path>\r\n          <path d=\"M12 2a7 7 0 0 0-7 7c0 2.4 1.2 4.5 3 5.7V16a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-1.3c1.8-1.2 3-3.3 3-5.7a7 7 0 0 0-7-7z\"><\/path>\r\n        <\/svg>\r\n        <div>\r\n          <h4>Aul\u00f5es<\/h4>\r\n          <p>Um diferencial que tem o prop\u00f3sito de abordar tem\u00e1ticas extremamente contempor\u00e2neas, oportunizando o di\u00e1logo, a criticidade e a argumenta\u00e7\u00e3o.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ INFRAESTRUTURA ============ -->\r\n<section class=\"em-section\" style=\"padding-top:0;\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-section-head\">\r\n      <span class=\"em-kicker\">Estrutura Completa<\/span>\r\n      <h2>Espa\u00e7os que <span style=\"color:var(--orange);\">inspiram o aprendizado<\/span><\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"em-infra-grid\">\r\n      <!-- Salas amplas -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 21h18\"\/><path d=\"M9 8h1\"\/><path d=\"M9 12h1\"\/><path d=\"M9 16h1\"\/><path d=\"M14 8h1\"\/><path d=\"M14 12h1\"\/><path d=\"M14 16h1\"\/><path d=\"M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16\"\/><\/svg> \r\n        Salas amplas\r\n      <\/div>\r\n      <!-- Biblioteca -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg> \r\n        Biblioteca \/ Sala de Leitura\r\n      <\/div>\r\n      <!-- Laborat\u00f3rio de Inform\u00e1tica -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"\/><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"\/><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"\/><\/svg> \r\n        Laborat\u00f3rio de Inform\u00e1tica\r\n      <\/div>\r\n      <!-- Laborat\u00f3rio de Ci\u00eancias -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2\"\/><path d=\"M8.5 2h7\"\/><path d=\"M7 16h10\"\/><\/svg> \r\n        Laborat\u00f3rio de Ci\u00eancias\r\n      <\/div>\r\n      \r\n      <!-- QUADRA POLIESPORTIVA (Bola de Futebol) -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <!-- C\u00edrculo da bola -->\r\n          <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n          <!-- Pent\u00e1gono central -->\r\n          <polygon points=\"12,7.5 15.5,10 14.3,14 9.7,14 8.5,10\"\/>\r\n          <!-- Linhas conectando o pent\u00e1gono \u00e0s bordas -->\r\n          <path d=\"M12 7.5V3\"\/>\r\n          <path d=\"M15.5 10l4.2-2.4\"\/>\r\n          <path d=\"M14.3 14l2.6 4\"\/>\r\n          <path d=\"M9.7 14l-2.6 4\"\/>\r\n          <path d=\"M8.5 10L4.3 7.6\"\/>\r\n        <\/svg> \r\n        Quadra Poliesportiva (coberta)\r\n      <\/div>\r\n\r\n      <!-- QUADRAS AO AR LIVRE (Bola de V\u00f4lei) -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <!-- C\u00edrculo da bola -->\r\n          <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n          <!-- Linhas curvas do v\u00f4lei -->\r\n          <path d=\"M12 3c-3.5 2-5.5 5-5.5 9s2 7 5.5 9\"\/>\r\n          <path d=\"M12 3c3.5 2 5.5 5 5.5 9s-2 7-5.5 9\"\/>\r\n          <path d=\"M3.5 12h17\"\/>\r\n        <\/svg> \r\n        Quadras ao ar livre\r\n      <\/div>\r\n      \r\n      <!-- Audit\u00f3rio Multifuncional -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg> \r\n        Audit\u00f3rio Multifuncional\r\n      <\/div>\r\n      <!-- Audit\u00f3rio Cultural -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18V5l12-2v13\"\/><circle cx=\"6\" cy=\"18\" r=\"3\"\/><circle cx=\"18\" cy=\"16\" r=\"3\"\/><\/svg> \r\n        Audit\u00f3rio Cultural\r\n      <\/div>\r\n      \r\n      <!-- CAPELA (Igrejinha) -->\r\n      <div class=\"em-infra-item\">\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=\"M12 2v4M10 4h4\"\/>\r\n          <path d=\"M4 12l8-6 8 6\"\/>\r\n          <path d=\"M6 12v9h12v-9\"\/>\r\n          <path d=\"M10 21v-5a2 2 0 0 1 4 0v5\"\/>\r\n        <\/svg> \r\n        Capela\r\n      <\/div>\r\n\r\n      <!-- SALA DE PASTORAL (Pessoa em Medita\u00e7\u00e3o) -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <circle cx=\"12\" cy=\"5\" r=\"2.5\"\/>\r\n          <path d=\"M6 19c0-4 2-7 6-7s6 3 6 7\"\/>\r\n          <path d=\"M6 19c1.5 0 3-2 6-2s4.5 2 6 2\"\/>\r\n          <circle cx=\"6\" cy=\"19\" r=\"0.8\" fill=\"currentColor\"\/>\r\n          <circle cx=\"18\" cy=\"19\" r=\"0.8\" fill=\"currentColor\"\/>\r\n        <\/svg> \r\n        Sala de Pastoral\r\n      <\/div>\r\n\r\n      <!-- Sala de Arte -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"\/><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"\/><path d=\"M2 2l7.586 7.586\"\/><circle cx=\"11\" cy=\"11\" r=\"2\"\/><\/svg> \r\n        Sala de Arte\r\n      <\/div>\r\n      <!-- Sala de Recursos Multifuncional -->\r\n      <div class=\"em-infra-item\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/><\/svg> \r\n        Sala de Recursos Multifuncional\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ DARK CARD (CTA) ============ -->\r\n<section class=\"em-section\" style=\"padding-top:0;\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-dark-card\">\r\n      <div class=\"em-dark-content\">\r\n        <h2>Seu futuro come\u00e7a <span style=\"color:var(--green);\">aqui<\/span><\/h2>\r\n        <p>No Ensino M\u00e9dio do COMPA RJ, cada estudante \u00e9 desafiado a ir al\u00e9m. Com aul\u00f5es, simulados e uma infraestrutura completa, formamos jovens preparados para as melhores universidades e para a vida.<\/p>\r\n        <div class=\"em-cta-row\">\r\n          <a href=\"https:\/\/compa-rj.com.br\/en\/ingresso-de-estudantes\/\" class=\"em-btn em-btn-primary\" target=\"_blank\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"><\/line><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"><\/line><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"><\/line><\/svg>\r\n            Agende uma visita\r\n            <svg class=\"em-arrow-right\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" class=\"em-btn em-btn-outline\" onclick=\"openVideoLightbox(event)\">Assistir ao v\u00eddeo<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"em-dark-icon\">\r\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ INFO \/ HORARIOS ============ -->\r\n<section class=\"em-section\" style=\"padding-top:0;\">\r\n  <div class=\"em-wrap\">\r\n    <div class=\"em-section-head\" style=\"margin-bottom: 24px;\">\r\n      <h2>Hor\u00e1rios e <span style=\"color:var(--blue);\">Informa\u00e7\u00f5es<\/span><\/h2>\r\n    <\/div>\r\n    \r\n    <div class=\"em-table\">\r\n      <div class=\"em-table-head\">\r\n        <div>Cursos<\/div>\r\n        <div>Hor\u00e1rios<\/div>\r\n        <div>Ano<\/div>\r\n        <div>Frequ\u00eancia<\/div>\r\n      <\/div>\r\n      <div class=\"em-table-body\">\r\n        <div>High School<\/div>\r\n        <div>7h \u00e0s 13h30min<\/div>\r\n        <div>1\u00aa ao 3\u00aa EM<\/div>\r\n        <div>5 x semana<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ============ ESTUDE NO COMPA \/ UNIFORME \/ MATERIAL ============ -->\r\n<section class=\"em-wrap\">\r\n  <div class=\"em-strip\">\r\n    <a href=\"https:\/\/compa-rj.com.br\/en\/ingresso-de-estudantes\/\" target=\"_blank\">\r\n      <svg class=\"em-strip-ico\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c0 1.5 3 3 6 3s6-1.5 6-3v-5\"\/><\/svg>\r\n      <span><small>Estude no Compa<\/small><strong>Ingresso de Estudantes<\/strong><\/span>\r\n    <\/a>\r\n    <a href=\"https:\/\/compa-rj.com.br\/en\/uniforme\/\" target=\"_blank\">\r\n      <svg class=\"em-strip-ico\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 3l4 2 4-2 4 4-3 3v11H7V10L4 7z\"\/><\/svg>\r\n      <span><small>Uniform<\/small><strong>Do Col\u00e9gio<\/strong><\/span>\r\n    <\/a>\r\n    <a href=\"https:\/\/compa-rj.com.br\/en\/material\/\" target=\"_blank\">\r\n      <svg class=\"em-strip-ico\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 4h9l3 3v13H6z\"\/><path d=\"M6 9h9\"\/><\/svg>\r\n      <span><small>Material<\/small><strong>Escolar<\/strong><\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div style=\"height:76px;\"><\/div>\r\n\r\n<!-- ============ SCRIPT DO LIGHTBOX ============ -->\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    iframe.src = iframe.src.replace('autoplay=1', 'autoplay=0');\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    if (event) 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    iframe.src = iframe.src;\r\n  }\r\n\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>\r\n\r\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<\/div>","protected":false},"excerpt":{"rendered":"<p>Ensino M\u00e9dio Ensino M\u00e9dio \u00b7 COMPA RJ Uma educa\u00e7\u00e3o de qualidade voltada para a forma\u00e7\u00e3o humana e acad\u00eamica O Ensino M\u00e9dio no Col\u00e9gio da Companhia de<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-1688","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.7.1 (Yoast SEO v28.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria<\/title>\n<meta name=\"description\" content=\"A BNCC estabeleceu o que j\u00e1 sab\u00edamos, os conte\u00fados n\u00e3o concorrem com o desenvolvimento integral das crian\u00e7as e dos adolescentes.\" \/>\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\/ensino-medio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria\" \/>\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\/ensino-medio\/\" \/>\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-26T21:31:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/\",\"name\":\"Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/compa-rj-ensino-medio-2.png\",\"datePublished\":\"2021-07-23T00:56:48+00:00\",\"dateModified\":\"2026-10-26T21:31:33+00:00\",\"description\":\"A BNCC estabeleceu o que j\u00e1 sab\u00edamos, os conte\u00fados n\u00e3o concorrem com o desenvolvimento integral das crian\u00e7as e dos adolescentes.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/compa-rj-ensino-medio-2.png\",\"contentUrl\":\"https:\\\/\\\/compa-rj.com.br\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/compa-rj-ensino-medio-2.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/compa-rj.com.br\\\/ensino-medio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/compa-rj.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ensino M\u00e9dio\"}]},{\"@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":"Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","description":"BNCC established what we already knew, the contents do not compete with the integral development of children and adolescents.","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\/ensino-medio\/","og_locale":"en_US","og_type":"article","og_title":"Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","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\/ensino-medio\/","og_site_name":"Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","article_publisher":"https:\/\/www.facebook.com\/ciademaria\/","article_modified_time":"2026-10-26T21:31:33+00:00","og_image":[{"url":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/compa-rj.com.br\/ensino-medio\/","url":"https:\/\/compa-rj.com.br\/ensino-medio\/","name":"Ensino M\u00e9dio &#187; Compa RJ \u00bb Col\u00e9gio da Companhia de Maria","isPartOf":{"@id":"https:\/\/compa-rj.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/compa-rj.com.br\/ensino-medio\/#primaryimage"},"image":{"@id":"https:\/\/compa-rj.com.br\/ensino-medio\/#primaryimage"},"thumbnailUrl":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png","datePublished":"2021-07-23T00:56:48+00:00","dateModified":"2026-10-26T21:31:33+00:00","description":"BNCC established what we already knew, the contents do not compete with the integral development of children and adolescents.","breadcrumb":{"@id":"https:\/\/compa-rj.com.br\/ensino-medio\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/compa-rj.com.br\/ensino-medio\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/compa-rj.com.br\/ensino-medio\/#primaryimage","url":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png","contentUrl":"https:\/\/compa-rj.com.br\/wp-content\/uploads\/2026\/10\/compa-rj-ensino-medio-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/compa-rj.com.br\/ensino-medio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/compa-rj.com.br\/"},{"@type":"ListItem","position":2,"name":"Ensino M\u00e9dio"}]},{"@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\/1688","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=1688"}],"version-history":[{"count":5,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages\/1688\/revisions"}],"predecessor-version":[{"id":35159,"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/pages\/1688\/revisions\/35159"}],"wp:attachment":[{"href":"https:\/\/compa-rj.com.br\/en\/wp-json\/wp\/v2\/media?parent=1688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}