@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');/* Reset e base */* {    box-sizing: border-box;}body {    font-family: 'Poppins', sans-serif;    margin: 0;    padding: 0;    background: #F6F8FA;    color: #333333;    line-height: 1.6;}a {    color: inherit;    text-decoration: none;}/* Container */.container {    max-width: 960px;    margin: 40px auto;    padding: 0 20px;}/* Header do curso */header {    text-align: center;    margin-bottom: 40px;}    header h1 {        font-weight: 700;        font-size: 2.8rem;        color: #005BBB;        margin-bottom: 10px;    }    header p {        font-size: 1.2rem;        color: #555555;    }/* Botão CTA */.btn-cta {    display: inline-block;    background-color: #005BBB;    color: #FFFFFF;    padding: 14px 32px;    border-radius: 12px;    font-weight: 600;    font-size: 1.1rem;    box-shadow: 0 4px 10px rgba(0, 91, 187, 0.3);    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;    margin-top: 20px;}    .btn-cta:hover {        background-color: #FF6600;        box-shadow: 0 6px 14px rgba(255, 102, 0, 0.5);        transform: scale(1.05);        cursor: pointer;        color: #FFFFFF;    }/* Sections */section {    margin-bottom: 40px;    background: #FFFFFF;    padding: 30px 40px;    border-radius: 16px;    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);}    section h2 {        color: #005BBB;        font-weight: 700;        font-size: 1.8rem;        margin-bottom: 20px;        border-bottom: 3px solid #FF6600;        display: inline-block;        padding-bottom: 5px;    }    section p,    section ul {        font-size: 1rem;        color: #444444;    }ul {    padding-left: 20px;}    ul li {        margin-bottom: 10px;    }/* FAQ estilo acordeão simples */details {    margin-bottom: 15px;    border-radius: 8px;    background-color: #E9F1FF;    padding: 15px 20px;    cursor: pointer;    box-shadow: 0 2px 6px rgba(0, 91, 187, 0.1);    transition: background-color 0.3s ease;}    details[open] {        background-color: #D0E4FF;    }    details summary {        font-weight: 600;        font-size: 1.1rem;        list-style: none;        outline: none;    }        details summary::-webkit-details-marker {            display: none;        }    details p {        margin-top: 10px;        font-weight: 400;        font-size: 1rem;        color: #333333;    }/* Navbar */.navbar {    background-color: #005BBB;    padding: 10px 20px;    position: sticky;    top: 0;    z-index: 999;}.nav-container {    max-width: 960px;    margin: 0 auto;    display: flex;    align-items: center;    justify-content: space-between;}.logo {    color: #fff;    font-weight: 700;    font-size: 1.4rem;    text-decoration: none;}    .logo img {        max-width: 100%;        height: auto;        display: block; /* evita espaçamento embaixo da imagem */        max-height: 50px; /* controla altura máxima para o menu */    }/* Menu */.nav-menu {    list-style: none;    display: flex;    gap: 20px;}    .nav-menu li a {        color: #fff;        font-weight: 600;        padding: 8px 12px;        border-radius: 8px;        transition: background-color 0.3s ease;    }        .nav-menu li a:hover {            background-color: #FF6600;            color: #fff;        }/* Botão hambúrguer */.menu-toggle {    display: none;    background: none;    border: none;    cursor: pointer;    width: 32px;    height: 24px;    position: relative;}.hamburger,.hamburger::before,.hamburger::after {    display: block;    background-color: white;    position: absolute;    width: 100%;    height: 4px;    border-radius: 2px;    transition: all 0.3s ease;}.hamburger {    top: 50%;    transform: translateY(-50%);}    .hamburger::before {        content: '';        top: -10px;    }    .hamburger::after {        content: '';        top: 10px;    }.menu-toggle.active .hamburger {    background-color: transparent;}    .menu-toggle.active .hamburger::before {        top: 0;        transform: rotate(45deg);    }    .menu-toggle.active .hamburger::after {        top: 0;        transform: rotate(-45deg);    }/* Responsividade para menu */@media (max-width: 768px) {    .menu-toggle {        display: block;    }    .nav-menu {        position: absolute;        top: 56px;        right: 0;        background-color: #005BBB;        flex-direction: column;        width: 200px;        padding: 10px 0;        border-radius: 0 0 0 10px;        box-shadow: 0 4px 12px rgba(0, 91, 187, 0.3);        opacity: 0;        pointer-events: none;        transform: translateX(100%);        transition: all 0.3s ease;    }        .nav-menu.active {            opacity: 1;            pointer-events: auto;            transform: translateX(0);        }        .nav-menu li {            margin: 10px 0;        }}/* Responsividade geral */@media (max-width: 600px) {    .container {        margin: 20px auto;        padding: 0 15px;    }    section {        padding: 20px 25px;    }    header h1 {        font-size: 2rem;    }    section h2 {        font-size: 1.4rem;    }    .btn-cta {        padding: 12px 20px;        font-size: 1rem;    }}.video-container {    max-width: 800px; /* largura máxima do vídeo */    margin: 20px auto; /* centraliza o vídeo e espaçamento */}    .video-container video {        width: 100%;        height: auto;        border-radius: 8px; /* cantos arredondados para combinar com o layout */        box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* sombra leve para destaque */    }.link-sublinhado {    text-decoration: underline;    text-decoration-color: orange; /* cor do sublinhado */    text-underline-offset: 6px; /* distância do texto */    color: #000; /* cor do texto */    font-weight: 700; /* destaque */}
