* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #333;
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Integrado na Hero */
.header-integrated {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 1rem 0;
}

.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.nav-brand {
	display: flex;
	align-items: center;
	gap: 1rem;
	max-width: 22rem;
}

.logo {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 1.5rem;
    overflow: hidden;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}
.news-content h3 a {
	color: #1e1e1e;
}
.logo-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.day-indicator {
	display: none;
}
.nav-menu .menu-item {
	position: relative;
	margin: 0!important;
}
.logo:hover .logo-img {
    transform: scale(1.1);
}

.brand-text {
    color: white;
}

.brand-name {
    font-weight: 700;
    font-size: 1.5rem;
}

.brand-year {
    font-size: 1rem;
    color: #f8e874;
    font-weight: 600;
}

/* ===== NAVIGATION MENU - PROFESSIONAL ===== */
.nav-menu {
    display: flex;
    list-style: none;
    gap: 0;
    align-items: center;
    margin: 0;
    padding: 0;
}

.nav-menu > li {
    list-style: none;
    position: relative;
    margin: 0;
}

.nav-menu > li > a,
.nav-link {
    display: inline-flex !important;
    align-items: center;
    padding: 0.75rem 1.2rem !important;
    text-decoration: none !important;
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.3px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
    border-radius: 8px;
}

.nav-menu > li > a:hover,
.nav-link:hover {
    color: #f8e874 !important;
    background: rgba(248, 232, 116, 0.08);
    transform: translateY(-1px);
}

.nav-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 1.2rem;
    right: 1.2rem;
    height: 2px;
    background: linear-gradient(90deg, transparent, #f8e874, transparent);
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-menu > li > a:hover::after {
    transform: scaleX(1);
}

/* ===== DROPDOWN INDICATOR - MUITO VISÍVEL ===== */
.nav-menu li.menu-item-has-children > a {
    padding-right: 2.8rem !important;
    position: relative;
}

/* Ícone Chevron - GRANDE e VISÍVEL */
.nav-menu li.menu-item-has-children > a::before {
    content: '▾';
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.85rem;
    font-weight: 700;
    color: #f8e874 !important;
    transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    opacity: 1;
    line-height: 1;
}

/* Animação ao hover - Rotação + Bounce */
.nav-menu li.menu-item-has-children:hover > a::before,
.nav-menu li.menu-item-has-children.hover > a::before {
    color: #ffffff !important;
    transform: translateY(-50%) rotate(180deg) scale(1.1);
    text-shadow: 0 0 8px rgba(248, 232, 116, 0.6);
}

/* Pulso sutil para chamar atenção - UX */
@keyframes chevronPulse {
    0%, 100% { transform: translateY(-50%) scale(1); }
    50% { transform: translateY(-50%) scale(1.15); }
}

.nav-menu li.menu-item-has-children > a::before {
    animation: chevronPulse 2s ease-in-out infinite;
}

.nav-menu li.menu-item-has-children:hover > a::before {
    animation: none;
}

/* Background sutil no item com dropdown */
.nav-menu li.menu-item-has-children > a {
    background: rgba(248, 232, 116, 0.05);
    border: 1px solid rgba(248, 232, 116, 0.15);
}

.nav-menu li.menu-item-has-children:hover > a {
    background: rgba(248, 232, 116, 0.12);
    border-color: rgba(248, 232, 116, 0.3);
}

/* Dropdown Bridge */
.nav-menu li.menu-item-has-children::after {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
    z-index: 9998;
}

/* Submenu Dropdown */
.nav-menu .sub-menu {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 
        0 8px 32px rgba(2, 36, 61, 0.12),
        0 2px 8px rgba(2, 36, 61, 0.08),
        0 0 0 1px rgba(2, 36, 61, 0.04);
    min-width: 240px;
    width: max-content;
    max-width: 320px;
    padding: 8px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 9999;
    list-style: none;
}

.nav-menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-top: 1px solid rgba(2, 36, 61, 0.04);
    border-left: 1px solid rgba(2, 36, 61, 0.04);
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.nav-menu li.menu-item-has-children:hover > .sub-menu,
.nav-menu li.menu-item-has-children.hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}

.nav-menu .sub-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.nav-menu .sub-menu li a {
    display: flex !important;
    align-items: center;
    padding: 0.65rem 1rem !important;
    color: #02243d !important;
    text-decoration: none !important;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    white-space: nowrap;
}

.nav-menu .sub-menu li a:hover {
    background: linear-gradient(135deg, rgba(248, 232, 116, 0.12) 0%, rgba(248, 232, 116, 0.08) 100%);
    color: #02243d !important;
    transform: translateX(4px);
    padding-left: 1.25rem !important;
}

.nav-menu .sub-menu li a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: #f8e874;
    border-radius: 0 2px 2px 0;
    transition: height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.nav-menu .sub-menu li a:hover::before {
    height: 70%;
}

.nav-menu .sub-menu li + li {
    margin-top: 2px;
}

@keyframes fadeInUpMenu {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nav-menu li.menu-item-has-children:hover > .sub-menu li {
    animation: fadeInUpMenu 0.3s cubic-bezier(0.4, 0, 0.2, 1) backwards;
}

.nav-menu .sub-menu li:nth-child(1) { animation-delay: 0.05s; }
.nav-menu .sub-menu li:nth-child(2) { animation-delay: 0.1s; }
.nav-menu .sub-menu li:nth-child(3) { animation-delay: 0.15s; }
.nav-menu .sub-menu li:nth-child(4) { animation-delay: 0.2s; }
.nav-menu .sub-menu li:nth-child(5) { animation-delay: 0.25s; }
.hamburger {
    display: none;
    flex-direction: column;
    cursor: pointer;
    gap: 4px;
}

.hamburger span {
    width: 25px;
    height: 3px;
    background: white;
    transition: 0.3s;
    border-radius: 2px;
}

/* Hero Section */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2;
}

