:root {
                --navy: #071b36;
                --navy2: #0b2b50;
                --green: #08783f;
                --green2: #0b9b55;
                --gold: #d7a62a;
                --gold2: #f0ce68;
                --white: #fff;
                --off: #f4f6f5;
                --ink: #111923;
                --muted: #6b7580;
                --line: rgba(7, 27, 54, 0.1);
                --r: 26px;
            }
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            html {
                scroll-behavior: smooth;
            }
            body {
                font-family: Inter, Arial, sans-serif;
                color: var(--ink);
                background: #fff;
                overflow-x: hidden;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
            .container {
                width: min(1180px, calc(100% - 44px));
                margin: auto;
            }
            h1,
            h2,
            h3,
            h4 {
                font-family: "Barlow Condensed", Arial, sans-serif;
            }
            .eyebrow {
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.2em;
                text-transform: uppercase;
                color: var(--green);
                margin-bottom: 18px;
            }
            .btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 9px;
                border-radius: 999px;
                padding: 16px 23px;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.09em;
                text-transform: uppercase;
                transition: 0.25s;
            }
            .btn-gold {
                background: var(--gold);
                color: #08182e;
            }
            .btn-gold:hover {
                transform: translateY(-3px);
                box-shadow: 0 14px 30px rgba(215, 166, 42, 0.3);
            }
            .btn-outline {
                border: 1px solid rgba(255, 255, 255, 0.35);
                color: #fff;
                background: rgba(255, 255, 255, 0.06);
            }
            .btn-outline:hover {
                background: #fff;
                color: var(--navy);
            }
            /* header */
            header {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                z-index: 100;
                color: #fff;
                transition: 0.35s;
            }
            header.scrolled {
                background: rgba(7, 27, 54, 0.95);
                backdrop-filter: blur(16px);
                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.18);
            }
            .nav {
                height: 84px;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            .brand {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            .brand img {
                width: 42px;
                height: 58px;
                object-fit: contain;
            }
            .brand b {
                font-family: "Barlow Condensed";
                font-size: 27px;
                letter-spacing: 0.04em;
            }
            .brand b span {
                color: var(--gold2);
            }
            .menu {
                display: flex;
                align-items: center;
                gap: 28px;
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.08em;
                text-transform: uppercase;
            }
            .menu a:hover {
                color: var(--gold2);
            }
            .nav-cta {
                border: 1px solid rgba(255, 255, 255, 0.3);
                padding: 12px 17px;
                border-radius: 999px;
            }
            .mobile {
                display: none;
                background: none;
                border: 0;
                color: #fff;
                font-size: 28px;
            }
            /* hero */
            .hero {
                height: 100vh;
                display: flex;
                align-items: center;
                position: relative;
                color: #fff;
                background:
                    linear-gradient(
                        90deg,
                        rgba(3, 14, 29, 0.96) 0%,
                        rgba(3, 14, 29, 0.79) 43%,
                        rgba(3, 14, 29, 0.25) 100%
                    ),
                    linear-gradient(0deg, rgba(3, 14, 29, 0.55), transparent 45%),
                    url("https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=2200&q=88")
                        center/cover;
            }
            .hero:after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: -1px;
                height: 170px;
                background: linear-gradient(transparent, #fff);
            }
            .hero-inner {
                position: relative;
                z-index: 2;
                padding-top: 75px;
                max-width: 790px;
            }
            .kicker {
                display: flex;
                align-items: center;
                gap: 12px;
                color: var(--gold2);
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.18em;
                text-transform: uppercase;
            }
            .kicker:before {
                content: "";
                width: 42px;
                height: 2px;
                background: var(--gold);
            }
            .hero h1 {
                font-size: clamp(70px, 9vw, 128px);
                line-height: 0.82;
                text-transform: uppercase;
                font-weight: 900;
                letter-spacing: -0.02em;
                margin: 24px 0;
            }
            .hero h1 span {
                color: var(--gold2);
            }
            .hero p {
                max-width: 660px;
                font-size: 17px;
                line-height: 1.75;
                color: rgba(255, 255, 255, 0.82);
                margin-bottom: 30px;
            }
            .hero-actions {
                display: flex;
                gap: 12px;
                flex-wrap: wrap;
            }
            .hero-seal {
                position: absolute;
                right: 6%;
                bottom: 115px;
                z-index: 3;
                width: 155px;
                height: 155px;
                border: 1px solid rgba(255, 255, 255, 0.24);
                border-radius: 50%;
                background: rgba(255, 255, 255, 0.06);
                backdrop-filter: blur(9px);
                display: grid;
                place-items: center;
            }
            .hero-seal img {
                width: 85px;
                height: 112px;
                object-fit: contain;
            }
            /* intro */
            .intro {
                padding: 120px 0 110px;
            }
            .intro-grid {
                display: grid;
                grid-template-columns: 1.08fr 0.92fr;
                gap: 90px;
                align-items: end;
            }
            .intro h2 {
                font-size: clamp(55px, 6vw, 84px);
                line-height: 0.87;
                text-transform: uppercase;
                color: var(--navy);
            }
            .intro h2 span {
                color: var(--green);
            }
            .copy {
                font-size: 16px;
                line-height: 1.85;
                color: var(--muted);
            }
            .copy strong {
                color: var(--ink);
            }
            /* image story */
            .photo-story {
                padding-bottom: 115px;
            }
            .photo-grid {
                display: grid;
                grid-template-columns: 1.25fr 0.75fr;
                gap: 16px;
            }
            .photo {
                border-radius: var(--r);
                overflow: hidden;
                position: relative;
                background-position: center;
                background-size: cover;
                min-height: 590px;
            }
            .photo.small {
                min-height: 590px;
                background-position: center;
            }
            .photo:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(0deg, rgba(3, 14, 29, 0.72), transparent 58%);
            }
            .photo-main {
                background-image: url("https://images.unsplash.com/photo-1553778263-73a83bab9b0c?auto=format&fit=crop&w=1500&q=88");
            }
            .photo-small {
                background-image: url("https://images.unsplash.com/photo-1526232761682-d26e03ac148e?auto=format&fit=crop&w=1000&q=88");
            }
            .photo-caption {
                position: absolute;
                z-index: 2;
                left: 30px;
                right: 30px;
                bottom: 28px;
                color: #fff;
            }
            .photo-caption strong {
                font-family: "Barlow Condensed";
                font-size: 42px;
                text-transform: uppercase;
                line-height: 0.9;
                display: block;
            }
            .photo-caption span {
                display: block;
                margin-top: 10px;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.7);
            }
            /* stats */
            .stats {
                background: var(--navy);
                color: #fff;
                padding: 68px 0;
            }
            .stats-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
            }
            .stat {
                padding: 0 28px;
                border-left: 1px solid rgba(255, 255, 255, 0.13);
            }
            .stat:first-child {
                border-left: 0;
            }
            .stat strong {
                font-family: "Barlow Condensed";
                font-size: 61px;
                color: var(--gold2);
                line-height: 1;
            }
            .stat span {
                display: block;
                margin-top: 7px;
                color: rgba(255, 255, 255, 0.63);
                font-size: 10px;
                line-height: 1.5;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }
            /* pillars */
            .pillars {
                padding: 120px 0;
            }
            .head {
                display: flex;
                justify-content: space-between;
                align-items: end;
                gap: 50px;
                margin-bottom: 52px;
            }
            .head h2 {
                font-size: clamp(52px, 6vw, 78px);
                line-height: 0.88;
                color: var(--navy);
                text-transform: uppercase;
            }
            .head p {
                max-width: 430px;
                color: var(--muted);
                font-size: 15px;
                line-height: 1.75;
            }
            .cards {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 15px;
            }
            .card {
                min-height: 300px;
                border: 1px solid var(--line);
                border-radius: var(--r);
                padding: 29px;
                position: relative;
                overflow: hidden;
                transition: 0.3s;
            }
            .card:hover {
                transform: translateY(-7px);
                box-shadow: 0 25px 65px rgba(7, 27, 54, 0.11);
            }
            .card-num {
                font-family: "Barlow Condensed";
                font-size: 15px;
                color: var(--gold);
                font-weight: 800;
            }
            .card h3 {
                font-size: 37px;
                text-transform: uppercase;
                color: var(--navy);
                margin: 72px 0 10px;
            }
            .card p {
                font-size: 13px;
                line-height: 1.65;
                color: var(--muted);
            }
            .card:after {
                content: "";
                position: absolute;
                right: -55px;
                bottom: -65px;
                width: 170px;
                height: 170px;
                border-radius: 50%;
                background: rgba(8, 120, 63, 0.055);
            }
            /* purpose */
            .purpose {
                padding: 120px 0;
                background: #fff;
            }
            .purpose-intro {
                display: grid;
                grid-template-columns: 1.05fr 0.95fr;
                gap: 90px;
                align-items: end;
                margin-bottom: 55px;
            }
            .purpose h2 {
                font-size: clamp(58px, 7vw, 92px);
                line-height: 0.84;
                text-transform: uppercase;
                color: var(--navy);
            }
            .purpose h2 span,
            .teacher h3 span,
            .future-grid h3 span,
            .human-message h3 span {
                color: var(--green);
            }
            .purpose-photo {
                min-height: 570px;
                border-radius: 30px;
                overflow: hidden;
                position: relative;
                background: #071b36;
            }
            .purpose-photo-image {
                position: absolute;
                inset: 0;
                background:
                    linear-gradient(90deg, rgba(3, 14, 29, 0.8), rgba(3, 14, 29, 0.12)),
                    url("campo.png")
                        center/cover;
            }
            .purpose-photo-message {
                position: absolute;
                z-index: 2;
                left: 48px;
                bottom: 45px;
                max-width: 620px;
                color: #fff;
            }
            .purpose-photo-message span {
                display: block;
                color: var(--gold2);
                font-size: 11px;
                font-weight: 800;
                letter-spacing: 0.16em;
                text-transform: uppercase;
                margin-bottom: 12px;
            }
            .purpose-photo-message strong {
                font-family: "Barlow Condensed";
                font-size: clamp(44px, 5vw, 68px);
                line-height: 0.88;
                text-transform: uppercase;
                display: block;
            }
            .teacher {
                display: grid;
                grid-template-columns: 70px 1fr 1fr;
                gap: 35px;
                padding: 95px 0;
                border-bottom: 1px solid var(--line);
                align-items: start;
            }
            .teacher-number {
                font-family: "Barlow Condensed";
                font-size: 70px;
                color: var(--gold);
                line-height: 0.8;
            }
            .teacher h3 {
                font-family: "Barlow Condensed";
                font-size: clamp(50px, 5vw, 70px);
                line-height: 0.85;
                text-transform: uppercase;
                color: var(--navy);
            }
            .teacher-copy {
                padding-top: 8px;
            }
            .teacher-copy p {
                font-size: 14px;
                line-height: 1.8;
                color: var(--muted);
                margin-bottom: 14px;
            }
            .teacher-copy strong {
                display: block;
                border-left: 3px solid var(--green);
                padding: 5px 0 5px 17px;
                color: var(--navy);
                font-size: 14px;
                line-height: 1.7;
            }
            .future-grid {
                display: grid;
                grid-template-columns: 0.75fr 1.25fr;
                gap: 80px;
                padding: 105px 0;
            }
            .future-grid h3 {
                font-family: "Barlow Condensed";
                font-size: clamp(50px, 5vw, 72px);
                line-height: 0.85;
                text-transform: uppercase;
                color: var(--navy);
            }
            .future-cards {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 12px;
            }
            .future-card {
                border: 1px solid var(--line);
                border-radius: 20px;
                padding: 25px;
                min-height: 190px;
                transition: 0.25s;
            }
            .future-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 20px 50px rgba(7, 27, 54, 0.08);
            }
            .future-card b {
                font-family: "Barlow Condensed";
                color: var(--gold);
                font-size: 16px;
            }
            .future-card h4 {
                font-size: 30px;
                text-transform: uppercase;
                color: var(--navy);
                margin: 35px 0 7px;
            }
            .future-card p {
                font-size: 12px;
                line-height: 1.6;
                color: var(--muted);
            }
            .human-message {
                border-radius: 30px;
                background: var(--off);
                padding: 75px 9%;
                text-align: center;
            }
            .human-message h3 {
                font-family: "Barlow Condensed";
                font-size: clamp(54px, 6vw, 82px);
                line-height: 0.84;
                text-transform: uppercase;
                color: var(--navy);
            }
            .human-message p {
                max-width: 690px;
                margin: 22px auto 0;
                font-size: 15px;
                line-height: 1.8;
                color: var(--muted);
            }
            .human-message strong {
                display: block;
                margin-top: 28px;
                font-family: "Barlow Condensed";
                font-size: 29px;
                color: var(--navy);
                text-transform: uppercase;
            }
            .human-message small {
                display: block;
                margin-top: 8px;
                color: var(--green);
                font-weight: 800;
                font-size: 11px;
                letter-spacing: 0.08em;
            }

            /* mission */
            .mission {
                background: var(--off);
                padding: 120px 0;
            }
            .mission-grid {
                display: grid;
                grid-template-columns: 0.82fr 1.18fr;
                gap: 85px;
                align-items: center;
            }
            .mission-image {
                min-height: 650px;
                border-radius: var(--r);
                background: url("https://images.unsplash.com/photo-1579952363873-27f3bade9f55?auto=format&fit=crop&w=1300&q=88")
                    center/cover;
                position: relative;
            }
            .mission-image:after {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(0deg, rgba(7, 27, 54, 0.55), transparent 60%);
            }
            .mission-image span {
                position: absolute;
                z-index: 2;
                left: 27px;
                bottom: 26px;
                color: #fff;
                font-size: 10px;
                font-weight: 800;
                letter-spacing: 0.15em;
                text-transform: uppercase;
            }
            .mission h2 {
                font-size: clamp(54px, 6vw, 82px);
                line-height: 0.87;
                color: var(--navy);
                text-transform: uppercase;
            }
            .mission h2 span {
                color: var(--green);
            }
            .timeline {
                border-top: 1px solid var(--line);
                margin-top: 35px;
            }
            .step {
                display: grid;
                grid-template-columns: 50px 1fr;
                gap: 12px;
                padding: 19px 0;
                border-bottom: 1px solid var(--line);
            }
            .step b {
                font-family: "Barlow Condensed";
                font-size: 21px;
                color: var(--gold);
            }
            .step h4 {
                font-size: 15px;
                text-transform: uppercase;
                color: var(--navy);
                margin-bottom: 5px;
            }
            .step p {
                font-size: 13px;
                color: var(--muted);
                line-height: 1.6;
            }
            /* expansion */
            .expand {
                padding: 125px 0;
                background: var(--navy);
                color: #fff;
                position: relative;
                overflow: hidden;
            }
            .expand:before {
                content: "BRASIL";
                position: absolute;
                right: -50px;
                top: 30px;
                font-family: "Barlow Condensed";
                font-size: 280px;
                font-weight: 900;
                color: rgba(255, 255, 255, 0.025);
            }
            .expand-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 80px;
                position: relative;
                z-index: 2;
                align-items: center;
            }
            .expand h2 {
                font-size: clamp(60px, 7vw, 96px);
                line-height: 0.82;
                text-transform: uppercase;
            }
            .expand h2 span {
                color: var(--gold2);
            }
            .expand .copy {
                color: rgba(255, 255, 255, 0.68);
                margin: 24px 0 30px;
            }
            .profiles {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 11px;
            }
            .profile {
                border: 1px solid rgba(255, 255, 255, 0.13);
                border-radius: 15px;
                padding: 17px;
                font-size: 12px;
                color: rgba(255, 255, 255, 0.7);
            }
            .profile strong {
                display: block;
                color: #fff;
                margin-bottom: 5px;
            }
            .form {
                background: #fff;
                color: var(--ink);
                border-radius: 28px;
                padding: 35px;
                box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
            }
            .form h3 {
                font-size: 40px;
                line-height: 0.9;
                color: var(--navy);
                text-transform: uppercase;
                margin-bottom: 10px;
            }
            .form > p {
                font-size: 12px;
                color: var(--muted);
                line-height: 1.6;
                margin-bottom: 22px;
            }
            .form-grid {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 11px;
            }
            .input {
                width: 100%;
                border: 1px solid #dde2e6;
                border-radius: 11px;
                padding: 13px 14px;
                font-family: Inter;
                font-size: 12px;
                outline: none;
            }
            .input:focus {
                border-color: var(--green);
            }
            .full {
                grid-column: 1/-1;
            }
            .form button {
                border: 0;
                width: 100%;
                margin-top: 12px;
            }
            /* network */
            .network {
                padding: 120px 0;
            }
            .network-box {
                border: 1px solid var(--line);
                border-radius: 30px;
                background: linear-gradient(135deg, #f3f6f4, #fff);
                padding: 65px;
                overflow: hidden;
            }
            .network-box h2 {
                text-align: center;
                color: var(--navy);
                font-size: clamp(52px, 6vw, 78px);
                line-height: 0.88;
                text-transform: uppercase;
            }
            .network-box h2 span {
                color: var(--green);
            }
            .network-box > p {
                text-align: center;
                max-width: 650px;
                margin: 20px auto 45px;
                color: var(--muted);
                line-height: 1.7;
                font-size: 14px;
            }
            .states {
                display: flex;
                justify-content: center;
                flex-wrap: wrap;
                gap: 9px;
                max-width: 900px;
                margin: auto;
            }
            .state {
                padding: 11px 15px;
                border-radius: 99px;
                background: #fff;
                border: 1px solid var(--line);
                font-size: 10px;
                font-weight: 800;
                color: var(--navy);
                letter-spacing: 0.08em;
            }
            .state.active {
                background: var(--green);
                border-color: var(--green);
                color: #fff;
            }
            /* story */
            .story {
                padding-bottom: 120px;
            }
            .story-box {
                display: grid;
                grid-template-columns: 1fr 1fr;
                border-radius: 30px;
                overflow: hidden;
                background: var(--gold);
            }
            .story-img {
                min-height: 570px;
                background-image: url("expansao.png");
                background-position: center;
                background-size: cover;
                background-repeat: no-repeat;
            }
            .story-content {
                padding: 65px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .story-content h2 {
                font-size: clamp(52px, 5vw, 72px);
                line-height: 0.88;
                text-transform: uppercase;
                color: var(--navy);
            }
            .story-content p {
                color: rgba(7, 27, 54, 0.75);
                font-size: 15px;
                line-height: 1.8;
                margin: 24px 0;
            }
            .quote {
                font-family: "Barlow Condensed";
                font-size: 25px;
                color: var(--navy);
                border-left: 3px solid var(--navy);
                padding-left: 17px;
            }
            /* final */
            .final {
                background: var(--green);
                color: #fff;
                text-align: center;
                padding: 115px 0;
            }
            .final h2 {
                font-size: clamp(62px, 8vw, 108px);
                line-height: 0.82;
                text-transform: uppercase;
            }
            .final h2 span {
                color: var(--gold2);
            }
            .final p {
                max-width: 620px;
                margin: 23px auto 30px;
                color: rgba(255, 255, 255, 0.76);
                font-size: 15px;
                line-height: 1.7;
            }
            /* footer */
            footer {
                background: #041326;
                color: #fff;
                padding: 58px 0 25px;
            }
            .footer-top {
                display: flex;
                justify-content: space-between;
                gap: 50px;
                padding-bottom: 45px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }
            .footer-brand {
                display: flex;
                gap: 13px;
                align-items: center;
            }
            .footer-brand img {
                width: 48px;
                height: 65px;
                object-fit: contain;
            }
            .footer-brand b {
                font-family: "Barlow Condensed";
                font-size: 29px;
                text-transform: uppercase;
            }
            .footer-brand small {
                display: block;
                color: var(--gold2);
                font-size: 9px;
                letter-spacing: 0.13em;
                margin-top: 4px;
            }
            .footer-links {
                display: flex;
                gap: 55px;
            }
            .footer-links strong {
                display: block;
                color: var(--gold2);
                font-size: 9px;
                letter-spacing: 0.16em;
                text-transform: uppercase;
                margin-bottom: 14px;
            }
            .footer-links a {
                display: block;
                color: rgba(255, 255, 255, 0.62);
                font-size: 11px;
                margin: 9px 0;
            }
            .footer-bottom {
                display: flex;
                justify-content: space-between;
                padding-top: 23px;
                color: rgba(255, 255, 255, 0.35);
                font-size: 9px;
            }
            /* whatsapp */
            .whatsapp {
                position: fixed;
                right: 24px;
                bottom: 24px;
                z-index: 200;
                width: 62px;
                height: 62px;
                border-radius: 50%;
                display: grid;
                place-items: center;
                background: #25d366;
                color: #fff;
                box-shadow: 0 12px 35px rgba(0, 0, 0, 0.22);
                transition: 0.25s;
            }
            .whatsapp:hover {
                transform: scale(1.08);
            }
            .whatsapp svg {
                width: 31px;
                height: 31px;
                fill: currentColor;
            }
            .wa-label {
                position: absolute;
                right: 72px;
                white-space: nowrap;
                background: #fff;
                color: var(--navy);
                padding: 10px 13px;
                border-radius: 9px;
                font-size: 10px;
                font-weight: 800;
                box-shadow: 0 7px 25px rgba(0, 0, 0, 0.13);
                opacity: 0;
                transform: translateX(7px);
                transition: 0.25s;
                pointer-events: none;
            }
            .whatsapp:hover .wa-label {
                opacity: 1;
                transform: none;
            }
            /* responsive */
            @media (max-width: 900px) {
                .purpose-intro,
                .teacher,
                .future-grid {
                    grid-template-columns: 1fr;
                    gap: 35px;
                }
                .teacher-number {
                    display: none;
                }
                .teacher {
                    padding: 75px 0;
                }
                .future-cards {
                    grid-template-columns: 1fr 1fr;
                }
                .purpose-photo {
                    min-height: 470px;
                }
            }
            @media (max-width: 600px) {
                .purpose {
                    padding: 85px 0;
                }
                .purpose-photo-message {
                    left: 25px;
                    right: 25px;
                    bottom: 28px;
                }
                .purpose-photo-message strong {
                    font-size: 43px;
                }
                .future-cards {
                    grid-template-columns: 1fr;
                }
                .human-message {
                    padding: 50px 25px;
                }
            }
            @media (max-width: 900px) {
                .menu {
                    display: none;
                }
                .mobile {
                    display: block;
                }
                .hero {
                    min-height: 560px;
                }
                .hero-seal {
                    display: none;
                }
                .intro-grid,
                .mission-grid,
                .expand-grid,
                .story-box {
                    grid-template-columns: 1fr;
                    gap: 45px;
                }
                .stats-grid {
                    grid-template-columns: 1fr 1fr;
                    gap: 35px;
                }
                .stat:nth-child(3) {
                    border-left: 0;
                }
                .cards {
                    grid-template-columns: 1fr 1fr;
                }
                .photo-grid {
                    grid-template-columns: 1fr;
                }
                .photo,
                .photo.small {
                    min-height: 430px;
                }
                .mission-image {
                    min-height: 430px;
                }
                .footer-top {
                    flex-direction: column;
                }
                .footer-links {
                    flex-wrap: wrap;
                }
            }
            @media (max-width: 600px) {
                .container {
                    width: calc(100% - 30px);
                }
                .hero {
                    height: auto;
                    min-height: 720px;
                    padding: 15px 0 110px;
                }
                .hero h1 {
                    font-size: 64px;
                }
                .hero p {
                    font-size: 14px;
                }
                .intro,
                .pillars,
                .mission,
                .network {
                    padding: 85px 0;
                }
                .head {
                    display: block;
                }
                .head p {
                    margin-top: 18px;
                }
                .cards {
                    grid-template-columns: 1fr;
                }
                .stats-grid {
                    grid-template-columns: 1fr 1fr;
                }
                .stat {
                    padding: 0 12px;
                }
                .stat strong {
                    font-size: 44px;
                }
                .profiles,
                .form-grid {
                    grid-template-columns: 1fr;
                }
                .full {
                    grid-column: auto;
                }
                .form {
                    padding: 25px;
                }
                .network-box {
                    padding: 45px 18px;
                }
                .story-content {
                    padding: 45px 28px;
                }
                .story-img {
                    min-height: 360px;
                }
                .footer-links {
                    gap: 28px;
                }
                .footer-bottom {
                    display: block;
                    line-height: 1.8;
                }
                .whatsapp {
                    right: 17px;
                    bottom: 17px;
                    width: 58px;
                    height: 58px;
                }
                .wa-label {
                    display: none;
                }
            }
            
            
/* =========================================================
   MENU PROJETOS
   Extensão do menu original da FEF-BRASIL
   ========================================================= */

/* Área do item Projetos */
.menu-dropdown {
    position: relative;
    display: flex;
    align-items: center;
    height: 84px;
}


/* Link principal "Projetos" */
.menu-dropdown-toggle {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #fff;
}


/* Seta */
.menu-arrow {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    margin-top: -2px;
    transition: transform 0.25s ease;
}


/* =========================================================
   SUBMENU
   ========================================================= */

.menu-dropdown-content {
    position: absolute;

    top: 72px;
    left: 50%;

    width: 355px;

    padding: 10px;

    background: #fff;

    border: 1px solid var(--line);

    border-radius: 18px;

    box-shadow:
        0 20px 55px rgba(7, 27, 54, 0.18);

    opacity: 0;
    visibility: hidden;

    transform: translate(-50%, 10px);

    transition:
        opacity 0.22s ease,
        visibility 0.22s ease,
        transform 0.22s ease;

    z-index: 9999;
}


/* Pequeno detalhe superior */
.menu-dropdown-content::before {
    content: "";

    position: absolute;

    top: -6px;
    left: 50%;

    width: 12px;
    height: 12px;

    background: #fff;

    border-left: 1px solid var(--line);
    border-top: 1px solid var(--line);

    transform: translateX(-50%) rotate(45deg);
}


/* =========================================================
   ABRIR AO PASSAR O MOUSE
   ========================================================= */

.menu-dropdown:hover .menu-dropdown-content {
    opacity: 1;
    visibility: visible;

    transform: translate(-50%, 0);
}


.menu-dropdown:hover .menu-arrow {
    transform: rotate(180deg);
}


/* =========================================================
   ITENS DO SUBMENU
   ========================================================= */

.menu-dropdown-content > a {
    display: flex;

    align-items: center;

    gap: 13px;

    padding: 13px 12px;

    border-radius: 12px;

    color: var(--navy);

    text-transform: none;

    letter-spacing: normal;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}


/* Hover do item */
.menu-dropdown-content > a:hover {
    background: var(--off);

    color: var(--navy);

    transform: translateX(3px);
}


/* =========================================================
   NUMERAÇÃO DOS PROJETOS
   ========================================================= */

.projeto-icon {
    width: 39px;
    height: 39px;

    min-width: 39px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(8, 120, 63, 0.08);

    border: 1px solid rgba(8, 120, 63, 0.15);

    color: var(--green);

    font-family: "Barlow Condensed", Arial, sans-serif;

    font-size: 15px;

    font-weight: 800;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


/* Hover da numeração */
.menu-dropdown-content > a:hover .projeto-icon {
    background: var(--green);

    border-color: var(--green);

    color: #fff;
}


/* =========================================================
   TEXTO DOS PROJETOS
   ========================================================= */

.menu-info {
    display: flex;

    flex-direction: column;

    gap: 3px;

    min-width: 0;
}


.menu-info strong {
    display: block;

    color: var(--navy);

    font-family: Inter, Arial, sans-serif;

    font-size: 12px;

    font-weight: 800;

    line-height: 1.25;
}


.menu-info small {
    display: block;

    color: var(--muted);

    font-family: Inter, Arial, sans-serif;

    font-size: 10px;

    font-weight: 500;

    line-height: 1.3;
}


/* =========================================================
   AJUSTE DO HOVER DO MENU PRINCIPAL
   ========================================================= */

.menu-dropdown:hover > .menu-dropdown-toggle {
    color: var(--gold2);
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 900px) {

    /*
     * O menu principal já é escondido pelo CSS original.
     * Portanto, não mostramos o dropdown no mobile.
     * O menu mobile continuará sendo tratado pelo botão ☰.
     */

    .menu-dropdown {
        height: auto;
    }

    .menu-dropdown-content {
        display: none;
    }

}