{"id":7522,"date":"2026-07-31T15:27:52","date_gmt":"2026-07-31T18:27:52","guid":{"rendered":"https:\/\/home.dbosco.com.br\/?page_id=7522"},"modified":"2026-08-11T16:37:55","modified_gmt":"2026-08-11T19:37:55","slug":"simex","status":"publish","type":"page","link":"https:\/\/home.dbosco.com.br\/index.php\/simex\/","title":{"rendered":"Simex"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7522\" class=\"elementor elementor-7522\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d1dba8e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d1dba8e\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-50daef4 ot-flex-column-vertical\" data-id=\"50daef4\" 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-49d6c97 elementor-widget elementor-widget-html\" data-id=\"49d6c97\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Header Simex Onu<\/title>\r\n    \r\n    <style>\r\n        \/* ===========================\r\n           ESTILOS GERAIS\r\n        =========================== *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&display=swap');\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: #f0f0f0; \r\n        }\r\n\r\n        .navbar {\r\n            background-color: #7A539F; \r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 40px;\r\n            color: #FFFFFF;\r\n            position: relative;\r\n            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\r\n            z-index: 999; \/* GARANTE QUE O MENU CAIA POR CIMA DE TUDO *\/\r\n        }\r\n\r\n        \/* ===========================\r\n           ESTILIZA\u00c7\u00c3O DA LOGO \r\n        =========================== *\/\r\n        .logo-section {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .logo-img {\r\n            height: 40px; \r\n            width: 35%;\r\n            padding: 0 0 0 35px;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* ===========================\r\n           NAVEGA\u00c7\u00c3O DESKTOP \r\n        =========================== *\/\r\n        .nav-desktop {\r\n            display: flex;\r\n        }\r\n\r\n        .nav-links {\r\n            display: flex;\r\n            list-style: none;\r\n            align-items: center;\r\n            gap: 30px;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: #FFFFFF;\r\n            text-decoration: none;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            opacity: 0.7;\r\n        }\r\n\r\n        .btn-inscreva {\r\n            background-color: #FFEA00;\r\n            color: #7A539F !important;\r\n            padding: 10px 24px;\r\n            border-radius: 25px;\r\n            font-weight: 800 !important;\r\n            display: inline-block;\r\n            transition: transform 0.2s ease, background-color 0.2s;\r\n        }\r\n\r\n        .btn-inscreva:hover {\r\n            background-color: #e6d300;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* ===========================\r\n           MENU MOBILE (OCULTO NO DESKTOP) \r\n        =========================== *\/\r\n        .menu-checkbox {\r\n            display: none; \r\n        }\r\n\r\n        .menu-toggle {\r\n            display: none; \r\n            cursor: pointer;\r\n            background-color: rgba(255, 255, 255, 0.15); \r\n            width: 50px; \/* CORRIGIDO DE 150px PARA 50px *\/\r\n            height: 50px;\r\n            border-radius: 50%;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: background-color 0.3s;\r\n            z-index: 1000; \r\n        }\r\n\r\n        .menu-toggle:hover {\r\n            background-color: rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        .hamburger {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 6px;\r\n        }\r\n\r\n        .hamburger span {\r\n            display: block;\r\n            width: 22px;\r\n            height: 2px;\r\n            background-color: #FFFFFF;\r\n            transition: 0.3s;\r\n        }\r\n\r\n        .nav-mobile {\r\n            display: none; \r\n        }\r\n\r\n        \/* ===========================\r\n           RESPONSIVIDADE (MOBILE) \r\n        =========================== *\/\r\n        @media (max-width: 1050px) {\r\n            .navbar {\r\n                padding: 15px 20px; \r\n            }\r\n\r\n            .nav-desktop {\r\n                display: none; \r\n            }\r\n\r\n            .menu-toggle {\r\n                display: flex; \r\n            }\r\n\r\n            .nav-mobile {\r\n                display: none; \r\n                position: absolute;\r\n                top: 100%; \r\n                left: 0;\r\n                width: 100%;\r\n                background-color: #674389; \r\n                padding: 30px 0;\r\n                box-shadow: 0 10px 15px rgba(0,0,0,0.3);\r\n                z-index: 998; \r\n            }\r\n\r\n            .nav-links-mobile {\r\n                list-style: none;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                gap: 25px;\r\n            }\r\n\r\n            .nav-links-mobile a {\r\n                color: #FFFFFF;\r\n                text-decoration: none;\r\n                font-size: 16px;\r\n                font-weight: 700;\r\n            }\r\n\r\n            \/* L\u00f3gica de clique *\/\r\n            .menu-checkbox:checked ~ .nav-mobile {\r\n                display: block;\r\n            }\r\n\r\n            \/* Anima\u00e7\u00e3o do \u00edcone *\/\r\n            .menu-checkbox:checked ~ .menu-toggle .hamburger span:nth-child(1) {\r\n                transform: translateY(8px) rotate(45deg);\r\n            }\r\n            .menu-checkbox:checked ~ .menu-toggle .hamburger span:nth-child(2) {\r\n                opacity: 0;\r\n            }\r\n            .menu-checkbox:checked ~ .menu-toggle .hamburger span:nth-child(3) {\r\n                transform: translateY(-8px) rotate(-45deg);\r\n            }\r\n            \r\n            .logo-img {\r\n                height: 20px; \r\n                width: 60%;\r\n                padding: 0;\r\n                object-fit: contain;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <header class=\"navbar\">\r\n        <!-- Logo -->\r\n        <div class=\"logo-section\">\r\n            <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/home.dbosco.com.br\/wp-content\/uploads\/2026\/02\/Logo-DB-e-IB.png?ssl=1\" alt=\"Logo Dom Bosco\" class=\"logo-img\">\r\n        <\/div>\r\n\r\n        <!-- Bot\u00e3o Mobile Invis\u00edvel (L\u00f3gica CSS) -->\r\n        <input type=\"checkbox\" id=\"menu-checkbox\" class=\"menu-checkbox\">\r\n        \r\n        <!-- \u00cdcone Hamb\u00farguer Mobile -->\r\n        <label for=\"menu-checkbox\" class=\"menu-toggle\">\r\n            <div class=\"hamburger\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n        <\/label>\r\n\r\n        <!-- Navega\u00e7\u00e3o Desktop -->\r\n        <nav class=\"nav-desktop\">\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#sobre\">SOBRE<\/a><\/li>\r\n                <li><a href=\"#comite\">COMIT\u00caS<\/a><\/li>\r\n                <li><a href=\"#cronograma\">CRONOGRAMA<\/a><\/li>\r\n                <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n                <li><a href=\"#inscrevase\" class=\"btn-inscreva\">INSCREVA-SE<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <!-- Navega\u00e7\u00e3o Mobile (Controlada pelo clique no hamb\u00farguer) -->\r\n        <nav class=\"nav-mobile\">\r\n            <ul class=\"nav-links-mobile\">\r\n                <li><a href=\"#sobre\">SOBRE<\/a><\/li>\r\n                <li><a href=\"#comite\">COMIT\u00caS<\/a><\/li>\r\n                <li><a href=\"#cronograma\">CRONOGRAMA<\/a><\/li>\r\n                <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n                <li><a href=\"#inscrevase\" class=\"btn-inscreva\">INSCREVA-SE<\/a><\/li>\r\n            <\/ul>\r\n        <\/nav>\r\n    <\/header>\r\n\r\n<\/body>\r\n<\/html>\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-8b73f39 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8b73f39\" data-element_type=\"section\" data-e-type=\"section\">\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-c8879fc ot-flex-column-vertical\" data-id=\"c8879fc\" 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-9da255e elementor-widget elementor-widget-html\" data-id=\"9da255e\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Se\u00e7\u00e3o Simex Onu<\/title>\r\n    \r\n    <style>\r\n        \/* ===========================\r\n           ESTILOS GERAIS\r\n        =========================== *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap');\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        \/* ===========================\r\n           SE\u00c7\u00c3O HERO (DESTAQUE)\r\n        =========================== *\/\r\n        .hero-section {\r\n            background-color: #5c3789;\r\n            background-image: url('data:image\/svg+xml;utf8,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"><polygon points=\"10,10 18,10 10,22\" fill=\"%23dcc655\" opacity=\"0.4\"\/><\/svg>');\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 80px 40px;\r\n            color: #FFFFFF !important; \r\n        }\r\n\r\n        .circle-decoration {\r\n            position: absolute;\r\n            bottom: -80px;\r\n            right: -50px;\r\n            width: 250px;\r\n            height: 250px;\r\n            border: 8px solid #FFEA00;\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .hero-container {\r\n            max-width: 100%;\r\n            margin: 0px 3px 0px 80px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 60px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* ===========================\r\n           COLUNA ESQUERDA (TEXTOS)\r\n        =========================== *\/\r\n        .hero-left {\r\n            flex: 1.2;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            color: #FFEA00;\r\n            font-size: 11px;\r\n            font-weight: 800;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            display: block;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .hero-title {\r\n            color: #fff;\r\n            font-size: 82px;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            margin-bottom: 25px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hero-text {\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n            margin-bottom: 40px;\r\n            max-width: 90%;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .btn-pink {\r\n            background-color: #df2c91;\r\n            color: white!important;\r\n            text-decoration: none;\r\n            padding: 12px 28px;\r\n            border-radius: 30px;\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: transform 0.2s, background-color 0.2s;\r\n        }\r\n\r\n        .btn-pink:hover {\r\n            background-color: #c92582;\r\n            transform: scale(1.05);\r\n            color: white !important;\r\n        }\r\n\r\n        .btn-yellow {\r\n            background-color: #FFEA00;\r\n            color: #5c3789 !important;\r\n            text-decoration: none;\r\n            padding: 12px 28px;\r\n            border-radius: 30px;\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            transition: transform 0.2s, background-color 0.2s;\r\n        }\r\n\r\n        .btn-yellow:hover {\r\n            background-color: #e6d30 !important;\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        \/* ===========================\r\n           COLUNA DIREITA (IMAGEM + INFOS)\r\n        =========================== *\/\r\n        .hero-right {\r\n            flex: 0.8;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            width: 100%;\r\n            background: transparent !important;\r\n        }\r\n        \r\n        \/* CAIXA EM VOLTA DA IMAGEM *\/\r\n        .hero-image-wrapper {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* A IMAGEM EM SI - AJUSTADA PARA N\u00c3O DISTORCER *\/\r\n        .hero-image-wrapper img {\r\n            width: 100%;\r\n            max-width: 400px; \/* Limite do tamanho no desktop *\/\r\n            height: auto !important; \/* IMPEDE A DISTOR\u00c7\u00c3O *\/\r\n            object-fit: contain !important; \/* Garante a propor\u00e7\u00e3o correta *\/\r\n            display: block;\r\n            margin: 0 auto 10px auto; \r\n            \r\n            \/* For\u00e7a a remo\u00e7\u00e3o do fundo\/borda do Elementor *\/\r\n            background-color: transparent !important;\r\n            background: none !important;\r\n            box-shadow: none !important;\r\n            border: none !important;\r\n            outline: none !important;\r\n            border-radius: 0 !important;\r\n        }\r\n\r\n        .info-cards {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .info-card {\r\n            background-color: #FFFFFF;\r\n            border-radius: 8px;\r\n            padding: 15px 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .info-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #b58cc9;\r\n        }\r\n\r\n        .info-texts {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .info-label {\r\n            font-size: 10px;\r\n            color: #8c6a9f;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .info-value {\r\n            font-size: 14px;\r\n            color: #5c3789;\r\n            font-weight: 800;\r\n        }\r\n\r\n        \/* ===========================\r\n           RESPONSIVIDADE (MOBILE)\r\n        =========================== *\/\r\n        @media (max-width: 950px) {\r\n            .hero-section {\r\n                padding: 40px 20px !important; \r\n            }\r\n\r\n            .hero-container {\r\n                margin: 0 !important; \r\n                flex-direction: column;\r\n            }\r\n\r\n            .hero-title {\r\n                font-size: 42px !important; \r\n                line-height: 1.1;\r\n            }\r\n\r\n            .hero-text {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .hero-buttons {\r\n                justify-content: flex-start;\r\n            }\r\n\r\n            .circle-decoration {\r\n                width: 150px;\r\n                height: 150px;\r\n                right: -30px;\r\n                bottom: -30px;\r\n                border-width: 5px;\r\n            }\r\n\r\n            .hero-image-wrapper img {\r\n                max-width: 280px !important; \/* Limite do tamanho no mobile *\/\r\n                margin: 0 auto 20px auto !important; \r\n                height: auto !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-section\">\r\n        <div class=\"circle-decoration\"><\/div>\r\n\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-left\">\r\n                <span class=\"hero-subtitle\">DOM BOSCO EXPONENCIAL IB WORLD SCHOOL<\/span>\r\n                <h1 class=\"hero-title\">SIMEX ONU-<br>SIMULA\u00c7\u00c3O <br>DO COL\u00c9GIO<br>DOM BOSCO<\/h1>\r\n                <p class=\"hero-text\">Uma experi\u00eancia para estudantes que querem negociar,\r\ncompreender, criar e explorar diferentes facetas de\r\ndesafios globais<\/p>\r\n                \r\n                <div class=\"hero-buttons\">\r\n                    <a href=\"#inscrevase\" class=\"btn-pink\">\r\n                        FAZER INSCRI\u00c7\u00c3O \r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                    <\/a>\r\n                    <a href=\"#comite\" class=\"btn-yellow\">CONHECER COMIT\u00caS<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-right\">\r\n                <div class=\"hero-image-wrapper\">\r\n                    <!-- A imagem agora vai respeitar o espa\u00e7o sem esticar! -->\r\n                    <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/home.dbosco.com.br\/wp-content\/uploads\/2026\/08\/Simex-Logo.png?ssl=1\" alt=\"Destaque Simex 2026\">\r\n                <\/div>\r\n\r\n                <div class=\"info-cards\">\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">DATA<\/span>\r\n                            <span class=\"info-value\">24, 25 e 26 de setembro<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l1 2h18l1-2-10-5zm-1 9h2v8h-2v-8zm-4 0h2v8H7v-8zm8 0h2v8h-2v-8zM3 21h18v2H3v-2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">LOCAL<\/span>\r\n                            <span class=\"info-value\">Col\u00e9gio Dom Bosco<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">P\u00daBLICO<\/span>\r\n                            <span class=\"info-value\">9\u00ba ano \u00e0 3\u00ba s\u00e9rie do Ensino M\u00e9dio <\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-icon\">\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M22 10V6a2 2 0 0 0-2-2H4c-1.1 0-1.99.89-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2s.9-2 2-2zm-9 7.5h-2v-2h2v2zm0-4.5h-2v-2h2v2zm0-4.5h-2v-2h2v2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">INSCRI\u00c7\u00c3O<\/span>\r\n                            <span class=\"info-value\">Valor Aluno DB R$ 95,00<br>\r\nValor Aluno Externo R$ 100<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-6784750 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6784750\" data-element_type=\"section\" data-e-type=\"section\" id=\"sobre\">\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-5be3334 ot-flex-column-vertical\" data-id=\"5be3334\" 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-a0ccdba elementor-widget elementor-widget-heading\" data-id=\"a0ccdba\" 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<h6 class=\"elementor-heading-title elementor-size-default\">SOBRE<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fbaadf8 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"fbaadf8\" 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<h2 class=\"elementor-heading-title elementor-size-default\">A SIMEX ONU SE COMUNICA\nCOM O PASSADO, O PRESENTE E\nO FUTURO!<\/h2>\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-d2ac1a6 ot-flex-column-vertical\" data-id=\"d2ac1a6\" 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-ea3c5c7 elementor-widget elementor-widget-text-editor\" data-id=\"ea3c5c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>A SIMEX aproxima os estudantes do funcionamento das Na\u00e7\u00f5es Unidas por meio de debates, pesquisa, constru\u00e7\u00e3o de consenso e defesa de posi\u00e7\u00f5es em comit\u00eas tem\u00e1ticos.<\/p><p>Nesta edi\u00e7\u00e3o, propomos uma reflex\u00e3o para a<br \/>problem\u00e1tica enfrentada pelos refugiados e o papel dos<br \/>governos autorit\u00e1rios no cen\u00e1rio internacional.<\/p><p>A SIMEX convida ao debate os estudantes sobre os<br \/>limites do poder estatal e a prote\u00e7\u00e3o de direitos<br \/>fundamentais.<\/p>\t\t\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-7d8d173 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7d8d173\" data-element_type=\"section\" data-e-type=\"section\" id=\"comite\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-100 elementor-top-column elementor-element elementor-element-338f70e ot-flex-column-vertical\" data-id=\"338f70e\" 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-3b23806 elementor-widget elementor-widget-heading\" data-id=\"3b23806\" 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<h6 class=\"elementor-heading-title elementor-size-default\">COMIT\u00caS<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a018eb6 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading\" data-id=\"a018eb6\" 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<h2 class=\"elementor-heading-title elementor-size-default\">CONHE\u00c7A OS COMIT\u00caS <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e85a247 elementor-widget elementor-widget-text-editor\" data-id=\"e85a247\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"section-heading\"><p>Conhe\u00e7a cada uma das comiss\u00f5es<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b946f8 elementor-widget elementor-widget-html\" data-id=\"7b946f8\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Comit\u00eas Simex<\/title>\r\n    <style>\r\n        \/* ===========================\r\n           ESTILOS GERAIS\r\n        =========================== *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap');\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        .committees-section {\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .committees-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            width: 100%;\r\n            \/* Ajuste o max-width caso queira limitar a largura no desktop *\/\r\n            \/* max-width: 1200px; *\/\r\n        }\r\n\r\n        \/* ===========================\r\n           ESTRUTURA DO CARD\r\n        =========================== *\/\r\n        .committee-card {\r\n            padding: 40px 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Topo do card (Badge e \u00cdcone) *\/\r\n        .card-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: flex-start;\r\n            margin-bottom: 35px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .badge {\r\n            background-color: #FFFFFF;\r\n            padding: 5px 15px;\r\n            border-radius: 20px;\r\n            font-size: 14px;\r\n            font-weight: 900;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .icon-circle {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-top: -15px;\r\n            margin-right: -10px;\r\n        }\r\n\r\n        .icon-circle svg {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n\r\n        \/* Textos do Card *\/\r\n        .card-title {\r\n            font-size: 20px;\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            margin-bottom: 25px;\r\n            text-transform: uppercase;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-theme {\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            margin-bottom: 15px;\r\n            line-height: 1.4;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-desc {\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n            margin-bottom: 30px;\r\n            flex-grow: 1; \/* Faz o texto empurrar o rodap\u00e9 para baixo *\/\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Rodap\u00e9 do Card (Status e Bot\u00e3o) *\/\r\n        .card-footer {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-stats {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-weight: 800;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .btn-choose {\r\n            display: block;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            padding: 12px 10px;\r\n            border-radius: 25px;\r\n            font-size: 12px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            background-color: #FFFFFF;\r\n            transition: transform 0.2s;\r\n        }\r\n\r\n        .btn-choose:hover {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* ===========================\r\n           CORES ESPEC\u00cdFICAS (TEMAS)\r\n        =========================== *\/\r\n        \r\n        \/* Tema Azul (HRC) *\/\r\n        .theme-blue {\r\n            background-color: #8bd8e8;\r\n            color: #3b2866;\r\n        }\r\n        .theme-blue .badge { color: #3b2866; }\r\n        .theme-blue .icon-circle { background-color: rgba(255, 255, 255, 0.3); }\r\n        .theme-blue .icon-circle svg { fill: rgba(59, 40, 102, 0.4); }\r\n        .theme-blue .btn-choose { color: #3b2866; }\r\n\r\n        \/* Tema Verde (CSNU) *\/\r\n        .theme-green {\r\n            background-color: #aed355;\r\n            color: #3b2866;\r\n        }\r\n        .theme-green .badge { color: #3b2866; }\r\n        .theme-green .icon-circle { background-color: rgba(255, 255, 255, 0.3); }\r\n        .theme-green .icon-circle svg { fill: rgba(59, 40, 102, 0.4); }\r\n        .theme-green .btn-choose { color: #3b2866; }\r\n\r\n        \/* Tema Magenta (AGRIU) *\/\r\n        .theme-magenta {\r\n            background-color: #d9279b;\r\n            color: #FFFFFF;\r\n        }\r\n        .theme-magenta .badge { color: #3b2866; }\r\n        .theme-magenta .icon-circle { background-color: rgba(255, 255, 255, 0.2); }\r\n        .theme-magenta .icon-circle svg { fill: rgba(255, 255, 255, 0.5); }\r\n        .theme-magenta .btn-choose { color: #3b2866; }\r\n\r\n        \/* Tema Amarelo (CGC) *\/\r\n        .theme-yellow {\r\n            background-color: #fbe215;\r\n            color: #3b2866;\r\n        }\r\n        .theme-yellow .badge { color: #3b2866; }\r\n        .theme-yellow .icon-circle { background-color: rgba(0, 0, 0, 0.05); }\r\n        .theme-yellow .icon-circle svg { fill: rgba(59, 40, 102, 0.4); }\r\n        \r\n        \/* Bot\u00e3o Desativado (Esgotado) *\/\r\n        .btn-disabled {\r\n            background-color: #b29359 !important;\r\n            color: #FFFFFF !important;\r\n            pointer-events: none; \/* Desabilita o clique *\/\r\n        }\r\n\r\n        \/* ===========================\r\n           RESPONSIVIDADE (MOBILE)\r\n        =========================== *\/\r\n        @media (max-width: 1024px) {\r\n            .committees-grid {\r\n                grid-template-columns: repeat(2, 1fr); \/* 2 colunas no tablet *\/\r\n            }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .committees-grid {\r\n                grid-template-columns: 1fr; \/* 1 coluna no celular *\/\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"committees-section\">\r\n        <div class=\"committees-grid\">\r\n            \r\n            <!-- CARD 1: HRC -->\r\n            <div class=\"committee-card theme-blue\">\r\n                <div class=\"card-header\">\r\n                    <span class=\"badge\">HRC<\/span>\r\n                    <div class=\"icon-circle\">\r\n                        <!-- SVG de Pin gen\u00e9rico aproximado da imagem -->\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"card-title\">HUMAN RIGHTS COMMITTEE\r\n<\/h2>\r\n                <p class=\"card-theme\">THE RIGHT TO FREEDOM OF EXPRESSION IN\r\nTIMES OF FRAGILES DEMOCRACIES<\/p>\r\n                <p class=\"card-desc\">Maintance and assurance of\r\nfreedom of expression and\r\nhuman rights globally<\/p>\r\n                <div class=\"card-footer\">\r\n                    <div class=\"card-stats\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 2: CSNU -->\r\n            <div class=\"committee-card theme-green\">\r\n                <div class=\"card-header\">\r\n                    <span class=\"badge\">CSNU<\/span>\r\n                    <div class=\"icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"card-title\">CONSELHO DE<br>SEGURAN\u00c7A<\/h2>\r\n                <p class=\"card-theme\">Palestina entre Guerras (1947):\r\nSoberania de fronteiras e o impacto da\r\ncrise de deslocados na seguran\u00e7a\r\nregional<\/p>\r\n                <p class=\"card-desc\">Resolu\u00e7\u00e3o de conflitos hist\u00f3ricos de\r\nimpacto atemporal, a fim de alcan\u00e7ar a\r\npaz mundial.<\/p>\r\n                <div class=\"card-footer\">\r\n                    <div class=\"card-stats\">\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 3: AGRIU -->\r\n            <div class=\"committee-card theme-magenta\">\r\n                <div class=\"card-header\">\r\n                    <span class=\"badge\">AGNU<\/span>\r\n                    <div class=\"icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"card-title\">ASSEMBLEIA GERAL<\/h2>\r\n                <p class=\"card-theme\">(2045) A soberanina estatal na era do\r\nNeocolonialismo Tecnol\u00f3gico: a\r\ngovernan\u00e7a global sobre o monop\u00f3lio\r\ncorporativo de semicondutores\r\nqu\u00e2nticos e a infraestrutura cibern\u00e9tica\r\nglobal<\/p>\r\n                <p class=\"card-desc\">Delibera\u00e7\u00e3o dos limites de\r\nmegacorpora\u00e7\u00f5es no controle\r\ngovernamental<\/p>\r\n                <div class=\"card-footer\">\r\n                    <div class=\"card-stats\">\r\n                        \r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- CARD 4: CGC -->\r\n            <div class=\"committee-card theme-yellow\">\r\n                <div class=\"card-header\">\r\n                    <span class=\"badge\">CGC<\/span>\r\n                    <div class=\"icon-circle\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n                <h2 class=\"card-title\">COMIT\u00ca GERAL DE COMUNICA\u00c7\u00c3O\r\n<\/h2>\r\n                <p class=\"card-theme\">Comit\u00ea jornal\u00edstico respons\u00e1vel por\r\nregistrar os eventos durante a\r\nsimula\u00e7\u00e3o.<\/p>\r\n                <p class=\"card-desc\">Poss\u00edveis posi\u00e7\u00f5es dos membros:\r\nRedatores, fot\u00f3grafos e\r\ndiagramadores.<\/p>\r\n                <div class=\"card-footer\">\r\n                    <div class=\"card-stats\">\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-c17d737 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c17d737\" data-element_type=\"section\" data-e-type=\"section\" id=\"cronograma\">\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-85820c8 ot-flex-column-vertical\" data-id=\"85820c8\" 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-ff8332b elementor-widget elementor-widget-html\" data-id=\"ff8332b\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Se\u00e7\u00e3o Simex Onu<\/title>\r\n    \r\n    <style>\r\n        \/* ===========================\r\n           ESTILOS GERAIS\r\n        =========================== *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800;900&display=swap');\r\n\r\n        * {\r\n        \r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Montserrat', sans-serif;\r\n        }\r\n\r\n        \/* ===========================\r\n           SE\u00c7\u00c3O HERO (DESTAQUE)\r\n        =========================== *\/\r\n        .hero-seccao {\r\n            background-color: #F4F2F6; \/* Roxo do fundo *\/\r\n            \/* Padr\u00e3o de tri\u00e2ngulos sutil criado em CSS *\/\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 80px 40px;\r\n            color: #FFFFFF;!important\r\n        }\r\n\r\n        \/* C\u00edrculo amarelo decorativo no canto inferior direito *\/\r\n        .circle-decoration {\r\n            position: absolute;\r\n            bottom: -80px;\r\n            right: -50px;\r\n            width: 250px;\r\n            height: 250px;\r\n            border: 8px solid #FFEA00;\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            opacity: 0.8;\r\n        }\r\n\r\n        .hero-container {\r\n            max-width: 100%;\r\n            margin: 0px 3px 0px 80px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 60px;\r\n            position: relative;\r\n            z-index: 2; \/* Fica acima das decora\u00e7\u00f5es de fundo *\/\r\n        }\r\n\r\n        \/* ===========================\r\n           COLUNA ESQUERDA (TEXTOS)\r\n        =========================== *\/\r\n        .hero-left {\r\n            flex: 1.2;\r\n        }\r\n\r\n        .hero-subtitle2 {\r\n            color: #D62F96;\r\n            font-size: 11px;\r\n            font-weight: 800;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            display: block;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .hero-title2 {\r\n            color: #71489A;\r\n            font-size: 52px;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            margin-bottom: 25px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .hero-text2 {\r\n            color: gray;\r\n            font-size: 16px;\r\n            font-weight: 400;\r\n            line-height: 1.5;\r\n            margin-bottom: 40px;\r\n            max-width: 90%;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* ===========================\r\n           COLUNA DIREITA (IMAGEM + INFOS)\r\n        =========================== *\/\r\n        .hero-right {\r\n            flex: 0.8;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* Placeholder para a imagem solicitada *\/\r\n        .hero-image-wrapper img {\r\n            width: 100%;\r\n            height: auto;\r\n            border-radius: 10px;\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.15);\r\n            display: block;\r\n            \/* Caso a imagem n\u00e3o carregue, mant\u00e9m um fundo de fallback *\/\r\n            background-color: #4a2b70; \r\n            min-height: 150px;\r\n        }\r\n\r\n        .info-cards {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n        }\r\n\r\n        .info-card {\r\n            background-color: #FFFFFF;\r\n            border-radius: 8px;\r\n            padding: 15px 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .info-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: #b58cc9; \/* Cor roxa clara para os \u00edcones *\/\r\n        }\r\n\r\n        .info-texts {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .info-label {\r\n            font-size: 15px;\r\n            color: #8c6a9f;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            margin-bottom: 2px;\r\n        }\r\n\r\n        .info-value {\r\n            font-size: 14px;\r\n            color: #5c3789;\r\n            font-weight: 800;\r\n        }\r\n\r\n        \/* ===========================\r\n           RESPONSIVIDADE (MOBILE)\r\n        =========================== *\/\r\n        @media (max-width: 950px) {\r\n            .hero-container {\r\n                flex-direction: column;\r\n                \r\n            }\r\n\r\n            .hero-title2 {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .hero-text2 {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .hero-buttons {\r\n                justify-content: flex-start;\r\n            }\r\n\r\n            .circle-decoration {\r\n                width: 150px;\r\n                height: 150px;\r\n                right: -30px;\r\n                bottom: -30px;\r\n                border-width: 5px;\r\n            }\r\n            .hero-seccao {\r\n            padding: 10px 5px;\r\n            color: #FFFFFF;!important\r\n        }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-seccao\">\r\n        <!-- Decora\u00e7\u00e3o de fundo -->\r\n        <div class=\"circle-decoration\"><\/div>\r\n\r\n        <div class=\"hero-container\">\r\n            <!-- Coluna Esquerda: Textos e Bot\u00f5es -->\r\n            <div class=\"hero-left\">\r\n                <span class=\"hero-subtitle2\">Cronograma<\/span>\r\n                <h2 class=\"hero-title2\">Da inscri\u00e7\u00e3o \u00e0 sess\u00e3o final<br><\/h2>\r\n                <p class=\"hero-text2\">Fique por dentro da nossa programa\u00e7\u00e3o.\r\n<\/p>\r\n                \r\n            <\/div>\r\n\r\n            <!-- Coluna Direita: Imagem e Cards de Info -->\r\n            <div class=\"hero-right\">\r\n                \r\n                <!-- LOCAL PARA INSERIR A URL DA SUA IMAGEM -->\r\n\r\n\r\n                <!-- Lista de Informa\u00e7\u00f5es -->\r\n                <div class=\"info-cards\">\r\n                    \r\n                    <!-- Card Data -->\r\n                    <div class=\"info-card\">\r\n\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">11 ago<\/span>\r\n                            <span class=\"info-value\">Abertura das inscri\u00e7\u00f5es<\/span>\r\n                            <p style=\"color:gray\">Formul\u00e1rio liberado para alunos e respons\u00e1veis.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Card Local -->\r\n                    <div class=\"info-card\">\r\n\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">10 set<\/span>\r\n                            <span class=\"info-value\">Encerramento das inscri\u00e7\u00f5es<\/span>\r\n                            <p style=\"color:gray\">\u00daltimo dia para concluir inscri\u00e7\u00e3o e pagamento.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Card P\u00fablico -->\r\n                    <div class=\"info-card\">\r\n\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">19 SET<\/span>\r\n                            <span class=\"info-value\">Prepara\u00e7\u00e3o<\/span>\r\n                            <p style=\"color:gray\">Guia de estudos, Mock e produ\u00e7\u00e3o de DPO.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Card Inscri\u00e7\u00e3o -->\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">24 set<\/span>\r\n                            <span class=\"info-value\">Credenciamento e abertura<\/span>\r\n                            <p style=\"color:gray\">Entrega dos kits, palestras dos docentes e boas-vindas aos delegados<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">25 set<\/span>\r\n                            <span class=\"info-value\">Dia de Debate<\/span>\r\n                            <p style=\"color:gray\">Ambienta\u00e7\u00e3o dos membros e primeiras sess\u00f5es.<\/p>\r\n                    \r\n                        <\/div>\r\n                    \r\n                    <\/div>\r\n                    <div class=\"info-card\">\r\n                        <div class=\"info-texts\">\r\n                            <span class=\"info-label\">26 set<\/span>\r\n                            <span class=\"info-value\">Sess\u00f5es e cerim\u00f4nia de encerramento<\/span>\r\n                            <p style=\"color:gray\">Debates, cerim\u00f4nia de encerramento e\r\nentrega dos certificados.<\/p>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\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-7e66045 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"7e66045\" data-element_type=\"section\" data-e-type=\"section\" id=\"inscrevase\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-50 elementor-top-column elementor-element elementor-element-7fe5072 ot-column-items-center ot-flex-column-vertical\" data-id=\"7fe5072\" 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-3b9375b elementor-widget elementor-widget-heading\" data-id=\"3b9375b\" 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<h2 class=\"elementor-heading-title elementor-size-default\">INSCRI\u00c7\u00c3O<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72362c6 elementor-widget elementor-widget-heading\" data-id=\"72362c6\" 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<h2 class=\"elementor-heading-title elementor-size-default\">GARANTA A SUA\nVAGA!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d17d1b3 elementor-widget elementor-widget-text-editor\" data-id=\"d17d1b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Preencha seus dados para<br \/>reservar sua vaga. Na pr\u00f3xima<br \/>etapa, voc\u00ea finalizar\u00e1 a inscri\u00e7\u00e3o<br \/>e confirmar\u00e1 sua matr\u00edcula de<br \/>forma r\u00e1pida e segura.<\/p>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2440db7 ot-flex-column-vertical\" data-id=\"2440db7\" 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-9208312 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"9208312\" 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<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Formul\u00e1rio Inscri\u00e7\u00e3o Simex<\/title>\r\n    <style>\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n        \/* Container Principal *\/\r\n        .simex-form-container {\r\n            font-family: 'Montserrat', sans-serif;\r\n            background-color: transparent;\r\n            padding: 20px 0;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Layout Flexbox *\/\r\n        .form-layout {\r\n            display: flex;\r\n            width: 100%;\r\n            max-width: 850px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* Barra Magenta Lateral *\/\r\n        .magenta-sidebar {\r\n            width: 45px;\r\n            background-color: #d9279b;\r\n            border-radius: 8px 0 0 8px;\r\n            flex-shrink: 0;\r\n            z-index: 1;\r\n        }\r\n\r\n        \/* Container dos cards *\/\r\n        .cards-container {\r\n            flex-grow: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* Oculta as etapas inativas e aplica anima\u00e7\u00e3o *\/\r\n        .form-step {\r\n            display: none;\r\n            animation: fadeIn 0.4s ease-out forwards;\r\n        }\r\n        \r\n        .form-step.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* O Card Branco *\/\r\n        .form-card {\r\n            background-color: #ffffff;\r\n            border-radius: 0 8px 8px 8px;\r\n            padding: 35px 40px 30px 40px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.06);\r\n            position: relative;\r\n            margin-left: -10px;\r\n            border: 1px solid #f0f0f0;\r\n        }\r\n\r\n        \/* Etiqueta Amarela (Badge) *\/\r\n        .section-badge {\r\n            background-color: #ffeb00;\r\n            color: #5c3789;\r\n            font-size: 11px;\r\n            font-weight: 900;\r\n            text-transform: uppercase;\r\n            padding: 6px 15px;\r\n            border-radius: 20px;\r\n            position: absolute;\r\n            top: -12px;\r\n            left: -15px;\r\n            z-index: 3;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        \/* Grid dos campos *\/\r\n        .form-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 15px 20px;\r\n        }\r\n\r\n        .full-width {\r\n            grid-column: span 2;\r\n        }\r\n\r\n        \/* Labels e Inputs *\/\r\n        .form-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 6px;\r\n        }\r\n\r\n        .form-group label {\r\n            font-size: 11px;\r\n            font-weight: 800;\r\n            color: #5c3789;\r\n        }\r\n\r\n        .simex-form-container input, \r\n        .simex-form-container select, \r\n        .simex-form-container textarea {\r\n            font-family: 'Montserrat', sans-serif !important;\r\n            font-size: 13px !important;\r\n            padding: 12px !important;\r\n            border: 1px solid #e0e0e0 !important;\r\n            border-radius: 4px !important;\r\n            color: #333 !important;\r\n            outline: none !important;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            background-color: #fff !important;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .simex-form-container input:focus, \r\n        .simex-form-container select:focus, \r\n        .simex-form-container textarea:focus {\r\n            border-color: #ffeb00 !important;\r\n            box-shadow: 0 0 0 3px rgba(255, 235, 0, 0.2) !important;\r\n        }\r\n\r\n        .simex-form-container textarea {\r\n            resize: vertical;\r\n            min-height: 80px;\r\n        }\r\n\r\n        \/* Checkboxes *\/\r\n        .checkbox-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 12px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .checkbox-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 10px;\r\n        }\r\n\r\n        .checkbox-item input[type=\"checkbox\"] {\r\n            width: 16px !important;\r\n            height: 16px !important;\r\n            margin-top: 1px;\r\n            accent-color: #d9279b;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .checkbox-item label {\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            color: #555;\r\n            cursor: pointer;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        \/* Bot\u00f5es de Navega\u00e7\u00e3o e Envio *\/\r\n        .step-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 25px;\r\n        }\r\n\r\n        .btn-next, .btn-prev, .btn-submit {\r\n            font-family: 'Montserrat', sans-serif !important;\r\n            font-size: 14px !important;\r\n            font-weight: 800 !important;\r\n            text-transform: uppercase !important;\r\n            padding: 15px 25px !important;\r\n            border: none !important;\r\n            border-radius: 30px !important;\r\n            cursor: pointer !important;\r\n            transition: transform 0.2s, background-color 0.2s !important;\r\n            flex: 1; \/* Faz os bot\u00f5es dividirem o espa\u00e7o igualmente *\/\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-next, .btn-submit {\r\n            background-color: #ffeb00 !important;\r\n            color: #5c3789 !important;\r\n        }\r\n\r\n        .btn-next:hover, .btn-submit:hover {\r\n            background-color: #e6d300 !important;\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .btn-prev {\r\n            background-color: #e0e0e0 !important;\r\n            color: #555 !important;\r\n            flex: 0.5; \/* Deixa o bot\u00e3o de voltar um pouco menor que o de avan\u00e7ar *\/\r\n        }\r\n\r\n        .btn-prev:hover {\r\n            background-color: #d0d0d0 !important;\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        .btn-submit:disabled {\r\n            background-color: #cccccc !important;\r\n            color: #666666 !important;\r\n            cursor: not-allowed !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        \/* Responsividade *\/\r\n        @media (max-width: 650px) {\r\n            .form-grid { grid-template-columns: 1fr; }\r\n            .full-width { grid-column: span 1; }\r\n            .magenta-sidebar { width: 20px; }\r\n            .form-card { padding: 30px 20px 25px 20px; margin-left: -5px; }\r\n            .section-badge { left: -10px; }\r\n            .step-buttons { flex-direction: column-reverse; gap: 10px; }\r\n            .btn-prev { flex: 1; padding: 12px 25px !important; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"simex-form-container\">\r\n        <form id=\"simexForm\" class=\"form-layout\">\r\n            \r\n            <!-- Barra Lateral Rosa Escuro (Fica Fixa) -->\r\n            <div class=\"magenta-sidebar\"><\/div>\r\n            \r\n            <!-- Coluna dos Cards de Informa\u00e7\u00e3o -->\r\n            <div class=\"cards-container\">\r\n                \r\n                <!-- ETAPA 1: PARTICIPANTE -->\r\n                <div class=\"form-step active\" id=\"step0\">\r\n                    <div class=\"form-card\">\r\n                        <div class=\"section-badge\">DADOS DO PARTICIPANTE<\/div>\r\n                        <div class=\"form-grid\">\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Nome completo<\/label>\r\n                                <input type=\"text\" name=\"nome\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Data de nascimento<\/label>\r\n                                <input type=\"date\" name=\"data_nascimento\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>S\u00e9rie<\/label>\r\n                                <select name=\"serie\" required>\r\n                                    <option value=\"\" disabled selected>Selecione<\/option>\r\n                                    <option value=\"9\u00ba Ano EF\">9\u00ba Ano EF<\/option>\r\n                                    <option value=\"1\u00aa S\u00e9rie EM\">1\u00aa S\u00e9rie EM<\/option>\r\n                                    <option value=\"2\u00aa S\u00e9rie EM\">2\u00aa S\u00e9rie EM<\/option>\r\n                                    <option value=\"3\u00aa S\u00e9rie EM\">3\u00aa S\u00e9rie EM<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Turma<\/label>\r\n                                <input type=\"text\" name=\"turma\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Escola de Origem<\/label>\r\n                                <input type=\"text\" name=\"unidade_escolar\" required style=\"background-color: #fff !important; color: #888 !important;\">\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>E-mail institucional<\/label>\r\n                                <input type=\"email\" name=\"email_institucional\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Telefone do aluno (opcional)<\/label>\r\n                                <input type=\"tel\" name=\"telefone_aluno\">\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"step-buttons\">\r\n                            <button type=\"button\" class=\"btn-next\" onclick=\"nextStep()\">Continuar \u2794<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ETAPA 2: COMIT\u00caS -->\r\n                <div class=\"form-step\" id=\"step1\">\r\n                    <div class=\"form-card\">\r\n                        <div class=\"section-badge\">COMIT\u00caS<\/div>\r\n                        <div class=\"form-grid\">\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Comit\u00ea escolhido<\/label>\r\n                                <select name=\"comite\" required>\r\n                                    <option value=\"\" disabled selected>Selecione<\/option>\r\n                                    <option value=\"HRC\">HRC - Human Rights Commitee\r\n<\/option>\r\n                                    <option value=\"CSNU\">CSNU - Conselho de Seguran\u00e7a<\/option>\r\n                                    <option value=\"AGNU\">AGNU - Assembleia Geral<\/option>\r\n                                    <option value=\"CGC\">CGC - Comit\u00ea de Imprensa<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Segunda op\u00e7\u00e3o (opcional)<\/label>\r\n                                <select name=\"segunda_opcao\">\r\n                                    <option value=\"\" selected>Selecione<\/option>\r\n                                    <option value=\"HRC\">HRC - Human Rights Commitee\r\n<\/option>\r\n                                    <option value=\"CSNU\">CSNU - Conselho de Seguran\u00e7a<\/option>\r\n                                    <option value=\"AGNU\">AGNU - Assembleia Geral<\/option>\r\n                                    <option value=\"CGC\">CGC - Comit\u00ea de Imprensa<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Experi\u00eancia anterior em simula\u00e7\u00f5es (opcional)<\/label>\r\n                                <textarea name=\"experiencia\"><\/textarea>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Necessidade espec\u00edfica de acessibilidade (opcional)<\/label>\r\n                                <textarea name=\"acessibilidade\"><\/textarea>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"step-buttons\">\r\n                            <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep()\">\u2b05 Voltar<\/button>\r\n                            <button type=\"button\" class=\"btn-next\" onclick=\"nextStep()\">Continuar \u2794<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ETAPA 3: RESPONS\u00c1VEL -->\r\n                <div class=\"form-step\" id=\"step2\">\r\n                    <div class=\"form-card\">\r\n                        <div class=\"section-badge\">DADOS DO RESPONS\u00c1VEL<\/div>\r\n                        <div class=\"form-grid\">\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Nome completo do respons\u00e1vel<\/label>\r\n                                <input type=\"text\" name=\"nome_responsavel\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>E-mail do respons\u00e1vel<\/label>\r\n                                <input type=\"email\" name=\"email_responsavel\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group\">\r\n                                <label>Telefone do respons\u00e1vel<\/label>\r\n                                <input type=\"tel\" name=\"telefone_responsavel\" required>\r\n                            <\/div>\r\n                            <div class=\"form-group full-width\">\r\n                                <label>Rela\u00e7\u00e3o com o estudante<\/label>\r\n                                <input type=\"text\" name=\"relacao_estudante\" placeholder=\"Ex: Pai, M\u00e3e, Tutor\" required>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"step-buttons\">\r\n                            <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep()\">\u2b05 Voltar<\/button>\r\n                            <button type=\"button\" class=\"btn-next\" onclick=\"nextStep()\">Continuar \u2794<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- ETAPA 4: AUTORIZA\u00c7\u00d5ES (FINAL) -->\r\n                <div class=\"form-step\" id=\"step3\">\r\n                    <div class=\"form-card\">\r\n                        <div class=\"section-badge\">AUTORIZA\u00c7\u00d5ES<\/div>\r\n                        <div class=\"checkbox-group\">\r\n                            <div class=\"checkbox-item\">\r\n                                <input type=\"checkbox\" id=\"check1\" required>\r\n                                <label for=\"check1\">Declaro que os dados fornecidos s\u00e3o verdadeiros.<\/label>\r\n                            <\/div>\r\n                            <div class=\"checkbox-item\">\r\n                                <input type=\"checkbox\" id=\"check2\" required>\r\n                                <label for=\"check2\">Li e aceito os termos de participa\u00e7\u00e3o.<\/label>\r\n                            <\/div>\r\n                            <div class=\"checkbox-item\">\r\n                                <input type=\"checkbox\" id=\"check3\" required>\r\n                                <label for=\"check3\">Li o aviso de privacidade.<\/label>\r\n                            <\/div>\r\n                            <div class=\"checkbox-item\">\r\n                                <input type=\"checkbox\" id=\"check4\" required>\r\n                                <label for=\"check4\">Autorizo o tratamento dos dados para organiza\u00e7\u00e3o do evento.<\/label>\r\n                            <\/div>\r\n                            <div class=\"checkbox-item\">\r\n                                <input type=\"checkbox\" id=\"check5\" required>\r\n                                <label for=\"check5\">Confirmo que sou respons\u00e1vel legal pelo estudante, quando aplic\u00e1vel.<\/label>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"step-buttons\">\r\n                            <button type=\"button\" class=\"btn-prev\" onclick=\"prevStep()\">\u2b05 Voltar<\/button>\r\n                            <!-- O bot\u00e3o final continua sendo type=\"submit\" para disparar o evento do formul\u00e1rio -->\r\n                            <button type=\"submit\" class=\"btn-submit\" id=\"submitBtn\">Enviar inscri\u00e7\u00e3o* \u2794<\/button>\r\n                        <\/div>\r\n                        <div><p>*Alunos Dom Bosco devem fazer o pagamento atrav\u00e9s do App Dom Bosco.<\/p><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/form>\r\n    <\/div>\r\n\r\n    <!-- SCRIPT DE NAVEGA\u00c7\u00c3O, VALIDA\u00c7\u00c3O E ENVIO -->\r\n    <script>\r\n        const scriptURL = 'https:\/\/script.google.com\/macros\/s\/AKfycbxja9ECJIXL_WnCE3gE9x_uw-fmxlqRWIMnmfAFjQ0OFp9D5HeqbfU9fyGRrZSxQqfUXw\/exec';\r\n        \r\n        const form = document.getElementById('simexForm');\r\n        const submitBtn = document.getElementById('submitBtn');\r\n        const steps = document.querySelectorAll('.form-step');\r\n        let currentStep = 0;\r\n\r\n        \/\/ Fun\u00e7\u00e3o para validar apenas os campos da etapa atual\r\n        function validateCurrentStep() {\r\n            const currentFields = steps[currentStep].querySelectorAll('input[required], select[required]');\r\n            for (let field of currentFields) {\r\n                if (!field.checkValidity()) {\r\n                    field.reportValidity(); \/\/ Mostra o alerta nativo no campo n\u00e3o preenchido\r\n                    return false;\r\n                }\r\n            }\r\n            return true;\r\n        }\r\n\r\n        \/\/ Fun\u00e7\u00e3o para avan\u00e7ar a etapa\r\n        function nextStep() {\r\n            if (validateCurrentStep()) {\r\n                steps[currentStep].classList.remove('active');\r\n                currentStep++;\r\n                steps[currentStep].classList.add('active');\r\n            }\r\n        }\r\n\r\n        \/\/ Fun\u00e7\u00e3o para voltar a etapa\r\n        function prevStep() {\r\n            steps[currentStep].classList.remove('active');\r\n            currentStep--;\r\n            steps[currentStep].classList.add('active');\r\n        }\r\n\r\n        \/\/ Submiss\u00e3o do formul\u00e1rio final\r\n        form.addEventListener('submit', e => {\r\n            e.preventDefault(); \r\n            \r\n            submitBtn.innerText = 'Processando...';\r\n            submitBtn.disabled = true;\r\n\r\n            \/\/ ADICIONADO mode: 'no-cors' para evitar o erro de redirecionamento do navegador\r\n            fetch(scriptURL, { \r\n                method: 'POST', \r\n                body: new FormData(form),\r\n                mode: 'no-cors' \r\n            })\r\n            .then(response => {\r\n                window.location.href = \"https:\/\/www.sympla.com.br\/evento\/simex-simulacao-onu-do-colegio-dom-bosco\/3527824\";\r\n            })\r\n            .catch(error => {\r\n                console.error('Erro!', error.message);\r\n                alert('Houve um erro ao enviar sua inscri\u00e7\u00e3o. Verifique sua conex\u00e3o e tente novamente.');\r\n                submitBtn.innerText = 'Concluir e ir para Sympla \u2794';\r\n                submitBtn.disabled = false;\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n<\/html>\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-63ccc68 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63ccc68\" data-element_type=\"section\" data-e-type=\"section\" id=\"faq\" data-settings=\"{&quot;background_background&quot;:&quot;classic&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-100 elementor-top-column elementor-element elementor-element-b0e3914 ot-flex-column-vertical\" data-id=\"b0e3914\" 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-6b148b0 elementor-widget elementor-widget-heading\" data-id=\"6b148b0\" 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<h2 class=\"elementor-heading-title elementor-size-default\">FAQ\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0616eb2 elementor-widget elementor-widget-heading\" data-id=\"0616eb2\" 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<h2 class=\"elementor-heading-title elementor-size-default\">PERGUNTAS FREQUENTES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6da8694 elementor-widget elementor-widget-html\" data-id=\"6da8694\" 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<style>\n\n    \n    .sanfona div {\n        color: #723E87!important;\n        border-radius: 10px;\n\n    }\n    \n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1e2c665 sanfona elementor-widget elementor-widget-accordion\" data-id=\"1e2c665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion\">\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3161\" class=\"elementor-tab-title\" data-tab=\"1\" role=\"button\" aria-controls=\"elementor-tab-content-3161\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Quem pode participar?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3161\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"1\" role=\"region\" aria-labelledby=\"elementor-tab-title-3161\"><p>Estudantes do 9\u00ba ano do Ensino Fundamental \u00e0 3 s\u00e9rie do Ensino M\u00e9dio, de todas as escolas de S\u00e3o Lu\u00eds<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3162\" class=\"elementor-tab-title\" data-tab=\"2\" role=\"button\" aria-controls=\"elementor-tab-content-3162\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Qual \u00e9 o valor da inscri\u00e7\u00e3o?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3162\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"2\" role=\"region\" aria-labelledby=\"elementor-tab-title-3162\"><p>Valor Aluno DB R$ 95,00<br \/>Valor Aluno Externo R$ 100<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3163\" class=\"elementor-tab-title\" data-tab=\"3\" role=\"button\" aria-controls=\"elementor-tab-content-3163\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Como escolho um comit\u00ea?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3163\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"3\" role=\"region\" aria-labelledby=\"elementor-tab-title-3163\"><p>Voc\u00ea pode escolher um comit\u00ea pelo pr\u00f3prio formul\u00e1rio de inscri\u00e7\u00e3o.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3164\" class=\"elementor-tab-title\" data-tab=\"4\" role=\"button\" aria-controls=\"elementor-tab-content-3164\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Como receberei a confirma\u00e7\u00e3o?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3164\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"4\" role=\"region\" aria-labelledby=\"elementor-tab-title-3164\"><p>A confirma\u00e7\u00e3o ser\u00e1 enviada por e-mail<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3165\" class=\"elementor-tab-title\" data-tab=\"5\" role=\"button\" aria-controls=\"elementor-tab-content-3165\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">Quais s\u00e3o as formas de pagamento?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3165\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"5\" role=\"region\" aria-labelledby=\"elementor-tab-title-3165\"><p>As formas de pagamento s\u00e3o disponibilizadas pela plataforma Sympla, podendo ser Pix e Cart\u00f5es de D\u00e9bito e Cr\u00e9dio<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3166\" class=\"elementor-tab-title\" data-tab=\"6\" role=\"button\" aria-controls=\"elementor-tab-content-3166\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">O que acontece se o pagamento n\u00e3o for conclu\u00eddo?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3166\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"6\" role=\"region\" aria-labelledby=\"elementor-tab-title-3166\"><p>A inscri\u00e7\u00e3o permanece pendente at\u00e9 a expira\u00e7\u00e3o da reserva. Depois disso, um novo checkout pode ser gerado se houver vagas.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-accordion-item\">\n\t\t\t\t\t<div id=\"elementor-tab-title-3167\" class=\"elementor-tab-title\" data-tab=\"7\" role=\"button\" aria-controls=\"elementor-tab-content-3167\" aria-expanded=\"false\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon elementor-accordion-icon-left\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-closed\"><i class=\"fas fa-plus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t<span class=\"elementor-accordion-icon-opened\"><i class=\"fas fa-minus\"><\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-accordion-title\" tabindex=\"0\">De qual comit\u00ea serei membro e qual ser\u00e1 meu posicionamento?<\/a>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div id=\"elementor-tab-content-3167\" class=\"elementor-tab-content elementor-clearfix\" data-tab=\"7\" role=\"region\" aria-labelledby=\"elementor-tab-title-3167\"><p>Um e-mail com todas essas informa\u00e7\u00f5es ser\u00e1 enviado em at\u00e9 1 semana, a partir do dia da sua<br \/>inscri\u00e7\u00e3o.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\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-56c6476 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"56c6476\" 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-50 elementor-top-column elementor-element elementor-element-182cf95 ot-flex-column-vertical\" data-id=\"182cf95\" 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-323301e elementor-widget elementor-widget-text-editor\" data-id=\"323301e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #71489a;\"><strong>SIMEX &#8211; Simula\u00e7\u00e3o ONU do Col\u00e9gio Dom Bosco<\/strong>:<\/span><br>Col\u00e9gio Dom Bosco Exponencial<\/p>\t\t\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<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-084c21a ot-flex-column-vertical\" data-id=\"084c21a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\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>Header Simex Onu SOBRE COMIT\u00caS CRONOGRAMA FAQ INSCREVA-SE SOBRE COMIT\u00caS CRONOGRAMA FAQ INSCREVA-SE Se\u00e7\u00e3o Simex Onu DOM BOSCO EXPONENCIAL IB WORLD SCHOOL SIMEX ONU-SIMULA\u00c7\u00c3O DO COL\u00c9GIODOM BOSCO Uma experi\u00eancia para estudantes que querem negociar, compreender, criar e explorar diferentes facetas de desafios globais FAZER INSCRI\u00c7\u00c3O CONHECER COMIT\u00caS DATA 24, 25 e 26 de setembro LOCAL [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"content-type":"","_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-7522","page","type-page","status-publish","hentry"],"acf":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/pages\/7522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=7522"}],"version-history":[{"count":128,"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/pages\/7522\/revisions"}],"predecessor-version":[{"id":7666,"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/pages\/7522\/revisions\/7666"}],"wp:attachment":[{"href":"https:\/\/home.dbosco.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=7522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}