.hero-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.hero-content {
    max-width: 1000px;
    padding: 12rem 2rem 2rem;
    z-index: 1;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f8e874;
    color: #000;
    padding: 0.8rem 1.5rem;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;
    margin-bottom: 2rem;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.highlight {
    color: #f8e874;
    display: block;
    margin-top: 1rem;
}

.hero-subtitle {
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;
    line-height: 1.5;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.hero-info {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    opacity: 0.95;
    font-size: 1.1rem;
}

.info-item i {
    color: #f8e874;
    font-size: 1.3rem;
}

/* Countdown */
.countdown {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.countdown-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    padding: 0.5rem;
    border-radius: 15px;
    min-width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.countdown-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f8e874;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.countdown-label {
    font-size: 1rem;
    opacity: 0.9;
    margin-top: 0.5rem;
    font-weight: 600;
}

.cta-button {
    background: #f8e874;
    color: #000;
    padding: 1.2rem 3rem;
    border: none;
    border-radius: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;
}

.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}

.scroll-mouse {
    width: 24px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;
}

.scroll-wheel {
    width: 4px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

@keyframes scroll {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
}

/* Sections */
section {
    padding: 5rem 0;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}

.section-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.3rem;
    color: #4b5563;
    max-width: 700px;
    margin: 1.5rem auto 0;
    line-height: 1.7;
    font-weight: 400;
}

/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;
    transform: translateY(0);
}

.about.section-visible .highlight-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}

.about.section-visible .about-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* About Section - Versão minimalista */
.about {
    background: #f8fafc;
    padding: 6rem 0;
    position: relative;
}

.about::before {
    content: '';
    position: absolute;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #02243d;
    margin-bottom: 1rem;
    position: relative;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}

.about-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    position: relative;
    z-index: 1;
}

.about-text {
    padding-right: 2rem;
}

.about-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #f8e874;
    border-radius: 3px;
}

.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}

.about-text p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* Pilares */
.about-pillars {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.5rem 0;
}

.pillar {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.pillar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #02243d;
    color: white;
    font-size: 0.9rem;
}

.pillar-text {
    font-weight: 600;
    font-size: 1rem;
    color: #334155;
}

/* Estatísticas simplificadas */
.stats-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}

.stat-item {
    margin-right: 2rem;
}   width: 90px;
    height: 90px;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 700;
    color: #02243d;
    line-height: 1;
    text-align: center;
}

.stat-label {
    font-size: 0.95rem;
    color: #64748b;
    margin-top: 0.3rem;
    text-align: center;
}
/* Objetivos simplificados */
.about-objectives-simple {
    background: #02243d;ighlight-icon {
    color: white;tate(5deg) scale(1.15);
    padding: 2.5rem;ar-gradient(135deg, #02243d, #f8e874);
    border-radius: 12px;0px rgba(59, 130, 246, 0.4);
}

.about-objectives-simple h4 {
    font-size: 1.4rem;
    font-weight: 600;e;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.8rem;;
}   height: calc(100% + 8px);
    border-radius: 50%;
.about-objectives-simple h4::after {g, #f8e874, transparent, #02243d);
    content: '';
    position: absolute;
    bottom: 0;: opacity 0.5s ease;
    left: 0;
    width: 40px;
    height: 3px;hover .highlight-icon::after {
    background: #f8e874;
    border-radius: 2px;s linear infinite;
}

.objectives-list-simple {
    list-style: none; rotate(0deg); }
}   to { transform: rotate(360deg); }
}
.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    line-height: 1.5;5rem;
}   color: #02243d;
    position: relative;
