:root {
            --preto: #07090d;
            --preto-suave: #111827;
            --azul: #0b1f3a;
            --dourado: #c9a96e;
            --dourado-claro: #e8d5a3;
            --branco: #fafafa;
            --cinza: #9ca3af;
        }

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

        body {
            font-family: 'Inter', sans-serif;
            background: var(--preto);
            color: var(--branco);
            line-height: 1.6;
        }

        h1, h2, h3, .serif {
            font-family: 'Playfair Display', serif;
            font-weight: 400;
        }

        a { text-decoration: none; }

        nav {
            position: fixed;
            top: 0;
            width: 100%;
            padding: 25px 60px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            background: rgba(10, 10, 10, 0.95);
            backdrop-filter: blur(20px);
        }

        .logo {
            font-family: 'Playfair Display', serif;
            font-size: 24px;
            color: var(--branco);
            letter-spacing: 1px;
        }

        .logo span { color: var(--dourado); }

        .nav-links {
            display: flex;
            gap: 40px;
            list-style: none;
        }

        .nav-links a {
            color: var(--branco);
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: color 0.3s;
            position: relative;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--dourado);
            transition: width 0.3s;
        }

        .nav-links a:hover::after { width: 100%; }
        .nav-links a:hover { color: var(--dourado); }

        .page-hero {
            padding: 180px 60px 70px;
            text-align: center;
            max-width: 980px;
            margin: 0 auto;
        }

        .page-hero .label {
            color: var(--dourado);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 30px;
            display: block;
        }

        .page-hero h1 {
            font-size: clamp(36px, 4vw, 60px);
            margin-bottom: 25px;
            line-height: 1.1;
        }

        .page-hero h1 em {
            font-style: italic;
            color: var(--dourado);
        }

        .page-hero p {
            color: var(--cinza);
            font-size: 18px;
            max-width: 780px;
            margin: 0 auto;
            font-weight: 300;
            line-height: 1.8;
        }

        .area-intro-grid {
            max-width: 1200px;
            margin: 0 auto 30px;
            padding: 0 60px;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 18px;
        }

        .intro-item {
            background: var(--preto-suave);
            border: 1px solid rgba(201,169,110,.18);
            padding: 24px;
            min-height: 150px;
        }

        .intro-item strong {
            display: block;
            color: var(--dourado);
            font-size: 18px;
            margin-bottom: 8px;
        }

        .intro-item span {
            color: var(--cinza);
            font-size: 13px;
        }

        .filter-note {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 60px 20px;
            color: var(--cinza);
            font-size: 14px;
            line-height: 1.7;
        }

        .areas-section {
            padding: 70px 60px 80px;
            max-width: 1200px;
            margin: 0 auto;
        }

        .section-head {
            margin-bottom: 40px;
            text-align: center;
        }

        .section-head h2 {
            font-size: 40px;
            margin-bottom: 14px;
        }

        .section-head p {
            max-width: 780px;
            margin: 0 auto;
            color: var(--cinza);
            line-height: 1.8;
        }

        .area-card {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0;
            background: var(--preto-suave);
            border: 1px solid rgba(255,255,255,0.05);
            margin-bottom: 50px;
            overflow: hidden;
            transition: border-color 0.4s, transform 0.4s;
        }

        .area-card:hover {
            border-color: var(--dourado);
            transform: translateY(-4px);
        }

        .area-img {
            background: linear-gradient(135deg, var(--azul) 0%, var(--preto) 100%);
            background-size: cover;
            background-position: center;
            min-height: 450px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .area-img::after {
            content: 'ÁREA ESTRATÉGICA';
            border: 2px solid var(--dourado);
            color: var(--dourado);
            padding: 20px 50px;
            font-size: 16px;
            letter-spacing: 6px;
            font-weight: 600;
            opacity: 0.45;
            transform: rotate(-15deg);
            text-align: center;
        }

        .area-content {
            padding: 55px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .area-tag {
            color: var(--dourado);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 20px;
        }

        .area-content h3 {
            font-size: 32px;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        .area-content p {
            color: var(--cinza);
            font-size: 15px;
            line-height: 1.8;
            margin-bottom: 30px;
        }

        .area-specs {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
            margin-bottom: 30px;
        }

        .spec {
            padding: 20px;
            background: rgba(255,255,255,0.02);
            border: 1px solid rgba(255,255,255,0.05);
        }

        .spec-label {
            color: var(--cinza);
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 8px;
            display: block;
        }

        .spec-value {
            color: var(--dourado);
            font-size: 18px;
            font-weight: 600;
        }

        .area-price {
            padding-top: 30px;
            border-top: 1px solid rgba(255,255,255,0.05);
        }

        .price-label {
            color: var(--cinza);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: block;
            margin-bottom: 10px;
        }

        .price-value {
            font-size: 28px;
            color: var(--dourado);
            font-family: 'Playfair Display', serif;
        }

        .btn-area {
            display: inline-block;
            padding: 18px 42px;
            background: var(--dourado);
            color: var(--preto);
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 600;
            transition: all 0.4s;
            border: 2px solid var(--dourado);
            margin-top: 25px;
            width: fit-content;
        }

        .btn-area:hover {
            background: transparent;
            color: var(--dourado);
        }

        .cta-section {
            padding: 90px 60px;
            text-align: center;
            background: var(--preto-suave);
            margin-top: 40px;
        }

        .cta-section h2 {
            font-size: 42px;
            margin-bottom: 20px;
        }

        .cta-section h2 em {
            color: var(--dourado);
            font-style: italic;
        }

        .cta-section p {
            color: var(--cinza);
            max-width: 720px;
            margin: 0 auto 40px;
            font-size: 16px;
            line-height: 1.8;
        }

        .btn-cta {
            display: inline-block;
            padding: 20px 55px;
            background: var(--dourado);
            color: var(--preto);
            font-size: 13px;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-weight: 600;
            transition: all 0.4s;
        }

        .btn-cta:hover { background: var(--dourado-claro); }


        .cta-buttons {
            display: flex;
            gap: 16px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .btn-outline {
            background: transparent;
            color: var(--dourado);
            border: 2px solid var(--dourado);
        }

        .btn-outline:hover {
            background: var(--dourado);
            color: var(--preto);
        }

        .form-section {
            padding: 85px 60px;
            max-width: 850px;
            margin: 0 auto;
            text-align: center;
        }

        .form-section h2 {
            font-size: 40px;
            margin-bottom: 16px;
        }

        .form-section p {
            color: var(--cinza);
            max-width: 720px;
            margin: 0 auto 38px;
            line-height: 1.8;
        }

        .form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 18px;
        }

        .form-grid input,
        .form-grid select,
        .form-grid textarea {
            width: 100%;
            padding: 17px 22px;
            background: var(--preto-suave);
            border: 1px solid rgba(255,255,255,.12);
            color: var(--branco);
            font-family: 'Inter', sans-serif;
            font-size: 15px;
        }

        .form-grid textarea {
            grid-column: 1 / -1;
            min-height: 125px;
            resize: vertical;
        }

        .form-grid button {
            grid-column: 1 / -1;
            padding: 19px;
            background: var(--dourado);
            color: var(--preto);
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-weight: 700;
        }

        .form-grid button:hover {
            background: var(--dourado-claro);
        }

        .phone-line {
            margin-top: 22px;
            color: var(--cinza);
            font-size: 14px;
        }

        .phone-line a {
            color: var(--dourado);
            font-weight: 700;
        }

        footer {
            background: var(--preto-suave);
            padding: 60px;
            text-align: center;
            border-top: 1px solid rgba(255,255,255,0.05);
        }

        footer .logo {
            margin-bottom: 30px;
            display: inline-block;
        }

        footer p {
            color: var(--cinza);
            font-size: 13px;
            letter-spacing: 1px;
        }

        footer .footer-links {
            display: flex;
            justify-content: center;
            gap: 40px;
            margin: 30px 0;
            list-style: none;
            flex-wrap: wrap;
        }

        footer .footer-links a {
            color: var(--cinza);
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: color 0.3s;
        }

        footer .footer-links a:hover { color: var(--dourado); }

        .whatsapp-float {
            position: fixed;
            right: 22px;
            bottom: 22px;
            background: #25d366;
            color: white;
            padding: 16px 22px;
            border-radius: 999px;
            font-weight: 700;
            z-index: 1001;
            box-shadow: 0 15px 40px rgba(0,0,0,.35);
        }

        @media (max-width: 768px) {
            nav { padding: 20px 30px; }
            .nav-links { display: none; }
            .page-hero { padding: 140px 30px 60px; }
            .area-intro-grid { grid-template-columns: 1fr; padding: 0 30px; }
            .filter-note { padding: 0 30px 20px; }
            .areas-section { padding: 60px 30px; }
            .area-card { grid-template-columns: 1fr; }
            .area-img { min-height: 320px; }
            .area-img::after { font-size: 12px; padding: 14px 24px; letter-spacing: 3px; }
            .area-content { padding: 40px 30px; }
            .area-specs { grid-template-columns: 1fr; }
            .cta-section { padding: 60px 30px; }
            footer { padding: 50px 30px; }
            .form-grid { grid-template-columns: 1fr; }
        }
        /* Menu padronizado */
        .nav-links li{position:relative;list-style:none}.nav-links .has-dropdown>a{padding-right:16px}.nav-links .has-dropdown>a::before{content:'▾';position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--dourado);font-size:10px}.dropdown-menu{position:absolute;top:calc(100% + 14px);left:0;min-width:250px;padding:10px 0;background:rgba(7,9,13,.98);border:1px solid rgba(201,169,110,.28);box-shadow:0 18px 45px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}.has-dropdown:hover .dropdown-menu,.has-dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:block;padding:11px 18px;white-space:nowrap}.dropdown-menu a::after{display:none}@media(max-width:768px){nav{flex-wrap:wrap}.nav-links{display:flex;width:100%;flex-wrap:wrap;gap:8px 18px;margin-top:16px}.nav-links .has-dropdown{width:100%}.dropdown-menu{position:static;display:none;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;margin-top:4px;padding:6px 0 6px 12px;border:0;box-shadow:none;background:transparent;opacity:0;visibility:hidden;transform:none}.has-dropdown.active .dropdown-menu{display:grid;opacity:1;visibility:visible}.dropdown-menu a{padding:8px 4px;white-space:normal}}

        /* Direcao visual premium para areas */
        .page-hero{position:relative}
        .page-hero::after{
            content:'';
            display:block;
            width:72px;
            height:1px;
            margin:34px auto 0;
            background:linear-gradient(90deg,transparent,var(--dourado),transparent);
        }
        .hero-actions{display:flex;justify-content:center;margin-top:30px}
        .hero-action{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:15px 24px;
            border-radius:999px;
            background:var(--dourado);
            color:var(--preto);
            font-size:11px;
            font-weight:700;
            letter-spacing:1.8px;
            text-transform:uppercase;
        }
        .area-intro-grid{gap:14px}
        .intro-item{
            background:linear-gradient(145deg,rgba(29,29,29,.98),rgba(16,16,16,.98));
            border-color:rgba(201,169,110,.18);
            border-radius:18px;
            box-shadow:0 18px 45px rgba(0,0,0,.16);
        }
        .filter-note{
            margin-top:22px;
            padding-top:24px;
            border-top:1px solid rgba(201,169,110,.16);
        }
        .area-card{
            grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
            border-color:rgba(201,169,110,.16);
            border-radius:28px;
            margin-bottom:38px;
            background:linear-gradient(145deg,rgba(26,26,26,.99),rgba(13,13,13,.99));
            box-shadow:0 28px 70px rgba(0,0,0,.24);
            transition:border-color .35s,transform .35s,box-shadow .35s;
        }
        .area-card:hover{
            border-color:rgba(201,169,110,.55);
            transform:translateY(-6px);
            box-shadow:0 36px 85px rgba(0,0,0,.32);
        }
        .area-card:nth-of-type(even) .area-media{order:2}
        .area-media{
            position:relative;
            min-width:0;
            min-height:520px;
            overflow:hidden;
            background:linear-gradient(135deg,var(--azul),var(--preto));
        }
        .area-media::after{
            content:'';
            position:absolute;
            inset:0;
            background:linear-gradient(to top,rgba(7,9,13,.72),transparent 58%);
            pointer-events:none;
        }
        .area-img{
            display:block;
            width:100%;
            height:100%;
            min-height:520px;
            object-fit:cover;
            object-position:center;
            background:none;
            transition:transform .7s ease;
        }
        .area-img::after{display:none}
        .area-card:hover .area-img{transform:scale(1.035)}
        .area-media-label{
            position:absolute;
            left:24px;
            bottom:22px;
            z-index:2;
            padding:10px 14px;
            color:var(--branco);
            border:1px solid rgba(201,169,110,.55);
            border-radius:999px;
            background:rgba(7,9,13,.62);
            backdrop-filter:blur(10px);
            font-size:10px;
            letter-spacing:2.6px;
            text-transform:uppercase;
        }
        .area-content{padding:clamp(38px,5vw,64px)}
        .area-content h3{font-size:clamp(30px,3vw,43px);line-height:1.12}
        .area-specs{gap:0 18px}
        .spec{
            padding:17px 0;
            background:transparent;
            border:0;
            border-top:1px solid rgba(255,255,255,.08);
        }
        .spec-value{color:var(--branco);font-size:16px;font-weight:500}
        .btn-area{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:16px 28px;
            border-width:1px;
            border-radius:999px;
            font-size:11px;
            font-weight:700;
        }
        .cta-section{
            border-top:1px solid rgba(201,169,110,.14);
            border-bottom:1px solid rgba(201,169,110,.14);
            background:linear-gradient(135deg,#151515,#0b1422);
        }
        .form-section{max-width:920px}

        @media(max-width:768px){
            .page-hero{padding:100px 20px 34px;text-align:left}
            .page-hero::after{display:none}
            .page-hero .label{margin-bottom:14px;font-size:10px;letter-spacing:2.4px}
            .page-hero h1{font-size:clamp(35px,11vw,48px);margin-bottom:16px}
            .page-hero p{
                max-width:34rem;
                margin:0;
                font-size:15px;
                line-height:1.65;
                display:-webkit-box;
                -webkit-line-clamp:3;
                -webkit-box-orient:vertical;
                overflow:hidden;
            }
            .hero-actions{justify-content:flex-start;margin-top:22px}
            .hero-action{width:100%;padding:14px 20px}
            .area-intro-grid,.filter-note{display:none}
            .areas-section{padding:28px 14px 54px}
            .section-head{text-align:left;margin-bottom:28px;padding:0 6px}
            .section-head h2{font-size:30px;line-height:1.15;margin-bottom:10px}
            .section-head p{
                font-size:14px;
                line-height:1.6;
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical;
                overflow:hidden;
            }
            .area-card{grid-template-columns:1fr;border-radius:20px;margin-bottom:24px}
            .area-card:nth-of-type(even) .area-media{order:0}
            .area-media{min-height:0;aspect-ratio:4/3}
            .area-img{min-height:0}
            .area-media-label{left:16px;bottom:14px;padding:8px 11px}
            .area-content{padding:28px 22px 30px}
            .area-content h3{font-size:30px}
            .area-content p{font-size:14px;margin-bottom:20px}
            .area-specs{grid-template-columns:1fr 1fr;gap:0 16px}
            .spec{padding:14px 0}
            .spec-value{font-size:14px}
            .btn-area{width:100%}
        }
        @media(max-width:430px){.area-specs{grid-template-columns:1fr}}