.elementor-20126 .elementor-element.elementor-element-ded7a32{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-20126 .elementor-element.elementor-element-3e55b11{--display:flex;}/* Start custom CSS for html, class: .elementor-element-3fceb83 *//* ===================================================== */
/*          AB-i PREMIUM INVESTMENTS - GLOBAL CSS        */
/*          GLASS • NAVY • GOLD • INSTITUTIONAL          */
/* ===================================================== */


/* ------------------------------ */
/* GLOBAL RESET & BACKGROUND FIX */
/* ------------------------------ */

body,
html,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap {
    background: #0B1220 !important;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif !important;
    color: #ffffff;
}

.lp-container * {
    color: #ffffff;
}

.lp-container p,
.lp-container span,
.lp-container li {
    color: #d3d3d3;
}



/* ------------------------------ */
/* TITLES / HEADINGS PREMIUM */
/* ------------------------------ */

.sec-title,
h2 {
    font-size: 46px !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
    color: #ffffff !important;
}

.sec-subtitle {
    font-size: 20px !important;
    opacity: 0.85 !important;
    max-width: 900px;
    line-height: 1.6;
}



/* ------------------------------ */
/* PREMIUM BUTTONS */
/* ------------------------------ */

.btn-gold,
.btn-gold-big {
    background: #D4AF37 !important;
    color: #0B1220 !important;
    padding: 18px 40px !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    border-radius: 14px !important;
    text-decoration: none !important;
    display: inline-block;
    transition: 0.2s ease-in-out;
}

.btn-gold:hover,
.btn-gold-big:hover {
    background: #c29d2f !important;
}

.btn-outline {
    border: 2px solid #D4AF37 !important;
    color: #D4AF37 !important;
    padding: 18px 40px !important;
    border-radius: 14px;
    font-weight: 700;
    transition: 0.2s ease;
}

.btn-outline:hover {
    background: rgba(212,175,55,0.15);
}



/* ------------------------------ */
/* GLASSMORPHISM PREMIUM */
/* ------------------------------ */

.glass,
.hero-data-card,
.card-glass,
.graph-box,
.dados-item,
.numero-card,
.tese-item {
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.40) !important;
    padding: 40px !important;
}



/* ------------------------------ */
/* HERO SECTION */
/* ------------------------------ */

.hero-btg {
    background: linear-gradient(180deg, #0B1220 0%, #0E1A2E 100%);
    padding: 160px 80px !important;
}

.hero-title {
    font-size: 56px !important;
    font-weight: 900 !important;
    margin-bottom: 20px !important;
}

.hero-subtitle {
    font-size: 22px !important;
    opacity: 0.85;
    line-height: 1.7;
}



/* ------------------------------ */
/* GRID & SECTION LAYOUT */
/* ------------------------------ */

.section {
    padding: 140px 80px !important;
    max-width: 1400px !important;
    margin: auto !important;
}

.cards-3 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 40px !important;
}

.dados-grid,
.numeros-grid,
.tese-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 40px !important;
}



/* ------------------------------ */
/* EMPREENDIMENTO IMAGES */
/* ------------------------------ */

.emp-img {
    width: 100% !important;
    border-radius: 24px !important;
    margin-top: 40px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.55) !important;
    transition: 0.3s ease-in-out;
}

.emp-img:hover {
    transform: scale(1.02);
}



/* ------------------------------ */
/* GRAPH SECTION */
/* ------------------------------ */

.graph-box svg {
    width: 100%;
    height: auto;
}

.graph-box {
    padding: 50px !important;
    border-radius: 24px !important;
    margin-top: 50px !important;
}



/* ------------------------------ */
/* NUMBERS SECTION */
/* ------------------------------ */

.numero-card h4 {
    color: #D4AF37 !important;
    font-size: 22px !important;
    margin-bottom: 12px !important;
}

.numero-card p {
    font-size: 34px !important;
    font-weight: 800 !important;
}



/* ------------------------------ */
/* MOBILE RESPONSIVE */
/* ------------------------------ */

@media (max-width: 991px) {

    .hero-container {
        grid-template-columns: 1fr !important;
    }

    .section {
        padding: 100px 40px !important;
    }

    .sec-title {
        font-size: 34px !important;
    }

    .hero-title {
        font-size: 42px !important;
    }

    .cards-3 {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .section {
        padding: 80px 30px !important;
    }
}/* End custom CSS */