.objectives-list-simple li::before {
    content: "→";
    position: absolute;
    left: 0;ard h3::after {
    color: #f8e874;
    font-weight: bold;;
}   bottom: -10px;
    left: 50%;
/* Hero Section */nslateX(-50%);
.hero {th: 50px;
    position: relative;
    min-height: 100vh;-gradient(90deg, #f8e874, #f8e874);
    display: flex; 3px;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;3;
    overflow: hidden;m;
}   line-height: 1.7;
    margin-top: 1.2rem;
.hero-background {
    position: absolute;
    top: 0;
    left: 0;nt {
    width: 100%;d;
    height: 100%;-columns: 1fr 1fr;
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2; stretch;
}   background: rgba(255, 255, 255, 0.85);
    padding: 4.5rem;
.hero-background::after {
    content: '';0 25px 50px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;: 1;
    left: 0;-filter: blur(20px);
    width: 100%;solid rgba(255, 255, 255, 0.8);
    height: 100%;den;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}about-content::before {
    content: '';
.hero-content {bsolute;
    max-width: 1000px;
    padding: 12rem 2rem 2rem;
    z-index: 1;x;
}   height: 300px;
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(30, 64, 175, 0.04));
.hero-badge {dius: 0 30px 0 100%;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f8e874;
    color: #000;.4rem;
    padding: 0.8rem 1.5rem;
    border-radius: 30px;radient(90deg, #02243d, #f8e874);
    font-weight: 700;text;
    font-size: 1.1rem;-clip: text;
    margin-bottom: 2rem;lor: transparent;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}   margin-bottom: 2rem;
    position: relative;
.hero-title {ht: 1.3;
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;
    margin-bottom: 2rem;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}   bottom: -12px;
    left: 0;
.highlight {00px;
    color: #f8e874;
    display: block;ear-gradient(90deg, #f8e874, #f8e874);
    margin-top: 1rem;x;
}

.hero-subtitle {
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;00 !important;
    line-height: 1.5;rtant;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}   margin-bottom: 1.8rem;
    color: #4b5563;
.hero-info {ght: 1.9;
    display: flex;rem;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}   display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
.info-item {rem;
    display: flex;em;
    align-items: center;
    gap: 0.8rem;
    opacity: 0.95;
    font-size: 1.1rem;
}   text-align: center;
    background: rgba(255, 255, 255, 0.7);
.info-item i {.8rem 1rem;
    color: #f8e874;18px;
    font-size: 1.3rem; 30px rgba(0, 0, 0, 0.06);
}   transition: all 0.4s ease;
    border: 1px solid rgba(255, 255, 255, 0.9);
/* Countdown */elative;
.countdown {: hidden;
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;te;
}   top: 0;
    left: 0;
.countdown-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);180deg, #f8e874, #02243d);
    padding: 0.5rem;
    border-radius: 15px;
    min-width: 100px;
    text-align: center;eY(-10px);
    border: 1px solid rgba(255, 255, 255, 0.2);;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}
.stat-number {
.countdown-number {em;
    font-size: 2.5rem;
    font-weight: 800;r-gradient(90deg, #02243d, #f8e874);
    color: #f8e874;: text;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}   -webkit-text-fill-color: transparent;
    color: transparent;
.countdown-label { 0.8rem;
    font-size: 1rem;ve;
    opacity: 0.9;
    margin-top: 0.5rem;
    font-weight: 600;
}   content: '';
    position: absolute;
.cta-button {5px;
    background: #f8e874;
    color: #000;ranslateX(-50%);
    padding: 1.2rem 3rem;
    border: none;
    border-radius: 15px;radient(90deg, #f8e874, #f8e874);
    font-weight: 700;x;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta-button:hover {
    transform: translateY(-3px);135deg, #02243d, #f8e874);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;
}   color: white;
    box-shadow: 0 20px 40px rgba(30, 64, 175, 0.3);
.scroll-indicator {ive;
    position: absolute;
    bottom: 2rem;ransform 0.4s ease, box-shadow 0.4s ease;
    left: 50%;lex;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}
.about-objectives:hover {
.scroll-mouse {translateY(-10px);
    width: 24px;0 30px 60px rgba(30, 64, 175, 0.4);
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;
}   font-weight: 700;
    margin-bottom: 2.2rem;
.scroll-wheel {elative;
    width: 4px;tom: 1.2rem;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;fter {
    position: absolute;
    top: 8px; absolute;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}   height: 3px;
    background: #f8e874;
@keyframes bounce {2px;
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }t-objectives::before {
    40% {nt: '';
        transform: translateX(-50%) translateY(-10px);
    }op: -50px;
    60% {: -50px;
        transform: translateX(-50%) translateY(-5px);
    }eight: 180px;
}   background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
@keyframes scroll {
    0% {
        opacity: 0;after {
        transform: translateX(-50%) translateY(-10px);
    }osition: absolute;
    50% {m: -60px;
        opacity: 1;
    }idth: 120px;
    100% {: 120px;
        opacity: 0;a(255, 255, 255, 0.08);
        transform: translateX(-50%) translateY(10px);
    }
}
.objectives-list {
/* Sections */: none;
section {ion: relative;
    padding: 5rem 0;
}   display: grid;
    grid-template-columns: 1fr;
.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}   padding-left: 2.2rem;
    position: relative;
.section-title {.1rem;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;form 0.3s ease;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;er {
    display: inline-block;10px);
}   color: rgba(255, 255, 255, 0.95);
}
.section-title::after {
    content: ''; li::before {
    position: absolute;
    bottom: -10px;;
    left: 50%;absolute;
    transform: translateX(-50%);
    width: 80px;.1rem;
    height: 4px;rgba(255, 255, 255, 0.15);
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}   border-radius: 50%;
    display: flex;
.section-subtitle {nter;
    font-size: 1.3rem;enter;
    color: #4b5563;ld;
    max-width: 700px;.3s ease;
    margin: 1.5rem auto 0;
    line-height: 1.7;
    font-weight: 400;over::before {
}   background: #f8e874;
    color: white;
/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,1);
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;ex;
    transform: translateY(0);
}   gap: 2rem;
    margin-bottom: 3rem;
.about.section-visible .highlight-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}   border: 2px solid #e5e7eb;
    border-radius: 15px;
.about.section-visible .about-content {
    opacity: 1;nter;
    transform: translateY(0);;
    transition-delay: 0.3s;
}

/* About Section - Versão minimalista */
.about {er-color: #02243d;
    background: #f8fafc;Y(-2px);
    padding: 6rem 0;x 15px rgba(30, 64, 175, 0.2);
    position: relative;
}
.day-btn.active {
.about::before {#02243d;
    content: '';: #02243d;
    position: absolute;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;x;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;
}
.day-info i {
.section-title {.5rem;
    font-size: 2.5rem;
    font-weight: 700;
    color: #02243d;
    margin-bottom: 1rem;o i {
    position: relative;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #64748b; column;
    max-width: 700px;-start;
    margin: 0 auto 3rem;
    line-height: 1.7;
}day-title {
    font-weight: 700;
.about-content {.2rem;
    display: grid; 0.2rem;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    position: relative;
    z-index: 1;0.9rem;
}   opacity: 0.8;
    margin-bottom: 0.2rem;
.about-text {
    padding-right: 2rem;
}day-theme {
    font-size: 0.8rem;
.about-text h3 {;
    font-size: 1.8rem;;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';ck;
    position: absolute;
    bottom: 0;
    left: 0;{
    width: 60px;linear-gradient(135deg, #02243d, #f8e874);
    height: 3px;;
    background: #f8e874;
    border-radius: 3px;;
}   margin-bottom: 3rem;
    text-align: center;
.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}   display: flex;
    align-items: center;
.about-text p {tent: center;
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}day-header p {
    opacity: 0.9;
/* Pilares */: 1.1rem;
.about-pillars {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.5rem 0;e;
}   max-width: 1000px;
    margin: 0 auto;
.pillar {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}   background: linear-gradient(to bottom, #02243d, #f8e874);
    border-radius: 2px;
.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}   display: flex;
    align-items: flex-start;
.pillar-icon {tom: 3rem;
    display: flex;tive;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;px;
    border-radius: 50%;
    background: #02243d;
    color: white;f1f5f9;
    font-size: 0.9rem;em;
}   border-radius: 25px;
    font-size: 1rem;
.pillar-text {: center;
    font-weight: 600; 10px rgba(30, 64, 175, 0.1);
    font-size: 1rem;
    color: #334155;
}timeline-icon {
    width: 60px;
/* Estatísticas simplificadas */
.stats-simple {us: 50%;
    display: flex;
    flex-wrap: wrap;ter;
    gap: 2rem;ntent: center;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}   position: relative;
    z-index: 1;
.stat-item {ow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-right: 2rem;rm 0.3s ease;
}

.stat-number {:hover {
    font-size: 2.2rem;.1);
    font-weight: 700;
    color: #02243d;
    line-height: 1;lors */
}timeline-icon.arrival { background: linear-gradient(135deg, #10b981, #059669); }
.timeline-icon.official { background: linear-gradient(135deg, #02243d, #f8e874); }
.stat-label {n.main { background: linear-gradient(135deg, #059669, #047857); }
    font-size: 0.95rem; { background: linear-gradient(135deg, #dc2626, #b91c1c); }
    color: #64748b;ural { background: linear-gradient(135deg, #ea580c, #c2410c); }
    margin-top: 0.3rem; background: linear-gradient(135deg, #7c3aed, #6d28d9); }
}timeline-icon.keynote { background: linear-gradient(135deg, #f8e874, #f8e874); }
.timeline-icon.break { background: linear-gradient(135deg, #6b7280, #4b5563); }
/* Objetivos simplificados */ound: linear-gradient(135deg, #0891b2, #0e7490); }
.about-objectives-simple {kground: linear-gradient(135deg, #16a34a, #15803d); }
    background: #02243d;{ background: linear-gradient(135deg, #9333ea, #7c3aed); }
    color: white;scussion { background: linear-gradient(135deg, #e11d48, #be185d); }
    padding: 2.5rem;ng { background: linear-gradient(135deg, #dc2626, #991b1b); }
    border-radius: 12px;background: linear-gradient(135deg, #7c2d12, #92400e); }
}timeline-icon.recap { background: linear-gradient(135deg, #0d9488, #0f766e); }
.timeline-icon.presentation { background: linear-gradient(135deg, #02243d, #f8e874); }
.about-objectives-simple h4 {kground: linear-gradient(135deg, #059669, #047857); }
    font-size: 1.4rem;ions { background: linear-gradient(135deg, #7c3aed, #6d28d9); }
    font-weight: 600;g { background: linear-gradient(135deg, #dc2626, #b91c1c); }
    margin-bottom: 1.5rem;kground: linear-gradient(135deg, #0891b2, #0e7490); }
    position: relative; { background: linear-gradient(135deg, #e11d48, #be185d); }
    padding-bottom: 0.8rem;
}timeline-content {
    flex: 1;
.about-objectives-simple h4::after {
    content: '';m;
    position: absolute;;
    bottom: 0;: all 0.3s ease;
    left: 0;eft: 4px solid #02243d;
    width: 40px;0 4px 15px rgba(0, 0, 0, 0.05);
    height: 3px;
    background: #f8e874;
    border-radius: 2px; {
}   background: #f1f5f9;
    transform: translateY(-2px);
.objectives-list-simple {x rgba(0, 0, 0, 0.1);
    list-style: none;
}
.timeline-content h3 {
.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;;
    margin-bottom: 1rem;
    line-height: 1.5;
}
.timeline-content p {
.objectives-list-simple li::before {
    content: "→";1.6;
    position: absolute;;
    left: 0;
    color: #f8e874;
    font-weight: bold;
}   display: flex;
    flex-wrap: wrap;
/* Hero Section */
.hero {gin-top: 1rem;
    position: relative;
    min-height: 100vh;
    display: flex;span {
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;9rem;
    overflow: hidden;
}   background: white;
    padding: 0.5rem 1rem;
.hero-background { 20px;
    position: absolute;px rgba(0, 0, 0, 0.05);
    top: 0;
    left: 0;
    width: 100%;s i {
    height: 100%;f;
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2;
}duration { border-left: 3px solid #10b981; }
.location { border-left: 3px solid #f8e874; }
.hero-background::after {3px solid #7c3aed; }
    content: '';
    position: absolute;
    top: 0;mmary {
    left: 0;op: 4rem;
    width: 100%;linear-gradient(135deg, #02243d, #f8e874);
    height: 100%;: 20px;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;;
}

.hero-content {
    max-width: 1000px;
    padding: 12rem 2rem 2rem;peat(auto-fit, minmax(200px, 1fr));
    z-index: 1;
}

.hero-badge { {
    display: inline-flex;
    align-items: center;, 255, 255, 0.1);
    gap: 0.5rem;m;
    background: #f8e874;
    color: #000;ter: blur(10px);
    padding: 0.8rem 1.5rem;255, 255, 255, 0.2);
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}   margin-bottom: 1rem;
}
.hero-title {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;;
    margin-bottom: 2rem;m;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}summary-card p {
    opacity: 0.9;
.highlight {
    color: #f8e874;
    display: block;
    margin-top: 1rem;
}   background: #f8fafc;
}
.hero-subtitle {
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;
    line-height: 1.5;umns: repeat(auto-fit, minmax(350px, 1fr));
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}news-card {
    background: white;
.hero-info {adius: 15px;
    display: flex;en;
    justify-content: center;rgba(0, 0, 0, 0.1);
    gap: 3rem;: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}news-card:hover {
    transform: translateY(-5px);
.info-item {ow: 0 20px 40px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    gap: 0.8rem;red {
    opacity: 0.95;pan 2;
    font-size: 1.1rem;
}
.news-badge {
.info-item i {nline-block;
    color: #f8e874;40af;
    font-size: 1.3rem;
}   padding: 0.5rem 1rem;
    border-radius: 20px;
/* Countdown */0.8rem;
.countdown {ght: 600;
    display: flex; 1.5rem 0;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.countdown-item {{
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    padding: 0.5rem;rem;
    border-radius: 15px;
    min-width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}   color: #666;
    line-height: 1.6;
.countdown-number {1.5rem;
    font-size: 2.5rem;
    font-weight: 800;
    color: #f8e874;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}   gap: 1rem;
    color: #999;
.countdown-label {rem;
    font-size: 1rem;
    opacity: 0.9;
    margin-top: 0.5rem;
    font-weight: 600;
}   align-items: center;
    gap: 0.5rem;
.cta-button {
    background: #f8e874;
    color: #000;on */
    padding: 1.2rem 3rem;
    border: none;hite;
    border-radius: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;eat(auto-fit, minmax(300px, 1fr));
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}gallery-item {
    position: relative;
.cta-button:hover {n;
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;
}

.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;: cover;
    transform: translateX(-50%);ase;
    animation: bounce 2s infinite;
}
.gallery-overlay {
.scroll-mouse {bsolute;
    width: 24px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;, 64, 175, 0.8);
}   display: flex;
    align-items: center;
.scroll-wheel {tent: center;
    width: 4px;
    height: 8px;opacity 0.3s ease;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;llery-overlay {
    top: 8px;1;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}   transform: scale(1.1);
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }ont-size: 2rem;
    40% {
        transform: translateX(-50%) translateY(-10px);
    }ghtbox */
    60% { {
        transform: translateX(-50%) translateY(-5px);
    }osition: fixed;
}   z-index: 9999;
    left: 0;
@keyframes scroll {
    0% {h: 100%;
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    50% {
        opacity: 1;
    }ax-width: 90%;
    100% {ight: 90%;
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }osition: absolute;
}   top: 50%;
    left: 50%;
/* Sections */ translate(-50%, -50%);
section {
    padding: 5rem 0;
}lightbox-close {
    position: absolute;
.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}   font-weight: bold;
    cursor: pointer;
.section-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800; {
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}contact {
    background: #f8fafc;
.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;ate-columns: 1fr 1fr;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}   font-weight: 600;
    color: #02243d;
.section-subtitle {2rem;
    font-size: 1.3rem;
    color: #4b5563;
    max-width: 700px;
    margin: 1.5rem auto 0;
    line-height: 1.7;-start;
    font-weight: 400;
}   margin-bottom: 2rem;
}
/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}   align-items: center;
    justify-content: center;
/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;: 0;
    transform: translateY(0);
}
.contact-details h4 {
.about.section-visible .highlight-card {
    opacity: 1;0af;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}
.contact-details p {
.about.section-visible .about-content {
    opacity: 1;: 1.6;
    transform: translateY(0);
    transition-delay: 0.3s;
}contact-form {
    background: white;
/* About Section - Versão minimalista */
.about {er-radius: 15px;
    background: #f8fafc;0px rgba(0, 0, 0, 0.1);
    padding: 6rem 0;
    position: relative;
}contact-form h3 {
    font-size: 1.8rem;
.about::before { 600;
    content: '';af;
    position: absolute;;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;m: 1.5rem;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;ut,
}form-group textarea {
    width: 100%;
.section-title {m;
    font-size: 2.5rem;#e5e7eb;
    font-weight: 700;px;
    color: #02243d;;
    margin-bottom: 1rem;olor 0.3s ease;
    position: relative;
}
.form-group input:focus,
.section-subtitle {a:focus {
    font-size: 1.1rem;
    color: #64748b;1e40af;
    max-width: 700px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}   width: 100%;
    background: #02243d;
.about-content {;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;ius: 10px;
    position: relative;
    z-index: 1;: 600;
}   cursor: pointer;
    transition: background 0.3s ease;
.about-text {
    padding-right: 2rem;
}submit-btn:hover {
    background: #f8e874;
.about-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';d;
    position: absolute;ns: repeat(auto-fit, minmax(250px, 1fr));
    bottom: 0;
    left: 0;ottom: 2rem;
    width: 60px;
    height: 3px;
    background: #f8e874;
    border-radius: 3px;
}   margin-bottom: 1rem;
    color: #f8e874;
.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}   gap: 1rem;
    margin-bottom: 1rem;
.about-text p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* Pilares */on ul li {
.about-pillars {m: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;ul li a {
    margin: 2.5rem 0;255, 255, 0.8);
}   text-decoration: none;
    transition: color 0.3s ease;
.pillar {
    display: flex;
    align-items: center;hover {
    gap: 0.8rem;0b;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}   align-items: center;
    gap: 0.5rem;
.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}   display: flex;
    gap: 1rem;
.pillar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;;
    height: 36px;gba(255, 255, 255, 0.1);
    border-radius: 50%;
    background: #02243d;
    color: white;center;
    font-size: 0.9rem;enter;
}   color: white;
    font-size: 1.2rem;
.pillar-text {: background 0.3s ease;
    font-weight: 600;
    font-size: 1rem;
    color: #334155;er {
}   background: #f8e874;
}
/* Estatísticas simplificadas */
.stats-simple {{
    display: flex;nter;
    flex-wrap: wrap;m;
    gap: 2rem;: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 2.5rem;5, 255, 0.8);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}* Responsive Design */
@media (max-width: 768px) {
.stat-item {er {
    margin-right: 2rem;
}   }
    
.stat-number {{
    font-size: 2.2rem;d;
    font-weight: 700;
    color: #02243d;
    line-height: 1;;
}       height: 0;
        background: rgba(30, 64, 175, 0.95);
.stat-label {rop-filter: blur(10px);
    font-size: 0.95rem; column;
    color: #64748b;: center;
    margin-top: 0.3rem;ght 0.3s ease;
}       overflow: hidden;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
/* Objetivos simplificados */
.about-objectives-simple {
    background: #02243d;
    color: white;50px;
    padding: 2.5rem;m 0;
    border-radius: 12px;
}   
    .nav-menu li {
.about-objectives-simple h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative; column;
    padding-bottom: 0.8rem;;
}   }
    
.about-objectives-simple h4::after {
    content: '';p: wrap;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;tem {
    height: 3px;h: 80px;
    background: #f8e874;
    border-radius: 2px;
}   
    .about-content {
.objectives-list-simple {umns: 1fr;
    list-style: none;
}       padding: 2.5rem;
    }
.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;ow;
    margin-bottom: 1rem;
    line-height: 1.5;nt: center;
}       gap: 1.5rem;
    }
.objectives-list-simple li::before {
    content: "→";
    position: absolute;;
    left: 0;width: 160px;
    color: #f8e874;
    font-weight: bold;
}   .about::before,
    .about::after {
/* Hero Section */px;
.hero { height: 250px;
    position: relative;
    min-height: 100vh;
    display: flex;d {
    align-items: center;5rem;
    justify-content: center;
    text-align: center;
    color: white;on {
    overflow: hidden;
}       height: 70px;
    }
.hero-background {
    position: absolute;
    top: 0;t: 25px;
    left: 0;
    width: 100%;
    height: 100%;m {
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2;ems: flex-start;
}   }
    
.hero-background::after {
    content: '';ottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;rd.featured {
    width: 100%;umn: span 1;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;d {
}       grid-template-columns: 1fr;
    }
.hero-content {
    max-width: 1000px;
    padding: 12rem 2rem 2rem;: 1fr;
    z-index: 1;
}   
    .day-selector {
.hero-badge {direction: column;
    display: inline-flex;er;
    align-items: center;
    gap: 0.5rem;
    background: #f8e874;
    color: #000;h: 100%;
    padding: 0.8rem 1.5rem;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;lumns: 1fr;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

.hero-title {idth: 480px) {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;px;
    margin-bottom: 2rem;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}       padding: 6rem 1rem 2rem;
    }
.highlight {
    color: #f8e874;
    display: block;2rem;
    margin-top: 1rem;
}   
    .hero-subtitle {
.hero-subtitle {e: 1rem;
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;
    line-height: 1.5;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}   .countdown-item {
        min-width: 70px;
.hero-info {ing: 0.8rem;
    display: flex;
    justify-content: center;
    gap: 3rem;-number {
    margin-bottom: 2rem;
    flex-wrap: wrap;
}   
    .section-title {
.info-item {-size: 2rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;grid {
    opacity: 0.95;ate-columns: 1fr;
    font-size: 1.1rem;
}   }
    
.info-item i {-card {
    color: #f8e874;5rem;
    font-size: 1.3rem;
}   
    .news-grid {
/* Countdown */mplate-columns: 1fr;
.countdown {
    display: flex;
    justify-content: center;
    gap: 1.5rem; 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}   .timeline-details {
        flex-direction: column;
.countdown-item {em;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    padding: 0.5rem;
    border-radius: 15px;a ícones */
    min-width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);246, 0.3);
}   }
    50% {
.countdown-number {scale(1.15);
    font-size: 2.5rem;20px 40px rgba(59, 130, 246, 0.5);
    font-weight: 800;
    color: #f8e874;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}       box-shadow: 0 15px 30px rgba(59, 130, 246, 0.3);
    }
.countdown-label {
    font-size: 1rem;
    opacity: 0.9;{
    margin-top: 0.5rem; cubic-bezier(0.25, 0.46, 0.45, 0.94);
    font-weight: 600;
}
/* Animação para os itens da lista de objetivos - ajustado para visibilidade padrão */
.cta-button {ist li {
    background: #f8e874;ado de 0 para 1 para garantir visibilidade */
    color: #000;ranslateX(0); /* Alterado para não depender de animação */
    padding: 1.2rem 3rem;.5s ease, transform 0.5s ease;
    border: none;
    border-radius: 15px;
    font-weight: 700;bjective-visible {
    font-size: 1.2rem;
    cursor: pointer;lateX(0);
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;) {
}   .about {
        padding: 5rem 0;
.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;lumns: 1fr;
}       gap: 3rem;
        padding: 2.5rem;
.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;emplate-columns: repeat(2, 1fr);
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}   .highlight-card {
        padding: 2rem 1.5rem;
.scroll-mouse {
    width: 24px;
    height: 40px;on {
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;em;
}       margin-bottom: 1.5rem;
    }
.scroll-wheel {
    width: 4px;ctives {
    height: 8px; 2.5rem;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    top: 8px;1rem;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}media (max-width: 480px) {
    .stats {
@keyframes bounce {te-columns: 1fr;
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }stat {
    40% {adding: 1.2rem;
        transform: translateX(-50%) translateY(-10px);
    }
    60% {-number {
        transform: translateX(-50%) translateY(-5px);
    }
}   
    .about-text h3 {
@keyframes scroll {1.8rem;
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }   font-size: 1.6rem;
    50% {
        opacity: 1;
    }objectives-list li {
    100% {nt-size: 1rem;
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
}

/* Sections */
section {
    padding: 5rem 0;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}

.section-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.3rem;
    color: #4b5563;
    max-width: 700px;
    margin: 1.5rem auto 0;
    line-height: 1.7;
    font-weight: 400;
}

/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;
    transform: translateY(0);
}

.about.section-visible .highlight-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}

.about.section-visible .about-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* About Section - Versão minimalista */
.about {
    background: #f8fafc;
    padding: 6rem 0;
    position: relative;
}

.about::before {
    content: '';
    position: absolute;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #02243d;
    margin-bottom: 1rem;
    position: relative;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}

.about-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    position: relative;
    z-index: 1;
}

.about-text {
    padding-right: 2rem;
}

.about-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #f8e874;
    border-radius: 3px;
}

.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}

.about-text p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* Pilares */
.about-pillars {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.5rem 0;
}

.pillar {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.pillar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #02243d;
    color: white;
    font-size: 0.9rem;
}

.pillar-text {
    font-weight: 600;
    font-size: 1rem;
    color: #334155;
}

/* Estatísticas simplificadas */
.stats-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}

.stat-item {
    margin-right: 2rem;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 700;
    color: #02243d;
    line-height: 1;
}

.stat-label {
    font-size: 0.95rem;
    color: #64748b;
    margin-top: 0.3rem;
}

/* Objetivos simplificados */
.about-objectives-simple {
    background: #02243d;
    color: white;
    padding: 2.5rem;
    border-radius: 12px;
}

.about-objectives-simple h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.8rem;
}

.about-objectives-simple h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #f8e874;
    border-radius: 2px;
}

.objectives-list-simple {
    list-style: none;
}

.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.objectives-list-simple li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #f8e874;
    font-weight: bold;
}

/* Hero Section */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2;
}

.hero-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.hero-content {
    max-width: 1000px;
    padding: 12rem 2rem 2rem;
    z-index: 1;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f8e874;
    color: #000;
    padding: 0.8rem 1.5rem;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;
    margin-bottom: 2rem;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.highlight {
    color: #f8e874;
    display: block;
    margin-top: 1rem;
}

.hero-subtitle {
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;
    line-height: 1.5;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.hero-info {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    opacity: 0.95;
    font-size: 1.1rem;
}

.info-item i {
    color: #f8e874;
    font-size: 1.3rem;
}

/* Countdown */
.countdown {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.countdown-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    padding: 0.5rem;
    border-radius: 15px;
    min-width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.countdown-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f8e874;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.countdown-label {
    font-size: 1rem;
    opacity: 0.9;
    margin-top: 0.5rem;
    font-weight: 600;
}

.cta-button {
    background: #f8e874;
    color: #000;
    padding: 1.2rem 3rem;
    border: none;
    border-radius: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;
}

.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}

.scroll-mouse {
    width: 24px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;
}

.scroll-wheel {
    width: 4px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

@keyframes scroll {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
}

/* Sections */
section {
    padding: 5rem 0;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}

.section-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.3rem;
    color: #4b5563;
    max-width: 700px;
    margin: 1.5rem auto 0;
    line-height: 1.7;
    font-weight: 400;
}

/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;
    transform: translateY(0);
}

.about.section-visible .highlight-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}

.about.section-visible .about-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* About Section - Versão minimalista */
.about {
    background: #f8fafc;
    padding: 6rem 0;
    position: relative;
}

.about::before {
    content: '';
    position: absolute;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #02243d;
    margin-bottom: 1rem;
    position: relative;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}

.about-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    position: relative;
    z-index: 1;
}

.about-text {
    padding-right: 2rem;
}

.about-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #f8e874;
    border-radius: 3px;
}

.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}

.about-text p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* Pilares */
.about-pillars {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.5rem 0;
}

.pillar {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.pillar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #02243d;
    color: white;
    font-size: 0.9rem;
}

.pillar-text {
    font-weight: 600;
    font-size: 1rem;
    color: #334155;
}

/* Estatísticas simplificadas */
.stats-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}

.stat-item {
    margin-right: 2rem;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 700;
    color: #02243d;
    line-height: 1;
}

.stat-label {
    font-size: 0.95rem;
    color: #64748b;
    margin-top: 0.3rem;
}

/* Objetivos simplificados */
.about-objectives-simple {
    background: #02243d;
    color: white;
    padding: 2.5rem;
    border-radius: 12px;
}

.about-objectives-simple h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.8rem;
}

.about-objectives-simple h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #f8e874;
    border-radius: 2px;
}

.objectives-list-simple {
    list-style: none;
}

.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.objectives-list-simple li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #f8e874;
    font-weight: bold;
}

/* Hero Section */
.hero {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #02243d 0%, #f8e874 50%, #02243d 100%);
    z-index: -2;
}

.hero-background::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.hero-content {
    max-width: 1000px;
    padding: 12rem 2rem 2rem;
    z-index: 1;
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: #f8e874;
    color: #000;
    padding: 0.8rem 1.5rem;
    border-radius: 30px;
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 2rem;
    box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);
}

.hero-title {
    font-size: clamp(2.5rem, 6vw, 5rem);
    font-weight: 800;
    margin-bottom: 2rem;
    line-height: 1.1;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.highlight {
    color: #f8e874;
    display: block;
    margin-top: 1rem;
}

.hero-subtitle {
    font-size: clamp(1.1rem, 3vw, 0.8rem);
    opacity: 0.95;
    line-height: 1.5;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.hero-info {
    display: flex;
    justify-content: center;
    gap: 3rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    opacity: 0.95;
    font-size: 1.1rem;
}

.info-item i {
    color: #f8e874;
    font-size: 1.3rem;
}

/* Countdown */
.countdown {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.countdown-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px);
    padding: 0.5rem;
    border-radius: 15px;
    min-width: 100px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.countdown-number {
    font-size: 2.5rem;
    font-weight: 800;
    color: #f8e874;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.countdown-label {
    font-size: 1rem;
    opacity: 0.9;
    margin-top: 0.5rem;
    font-weight: 600;
}

.cta-button {
    background: #f8e874;
    color: #000;
    padding: 1.2rem 3rem;
    border: none;
    border-radius: 15px;
    font-weight: 700;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 6px 20px rgba(245, 158, 11, 0.4);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.5);
    background: #f8e874;
}

.scroll-indicator {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    animation: bounce 2s infinite;
}

.scroll-mouse {
    width: 24px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    position: relative;
}

.scroll-wheel {
    width: 4px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

@keyframes scroll {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-10px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(10px);
    }
}

/* Sections */
section {
    padding: 5rem 0;
}

.section-header {
    text-align: center;
    margin-bottom: 4rem;
    position: relative;
}

.section-title {
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    display: inline-block;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f8e874, #f8e874);
    border-radius: 2px;
}

.section-subtitle {
    font-size: 1.3rem;
    color: #4b5563;
    max-width: 700px;
    margin: 1.5rem auto 0;
    line-height: 1.7;
    font-weight: 400;
}

/* Animações para a seção About - Ajustado para mostrar conteúdo por padrão */
.about .section-header,
.about .highlight-card,
.about .about-content {
    opacity: 1; /* Alterado de 0 para 1 para garantir visibilidade */
    transform: translateY(0); /* Alterado para não depender de animação */
    transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Mantemos as classes para JavaScript opcional */
.about.section-visible .section-header {
    opacity: 1;
    transform: translateY(0);
}

.about.section-visible .highlight-card {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(0.1s * var(--card-index, 0));
}

.about.section-visible .about-content {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* About Section - Versão minimalista */
.about {
    background: #f8fafc;
    padding: 6rem 0;
    position: relative;
}

.about::before {
    content: '';
    position: absolute;
    top: -5%;
    right: 0;
    width: 40%;
    height: 30%;
    background: rgba(59, 130, 246, 0.05);
    border-radius: 50%;
    z-index: 0;
}

.section-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #02243d;
    margin-bottom: 1rem;
    position: relative;
}

.section-subtitle {
    font-size: 1.1rem;
    color: #64748b;
    max-width: 700px;
    margin: 0 auto 3rem;
    line-height: 1.7;
}

.about-content {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 3rem;
    position: relative;
    z-index: 1;
}

.about-text {
    padding-right: 2rem;
}

.about-text h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #02243d;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 1rem;
}

.about-text h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #f8e874;
    border-radius: 3px;
}

.about-lead {
    font-size: 1.2rem !important;
    font-weight: 500;
    color: #334155 !important;
    margin-bottom: 1.5rem;
}

.about-text p {
    color: #475569;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

/* Pilares */
.about-pillars {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin: 2.5rem 0;
}

.pillar {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem 1.2rem;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 100px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
}

.pillar:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.pillar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #02243d;
    color: white;
    font-size: 0.9rem;
}

.pillar-text {
    font-weight: 600;
    font-size: 1rem;
    color: #334155;
}

/* Estatísticas simplificadas */
.stats-simple {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-top: 2.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    padding-top: 2rem;
}

.stat-item {
    margin-right: 2rem;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 700;
    color: #02243d;
    line-height: 1;
}

.stat-label {
    font-size: 0.95rem;
    color: #64748b;
    margin-top: 0.3rem;
}

/* Objetivos simplificados */
.about-objectives-simple {
    background: #02243d;
    color: white;
    padding: 2.5rem;
    border-radius: 12px;
}

.about-objectives-simple h4 {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.8rem;
}

.about-objectives-simple h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: #f8e874;
    border-radius: 2px;
}

.objectives-list-simple {
    list-style: none;
}

.objectives-list-simple li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.objectives-list-simple li::before {
    content: "→";
    position: absolute;
    left: 0;
    color: #f8e874;
    font-weight: bold;
}