/* /Components/Layout/MainLayout.razor.rz.scp.css */
body[b-ur1onwv5fz] {
    margin: 0;
    font-family: var(--body-font);
    color: #ffffff;
    background-color: #1C1F37; /* Cor correta da imagem */
}
/* Evita scroll horizontal causado por elementos que escapam da viewport */
html[b-ur1onwv5fz], body[b-ur1onwv5fz], .page-wrapper[b-ur1onwv5fz] {
    overflow-x: hidden;
}
a[b-ur1onwv5fz] {
    color: inherit;
}

.page-wrapper[b-ur1onwv5fz] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-ur1onwv5fz] {
    flex: 1;
}

.container[b-ur1onwv5fz] {
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

.section-bg[b-ur1onwv5fz] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.section-overlay[b-ur1onwv5fz] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.section-content[b-ur1onwv5fz] {
    position: relative;
    z-index: 2;
}

/* HEADER */
.header[b-ur1onwv5fz] {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
}

/* HERO */
.hero-wrapper[b-ur1onwv5fz] {
    position: relative;
    height: 100vh;
}

.hero[b-ur1onwv5fz] {
    height: 100vh;
    display: flex;
    align-items: center;
}

/* SERVICES */
.services[b-ur1onwv5fz] {
    padding: 120px 0;
}

.services-grid[b-ur1onwv5fz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

/* WHY */
.why[b-ur1onwv5fz] {
    position: relative;
    padding: 140px 0;
}

/* STATS */
.stats[b-ur1onwv5fz] {
    position: relative;
    padding: 160px 0;
}

/* CTA */
.cta[b-ur1onwv5fz] {
    position: relative;
    padding: 160px 0;
}

/* FOOTER */
.footer[b-ur1onwv5fz] {
    padding: 100px 0 40px;
}

/* RESPONSIVO */
@media (max-width: 1024px) {

    .services-grid[b-ur1onwv5fz] {
        grid-template-columns: 1fr;
    }
}


/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9xgjg93rzb] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-9xgjg93rzb] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-9xgjg93rzb] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-9xgjg93rzb] {
    font-size: 1.1rem;
}

.bi[b-9xgjg93rzb] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-9xgjg93rzb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-9xgjg93rzb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-9xgjg93rzb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-9xgjg93rzb] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-9xgjg93rzb] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-9xgjg93rzb] {
        padding-bottom: 1rem;
    }

    .nav-item[b-9xgjg93rzb]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-9xgjg93rzb]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-9xgjg93rzb]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-9xgjg93rzb] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-9xgjg93rzb] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-9xgjg93rzb] {
        display: none;
    }

    .nav-scrollable[b-9xgjg93rzb] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/ArticlesSection.razor.rz.scp.css */
/* =========================
   SECTION
========================= */
.articles-section[b-s9y8jsbxl5] {
    width: 100%;
    min-height: 100vh;
    padding: 140px 0;
    background: #050415;
    position: relative;
}

/* =========================
   INNER
========================= */
.articles-inner[b-s9y8jsbxl5] {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    isolation: isolate; /* garante camadas corretas */
    padding: 0 40px;
}

/* =========================
   LINHAS (BACKGROUND)
========================= */
.line[b-s9y8jsbxl5] {
    position: absolute;
    height: 1.2px;
    background: rgba(255,255,255,0.29);
    z-index: 0;
    pointer-events: none;
}

/* POSIÇÕES ORIGINAIS */
.line-1[b-s9y8jsbxl5] {
    top: 79px;
    left: 322px;
    width: 29%;
}

.line-2[b-s9y8jsbxl5] {
    top: 180.1px;
    right: -400px;
    width: 39.8%;
}

.line-3[b-s9y8jsbxl5] {
    top: 297.8px; /*bottom: 572.6px;*/
    left: -380px;
    width: 46%;
}
/* =========================
   GRID PRINCIPAL (BOOTSTRAP)
========================= */
.articles-row[b-s9y8jsbxl5] {
    margin-top: 20px;
    justify-items: center;
    position: relative;
    z-index: 1; /* acima das linhas */
}

/* =========================
   CARDS BASE
========================= */
.article-card[b-s9y8jsbxl5] {
    color: #dbe1ee;
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 2;
}

    /* =========================
   LEFT
========================= */
    .article-card.left[b-s9y8jsbxl5] {
        margin-top: 79px;
    }

        .article-card.left .article-image[b-s9y8jsbxl5] {
            width: 270px !important;
        }

    /* =========================
   CENTER (FEATURED)
========================= */
    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -240px;
    }

        .article-card.center .article-image[b-s9y8jsbxl5] {
            width: 200px !important;
            height: 320px;
            position: relative;
            z-index: 5;
            background-size: cover;
            background-position: center;
            transition: height .2s ease;
        }

    /* =========================
   RIGHT
========================= */
    .article-card.right[b-s9y8jsbxl5] {
        margin-top: 180px;
        transform: translateX(-80px);
    }

        .article-card.right .article-image[b-s9y8jsbxl5] {
            width: 282px !important;
        }

/* =========================
   IMAGENS BASE
========================= */
.article-image[b-s9y8jsbxl5] {
    width: 220px;
    height: 220px;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}

/* =========================
   TITULO
========================= */
.card-title[b-s9y8jsbxl5] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
    font-size: 25px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 26px !important;
    line-height: 1.3;
}

/* =========================
   META
========================= */
.card-meta[b-s9y8jsbxl5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    font-size: 22px;
    color: white;
    margin-bottom: 28px;
}

    .card-meta img[b-s9y8jsbxl5] {
        width: 32px;
        height: auto;
    }

/* =========================
   TEXTO
========================= */
.card-text p[b-s9y8jsbxl5] {
    font-size: 20px !important;
    line-height: 36px !important;
    margin-bottom: 22px;
    color: white;
}

/* =========================================================
   📱 MOBILE (<=768px)
========================================================= */
@media (max-width: 768px) {

    .articles-section[b-s9y8jsbxl5] {
        padding: 40px 0;
    }

    .articles-row[b-s9y8jsbxl5] {
        margin-top: 15px;
        justify-items: center !important;
        align-items: center !important;
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* 🔥 DEFINIÇÃO CORRETA DAS ÁREAS */
        grid-template-areas:
            "right right"
            ". center"
            "left left" !important;
        gap: 4px !important;
    }

    /* =========================
       CENTER (TOPO)
    ========================= */
    .article-card.center[b-s9y8jsbxl5] {
        grid-area: center !important;
        margin-top: -298px;
        justify-self: center !important;
        transform: translateX(36px);
    }

    /* =========================
       RIGHT (MEIO / LADO)
    ========================= */
    .article-card.right[b-s9y8jsbxl5] {
        grid-area: right !important;
        justify-self: end !important;
        transform: translateX(26px);
        margin-top: 80px !important;
    }

    /* =========================
       LEFT (BAIXO)
    ========================= */
    .article-card.left[b-s9y8jsbxl5] {
        grid-area: left !important;
        justify-self: start !important;
        transform: translateX(26px);
    }
    /* =========================
       IMAGEM (IMPORTANTE - REDUÇÃO REAL)
    ========================= */
    .article-image[b-s9y8jsbxl5] {
        width: 100% !important;
        max-width: 180px; /* 🔥 reduzido (era 240+) */
        height: 150px; /* 🔥 reduzido (era 180+) */
        margin: 0 0 12px 0;
    }

    .article-card.center .article-image[b-s9y8jsbxl5] {
        max-width: 110px;
        height: 170px;
    }

    /* =========================
       TIPOGRAFIA (ESCALA MOBILE REAL)
    ========================= */
    .card-title[b-s9y8jsbxl5] {
        font-size: 14px; /* 🔥 menor */
        line-height: 18px;
        text-align: left;
        margin-bottom: 10px !important;
    }

    .card-meta[b-s9y8jsbxl5] {
        font-size: 12px;
        gap: 8px;
        margin-bottom: 12px;
        align-items: flex-start;
    }

        .card-meta img[b-s9y8jsbxl5] {
            width: 22px;
        }

    .card-text p[b-s9y8jsbxl5] {
        font-size: 12px !important; /* 🔥 menor */
        line-height: 18px !important; /* 🔥 compacto */
        margin-bottom: 10px;
        text-align: left;
    }

    /* =========================
       LINHAS (mantém mas mais leves)
    ========================= */
    .line[b-s9y8jsbxl5] {
        opacity: 0.08;
    }

    /* evita overflow */
    .articles-inner[b-s9y8jsbxl5] {
        padding: 0 10px;
    }
}

/* =========================================================
   📲 TABLET (769px - 1024px)
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {

    .articles-row[b-s9y8jsbxl5] {
        margin-top: 40px;
    }

    .article-card.left[b-s9y8jsbxl5] {
        margin-top: 40px;
    }

    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -80px;
    }

    .article-card.right[b-s9y8jsbxl5] {
        margin-top: 80px;
        transform: none;
    }

    .article-image[b-s9y8jsbxl5] {
        width: 100% !important;
        max-width: 300px;
        height: 240px;
    }

    .card-text p[b-s9y8jsbxl5] {
        font-size: 17px !important;
        line-height: 28px !important;
    }
}

/* =========================================================
   💻 DESKTOP (1025px+)
   (mantém tua estética original)
========================================================= */
@media (min-width: 1025px) and (max-width: 1200px) {

    .articles-inner[b-s9y8jsbxl5] {
        padding: 0 80px;
    }

    .articles-row[b-s9y8jsbxl5] {
        margin-top: 10px;
    }

    /* CENTER menos agressivo */
    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -160px;
    }

        .article-card.center .article-image[b-s9y8jsbxl5] {
            height: 300px;
        }

    /* LEFT / RIGHT mais equilibrado */
    .article-card.left[b-s9y8jsbxl5] {
        margin-top: 60px;
    }

    .article-card.right[b-s9y8jsbxl5] {
        margin-top: 140px;
        transform: translateX(-40px);
    }

    /* imagens mais pequenas */
    .article-card.left .article-image[b-s9y8jsbxl5] {
        width: 240px !important;
    }

    .article-card.right .article-image[b-s9y8jsbxl5] {
        width: 250px !important;
    }

    /* linhas ajustadas */
    .line-1[b-s9y8jsbxl5] {
        left: 220px !important;
        width: 24% !important;
    }

    .line-2[b-s9y8jsbxl5] {
        right: -220px !important;
        width: 34% !important;
    }

    .line-3[b-s9y8jsbxl5] {
        left: -260px !important;
        width: 40% !important;
    }
}
@media (min-width: 1201px) and (max-width: 1399px) {

    .articles-inner[b-s9y8jsbxl5] {
        padding: 0 110px;
    }

    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -200px;
    }

    .article-card.right[b-s9y8jsbxl5] {
        transform: translateX(-55px);
    }

    .article-card.left[b-s9y8jsbxl5] {
        margin-top: 70px;
    }

    /* linhas fluem melhor */
    .line-1[b-s9y8jsbxl5] {
        left: 260px !important;
    }

    .line-2[b-s9y8jsbxl5] {
        right: -260px !important;
    }

    .line-3[b-s9y8jsbxl5] {
        left: -300px !important;
    }
}
/* =========================================================
   🖥️ LARGE DESKTOP (1400px+)
========================================================= */
@media (min-width: 1400px) {

    .articles-inner[b-s9y8jsbxl5] {
        padding: 0 140px;
    }

    .card-title[b-s9y8jsbxl5] {
        font-size: 26px;
    }

    .card-text p[b-s9y8jsbxl5] {
        font-size: 18px !important;
        line-height: 32px !important;
    }

    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -220px !important;
        transform: translateX(40px) !important;
    }
    .article-card.right[b-s9y8jsbxl5] {
        transform: translateX(60px) !important;
    }
    .article-card.center[b-s9y8jsbxl5] {
        margin-top: -240px;
    }

        .article-card.center .article-image[b-s9y8jsbxl5] {
            width: 200px !important;
            height: 300px;
            position: relative;
            z-index: 5;
            background-size: cover;
            background-position: center;
            transition: height .2s ease;
        }

}
/* /Components/Pages/Contacts.razor.rz.scp.css */
.contacts-page[b-zum84u44cl] {
    padding: 10.5rem 0 8.5rem;
    background: rgba(44,51,102,0.75);
}

.contacts-hero .hero-content h1[b-zum84u44cl] {
    font-family: var(--font-heading);
    font-size: clamp(28px, 6vw, 44px);
    color: var(--axis-dark);
    margin: 0 0 0.5rem;
    font-weight: 900;
}

.contacts-hero .hero-content p[b-zum84u44cl] {
    color: var(--axis-text);
    margin: 0;
}

.contacts-grid[b-zum84u44cl] {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 2rem;
    align-items: start;
    margin-top: 2rem;
}

.contact-info h2[b-zum84u44cl] {
    margin-top: 0;
    color: var(--axis-dark);
}

.contact-info p[b-zum84u44cl] {
    color: var(--axis-text);
    margin: 0.25rem 0;
}

.contact-form[b-zum84u44cl] {
    background: #fff;
    border: 1px solid var(--axis-border);
    padding: 1.25rem;
    border-radius: 10px;
    box-shadow: 0 12px 30px rgba(39, 42, 107, 0.06);
}

.contact-form .form-group[b-zum84u44cl] {
    margin-bottom: 0.85rem;
}

.contact-form .form-control[b-zum84u44cl] {
    width: 100%;
    padding: 0.6rem 0.8rem;
    border: 1px solid var(--axis-border);
    border-radius: 6px;
}

.btn-cta[b-zum84u44cl] {
    background: var(--axis-primary);
    color: white;
    padding: 0.65rem 1rem;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: 700;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .contacts-grid[b-zum84u44cl] {
        grid-template-columns: 1fr;
    }

    .contact-info[b-zum84u44cl] {
        order: 2;
    }

    .contact-form[b-zum84u44cl] {
        order: 1;
        width: 100%;
        box-shadow: none;
        border-radius: 6px;
        padding: 1rem 0.5rem;
        border: none;
    }
}
/* /Components/Pages/CookieBanner.razor.rz.scp.css */
.cookie-banner[b-gqzs0uohwd] {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 5000;
    background: rgba(255,255,255,0.98);
    border: 1px solid rgba(163,174,213,0.12);
    border-radius: 0.75rem;
    box-shadow: 0 12px 30px rgba(39,42,107,0.12);
    padding: 1rem 1.25rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    max-width: calc(1280px - 2rem);
    margin: 0 auto;
}

.cookie-banner__content[b-gqzs0uohwd] {
    color: var(--axis-text);
    font-size: 0.95rem;
    flex: 1 1 auto;
}

.cookie-banner__actions[b-gqzs0uohwd] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.cookie-banner .btn-outline[b-gqzs0uohwd] {
    background: transparent;
    border: 1px solid rgba(39,42,107,0.08);
    color: var(--axis-dark);
    padding: 0.5rem 0.9rem;
    border-radius: 0.5rem;
}

.cookie-banner .btn-primary[b-gqzs0uohwd] {
    background: var(--axis-primary);
    color: white;
    padding: 0.5rem 0.9rem;
    border-radius: 0.5rem;
}

.cookie-banner .btn-link[b-gqzs0uohwd] {
    background: transparent;
    color: var(--axis-accent);
    align-self: center;
    padding: 0.5rem 0.6rem;
    text-decoration: underline;
}

@media (max-width: 640px) {
    .cookie-banner[b-gqzs0uohwd] {
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
        flex-direction: column;
        align-items: stretch;
        padding: 0.75rem;
    }

    .cookie-banner__actions[b-gqzs0uohwd] {
        justify-content: flex-end;
    }

    .cookie-banner .btn-link[b-gqzs0uohwd] { align-self: flex-start; }
}
/* /Components/Pages/CrowdSection.razor.rz.scp.css */
/* =========================
   1. VARIÁVEIS
========================= */
:root[b-i8x5an2ere] {
    --img-extend: 240px;
    --top-right-nudge: -10px;
}

/* =========================
   2. LAYOUT BASE
========================= */
.crowd-section[b-i8x5an2ere] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background-color: #0F112A;
    overflow: hidden;
    padding: 140px 0;
    margin: 0 auto;
}

.crowd-container[b-i8x5an2ere] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 20px 40px;
    box-sizing: border-box;
    align-items: center;
}

/* =========================
   3. GRID (ALINHAMENTO X e Y)
   - mantém markup: .col continua wrapper
   - mapeia cada filho de cada coluna para células da grid
========================= */
.crowd-columns[b-i8x5an2ere] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 28px; /* espaço entre colunas visual como no mock */
    row-gap: 40px;
    width: 100%;
    align-items: center;
    box-sizing: border-box;
    justify-items: center;
}

/* cada .col é apenas um wrapper (preserva acessibilidade structure) */
.col[b-i8x5an2ere] {
    display: contents; /* permite mapear filhos diretamente na grid */
    text-align: start;
}

/* mapear explicitamente filhos para garantir alinhamento por linha */
/* Coluna 1 */
.crowd-columns > .col:nth-child(1) > :nth-child(1)[b-i8x5an2ere] { grid-column: 1; grid-row: 1; }
.crowd-columns > .col:nth-child(2) > :nth-child(2)[b-i8x5an2ere] { grid-column: 2; grid-row: 2; }
.crowd-columns > .col:nth-child(3) > :nth-child(3)[b-i8x5an2ere] { grid-column: 3; grid-row: 3; }

/* Coluna 2 */
.crowd-columns > .col:nth-child(1) > :nth-child(1)[b-i8x5an2ere] { grid-column: 1; grid-row: 1; }
.crowd-columns > .col:nth-child(2) > :nth-child(2)[b-i8x5an2ere] { grid-column: 2; grid-row: 2; }
.crowd-columns > .col:nth-child(3) > :nth-child(3)[b-i8x5an2ere] { grid-column: 3; grid-row: 3; }

/* Coluna 3 */
.crowd-columns > .col:nth-child(1) > :nth-child(1)[b-i8x5an2ere] { grid-column: 1; grid-row: 1; }
.crowd-columns > .col:nth-child(2) > :nth-child(2)[b-i8x5an2ere] { grid-column: 2; grid-row: 2; }
.crowd-columns > .col:nth-child(3) > :nth-child(3)[b-i8x5an2ere] { grid-column: 3; grid-row: 3; }

/* =========================
   4. TIPOGRAFIA
========================= */
.crowd-card h2[b-i8x5an2ere] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
    font-size: 22px !important;
    font-weight: 800;
    line-height: 28px;
    margin-bottom: 28px;
    text-align: start;
}

.crowd-card p[b-i8x5an2ere] {
    font-size: 16px !important;
    line-height: 30px !important;
    margin-bottom: 22px;
    text-align: start;
}

/* =========================
   5. CARDS - largura consistente dentro da grid
========================= */
/*.crowd-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 672px;
    min-width: 380px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: start;
}*/
/* Center card content, but keep text right-aligned */
.crowd-card[b-i8x5an2ere] {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; /* 🔥 CENTRA O BLOCO */
}
.card-inner[b-i8x5an2ere] {
    width: 100%;
    max-width: 340px; /* 🔥 controla largura do texto */
    text-align: left; /* 🔥 texto alinhado à esquerda */
    margin-left: 40px; /* 🔥 move para a direita */
}
    /* Conteúdo interno ocupa largura limitada (coluna de texto), permanecendo centralizado na card */
    .crowd-card > *[b-i8x5an2ere] {       
        width: 100%;
        /*max-width: 300px;*/ /* ajuste se quiser coluna mais estreita/larga */
        box-sizing: border-box;

    }

    /* Aplica-se apenas ao conteúdo textual (preserva .crowd-img) */
.crowd-card > h2[b-i8x5an2ere],
.crowd-card > p[b-i8x5an2ere],
.crowd-card > .card-footer[b-i8x5an2ere],
.crowd-card .card-author[b-i8x5an2ere],
.crowd-card .crowd-link-text[b-i8x5an2ere] {
    width: 100%;
    max-width: 360px; /* ajuste para controlar onde as linhas quebram; aumente/diminua conforme o mock */
    box-sizing: border-box;
    text-align: left; /* texto alinhado à direita */
    white-space: pre-line; /* preserva quebras explícitas do HTML (ex.: <br />) */
    word-break: normal;
    /*overflow-wrap: normal;*/
}
    /* Footer alinhado à direita dentro da mesma coluna */
    .crowd-card .card-footer[b-i8x5an2ere] {
        display: flex;
        justify-content: flex-start;
        gap: 16px;
        width: 100%;
        max-width: 340px;
    }

    /* Não impactar cards que só contêm imagem */
.crowd-card > .crowd-img[b-i8x5an2ere] {
    margin: 0 auto;
    max-width: 412px;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
}

/* small color tweaks preserved */
.card-1 h2[b-i8x5an2ere] { color: rgba(120,129,190); margin-top: 44px; }
.card-2 h2[b-i8x5an2ere] { color: rgba(166,144,142); margin-top: 44px; }
.card-3 h2[b-i8x5an2ere] {
    margin-top: 28px;
}
.card-4 h2[b-i8x5an2ere] {
    margin-top: 28px;
}

/*.card-2 h2 {
    color: rgba(166,144,142);
    margin-top: 44px;
}*/
/* =========================
   6. IMAGENS - fix square and cover
========================= */
.crowd-img[b-i8x5an2ere] {
    box-sizing: border-box;
    width: 412px;
    height: 412px;
    aspect-ratio: 1 / 1; /* keeps square */
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

/* background images */
.img-2[b-i8x5an2ere] { background-image: url('/images/Crowd-foto-2.jpg'); }
.img-3[b-i8x5an2ere] { background-image: url('/images/Crowd-foto-3.jpg'); }
.img-4[b-i8x5an2ere] { background-image: url('/images/Crowd-foto-4.jpg'); }
.img-5[b-i8x5an2ere] { background-image: url('/images/Crowd-foto-5.jpg'); }


/* ========================= 8. HEADER (TOP TEXT) ========================= */ /* quando o header estiver dentro da coluna (classe in-col) */

.crowd-top-text.in-col[b-i8x5an2ere] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    position: relative;
    margin-left: 0px; /* 🔥 move para a direita */
    top: -10px; /* ajuste fino */
    z-index: 6;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    max-width: 300px;
    line-height: 35px;
}
    /* bloco esquerdo (texto pequeno, alinhado à direita) */

    .crowd-top-text.in-col .top-left[b-i8x5an2ere] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
        gap: 1.4px;
    }

    .crowd-top-text.in-col .small-line[b-i8x5an2ere] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        font-size: clamp(18px, 1.6vw, 22px);
        font-weight: 800; /*letter-spacing: 1.5px;*/
        color: #ffffff;
        opacity: 0.95;
        text-transform: uppercase;
        line-height: 35px;
    }
    /* desloca a segunda linha "FOR" para a esquerda */

    .crowd-top-text.in-col .top-left .small-line:nth-of-type(2)[b-i8x5an2ere] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        margin-right: 134px; /* aumentar para mover mais à esquerda, diminuir para aproximar */
        display: inline-block; /* garante que margin-right surta efeito */
        color: #ffffff;
    }
    /* bloco direito (palavras empilhadas) */

    .crowd-top-text.in-col .top-right[b-i8x5an2ere] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-left: -136px;
        margin-top: 72px; /* opcional: ajuste fino da tipografia se necessário */
        line-height: 35px;
        color: white !important;
    }

    .crowd-top-text.in-col .big-line[b-i8x5an2ere] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        font-size: clamp(18px, 1.6vw, 22px);
        font-weight: 800; /*letter-spacing: 1.8px;*/
        color: white;
        opacity: 0.5;
        text-transform: uppercase;
    }
    /* linha que se estende até a imagem */

    .crowd-top-text.in-col .line[b-i8x5an2ere] {
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        height: 1.8px;
        width: calc(100% + var(--img-extend, 112px));
        background: rgba(255,255,255,0.19);
        z-index: 4;
    }
    /* garantir que as linhas grandes do header fiquem brancas */

    .crowd-top-text.in-col .top-right .big-line[b-i8x5an2ere] {
        color: #ffffff !important;
        opacity: 1;
    }

/* =========================
   9. FOOTER / BOTÕES within cards
========================= */
.crowd-card .card-footer[b-i8x5an2ere] {
    display: flex;
    align-items: center;
    gap: 48px;
    margin-top: 48px;
}

.crowd-card .card-footer .card-author[b-i8x5an2ere] { margin: 0; color: #fff; font-weight: 600; line-height: 1; }
.crowd-card .card-footer .crowd-link[b-i8x5an2ere] { display: inline-flex; align-items: center; gap: 28px; color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; }
    .crowd-card .card-footer .crowd-link-box[b-i8x5an2ere] {
        background: transparent;
        color: #fff;
        padding: 8px 18px;
        border: 1px solid #A3AED5;
        min-width: 160px;
        text-align: center;
    }
.crowd-card .card-footer .crowd-link-text[b-i8x5an2ere] { color: #fff; font-size: 16px; }

/* center button */
.center-btn[b-i8x5an2ere] {
    display: inline-flex;
    gap: 12px;
    color: #cfd6e6;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    white-space: nowrap;
    align-items: center;
    margin-left: 80px;
}

    .center-btn button[b-i8x5an2ere] {
        padding: 8px 18px;
        border: 1px solid #A3AED5;
        background: transparent;
        color: #fff;
        cursor: pointer;
    }

/* center-card */
.crowd-card.center-card[b-i8x5an2ere] {
    position: relative;
    height: 220px;
    min-height: 220px;
    padding: 0;
    display: block;
    align-items: center;
}

.crowd-card.center-card .center-btn[b-i8x5an2ere] {
    position: absolute;
    left: 48%;
    bottom: -90px;
    transform: translateX(-50%);
    display: inline-flex;
    flex-direction: column;
    gap: 22px;
    font-size: 14px;
}

/* =========================
   10. COLOR VARIATIONS (kept)
========================= */
.crowd-columns > .col:nth-child(1) .overlay h2[b-i8x5an2ere] { color: rgba(166,144,142); }
.crowd-columns > .col:nth-child(2) .crowd-card:last-of-type h2[b-i8x5an2ere] { color: rgba(159,145,147); }
.crowd-columns > .col:nth-child(3) .crowd-card:first-of-type h2[b-i8x5an2ere] { color: rgba(250,218,232); }

/* =========================
   11. RESPONSIVE - revert to stacked for small screens
========================= */
@media (max-width: 768px) {

    .crowd-section[b-i8x5an2ere] {
        padding: 80px 0;
    }

    .crowd-container[b-i8x5an2ere] {
        padding: 0 14px;
    }

    /* mapear explicitamente filhos para garantir alinhamento por linha */
    /* Coluna 1 */
    .crowd-columns > .col:nth-child(1) > :nth-child(1)[b-i8x5an2ere] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .crowd-columns > .col:nth-child(2) > :nth-child(1)[b-i8x5an2ere] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .crowd-columns > .col:nth-child(3) > :nth-child(1)[b-i8x5an2ere] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    /* Coluna 2 */
    .crowd-columns > .col:nth-child(1) > :nth-child(2)[b-i8x5an2ere] {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .crowd-columns > .col:nth-child(2) > :nth-child(2)[b-i8x5an2ere] {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .crowd-columns > .col:nth-child(3) > :nth-child(2)[b-i8x5an2ere] {
        grid-column: 3 !important;
        grid-row: 3 !important;
    }

    /* Coluna 3 */
    .crowd-columns > .col:nth-child(1) > :nth-child(3)[b-i8x5an2ere] {
        grid-column: 3 !important;
        grid-row: 3 !important;
    }

    .crowd-columns > .col:nth-child(2) > :nth-child(2)[b-i8x5an2ere] {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .crowd-columns > .col:nth-child(3) > :nth-child(3)[b-i8x5an2ere] {
        grid-column: 3 !important;
        grid-row: 3 !important;
    }
    /* CARD mais compacto e alinhado com imagem */
    .crowd-card[b-i8x5an2ere] {
        max-width: 220px !important;
        align-items: center;
    }

    /* conteúdo interno reduzido junto com card */
    .card-inner[b-i8x5an2ere] {
        max-width: 160px !important;
        margin-left: 0 !important;
    }

    /* TEXTO acompanha o tamanho do card */
    .crowd-card h2[b-i8x5an2ere] {
        font-size: 13px !important;
        line-height: 18px !important;
        margin-bottom: 10px !important;
        text-align: start;
    }

    .crowd-card p[b-i8x5an2ere] {
        font-size: 11px !important;
        line-height: 16px !important;
        text-align: start;
        margin-bottom: 10px !important;
    }

    /* FOOTER compacto */
    .crowd-card .card-footer[b-i8x5an2ere] {
        flex-direction: column;
        gap: 8px;
        margin-top: 42px !important;
        align-items: center;
    }

        .crowd-card .card-footer .crowd-link[b-i8x5an2ere] {
            font-size: 12px;
            gap: 10px;
        }

        .crowd-card .card-footer .crowd-link-box[b-i8x5an2ere] {
            min-width: 100px;
            padding: 6px 10px;
            font-size: 11px;
        }

    /* IMAGEM + CARD ficam alinhados visualmente */
    .crowd-img[b-i8x5an2ere] {
        width: 160px !important;
        height: 160px !important;
    }
    /* =========================
       HEADER MAIS LEVE
    ========================= */
    .crowd-top-text.in-col[b-i8x5an2ere] {
        transform: scale(0.85);
        margin-left: 0;
        text-align: center;
        justify-content: center;
    }

        .crowd-top-text.in-col .top-right[b-i8x5an2ere] {
            margin-left: 0 !important;
        }

        .crowd-top-text.in-col .small-line[b-i8x5an2ere],
        .crowd-top-text.in-col .big-line[b-i8x5an2ere] {
            font-size: 14px !important;
            line-height: 22px;
        }
    /* =========================
       FOOTER
    ========================= */
    .crowd-card .card-footer[b-i8x5an2ere] {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-top: 28px;
        width: 100%;
    }

        .crowd-card .card-footer .crowd-link[b-i8x5an2ere] {
            gap: 10px;
            font-size: 12px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .crowd-card .card-footer .crowd-link-box[b-i8x5an2ere] {
            min-width: 100px;
            padding: 6px 10px;
            font-size: 11px;
        }

        .crowd-card .card-footer .crowd-link-text[b-i8x5an2ere] {
            font-size: 11px;
            text-align: center;
        }

    /* =========================
       CENTER BUTTON
    ========================= */
    .center-btn[b-i8x5an2ere] {
        margin-left: 0;
        gap: 8px;
        font-size: 12px;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

        .center-btn button[b-i8x5an2ere] {
            padding: 6px 12px;
            font-size: 11px;
        }

    /* =========================
       CENTER CARD
    ========================= */
    .crowd-card.center-card[b-i8x5an2ere] {
        height: auto;
        min-height: auto;
        padding: 10px 0;
    }

        .crowd-card.center-card .center-btn[b-i8x5an2ere] {
            position: relative;
            left: auto;
            bottom: auto;
            transform: none;
            gap: 10px;
            font-size: 12px;
            align-items: center;
        }
}
@media (min-width: 769px) and (max-width: 1024px) {

    .crowd-container[b-i8x5an2ere] {
        padding: 0 24px;
    }

    /* textos intermédios */
    .crowd-card h2[b-i8x5an2ere] {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    .crowd-card p[b-i8x5an2ere] {
        font-size: 14px !important;
        line-height: 22px !important;
    }

    /* imagens menores */
    .crowd-img[b-i8x5an2ere] {
        width: 260px !important;
        height: 260px !important;
        max-width: 260px !important;
        max-height: 260px !important;
    }

    /* header ajustado */
    .crowd-top-text.in-col[b-i8x5an2ere] {
        transform: scale(0.92);
    }

        .crowd-top-text.in-col .top-right[b-i8x5an2ere] {
            margin-left: -60px;
        }
}
@media (min-width: 1025px) and (max-width: 1399px) {

    .crowd-container[b-i8x5an2ere] {
        padding: 0 60px;
    }

    .crowd-card h2[b-i8x5an2ere] {
        font-size: 18px !important;
    }

    .crowd-card p[b-i8x5an2ere] {
        font-size: 15px !important;
    }

    .crowd-img[b-i8x5an2ere] {
        width: 360px;
        height: 360px;
    }

    .crowd-top-text.in-col[b-i8x5an2ere] {
        transform: scale(0.95);
    }
}

@media (max-width: 1000px) {
    .crowd-columns[b-i8x5an2ere] {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .col[b-i8x5an2ere] {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        width: 100%;
    }

    .crowd-img[b-i8x5an2ere], .crowd-card[b-i8x5an2ere] {
        width: 100%;
        height: auto;
        max-width: none;
    }
}
/* =========================
   DESKTOP LARGE (1400px+)
========================= */
/* =========================
   DESKTOP LARGE (1400px+)
========================= */
@media (min-width: 1400px) {

    /* =========================
       SECTION
    ========================= */
    .crowd-section[b-i8x5an2ere] {
        padding: 100px 0;
    }

    /* =========================
       CONTAINER (SCALE 90%)
    ========================= */
    .crowd-container[b-i8x5an2ere] {
        width: 1200px;
        margin: 0 auto;
        padding: 0 40px;
        transform: scale(0.9) translateX(-60px); /* 🔥 reduz tudo */
        transform-origin: top center;
    }

    /* =========================
       GRID
    ========================= */
    .crowd-columns[b-i8x5an2ere] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: clamp(20px, 2vw, 40px);
        row-gap: clamp(30px, 3vw, 60px);
        justify-items: center;
        align-items: start;
    }

    /* =========================
       CARDS
    ========================= */
    .crowd-card[b-i8x5an2ere] {
        max-width: 320px;
    }

    .card-3 h2[b-i8x5an2ere],
    .card-4 h2[b-i8x5an2ere] {
        margin-top: 2px !important;
    }

    .crowd-card > h2[b-i8x5an2ere],
    .crowd-card > p[b-i8x5an2ere],
    .crowd-card .card-footer[b-i8x5an2ere],
    .crowd-card .card-author[b-i8x5an2ere],
    .crowd-card .crowd-link-text[b-i8x5an2ere] {
        max-width: 280px;
    }

    .crowd-card h2[b-i8x5an2ere] {
        font-size: 19px !important;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .crowd-card p[b-i8x5an2ere] {
        font-size: 14.5px !important;
        line-height: 24px !important;

    }

    /* =========================
       IMAGEM
    ========================= */
    .crowd-img[b-i8x5an2ere] {
        width: 390px;
        height: 390px;
    }

    /* =========================
       HEADER
    ========================= */
    .crowd-top-text.in-col[b-i8x5an2ere] {
        position: relative;
        margin-left: -40px;
        top: -10px;
        z-index: 6;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        max-width: 300px;
        line-height: 35px;
    }

        .crowd-top-text.in-col .top-left[b-i8x5an2ere] {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            text-align: right;
            gap: 1.4px;
        }

        .crowd-top-text.in-col .small-line[b-i8x5an2ere] {
            font-size: clamp(18px, 1.6vw, 22px);
            font-weight: 800;
            color: #ffffff;
            opacity: 0.95;
            text-transform: uppercase;
            line-height: 35px;
        }

        .crowd-top-text.in-col .top-left .small-line:nth-of-type(2)[b-i8x5an2ere] {
            margin-right: 134px;
            display: inline-block;
        }

        .crowd-top-text.in-col .top-right[b-i8x5an2ere] {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-left: -136px;
            margin-top: 72px;
            line-height: 35px;
        }

        .crowd-top-text.in-col .big-line[b-i8x5an2ere] {
            font-size: clamp(18px, 1.6vw, 22px);
            font-weight: 800;
            color: #ffffff;
            text-transform: uppercase;
        }

        .crowd-top-text.in-col .line[b-i8x5an2ere] {
            position: absolute;
            left: 0;
            top: calc(100% + 10px);
            height: 1.8px;
            width: calc(100% + var(--img-extend, 112px));
            background: rgba(255,255,255,0.19);
            z-index: 4;
        }

    /* =========================
       FOOTER
    ========================= */
    .crowd-card .card-footer[b-i8x5an2ere] {
        gap: 32px;
        margin-top: 36px;
    }

        .crowd-card .card-footer .crowd-link-box[b-i8x5an2ere] {
            min-width: 140px;
            padding: 8px 16px;
        }

    /* =========================
       BOTÃO
    ========================= */
    .center-btn[b-i8x5an2ere] {
        margin-left: 40px;
        font-size: 14px;
    }

    .crowd-card.center-card .center-btn[b-i8x5an2ere] {
        bottom: -70px;
        gap: 16px;
    }
}



/* /Components/Pages/CtaSection.razor.rz.scp.css */
/* CTaSection.razor.css */

.cta-bg[b-7ay5i096fp] {
    background: url('/images/Blue-buildings.jpg') center/cover no-repeat;
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}


.cta-overlay[b-7ay5i096fp] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-content[b-7ay5i096fp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    z-index: 2;
    box-sizing: border-box;
    padding: 1rem;
}

/* Title: Wanted Sans ExtraBlack (scales with viewport) */
.cta-title[b-7ay5i096fp] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 4rem 0;
    line-height: 1.02;
    font-size: 40px; /* ~50pt desktop in the image */
    letter-spacing: -0.02em;
    word-break: keep-all;
    white-space: normal; /* allow wrapping on smaller screens */
}

/* Description: Roboto, readable and scales */
.cta-desc[b-7ay5i096fp] {
    font-family: 'Roboto', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: clamp(16px, 2.2vw, 22px)!important; /* ~30pt on desktop per image */
    color: #ffffff;
    font-weight: 400;
    margin: 0 0 4rem 0;
    max-width: 800px;
    line-height: 35px !important;
    white-space: normal;
}
/* Primary / Secondary styles */
/*.btn-primary {
    display: block;
    margin: 0 auto;
    color: #ffffff;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(14px, 1.6vw, 23.5px) !important;
    letter-spacing: 1px;
    transition: 0.3s ease;
    padding: 14px 20px !important;*/
/*min-width: 190px;*/
/*max-width: 408px;
    width: 82%;
    background: #ffffff 0%;
    border: 1px solid #fff;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
    align-self: center;
    margin-right: 24.4vw !important;
}*/
/*.btn-secondary {
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(14px, 1.6vw, 23.5px) !important;
    letter-spacing: 1px;
    transition: 0.3s ease;
    padding: 14px 20px !important;*/
    /*min-width: 190px;*/
    /*max-width: 408px;
    width: 82%;
    background: transparent;
    border: 0.1px solid #A3AED5;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
    align-self: center;
    margin-left: 24.4vw !important;
    margin-top: -4.3vw !important;*/


/* Buttons wrapper */
.cta-buttons[b-7ay5i096fp] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    flex-wrap: nowrap; /* sempre lado a lado */
}

/* Base button */
.btn[b-7ay5i096fp] {
    font-family: 'Roboto', sans-serif;
    font-size: clamp(16px, 1.6vw, 18px) !important;
    padding: 14px 28px;
    border-radius: 0;
    border: 1px solid rgba(163,174,213,0.6);
    text-decoration: none;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, transform .08s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* Primary button */
.btn-primary[b-7ay5i096fp] {
    background: #ffffff;
    color: #23244a;
    border-color: #ffffff;
    width: 380px;
    max-width: 380px;
}

    /* Hover primary */
    .btn-primary:hover[b-7ay5i096fp] {
        transform: translateY(-2px);
        opacity: 0.95;
        background: transparent;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

/* Secondary button */
.btn-secondary[b-7ay5i096fp] {
    background: transparent;
    color: #ffffff;
    border-color: rgba(163,174,213,0.6);
    width: 380px;
    max-width: 380px;
}

    /* Hover secondary */
    .btn-secondary:hover[b-7ay5i096fp] {
        transform: translateY(-2px);
        opacity: 0.95;
        background: #ffffff;
        color: #23244a;
        border: 1px solid #23244a;
    }

/* Focus accessibility */
.cta-buttons .btn:focus[b-7ay5i096fp] {
    outline: 3px solid rgba(163,174,213,0.6);
    outline-offset: 2px;
}


/* =========================
   DESKTOP LARGE (1400px+)
========================= */
/* =========================
   CTA — DESKTOP LARGE (1400px+)
========================= */
@media (min-width: 1400px) {

    /* =========================
       CONTENT
    ========================= */
    .cta-content[b-7ay5i096fp] {
        max-width: 880px; /* 🔥 ligeiramente menor */
    }

    /* =========================
       TITLE
    ========================= */
    .cta-title[b-7ay5i096fp] {
        font-size: 36px; /* 🔥 antes 40px */
        margin-bottom: 3rem;
    }

    /* =========================
       DESCRIPTION
    ========================= */
    .cta-desc[b-7ay5i096fp] {
        font-size: clamp(15px, 1.8vw, 20px) !important;
        line-height: 32px !important;
        margin-bottom: 3rem;
        max-width: 700px;
    }

    /* =========================
       BUTTONS WRAPPER
    ========================= */
    .cta-buttons[b-7ay5i096fp] {
        gap: 32px; /* 🔥 menos espaço */
        transform: translateX(-4px); /* 🔥 alinhamento fino com título */
    }

    /* =========================
       BUTTON BASE
    ========================= */
    .btn[b-7ay5i096fp] {
        font-size: clamp(14px, 1.2vw, 16px) !important;
        padding: 12px 24px;
    }

    /* =========================
       PRIMARY
    ========================= */
    .btn-primary[b-7ay5i096fp] {
        width: 340px; /* 🔥 antes 380px */
        max-width: 340px;
    }

    /* =========================
       SECONDARY
    ========================= */
    .btn-secondary[b-7ay5i096fp] {
        width: 340px;
        max-width: 340px;
    }
}



/* Mobile: stack CTA buttons vertically and make them fit the screen */
@media (max-width: 900px) {
    .cta-buttons[b-7ay5i096fp] {
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

        .cta-buttons .btn[b-7ay5i096fp] {
            width: 90%;
            max-width: 360px;
            padding: 12px 0;
            box-sizing: border-box;
        }

    .btn-secondary[b-7ay5i096fp] {
        /* secondary should look like a pill under primary on mobile */
        background: transparent;
        color: #ffffff;
        border-color: rgba(163,174,213,0.6);
        padding: 12px 0;
        font-size: 14px;
    }

    .btn-primary[b-7ay5i096fp] {
        width: 90%;
        max-width: 360px;
        background: #ffffff;
        color: #23244a;
        border-color: #ffffff;
        padding: 12px 0;
        font-size: 14px; /* reduce font size on mobile */
    }
}
/* Override: keep buttons horizontal on very small screens but sized to fit */
@media (max-width: 420px) {
    .cta-buttons[b-7ay5i096fp] {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 8px;
    }

        .cta-buttons .btn[b-7ay5i096fp] {
            width: calc(50% - 4px);
            max-width: none;
            padding: 10px 0;
            box-sizing: border-box;
            font-size: 10px !important; /* slightly smaller on very small screens */
        }

    .btn-secondary[b-7ay5i096fp] {
        padding: 0px 10px;
    }
}

@media (max-width: 768px) {
    .hero[b-7ay5i096fp], .services-section[b-7ay5i096fp], .why-choose-section[b-7ay5i096fp], .stats-section[b-7ay5i096fp], .cta-section[b-7ay5i096fp] {
        flex-direction: column;
        padding: 1.5rem 1rem;
        text-align: center;
    }

    .hero-text[b-7ay5i096fp], .services-content[b-7ay5i096fp], .why-choose-content[b-7ay5i096fp], .stats-content[b-7ay5i096fp], .cta-content[b-7ay5i096fp] {
        margin: 0 auto;
        max-width: 100%;
    }

    .stats-section[b-7ay5i096fp] {
        padding: 2rem 1rem;
    }
}
/* /Components/Pages/Footer.razor.rz.scp.css */

.footer[b-0np8otbd8p] {
    background-color: #1C1F37;
    padding: 90px clamp(20px, 5vw, 120px) 70px clamp(20px, 5vw, 120px);
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
    padding-left: 5.5rem;
}
/*    .footer * {
        outline: 1px solid red;
    }*/

/* ================= TOP ================= */

.footer-top[b-0np8otbd8p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem; /* open a bit between columns */
    align-items: center;
    margin-bottom: 80px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}

.footer-column h3[b-0np8otbd8p] {
    font-size: 18px; /* Roboto Regular 30pt */
    font-weight: 400;
    color: #FFFFFF; /* Branco como na imagem */
    /*margin-bottom: 28px;*/
    letter-spacing: 0.5px;
    transition: 0.3s;
}
/* align the 3 top columns: left/center/right */
.footer-top .footer-column:nth-child(1)[b-0np8otbd8p] { justify-self: start; text-align: left; }
.footer-top .footer-column:nth-child(2)[b-0np8otbd8p] { justify-self: center; text-align: left; }
.footer-top .footer-column:nth-child(3)[b-0np8otbd8p] { justify-self: end; text-align: left; }
    .footer-column h3.active[b-0np8otbd8p] {
        border-bottom: 0.5px solid #ED9F7A;
        padding-bottom: 2px;
    }
    .footer-column h3:hover[b-0np8otbd8p] {
        opacity: 1;
        /*color: var(--accent-color);*/
        border-bottom: 0.2px solid #ED9F7A;
        padding-bottom: 1px;
    }

.footer-column ul[b-0np8otbd8p] {
    list-style: none;
    padding: 0;
    margin: 0;

}

    .footer-column ul li[b-0np8otbd8p] {
        /*margin-bottom: 14px;*/
    }

        .footer-column ul li a[b-0np8otbd8p] {
            text-decoration: none;
            color: #C9CCD6; /* Cinza claro real */
            font-size: 16px; /* Roboto Regular 19pt */
            font-weight: 400;
            transition: 0.3s;
            line-height: 35px !important;
        }

        /* Item ativo igual ao mock */
        .footer-column ul li.active a[b-0np8otbd8p] {
            border-bottom: 1px solid #ED9F7A;
            padding-bottom: 2px;
        }

        /* Hover discreto */
        .footer-column ul li a:hover[b-0np8otbd8p] {
            opacity: 1;
            /*color: var(--accent-color);*/
            border-bottom: 0.5px solid #ED9F7A;
            padding-bottom: 2px;
        }


/* ======= Ajustes apenas para a DIVIDER e BOTTOM (use no fim do arquivo) ======= */

.footer-divider[b-0np8otbd8p] {
    height: 0.6px;
    background-color: #acb0c1; /* linha discreta no mock */
    /* make divider full viewport width (edge-to-edge) */
    width: 100vw;
    position: relative;
    left: 52%;
    transform: translateX(-50%);
    margin: 60px 0;
    opacity: 0.2; /* valid opacity value */
}

/* Footer bottom: layout em 3 colunas (logo à esquerda, centro centralizado, créditos à direita) */
/*.footer-bottom {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 0 5%;
}*/

/* LEFT */
/*.footer-left {
    display: flex;
    align-items: center;*/
   

    /*margin-bottom: 80px;*/
/*}
.footer-left .footer-logo {
    width: 160px;
    height: auto;
    display: block;
}*/

/* Footer bottom: layout em 3 colunas (logo à esquerda, centro centralizado, créditos à direita) */
/* ================= FOOTER BOTTOM (FIX) ================= */

/*.footer-bottom {*/
    /*grid-template-columns: 1fr 1fr 1fr;*/ /* ?? centro fixo, lados flexíveis */
    /*align-items: end;*/
    /*max-width: 1400px;*/
    /*margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4rem;*/ /* open a bit between columns */
    /*max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
}*/

.footer-bottom[b-0np8otbd8p] {
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* ?? centro fixo, lados flexíveis */
    align-items: end;
    max-width: 1600px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box;
    column-gap: clamp(40px, 6vw, 160px);
}


/* LEFT */

.footer-left[b-0np8otbd8p] {
    justify-self: start;
    display: flex;
    align-items: center;
    /*padding-right: 280px;*/ /* ?? ajusta o afastamento do centro */
}

    .footer-left .footer-logo[b-0np8otbd8p] {
        width: 220px;
        height: auto;
        display: block;
    }

/* CENTER */
.footer-center[b-0np8otbd8p] {
    position: relative;
    z-index: 1;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end; /* ?? força o copyright a ser referência inferior */
}

    .footer-center[b-0np8otbd8p],
    .footer-center *[b-0np8otbd8p] {
        pointer-events: auto;
    }

/* email icon stays unchanged visually */
/*.email-icon {
    width: 40px;
    height: 40px;
    background-image: url('/images/Email-icon-bottom-of-page.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 38px;
    display: inline-block;
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
    will-change: transform;
    position: relative;
    z-index: 10;*/
    /* 🔥 isto resolve 90% dos casos de click falhado */
    /*pointer-events: auto;
}*/
.email-icon[b-0np8otbd8p] {
    display: block;
    width: 40px;
    height: 40px;
    margin-bottom: 38px;
    background-image: url('/images/Email-icon-bottom-of-page.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    z-index: 10;
    /* 🔥 isto resolve 90% dos casos de click falhado */
    pointer-events: auto;
}

    /* HOVER */
    .email-icon:hover[b-0np8otbd8p] {
        transform: translateY(-4px) scale(1.08);
        filter: drop-shadow(0 6px 12px rgba(237,159,122,0.4));
        opacity: 0.9;
    }

    /* CLICK EFFECT */
    .email-icon:active[b-0np8otbd8p] {
        transform: translateY(-1px) scale(0.98);
        opacity: 0.8;
    }


/* social icons */
.social-icons[b-0np8otbd8p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    margin-bottom: 32px;
}

    .social-icons i[b-0np8otbd8p] {
        font-size: 22px;
        color: #FFFFFF;
        transition: transform .15s ease, color .15s ease;
    }

        .social-icons i:hover[b-0np8otbd8p] {
            transform: translateY(-2px);
            color: #ED9F7A;
            cursor: pointer;
        }
/* copyright */
.copyright[b-0np8otbd8p] {
    font-size: 14px;
    color: #756E65;
    font-weight: 400;
}

/* RIGHT */
.footer-right[b-0np8otbd8p] {
    justify-self: end;
    display: flex;
    align-items: center;
    /*padding-left: 280px;*/ /* ?? ajusta o afastamento do centro */
}


    .footer-right .credits[b-0np8otbd8p] {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        gap: 48px;
        flex-wrap: nowrap; /* força ficar na mesma linha */
        white-space: nowrap; /* evita quebra de texto */
    }


    /* text styles */
    .footer-right .developed[b-0np8otbd8p] {
        font-size: 13px;
        color: #756E65;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        white-space: nowrap;
        font-weight: 400;
    }
    .footer-right .developed[b-0np8otbd8p],
    .footer-right .designed[b-0np8otbd8p] {
        display: inline-flex;
        align-items: center;
    }


    .footer-right .dev-name[b-0np8otbd8p] {
        color: #ffffff !important;
        margin-left: 4px;
        font-size: 16px;
    }

.brand-text[b-0np8otbd8p] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

    .brand-text .designed-label[b-0np8otbd8p] {
        font-size: 13px;
        color: #756E65;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        white-space: nowrap;
        font-weight: 400;
    }

    .brand-text .header-logo[b-0np8otbd8p] {
        width: 82px;
        height: auto;
        display: block;
    }


/* ----------------- RESPONSIVE BREAKPOINTS ----------------- */
/* =========================
   DESKTOP LARGE (1400px+)
========================= */
@media (min-width: 1400px) {

    /* =========================
       WRAPPER
    ========================= */
    footer[b-0np8otbd8p] {
        padding: 70px clamp(20px, 4vw, 100px) 60px clamp(20px, 4vw, 100px);
        padding-left: 4rem; /* 🔥 menos pesado que 5.5rem */
    }

    /* =========================
       GRID
    ========================= */
    .footer-top[b-0np8otbd8p] {
        max-width: 1050px; /* 🔥 menor para parecer ~90% */
        gap: 2.8rem; /* 🔥 reduz espaço entre colunas */
        margin-bottom: 60px;
    }

    /* =========================
       TITLES
    ========================= */
    .footer-column h3[b-0np8otbd8p] {
        font-size: 16px; /* 🔥 menor */
        letter-spacing: 0.4px;
    }

    /* =========================
       LINKS
    ========================= */
    .footer-column ul li a[b-0np8otbd8p] {
        font-size: 14.5px; /* 🔥 mais compacto */
        line-height: 30px !important;
    }

        /* =========================
       HOVER / ACTIVE (mais subtil)
    ========================= */
        .footer-column h3:hover[b-0np8otbd8p],
        .footer-column ul li a:hover[b-0np8otbd8p] {
            border-bottom-width: 0.5px;
        }

    .footer-column ul li.active a[b-0np8otbd8p] {
        border-bottom-width: 0.8px;
    }
}

/* Large tablets / small laptops */
@media (max-width: 1200px) {
    .footer[b-0np8otbd8p] {
        padding: 70px 6% 50px 6%;
    }
    .footer-column h3[b-0np8otbd8p] { font-size: 18px; }
    .footer-column ul li a[b-0np8otbd8p] { font-size: 12px; }
    .footer-left .footer-logo[b-0np8otbd8p] { width: 140px; }
}

    /* Tablets and narrow screens */
    @media (max-width: 900px) {
        /* Top: empilhar colunas, mas mantendo espaçamento legível */
        .footer-top[b-0np8otbd8p] {
            flex-direction: column;
            gap: 1.5rem;
            margin-bottom: 40px;
        }
        .footer-column[b-0np8otbd8p] {
            flex: 1 1 100%;
            min-width: 0;
        }
        .footer-column h3[b-0np8otbd8p] { font-size: 16px; margin-bottom: 12px; }
        .footer-column ul li a[b-0np8otbd8p] { font-size: 13px; }

        /* Bottom: transform grid para uma única coluna, centraliza conteúdo */
        .footer-bottom[b-0np8otbd8p] {
            grid-template-columns: 1fr;
            text-align: center;
            row-gap: 18px;
            padding: 0 6%;
        }
        .footer-left[b-0np8otbd8p] { 
            justify-content: center; 
            justify-self: center; /* garante o alinhamento dentro do grid */
            width: 100%;
            /* reset desktop nudges on small screens */
            margin-left: 0;
        }
            .footer-left .footer-logo[b-0np8otbd8p] {
                margin: 8px auto;
                padding-left: 12px !important;
            }
        .footer-center[b-0np8otbd8p] { order: 0; }
        .footer-right[b-0np8otbd8p] {
            justify-content: center;
            padding-left: 0;
            /* reset desktop nudges on small screens */
            margin-right: 0;
        }
        .footer-right .credits[b-0np8otbd8p] {
            gap: 12px;
            flex-wrap: wrap;
            justify-content: center;
        }
        .footer-right .developed[b-0np8otbd8p],
        .brand-text .designed-label[b-0np8otbd8p] {
            font-size: 12px;
        }
        .brand-text .header-logo[b-0np8otbd8p] {
            width: 64px;
        }
    }
/* /Components/Pages/Header.razor.rz.scp.css */
body[b-4zcprfdcum], html[b-4zcprfdcum] {
    overflow-x: hidden;
}

.page-header[b-4zcprfdcum] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.75rem 4.5rem;
    gap: 2rem;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 5000;
}

.header-left[b-4zcprfdcum] {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding-left: 4rem;

/*    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    padding-right: 2rem;*/
}

.brand-text[b-4zcprfdcum] {
    font-family: var(--title-font);
    font-weight: 600;
    letter-spacing: 0.08em;
    font-size: 1.1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    padding-left: -8rem;
}
    .brand-text .header-logo[b-4zcprfdcum] {
        width: 220px;
        height: auto;
        display: block;
    }

/*.header-logo {*/
    /*    height: 42px;
    width: auto;*/
    /*width: 160px;
    height: auto;
    display: block;
}*/

/*.logo img {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}*/

.brand-text span[b-4zcprfdcum] {
    font-weight: 400;
    text-transform: lowercase;
    margin-left: 0.3rem;
    letter-spacing: 0.04em;
    opacity: 0.8;
}

.main-nav[b-4zcprfdcum] {
    justify-self: center;
    display: flex;
    gap: 6.75rem;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: var(--body-font);
    font-weight: 400;
}

    .main-nav a[b-4zcprfdcum] {
        color: white;
        text-decoration: none;
        opacity: 0.9;
        text-transform: uppercase;
        /*padding: 8px ;*/ /* reduzir espaço vertical */
        /*line-height: 2;*/ /* controlar a altura da linha */
        box-sizing: border-box;
        font-size: 18px;
        font-weight: 400;
    }
        .main-nav a.active[b-4zcprfdcum] {
            border-bottom: 0.1px solid #ED9F7A !important;
            padding-bottom: 0px !important;
        }

        .main-nav a:hover[b-4zcprfdcum] {
            opacity: 1;
            /*color: var(--accent-color);*/
            border-bottom: 0.1px solid #ED9F7A !important;
            padding-bottom: 0px !important;
            text-transform: uppercase;
        }

/* Navbar Content */
.navbar-content[b-4zcprfdcum] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.5rem;
    gap: 2.5rem;
}

.navbar-container.navbar--shrink .navbar-content[b-4zcprfdcum] {
    height: 3.25rem;
}

.header-right[b-4zcprfdcum] {
    display: flex;
    align-items: center;
 
    flex-shrink: 0;
    padding-right: 4rem;
    gap: 2.5rem;
}



.icon-button[b-4zcprfdcum] {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 999px;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.icon-button svg[b-4zcprfdcum] {
    width: 28px;
    height: 28px;
    fill: #ffffff;
}

.page-content[b-4zcprfdcum] {
    padding: 3rem 3.5rem 5rem;
}

/* Dropdown Menu Styles */
.dropdown[b-4zcprfdcum] {
    position: relative;
    display: inline-block;
}

.dropdown-toggle[b-4zcprfdcum] {
    cursor: pointer;
}

.dropdown-menu[b-4zcprfdcum] {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--color-dark);
    min-width: 200px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    border: 1px solid rgba(163, 174, 213, 0.3);

}

/* Show only plain links for dropdown (no box or border) */
.dropdown .dropdown-menu[b-4zcprfdcum] {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    min-width: auto !important;
}

.dropdown .dropdown-menu a[b-4zcprfdcum] {
    display: block;
    padding: 6px 0 !important;
    color: white;
    background: transparent !important;
    border: none !important;

}

/* remove underline on the parent 'About' when using dropdown so no connecting line appears */
.dropdown > a.active[b-4zcprfdcum],
.dropdown > a:hover[b-4zcprfdcum] {
    border-bottom: none !important;

}

.dropdown:hover .dropdown-menu[b-4zcprfdcum] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a[b-4zcprfdcum] {
    display: block;
    padding: 6px 20px; /* reduzir espaço vertical */
    line-height: 1; /* controlar a altura da linha */
    box-sizing: border-box;
    color: white;
    text-decoration: none;
    font-size: 16px;
    text-transform: none;
    letter-spacing: normal;
    transition: background-color 0.2s;
    text-transform: uppercase;
}
    .dropdown-menu a:hover[b-4zcprfdcum] {
        color: var(--accent-color);
        border-bottom: 0.5px solid #ED9F7A;
        padding-bottom: 2px !important; /* espaço reduzido entre texto e border */
    }
/*    .dropdown-menu a:hover {
        opacity: 1;
        color: var(--accent-color);
        border-bottom: 0.5px solid #ED9F7A;
        padding-bottom: -2px!important;
        text-transform: uppercase;
        gap: 0.5rem !important;
    }*/

.icon-circle[b-4zcprfdcum] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
}

.icon-circle i[b-4zcprfdcum] {
    font-size: 26px;
}
    .icon-circle:hover[b-4zcprfdcum] {
        background-color: transparent;
        opacity: 1;
        color: var(--accent-color);
        /*border-bottom: 0.5px solid #ED9F7A;*/
        /*padding-bottom: 2px;*/
        /*text-transform: uppercase;*/
    }

.lang[b-4zcprfdcum] {
    color: white;
    font-family: 'Roboto';
    font-size: 16px;
    text-decoration: none;
}

/* Language Selector */
.language-selector[b-4zcprfdcum] {
    position: relative;
    display: flex;
    align-items: center;

}

.btn-language[b-4zcprfdcum] {
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.5rem; /* increased size */
    padding: 0.65rem 1rem; /* increased padding */
    display: flex;
    align-items: center;
    gap: 0.75rem; /* more space between icon and text */
    transition: var(--transition-smooth);
    font-family: 'Roboto', sans-serif;
    line-height: 1;
}

    .btn-language:hover[b-4zcprfdcum] {
        background-color: transparent;      
        opacity: 1;
        color: var(--accent-color);
        border-bottom: 0.5px solid #ED9F7A;
        padding-bottom: 2px;
        text-transform: uppercase;
    }

.dropdown.language-selector .dropdown-menu[b-4zcprfdcum] {
    top: 100%;
    left: 0;
    background: var(--color-dark);
    min-width: 400px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    border: 1px solid rgba(163, 174, 213, 0.3);
}

.dropdown.language-selector .dropdown-menu.open[b-4zcprfdcum] {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: none;
}

.dropdown.language-selector .language-option[b-4zcprfdcum] {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.9rem 1rem; /* slightly larger touch target */
    background: transparent;
    border: none;
    cursor: pointer;
    color: white;
    font-weight: 600;
    transition: var(--transition-smooth);
    font-family: 'Roboto', sans-serif;
    font-size: 1rem; /* larger text */
    text-transform: uppercase;
}

    .dropdown.language-selector .language-option:hover[b-4zcprfdcum] {
        background-color: transparent;
        opacity: 1;
        /*color: var(--accent-color);*/
        border-bottom: 0.5px solid #ED9F7A;
        padding-bottom: 2px;
        text-transform: uppercase;
    }

.language-option:first-child[b-4zcprfdcum] {
    border-bottom: 1px solid var(--axis-border);
}

/* Debug helpers - temporary */
.dropdown.language-selector .dropdown-menu[b-4zcprfdcum],
.dropdown.language-selector .language-option[b-4zcprfdcum] {
    pointer-events: auto !important;
    z-index: 99999 !important;
}

.hamburger[b-4zcprfdcum] {
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1100;
}
.hamburger span[b-4zcprfdcum] {
    display: block;
    height: 4px;
    width: 100%;
    background: #fff;
    margin: 5px 0;
    border-radius: 2px;
    transition: 0.3s;
}

/* ------- Mobile styles (single authoritative block) ------- */
/* Large tablets / small laptops */
/* Desktop típico: 1280px — 1440px (mesmos estilos do código principal) */
@media (min-width: 1280px) and (max-width: 1440px) {
    .page-header[b-4zcprfdcum] {
        padding: 2.75rem 4.5rem;
    }

    .header-left[b-4zcprfdcum] {
        padding-left: 6rem;
        gap: 2.5rem;
    }

    .brand-text .header-logo[b-4zcprfdcum] {
        width: 220px;
    }

    .main-nav[b-4zcprfdcum] {
        gap: 4.75rem;
        font-size: 20px;
    }

    .header-right[b-4zcprfdcum] {
        padding-right: 6rem;
    }

    .btn-language[b-4zcprfdcum] {
        font-size: 1.5rem;
        padding: 0.65rem 1rem;
    }
}

@media (max-width: 900px) {


    /* top bar sizing */
    .page-header[b-4zcprfdcum] {
        padding: 8px 12px;
        height: 56px;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 2500;
        background: transparent;
    }

    /* logo left and icons positioned relative to top bar */
    .header-left[b-4zcprfdcum] {
        position: absolute;
        left: 19px !important;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2510;
        padding-left: 0;
    }
    .brand-text .header-logo[b-4zcprfdcum] {
        width: 140px;
        margin: 8px auto;
        padding-left: 12px !important;
    }
    .header-right[b-4zcprfdcum] {
        position: absolute;
        right: 2px !important; /* space for hamburger */
        top: 50%;
        transform: translateY(-50%);
        z-index: 2510;
        display: flex;
        gap: 8px;
        align-items: center;
    }

    /* hamburger at far right */
    .hamburger[b-4zcprfdcum] {
        display: flex;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 2520;
        background: transparent;
        border: none;
    }

    /* slide-in panel: hidden by default, visible only with .open
       Now opens from the right, spans full width horizontally but limited height */
    .header-center[b-4zcprfdcum] {
        position: absolute;
        /*margin-top: -5rem;*/
        top: 0;
        right: 0;
        left: 0;
        width: 100vw;
        max-width: none;
        height: 60vh; /* não ocupa toda a altura */
        background: rgba(44,51,102,0.75);
        box-shadow: 0 8px 8px rgba(0,0,0,0.15);
        transform: translateX(110%); /* escondido à direita */
        transition: transform .28s cubic-bezier(.4,0,.2,1), opacity .18s ease;
        z-index: 2400;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: -20px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
    }

    .header-center.open[b-4zcprfdcum] {
        transform: translateX(0);
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    /* dropdown inside mobile panel: show only when .open is present on that dropdown */
    .header-center .dropdown-menu[b-4zcprfdcum] { display: none; }
    .header-center .dropdown-menu.open[b-4zcprfdcum] { display: block; }

    /* Mobile: make nav vertical and spaced */
    .header-center .main-nav[b-4zcprfdcum] {
        display: flex;
        flex-direction: column;
        gap: 1.25rem;
        padding: 1rem 1.25rem;
        align-items: center; /* alinhado à direita */
        text-align:  center;
    }

    .header-center .main-nav a[b-4zcprfdcum] {
        display: block;
        width: 100%;
        padding: 0.75rem 0;
        font-size: 18px;
        color: white;
        text-transform: uppercase; /* todas as letras em maiúsculas */
        letter-spacing: 0.08em;
    }

    .header-center .dropdown[b-4zcprfdcum] {
        width: 100%;
    }

        .header-center .dropdown > a[b-4zcprfdcum] {
            display: block;
            width: 100%;
            padding: 0.75rem 0;
            font-size: 18px;
            color: white;
            text-transform: uppercase; /* todas as letras em maiúsculas */
            letter-spacing: 0.08em;
        }

        .header-center .dropdown .dropdown-menu[b-4zcprfdcum] {
            position: static;
            background: transparent;
            box-shadow: none;
            border: none;
            padding-left: 1rem;
            transform: none;
            opacity: 1;
            visibility: visible;
            text-align: center;
        }

        .header-center .dropdown .dropdown-menu a[b-4zcprfdcum] {
            display: block;
            padding: 0.5rem 0;
            color: #dfe6ff;
        }

    /* tweaks for very small screens */
    @media (max-width: 420px) {
        .header-right[b-4zcprfdcum] { right: 10px; gap: 6px; }
        .header-left[b-4zcprfdcum] { left: 8px; }
        .hamburger[b-4zcprfdcum] { right: 8px; }
        .page-header[b-4zcprfdcum] { height: 52px; }
        /* manter a caixa limitada verticalmente em telas muito pequenas */
        .header-center[b-4zcprfdcum] { top: 52px; height: calc(60vh - 52px); }
    }
}

/* Desktop dropdown behavior */
@media (min-width: 901px) {
    .dropdown-menu[b-4zcprfdcum] {
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all 0.3s ease;
        position: absolute;
        top: 100%;
        left: 0;
        background: var(--color-dark);
        min-width: 200px;
        box-shadow: 0 8px 16px rgba(0,0,0,0.2);
        border-radius: 4px;
        padding: 10px 0;
        z-index: 1000;
        border: 1px solid rgba(163, 174, 213, 0.3);
    }
    .dropdown:hover .dropdown-menu[b-4zcprfdcum] {
/*        opacity: 1;
        visibility: visible;
        transform: translateY(0);*/
        display: block;
    }
    .dropdown-menu.open[b-4zcprfdcum] {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
    .dropdown .dropdown-menu a[b-4zcprfdcum] {
        display: block;
        padding: 6px 0 !important;
        color: white;
        background: transparent !important;
        border: none !important;
    }

    /* show thin underline on hover like other nav links */
    .dropdown > a.active[b-4zcprfdcum],
    .dropdown > a:hover[b-4zcprfdcum] {
        border-bottom: 0.5px solid #ED9F7A !important;
        padding-bottom: 2px !important;
    }

    .dropdown .dropdown-menu a:hover[b-4zcprfdcum] {
        border-bottom: 0.5px solid #ED9F7A !important;
        padding-bottom: 2px !important;
    }
}




/* /Components/Pages/HeroSection.razor.rz.scp.css */
/* =========================
   HERO WRAPPER
========================= */
.hero-wrapper[b-yz2md9nqoc] {
    /*width: 100%;
    background-image: url('/images/hero-page.jpg');
    background-size: cover;*/ /* evita espaços laterais */
    /*background-position: center;*/ /* controla o crop centralizado */
    /*background-repeat: no-repeat;
    min-height: 60vh;
    height: 120vh;
    overflow: hidden;*/ /* opcional: esconde partes que saem do contêiner */
    /*box-sizing: border-box;*/

    width: 100%;
    background: url('/images/hero-page.jpg') center/cover no-repeat;
    background-size: cover;
    background-position: center 10%;
    background-repeat: no-repeat;
    min-height: 60vh;
    height: auto;
    overflow: hidden;
    position: relative; /* permite sobrepor pelas linhas verticais */
}

/* transparent hero logo top-right */
.hero-page-logo-transparente[b-yz2md9nqoc] {
    position: absolute;
    top: 0 !important; /* explicit numeric offset as project style */
    right: 0; /* explicit numeric offset as project style */
    width: 562px; /* base size, adjust as needed */
    height: auto;
    /*opacity: 0.48;*/ /* soft transparent watermark */
    pointer-events: none; /* decorative only */
    z-index: 4; /* above overlay but below interactive content if needed */
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}


/*.hero-wrapper {
    width: 100%;
    height: 900px;
    min-height: 900px;
    background: url('/images/hero-page.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}*/
img.section-bg[b-yz2md9nqoc] {
    display: none;
}
/* overlay */
.section-overlay[b-yz2md9nqoc] {
    position: absolute;
    inset: 0;
    z-index: 2; /*background: linear-gradient(180deg, rgba(28,31,55,0.30) 0%, rgba(28,31,55,0.75) 70%);*/
}

/* =========================
   CONTAINER
========================= */
.hero[b-yz2md9nqoc] {
    position: relative;
    z-index: 2;
    height: 100vh;
    /*height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 244px;
    padding-top: 228px; /* 🔥 controla posição vertical */
}

/* =========================
   HERO TEXT LAYOUT
========================= */
.hero-text[b-yz2md9nqoc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 250px; /* 🔥 espaço entre TITLE e bloco direito */
    color: white;
    width: 100%;
    max-width: 1200px;
    flex-wrap: nowrap; /* ❗ impede quebra */
}

/* =========================
   TITLE (LARANJA)
========================= */
.hero-title[b-yz2md9nqoc] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
    font-size: clamp(28px, 4.5vw, 50px);
    font-weight: 900;
    line-height: 1;
    color: #ED9F7A;
    margin: 0;
    white-space: nowrap;
    flex: 0 0 auto; /* não cresce nem encolhe */
}
.hero-Left[b-yz2md9nqoc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* 🔥 tudo alinhado à direita */
    text-align: right;
    margin-right: 100px; /* 🔥 controla distância da borda direita */
    margin-top: 16px;
}

/* =========================
   SUBTITLE
========================= */
.hero-subtitle[b-yz2md9nqoc] {
    display: flex;
    flex-direction: column;
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    align-items: flex-start;
}

    /* linha 1 */
    .hero-subtitle .l1[b-yz2md9nqoc] {
        margin-left: 0px;
    }

    /* linha 2 */
    .hero-subtitle .l2[b-yz2md9nqoc] {
        margin-left: 120px;
    }

    /* linha 3 */
    .hero-subtitle .l3[b-yz2md9nqoc] {
        margin-left: 190px;
    }

    /* linha 4 */
    .hero-subtitle .l4[b-yz2md9nqoc] {
        margin-left: 190px;
    }

    /* linha 5 */
    .hero-subtitle .l5[b-yz2md9nqoc] {
        margin-left: 190px;
    }


/* =========================
   DESCRIÇÃO (DESLOCADA DIREITA)
========================= */
.hero-esquerda[b-yz2md9nqoc] {
    margin-top: 24px;
    margin-left: 190px; /* 🔥 alinhamento com bloco direito */
    width: 520px;
    text-align: start;
}

/* TEXTO */
.hero-desc[b-yz2md9nqoc] {
    font-family: 'Roboto', sans-serif;
    font-size: 20px !important;
    line-height: 35px !important;
    color: rgba(255,255,255,0.9);
    text-align: start;
}

/* =========================
   BOTÃO
========================= */
/*.btn-primary {
    display: inline-block;
    margin-top: 32px;
    padding: 14px 40px;
    border: 1px solid #A3AED5;
    background: transparent;
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
}*/

    /* hover */
    /*.btn-primary:hover {
        background: rgba(255,255,255,0.08);
        border-color: white;
    }*/
/* botão */
.btn-primary[b-yz2md9nqoc] {
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(14px, 1.6vw, 16px) !important;
    letter-spacing: 1px;
    transition: 0.3s ease;
    padding: 16px 18px !important; /*min-width: 190px;*/
    max-width: 270px;
    width: 82%;
    background: rgb(44, 51, 102,0.1);
    border: 0.1px solid #A3AED5;
    font-weight: 400;
    text-align: center;
    border-radius: 0px;
    align-self: center;
    margin-top: 32px;
    margin-left: 0 !important;
}
    /* hover visual */

    .btn-primary:hover[b-yz2md9nqoc] {
        background: rgba(44, 51, 102, 0.40);
        border: 1px solid #A3AED5;
        box-shadow: 0 8px 16px rgba(6,10,20,0.28); /*color: #ED9F7A;*/
    }
/* =========================
   DESKTOP LARGE (1400px+)
========================= */
@media (min-width: 1400px) {

    /* =========================
   HERO WRAPPER
========================= */
    .hero-wrapper[b-yz2md9nqoc] {

        width: 100%;
        background: url('/images/hero-page.jpg') center/cover no-repeat;
        background-size: cover;
        background-position: center 10%;
        background-repeat: no-repeat;
        min-height: 60vh;
        height: auto;
        overflow: hidden;
        position: relative; /* permite sobrepor pelas linhas verticais */
    }

    /* transparent hero logo top-right */
    .hero-page-logo-transparente[b-yz2md9nqoc] {
        position: absolute;
        top: 0 !important; /* explicit numeric offset as project style */
        right: 0; /* explicit numeric offset as project style */
        width: 480px; /* base size, adjust as needed */
        height: auto;
        /*opacity: 0.48;*/ /* soft transparent watermark */
        pointer-events: none; /* decorative only */
        z-index: 4; /* above overlay but below interactive content if needed */
        will-change: transform;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }


    /*.hero-wrapper {
    width: 100%;
    height: 900px;
    min-height: 900px;
    background: url('/images/hero-page.jpg') center center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}*/
    img.section-bg[b-yz2md9nqoc] {
        display: none;
    }
    /* overlay */
    .section-overlay[b-yz2md9nqoc] {
        position: absolute;
        inset: 0;
        z-index: 2; /*background: linear-gradient(180deg, rgba(28,31,55,0.30) 0%, rgba(28,31,55,0.75) 70%);*/
    }

    /* =========================
   CONTAINER
========================= */
    .hero[b-yz2md9nqoc] {
        position: relative;
        z-index: 2;
        height: 100vh;
        /*height: 100%;*/
        display: flex;
        align-items: center;
        justify-content: flex-start;
        box-sizing: border-box;
        padding-left: 260px;
        padding-top: 238px; /* 🔥 controla posição vertical */
    }

    /* =========================
   HERO TEXT LAYOUT
========================= */
    .hero-text[b-yz2md9nqoc] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 240px; /* 🔥 espaço entre TITLE e bloco direito */
        color: white;
        width: 100%;
        max-width: 1200px;
        flex-wrap: nowrap; /* ❗ impede quebra */
    }

    /* =========================
   TITLE (LARANJA)
========================= */
    .hero-title[b-yz2md9nqoc] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
        font-size: clamp(28px, 4.5vw, 38px);
        font-weight: 900;
        line-height: 1;
        color: #ED9F7A;
        margin: 0;
        white-space: nowrap;
        flex: 0 0 auto; /* não cresce nem encolhe */
    }

    .hero-Left[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* 🔥 tudo alinhado à direita */
        text-align: right;
        margin-right: 100px; /* 🔥 controla distância da borda direita */
        margin-top: 8px;
    }

    /* =========================
   SUBTITLE
========================= */
    .hero-subtitle[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
        font-size: clamp(18px, 4.5vw, 25px);
        font-weight: 600;
        line-height: 40px;
        text-transform: uppercase;
        color: #ffffff;
        align-items: flex-start;
    }

        /* linha 1 */
        .hero-subtitle .l1[b-yz2md9nqoc] {
            margin-left: 0px;
        }

        /* linha 2 */
        .hero-subtitle .l2[b-yz2md9nqoc] {
            margin-left: 120px;
        }

        /* linha 3 */
        .hero-subtitle .l3[b-yz2md9nqoc] {
            margin-left: 190px;
        }

        /* linha 4 */
        .hero-subtitle .l4[b-yz2md9nqoc] {
            margin-left: 190px;
        }

        /* linha 5 */
        .hero-subtitle .l5[b-yz2md9nqoc] {
            margin-left: 190px;
        }


    /* =========================
   DESCRIÇÃO (DESLOCADA DIREITA)
========================= */
    .hero-esquerda[b-yz2md9nqoc] {
        margin-top:24px;
        margin-left: 190px; /* 🔥 alinhamento com bloco direito */
        width: 520px;
        text-align: start;
    }

    /* TEXTO */
    .hero-desc[b-yz2md9nqoc] {
        font-family: 'Roboto', sans-serif;
        font-size: 20px !important;
        line-height: 35px !important;
        color: rgba(255,255,255,0.9);
        text-align: start;
    }

    /* =========================
   BOTÃO
========================= */
    /*.btn-primary {
    display: inline-block;
    margin-top: 32px;
    padding: 14px 40px;
    border: 1px solid #A3AED5;
    background: transparent;
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
}*/

    /* hover */
    /*.btn-primary:hover {
        background: rgba(255,255,255,0.08);
        border-color: white;
    }*/
    /* botão */
    .btn-primary[b-yz2md9nqoc] {
        position: relative;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
        font-size: clamp(14px, 1.6vw, 16px) !important;
        letter-spacing: 1px;
        transition: 0.3s ease;
        padding: 16px 18px !important; /*min-width: 190px;*/
        max-width: 270px;
        width: 82%;
        background: rgb(44, 51, 102,0.1);
        border: 0.1px solid #A3AED5;
        font-weight: 400;
        text-align: center;
        border-radius: 0px;
        align-self: center;
        margin-top: 32px;
        margin-left: 0 !important;
    }
        /* hover visual */

        .btn-primary:hover[b-yz2md9nqoc] {
            background: rgba(44, 51, 102, 0.40);
            border: 1px solid #A3AED5;
            box-shadow: 0 8px 16px rgba(6,10,20,0.28); /*color: #ED9F7A;*/
        }
}


@media (max-width: 900px) {

    /* =========================
       HERO WRAPPER MOBILE
    ========================= */
    .hero-wrapper[b-yz2md9nqoc] {
        background: url('/images/hero-page-mobile.jpg') center/cover no-repeat;
        min-height: 100vh;
    }

    /* =========================
       HERO CONTAINER
    ========================= */
    .hero[b-yz2md9nqoc] {
        padding: 100px 18px 50px 18px; /* 🔥 menos espaço */
        height: auto;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    /* =========================
       LAYOUT
    ========================= */
    .hero-text[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        gap: 14px; /* 🔥 mais compacto */
        width: 100%;
    }

    /* =========================
       TITLE
    ========================= */
    .hero-title[b-yz2md9nqoc] {
        font-size: 28px; /* 🔥 menor */
        line-height: 1.1;
        white-space: normal;
    }

    /* =========================
       SUBTITLE
    ========================= */
    .hero-subtitle[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
        font-size: clamp(18px, 4.5vw, 28px);
        font-weight: 600;
        line-height: 40px;
        text-transform: uppercase;
        color: #ffffff;
        align-items: flex-start;
    }

        /* linha 1 */
        .hero-subtitle .l1[b-yz2md9nqoc] {
            margin-left: 0px;
        }

        /* linha 2 */
        .hero-subtitle .l2[b-yz2md9nqoc] {
            margin-left: 120px;
        }

        /* linha 3 */
        .hero-subtitle .l3[b-yz2md9nqoc] {
            margin-left: 190px;
        }

        /* linha 4 */
        .hero-subtitle .l4[b-yz2md9nqoc] {
            margin-left: 190px;
        }

        /* linha 5 */
        .hero-subtitle .l5[b-yz2md9nqoc] {
            margin-left: 190px;
        }

    /* =========================
       RIGHT BLOCK
    ========================= */
    .hero-Left[b-yz2md9nqoc] {
        margin: 0;
        text-align: left;
        align-items: flex-start;
    }

    /* =========================
       DESCRIPTION
    ========================= */
    .hero-esquerda[b-yz2md9nqoc] {
        margin: 0;
        width: 100%;
    }

    .hero-desc[b-yz2md9nqoc] {
        font-size: 15px !important; /* 🔥 menor */
        line-height: 22px !important;
    }

    /* =========================
       BUTTON
    ========================= */
    .btn-primary[b-yz2md9nqoc] {
        width: 100%;
        margin-top: 16px;
        padding: 12px 14px !important; /* 🔥 menor */
        font-size: 13.5px !important;
    }

    /* =========================
       LOGO
    ========================= */
    .hero-page-logo-transparente[b-yz2md9nqoc] {
        width: 140px; /* 🔥 menor */
        top: 10px;
        right: 10px;
        opacity: 0.2;
    }
}
/* =========================================
   TABLET LANDSCAPE
========================================= */
@media (max-width: 1200px) {
    .hero-wrapper[b-yz2md9nqoc] {
        width: 100% !important;
        min-height: 100vh;
        position: relative;
        overflow: hidden;
        background: url('/images/hero-page.jpg') center center no-repeat !important;
        background-size: cover !important;
    }

    .hero[b-yz2md9nqoc] {
        padding-inline: 40px !important;
    }

    .hero-text[b-yz2md9nqoc] {
        column-gap: 80px !important;
    }

    .hero-esquerda[b-yz2md9nqoc] {
        margin-left: 110px;
        max-width: 480px;
    }

    .hero-title[b-yz2md9nqoc] {
        font-size: 48px;
    }

    .hero-subtitle[b-yz2md9nqoc] {
        font-size: 24px;
    }

        .hero-subtitle .l2[b-yz2md9nqoc] {
            margin-left: 60px;
        }

        .hero-subtitle .l3[b-yz2md9nqoc],
        .hero-subtitle .l4[b-yz2md9nqoc],
        .hero-subtitle .l5[b-yz2md9nqoc] {
            margin-left: 110px;
        }

    /*    .hero-subtitle {
        font-size: 22px;
    }

        .hero-subtitle .l2,
        .hero-subtitle .l3,
        .hero-subtitle .l4,
        .hero-subtitle .l5 {
            margin-left: 50px;
        }*/

    .hero-esquerda[b-yz2md9nqoc] {
        margin-left: 50px;
    }
}

/* =========================================
   TABLET
========================================= */
@media (max-width: 991px) {
    .hero-wrapper[b-yz2md9nqoc] {
        background: url('/images/hero-page-mobile.jpg') center/cover no-repeat !important;
        min-height: 100vh !important;
    }


    .hero[b-yz2md9nqoc] {
        padding-top: 180px;
        padding-inline: 40px;
    }

    .justify-content-between[b-yz2md9nqoc] {
        justify-content: center !important;
    }

    .hero-text[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 48px;
    }

    .hero-title[b-yz2md9nqoc] {
        /*white-space: normal;*/
        font-size: 28px !important;
    }

    .hero-subtitle[b-yz2md9nqoc] {
        font-size: 40px !important;
        line-height: 1.5;
    }

        .hero-subtitle .l2[b-yz2md9nqoc] {
            margin-left: 60px;
        }

        .hero-subtitle .l3[b-yz2md9nqoc],
        .hero-subtitle .l4[b-yz2md9nqoc],
        .hero-subtitle .l5[b-yz2md9nqoc] {
            margin-left: 110px;
        }

    .hero-esquerda[b-yz2md9nqoc] {
        margin-left: 110px;
        max-width: 480px;
    }

    .hero-desc[b-yz2md9nqoc] {
        font-size: 24px !important;
        line-height: 1.8;
        width: 480px !important;
    }

    .hero-page-logo-transparente[b-yz2md9nqoc] {
        width: 480px !important;
        opacity: .47;
    }

    .btn-primary[b-yz2md9nqoc] {
        margin-top: 89px !important;
        padding: 12px 14px !important;
        width: 100%;
        max-width: 480px !important;
    }
}

/* =========================================
   MOBILE
========================================= */
@media (max-width: 768px) {
    .hero-wrapper[b-yz2md9nqoc] {
        background: url('/images/hero-page-mobile.jpg') center/cover no-repeat !important;
        min-height: 100vh !important;
    }

    .justify-content-between[b-yz2md9nqoc] {
        justify-content: center !important;
    }

    .hero[b-yz2md9nqoc] {
        padding-top: 220px;
        padding-inline: 24px;
        padding-bottom: 60px;
    }

    .hero-title[b-yz2md9nqoc] {
        font-size: 38px;
        line-height: 1.05;
    }

    .hero-subtitle[b-yz2md9nqoc] {
        font-size: 26px !important;
    }

    .hero-esquerda[b-yz2md9nqoc] {
        margin-left: 110px;
        max-width: 480px;
    }

    .hero-desc[b-yz2md9nqoc] {
        font-size: 16px;
        line-height: 1.8;
        width: 480px !important;
    }

        .hero-desc br[b-yz2md9nqoc] {
            display: none;
        }

    .btn-primary[b-yz2md9nqoc] {
        margin-top: 210px !important;
        padding: 14px 18px !important;
        width: 100%;
        max-width: 420px !important;
    }

    .hero-page-logo-transparente[b-yz2md9nqoc] {
        width: 520px !important;
    }
}

/* =========================================
   SMALL MOBILE
========================================= */
@media (max-width: 576px) {
    .hero-wrapper[b-yz2md9nqoc] {
        background: url('/images/hero-page-mobile.jpg') center/cover no-repeat !important;
        min-height: 100vh !important;
    }

    .justify-content-between[b-yz2md9nqoc] {
        justify-content: center !important;
    }

    .hero[b-yz2md9nqoc] {
        padding-top: 280px;
    }

    .hero-text[b-yz2md9nqoc] {
        display: flex;
        flex-direction: column;
        row-gap: 28px !important;
    }

    .hero-title[b-yz2md9nqoc] {
        font-size: 22px !important;
    }

    .hero-subtitle[b-yz2md9nqoc] {
        font-size: 15px !important;
        width: 360px !important;
    }

    .hero-desc[b-yz2md9nqoc] {
        padding-top: 20px;
        font-size: 14px !important;
        width: 180px !important;
    }

    .btn-primary[b-yz2md9nqoc] {
        margin-top: 79px !important;
        padding: 4px 18px !important;
        width: 100%;
        max-width: 180px !important;
    }

    .hero-page-logo-transparente[b-yz2md9nqoc] {
        width: 280px !important;
    }
}
/* /Components/Pages/Ideas.razor.rz.scp.css */
.ideas-page[b-ob49jse8sn] {
    width: 100%;
    position: relative;
}

/* HERO SECTION */
.ideas-hero[b-ob49jse8sn] {
    width: 100%;
    background: url('/images/ideas/Ideas-hero-Page.png') center/cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh;
    height: 120vh;
    overflow: visible;
    position: relative; /* permite sobrepor pelas linhas verticais */
    z-index: 1;
}

.hero[b-ob49jse8sn] {
    position: relative;
    z-index: 2;
    height: 100vh;
    /*height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 242px;
    padding-top: 340px; /* 🔥 controla posição vertical */
}

.container[b-ob49jse8sn] {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 12px;
}
/* /Components/Pages/Login.razor.rz.scp.css */
login-page[b-8zvp80ypn6] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #f0f2f5 0%, #e6e9f0 100%);
    padding: 20px;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.login-box[b-8zvp80ypn6] {
    width: 100%;
    max-width: 400px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    padding: 40px 30px;
}

.brand-title[b-8zvp80ypn6] {
    font-size: 24px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 5px 0;
    letter-spacing: -0.5px;
}

.brand-subtitle[b-8zvp80ypn6] {
    font-size: 14px;
    color: #6c757d;
    margin: 0;
}

/* Utilizem as classes do Bootstrap */
.form-label[b-8zvp80ypn6] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 5px;
}

.form-control[b-8zvp80ypn6] {
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 10px 15px;
    font-size: 14px;
}

    .form-control:focus[b-8zvp80ypn6] {
        border-color: #007bff;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.15);
    }

.btn-primary[b-8zvp80ypn6] {
    background: #007bff;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s;
}

    .btn-primary:hover[b-8zvp80ypn6] {
        background: #0056b3;
        transform: translateY(-1px);
    }

    .btn-primary:disabled[b-8zvp80ypn6] {
        background: #6c757d;
        opacity: 0.7;
    }

/* Mensagens de erro */
.text-danger[b-8zvp80ypn6] {
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.alert-danger[b-8zvp80ypn6] {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 10px 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
}

/* Checkbox personalizado */
.form-check-input:checked[b-8zvp80ypn6] {
    background-color: #007bff;
    border-color: #007bff;
}

/* Links */
a[b-8zvp80ypn6] {
    color: #007bff;
    font-size: 14px;
}

    a:hover[b-8zvp80ypn6] {
        color: #0056b3;
        text-decoration: underline !important;
    }

/* Footer */
.text-muted[b-8zvp80ypn6] {
    font-size: 12px;
    color: #6c757d;
}

/* Spinner */
.spinner-border[b-8zvp80ypn6] {
    width: 18px;
    height: 18px;
}
/* /Components/Pages/Services.razor.rz.scp.css */
.services-page[b-h18317yowh] {
    width: 100%;
    position: relative;
}
    /* OVERLAY CENTRAL (HERO + TABLE) */
    .services-page[b-h18317yowh]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 510px; /* largura da faixa */
        height: 1600px; /* controla até onde desce (ajusta aqui) */
        background: linear-gradient( 180deg, rgba(60, 54, 233, 0) 0%, rgba(60, 54, 233, 0.12) 42%, rgba(68, 74, 145, 0.26) 66%, rgba(68, 74, 145, 0.18) 82%, rgba(13, 16, 40, 0.48) 94.5% );
        pointer-events: none;
        z-index: 3;
    }

/* HERO SECTION */
.services-hero[b-h18317yowh] {
    width: 100%;
    background: url('/images/services/Office-View-hero-bg.jpg') center/cover no-repeat;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh;
    height: 120vh;
    overflow: visible;
    position: relative; /* permite sobrepor pelas linhas verticais */
    z-index: 1;
}
    /* centered logo inside hero — sits at the page center between the central vertical lines */
    .services-hero .hero-logo[b-h18317yowh] {
        position: absolute;
        left: 42%;
        transform: translateX(-50%);
        top: 66%; /* vertical position inside hero — tweak to move up/down */
        z-index: 4; /* acima do overlay central (z-index:3) e abaixo da tabela se necessário */
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0.99;
    }

        .services-hero .hero-logo img[b-h18317yowh] {
            width: 190px; /* tamanho inicial do logo — altere conforme seu mock (ex.: 140px / 200px) */
            height: auto;
            display: block;
        }
.hero[b-h18317yowh] {
    position: relative;
    z-index: 2;
    height: 100vh;
    /*height: 100%;*/
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    padding-left: 242px;
    padding-top: 340px; /* 🔥 controla posição vertical */
}

/* SECOND SECTION - com fundo esticado verticalmente */

/*.services-content {
    width: 100%;
    background: url('/images/services/backgroud-categoriesfeatures.jpg') center/cover no-repeat;
    background-size: cover;*/ /* Estica vertical e horizontalmente para cobrir toda a seção */
    /*background-position: top center;
    background-repeat: no-repeat;*/
    /*padding: 80px 0;*/
    /*min-height: 335.2vh;
    height: auto;
    position: relative;
}*/

    /* Overlay opcional para escurecer o fundo e melhorar leitura do texto */
    /*.services-content::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;*/
        /*background-color: rgba(0, 0, 0, 0.5);*/ /* Ajuste a opacidade conforme necessidade */
        /*z-index: 1;
    }*/

/*    .services-content .container {
        position: relative;
        z-index: 2;
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 8px;
    }*/
/* =========================
   SECTION
========================= */
.container[b-h18317yowh] {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 12px;
}
.comparison-section[b-h18317yowh] {
    width: 100%;
    background: linear-gradient(180deg, #0E1027 0%, #0E1027 100%);
    /*background: url('/images/services/comparison-section.jpg') center/cover no-repeat;*/
    background-size: cover; /* Estica vertical e horizontalmente para cobrir toda a seção */
    background-position: top center;
    background-repeat: no-repeat;
    padding: 90px 0;
    /*height: auto;*/
    height: 1000px;
    position: relative;
}

/* =========================
   TABELA
========================= */
.comparison-table[b-h18317yowh] {
    position: relative;
    color: #fff;
    margin-bottom: 80px;
    font-size: 14px;
    padding: 0;
    border-radius: 6px;
    box-sizing: border-box;
    z-index: 4;
}

/* =========================
   HEADER
========================= */
/* default header cells: left-aligned so 1,3,5 stay alinhadas */
.table-header > div[b-h18317yowh] {
    text-transform: uppercase;
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: #ED9F7A;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* left by default */
    flex-direction: column;
    text-align: left;
}

    /* center header for col 2 and 4 */
    .table-header > div:nth-child(2)[b-h18317yowh],
    .table-header > div:nth-child(4)[b-h18317yowh] {
        justify-content: center;
        text-align: center;
    }

/* =========================
   GRID
========================= */
.table-header[b-h18317yowh],
.table-row[b-h18317yowh] {
    display: grid;
    grid-template-columns: 120px 1fr 2fr 1fr 120px; /* meio maior: mais espaço entre col2 e col4 */
    gap: 0;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,0.14);
    justify-items: center;
    text-align: center;
}

    /* default row cells: left-aligned for columns 1,3,5 */
    .table-row > div[b-h18317yowh] {
        padding: 18px 24px;
        display: flex;
        align-items: center;
        justify-content: flex-start; /* left by default */
        flex-direction: column;
        font-family: 'Roboto', sans-serif;
        font-size: 16px !important;
        text-align: left;
    }

        /* center columns 2 and 4 in rows */
        .table-row > div:nth-child(2)[b-h18317yowh],
        .table-row > div:nth-child(4)[b-h18317yowh] {
            justify-content: center;
            text-align: center;
        }

    /* =========================
   LATERAIS
========================= */
    .table-row div:first-child[b-h18317yowh],
    .table-row div:last-child[b-h18317yowh] {
        font-family: 'Roboto', sans-serif;
        color: #7aa2ff;
        font-weight: bold;
        font-size: 18px !important;
    }

/* =========================
   LINHAS VERTICAIS (NOVO MÉTODO)
========================= */

/* LINHA 1 - ESQUERDA (curta) */
.comparison-table[b-h18317yowh]::before {
    content: "";
    position: absolute;
    left: 130px;
    bottom: -36px;
    height: 110%;
    width: 1px;
    background: rgba(255,255,255,0.3);
}

/* LINHA 4 - DIREITA (curta) */
.comparison-table[b-h18317yowh]::after {
    content: "";
    position: absolute;
    right: 120px;
    bottom: -36px;
    height: 110%;
    width: 1px;
    background: rgba(255,255,255,0.3);
}

/* LINHAS CENTRAIS (mais longas e passam para baixo) */
.comparison-table .v-line[b-h18317yowh] {
    position: absolute;
    top: -190px; /* sobe para o hero */
    width: 1px;
    height: calc(100% + 290px); /* ultrapassa em baixo */
    background: rgba(255,255,255,0.3);
}

    /* posição linha 2 (ajustada para novo grid) */
    .comparison-table .v-line.line-2[b-h18317yowh] {
        left: calc(120px + (100% - 170px) * 0.26); /* posição depois da coluna 2 */
    }

    /* posição linha 3 (ajustada para novo grid) */
    .comparison-table .v-line.line-3[b-h18317yowh] {
        left: calc(120px + (100% - 219px) * 0.71); /* posição depois da coluna 3 (mais à direita) */
    }


/* DIFERENCIAIS */
/*.features-section {
    position: relative;
    z-index: 2;
    width: 100%;
    background: url('/images/services/background-features-section.jpg') center/cover no-repeat;
    background-size: cover;*/ /* Estica vertical e horizontalmente para cobrir toda a seção */
    /*background-position: top center;
    background-repeat: no-repeat;
    padding: 760px 0;
    height: auto;*/
    /*padding: 100px 0;*/
/*}
    .features-section .container {
        position: relative;
        z-index: 2;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 20px;
        text-align: center;
        align-items: center;
    }*/
.features-section[b-h18317yowh] {
    position: relative;
    width: 100%;
    background-image: url('/images/services/background-features-section.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    z-index: 2;
    /* height: 140vh;*/
    height: auto;
    /*color: rgba(255,255,255,0.95);*/
    padding: 760px 0;
}

    .features-section .container[b-h18317yowh] {
        position: relative;
        z-index: 2;
        max-width: 1400px;
        margin: 0 auto;
        text-align: center;
        align-items: center;
        /*padding: 160px 20px 60px;*/ /* alto padding-top para abrir espaço para logo/glow */
    }
/* ========== FEATURES SECTION (UPDATED to match imagem) ========== */
/*.features-section {
    position: relative;
    z-index: 2;
    width: 100%;
    background: url('/images/services/background-features-section.jpg') center/cover no-repeat;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;*/
    /* reduzido para encaixar o conteúdo de forma semelhante à imagem */
    /*padding: 140px 0 240px;
    height: auto;
}*/

/* Container das "diferenciais" — centralizado e com largura adequada */
.features[b-h18317yowh] {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 64px;
    color: #fff;
    box-sizing: border-box;
    /*padding: 0 46px;*/
    margin-top: -820px;
    margin-left: calc(400px + 16px);
    /*align-items: center;*/
}

/* Cada bloco vira uma "linha" com duas colunas: título (esq) + conteúdo (dir) */
.feature-block[b-h18317yowh] {
    display: grid;
    grid-template-columns: 360px 1fr; /* ajuste a largura do título aqui (360px) */
    gap: 16px;
    align-items: start;
    position: relative;
    min-height: 70px;
    padding: 0;
}

    /* Garantir que o título e o primeiro parágrafo fiquem na MESMA linha (grid-row: 1) */
    .feature-block h3[b-h18317yowh] {
        grid-column: 1;
        grid-row: 1;
        margin: 0;
        padding: 0;
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif !important;
        font-size: 22px;
        line-height: 1.05;
        color: #A3B0EF;
        text-align: end; /* centralizado dentro da coluna esquerda conforme referência */
        font-weight: 800;
        align-self: start;
        position: relative;
        padding-right: 18px; /* 👇 ESSA É A CHAVE */
        text-indent: -120px !important;
    }
    /* sobe ligeiramente o h3 do bloco 2 */
    .feature-block:nth-child(2) h3[b-h18317yowh] {
        margin-top: -26px;
    }

    /* sobe ligeiramente o h3 do bloco 3 */
    .feature-block:nth-child(3) h3[b-h18317yowh] {
        margin-top: -26px;
    }

/* Primeiro parágrafo (resumo curto) ocupa a coluna direita, mesma linha do título */
    .feature-block p:first-of-type[b-h18317yowh] {
        grid-column: 2;
        grid-row: 1;
        margin: 0 4px 0 0 !important;
        color: rgba(223,232,255,0.95);
        font-family: 'Roboto', 'Regular', sans-serif;
        font-size: 18px !important;
        line-height: 1.9;
        text-align: left;
        align-self: center; /* verticalmente centraliza com o título */
        /*max-width: 560px;*/
    }

    /* Os parágrafos subsequentes (detalhes) começam na segunda linha, coluna direita */
    .feature-block p:not(:first-of-type)[b-h18317yowh] {
        grid-column: 2;
        grid-row: auto;
        margin: 4px 0 12px 0;
        color: rgba(223,232,255,0.95);
        font-family: 'Roboto', 'Regular', sans-serif;
        font-size: 18px !important;
        line-height: 1.9;
        text-align: left;
    }

    /* Linha fina horizontal central entre as colunas — posicionada abaixo da primeira linha */
    .feature-block[b-h18317yowh]::after {
        content: "";
        position: absolute;
        /* inicia pouco à direita da coluna do título */
        left: calc(260px + 16px); /* 360px = largura do título; +20px margem interna */
        /* centralizar verticalmente abaixo da primeira linha: ajustar top conforme paddings/tamanhos */
        top: 28px; /* ajuste se quiser a linha mais próxima/mais abaixo */
        width: 160px; /* comprimento da linha — ajuste conforme necessidade */
        height: 1px;
        background: rgba(255,255,255,0.3);
        pointer-events: none;
    }
/* /Components/Pages/ServicesCompetences.razor.rz.scp.css */
/* Services - Competences (consolidated) */

.services-competences[b-cmlhfil8zf] {
    position: relative;
    width: 100%;
    background-image: url('/images/services/AXIS-Logo-background-with-glow.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    /* height: 140vh;*/
    height: auto;
    /*color: rgba(255,255,255,0.95);*/
    padding: 120px 0;
}

.services-competences .container[b-cmlhfil8zf] {
    position: relative;
    z-index: 2;
    max-width: 1400px;
    margin: 0 auto;
    /*padding: 160px 20px 60px;*/ /* alto padding-top para abrir espaço para logo/glow */
}

/* inner */
.competences-inner[b-cmlhfil8zf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

/* HEADER: grid com coluna do meio explícita para o ponto de cruzamento */
.competences-header[b-cmlhfil8zf] {
    position: relative;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding-top: 46px;

    /* left | middle (divider) | right */
    display: grid;
    grid-template-columns: 1fr 48px 1fr;
    column-gap: 0; /* gap controlado pela largura da coluna do meio */
    align-items: start;
}

/* left column (title + strategy) */
.top-left[b-cmlhfil8zf] {
    grid-column: 1 / 2;
    display: flex;
    flex-direction: column;
    align-items: end; /* título centrado dentro da coluna esquerda */
}

/* title aligned above the left column */
.competences-title[b-cmlhfil8zf] {
    margin: 0 0 12px 0;
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: end;
    margin-top: -60px;
}

/* Strategy block sits below the title and centered in the left column */
.strategy[b-cmlhfil8zf] {
    position: relative; /* positioning context for .strategy-hr */
    display: flex;
    flex-direction: column;
    align-items: end;
    text-align: end;
    color: rgba(223,232,255,0.95);
    margin-top: 210px;
}
    .strategy h3[b-cmlhfil8zf] {
        margin: 0;
        font-family: 'Wanted Sans', 'Wanted Sans ExtraBlack', sans-serif;
        font-size: 22px;
        font-weight: 700;
        color: #FFFFFF;
        text-align: end;
    }
    .strategy p[b-cmlhfil8zf] {
        margin: 6px 0 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 18px !important;
        color: rgba(255,255,255,0.85);
        /*color: rgba(223,232,255,0.88);*/
    }

/* horizontal rule under Strategy that visually reaches toward the center */
.strategy-hr[b-cmlhfil8zf] {
    position: relative;
    width: 200px; /* comprimento solicitado */
    height: 1px;
    background: rgba(223,232,255,0.68);
    margin-top: 12px;
    left: 140px;
}

/* central decorative crossing sits in the middle grid column */
.header-divider[b-cmlhfil8zf] {
    position: relative;
    grid-column: 2 / 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    pointer-events: none;
}

/* short horizontal line above crossing */
    .header-divider .hr-center[b-cmlhfil8zf] {
        position: absolute;
        top: 34px;
        width: 180px; /* comprimento da linha curta (ajuste fino se necessário) */
        height: 1px;
        background: rgba(223,232,255,0.68);
        margin-bottom: 0;
    }
/* vertical divider, começa logo abaixo da hr-center e desce para baixo */
    .header-divider .vertical-divider[b-cmlhfil8zf] {
        width: 1px;
        height: 110px;
        background: rgba(223,232,255,0.68);
        margin-top: 0;
    }

/* right column: top-right situado na terceira coluna do grid;
   alinhamos o conteúdo para começar imediatamente abaixo/à direita do cruzamento */
.top-right[b-cmlhfil8zf] {
    grid-column: 3 / 4;
    align-self: start; /* garante que o topo do bloco se alinhe ao topo do header */
    justify-self: start; /* começa à esquerda da coluna direita (logo à direita do divisor) */
    max-width: 420px;
    margin-top: 48px;
    text-align: left;
    padding-left: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: rgba(223,232,255,0.9);
    line-height: 1.6;
}

.top-right .col-list-competences-top[b-cmlhfil8zf] {
    list-style: none;
    margin: 0;
    padding: 0;
}
    .top-right .col-list-competences-top li[b-cmlhfil8zf] {
        margin: 6px 0;
        color: rgba(255,255,255,0.95);
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }

/* small hr under the header (separa do logo) */
.competences-hr[b-cmlhfil8zf] {
    width: 100%;
    max-width: 980px;
    height: 1px;
    background: rgba(255,255,255,0.06);
    margin: 18px auto 0 auto;
}

/* logo + glow */
.competences-logo[b-cmlhfil8zf] {
    position: relative;
    width: 460px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 28px;
    z-index: 3;
}
.competences-logo img[b-cmlhfil8zf] {
    width: 220px;
    height: auto;
    display: block;
}

/* bottom columns (unchanged) */
.competences-bottom[b-cmlhfil8zf] {
    width: 100%;
    max-width: 980px;
    margin-top: 18px;
}
.competences-columns[b-cmlhfil8zf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    align-items: start;
    text-align: center;
}
.competence-col h3[b-cmlhfil8zf] {
    font-family: 'Wanted Sans', 'Wanted Sans ExtraBlack', sans-serif;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 6px 0;
    color: #FFFFFF;
}
.competence-col .lead[b-cmlhfil8zf] {
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    margin: 0 0 14px 0;
    color: rgba(255,255,255,0.95);
}
.col-list[b-cmlhfil8zf] {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 620px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: rgba(255,255,255,0.95);
    line-height: 1.6;
}

/* /Components/Pages/ServicesExperience.razor.rz.scp.css */
/* EXPERIENCE SECTION */
.services-experience[b-w8y2ssmgn4] {
    position: relative;
    width: 100%;
    background-image: url('/images/services/Hand-shake-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    /* height: 140vh;*/
    height: auto;
    /*color: rgba(255,255,255,0.95);*/
    padding: 120px 0;
}

    .services-experience .container[b-w8y2ssmgn4] {
        position: relative;
        z-index: 2;
        max-width: 1400px;
        margin: 0 auto;
        /*padding: 160px 20px 60px;*/ /* alto padding-top para abrir espaço para logo/glow */
    }

/* OVERLAY ESCURO */
.experience-overlay[b-w8y2ssmgn4] {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/*.services-experience {
    background: url('/images/services/Hand-shake-background.jpg') center/cover no-repeat;
    position: relative;
    min-height: 115vh;
    width: 100%;
    overflow: hidden;
}*/



/* CONTAINER */
/*.services-experience .container {
    position: relative;
    z-index: 2;
}*/

/* HEADER */
.experience-header[b-w8y2ssmgn4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    color: white;
    margin-top: 40px;
   
}

    .experience-header h2[b-w8y2ssmgn4] {
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        font-size: clamp(18px, 1.6vw, 28px);
        font-weight: 900;
        transform: translateX(694px);
    }

    .experience-header p[b-w8y2ssmgn4] {
        font-family: 'Roboto', sans-serif;
        font-size: clamp(12px, 1.2vw, 18px !important);
        max-width: 400px;
        line-height: 1.8 !important;
        transform: translateX(-108px); /* 👈 puxa para a esquerda */
        margin-top: 8px;
        top: 180px;
    }

/* LINHA CENTRAL */
.experience-line[b-w8y2ssmgn4] {
    content: "";
    width: 618px;
    height: 1px;
    background: white;
    opacity: 0.6;
    position: relative;
    transform: translate(540px, 60px);
}

    .experience-line[b-w8y2ssmgn4]::after {
        content: "";
        position: absolute;
        top: -112px;
        left: 58.2%;
        width: 1.1px;
        height: 260px;
        background: white;
    }

/* SLIDER */
.experience-slider[b-w8y2ssmgn4] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1300px;
    margin: 120px auto 0;
}

/* VIEWPORT (ESCONDE EXCESSO) */
.slider-viewport[b-w8y2ssmgn4] {
    overflow: hidden;
    width: 100%;
}

/* TRACK */
.cards[b-w8y2ssmgn4] {
    display: flex;
    gap: 60px;
    transition: transform 0.4s ease;
}

/* CARD */
.card[b-w8y2ssmgn4] {
    min-width: 386px;
    height: 575px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    box-sizing: border-box;
    border-radius: 0px;
    border: none; /* ensure no border */
    box-shadow: none;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px); /* efeito vidro */
    -webkit-backdrop-filter: blur(10px); /* Safari */
    /* body shadow/backdrop handled by child */
}

/* HEADER */
.cards .card .card-header[b-w8y2ssmgn4] {
    width: 386px;
    height: 158px;
    background: #2A3869; /* deep navy (adjust if you want darker) */
    color: #FFFFFF;
    padding: 68px 22px;
    text-align: center;
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    /* force fully square top corners and remove any visual rounding */
    border-radius: 0; /* reset all corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none; /* ensure no border */
    box-shadow: none; /* ensure no subtle shadow makes it look rounded/bordered */
    /* avoid background bleeding to a parent rounded clipping */
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
.cards .card .card-header[b-w8y2ssmgn4] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    font-weight: 800;
}


/* BODY: translucent white panel (35% opacity) that matches the mock */
.card-body[b-w8y2ssmgn4] {
    /* white at 35% opacity */
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    /* place body panel directly under header */
    padding: 40px 20px;
    text-align: center;
    color: rgba(255,255,255,0.95); /* main readable text */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(575px - 158px); /* ensure body fills remaining card height */
    box-sizing: border-box;
}

    /* content inside the translucent panel */
    .card-body .card-body-content[b-w8y2ssmgn4] {

        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        text-align: center;
        color: rgba(0,0,0,0.85); /* dark-on-white panel for legibility like the mock */
        font-family: 'Roboto', sans-serif;
        line-height: 1.6;
    }
    /* card-bottom-text should always sit below the bottom divider */
    .card-body .card-bottom-text[b-w8y2ssmgn4] {
        position: absolute;
        bottom: 14px; /* distance from bottom of card-body; places it under the divider */
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        z-index: 3;
        width: 100%;
        max-width: 300px;
    }

    /* small tweaks: ensure the center content doesn't overlap fixed areas */
    .card-body .card-center-text[b-w8y2ssmgn4] {
        position: relative;
        z-index: 1; /* keep content below dividers */
        padding-bottom: 8px; /* small buffer */
    }

        .card-body .card-center-text p[b-w8y2ssmgn4] {
            font-family: 'Roboto', sans-serif;
            font-size: clamp(12px, 1.2vw, 18px !important);
            max-width: 500px;
            line-height: 1.4 !important;
            color: white;
            margin: 0 0 8px 0;
        }
        .card-body .card-center-text p + p[b-w8y2ssmgn4] {

            margin: 12px 0 0 0;
        }


    /* fixed top divider inside .card-body */
    .card-body .card-divider-top[b-w8y2ssmgn4] {
        position: absolute;
        top: 80px; /* was 24px — move up */
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 1px;
        background: rgba(255,255,255,0.6);
        opacity: 0.9;
        z-index: 2;
    }

    /* fixed bottom divider inside .card-body */
    .card-body .card-divider-bottom[b-w8y2ssmgn4] {
        position: absolute;
        bottom: 122px; /* was 56px — move up so it sits higher inside the panel */
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 1px;
        background: rgba(255,255,255,0.6);
        opacity: 0.9;
        z-index: 2;
    }

    /* lift the middle content slightly so spacing between top divider and center text reduces */
    .card-body .card-center-text[b-w8y2ssmgn4] {
        transform: translateY(-12px); /* small upward nudge */
        position: relative; /* preserve stacking context above background but below dividers */
        z-index: 1;
    }

/* tweak paragraph / sub styles to match image spacing */
.card-body .card-sub[b-w8y2ssmgn4],
.card-body p[b-w8y2ssmgn4] {
    margin: 6px 0;
    font-weight: 700;
    font-size: 18px;
    color: rgba(0,0,0,0.75); /* keep readable on the white panel */
}

/* meta line at bottom (year | country) */
.card-body .card-meta[b-w8y2ssmgn4] {
    margin: 20px 0 0 0;
    font-size: 14px;
    color: #2A3869; /* navy blue like the header text color */
    font-weight: 700;
}

/* SETAS */
.arrow[b-w8y2ssmgn4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
}

    .arrow img[b-w8y2ssmgn4] {
        width: 70px;
        opacity: 0.8;
    }

.arrow-left[b-w8y2ssmgn4] {
    left: -120px;
}

.arrow-right[b-w8y2ssmgn4] {
    right: -120px;
}
/* logos dentro do 3º card: Global acima de ABSA em coluna; Hollard central na frente; arrow entre Global e ABSA */
.card-logos[b-w8y2ssmgn4] {
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 120px;
    pointer-events: none;
    z-index: 3;
    display: block;
}

    /* make a small stacking container for the vertical stack */
    .card-logos .logo-stack[b-w8y2ssmgn4] {
        position: absolute;
        right: 2px; /* stack to the right side inside card-logos */
        top: 8px;
        width: 64px;
        height: 96px;
    }

    /* base: images positioned inside container */
    .card-logos img[b-w8y2ssmgn4] {
        position: absolute;
        display: block;
        width: auto;
        opacity: 0.95;
    }

        /* Hollard (front, centered) */
        .card-logos img[alt="Hollard"][b-w8y2ssmgn4] {
            left: 16%;
            top: 38%;
            transform: translate(-50%, -30%);
            height: 48px;
            z-index: 5;
        }

    /* Global Alliance (top of the stack) */
    .card-logos .logo-global[b-w8y2ssmgn4] {
        left: 66%;
        top: -8%;
        transform: translate(-10%, 0);
        height: 40px;
        z-index: 4;
    }

    /* Arrow between Global and ABSA */
    .card-logos .logo-arrow[b-w8y2ssmgn4] {
        left: 80%;
        top: 45%;
        transform: translate(-40%, -50%);
        height: 10px;
        z-index: 3;
        opacity: 0.95;
    }

    /* ABSA (below Global) */
    .card-logos .logo-absa[b-w8y2ssmgn4] {
        left: 66%;
        top: 72%;
        transform: translate(-10%, -50%);
        height: 40px;
        z-index: 2;
    }
/* alinhar ABSA + Hollard horizontalmente e centralizados dentro de .card-logos */
.botswana-card-logos[b-w8y2ssmgn4] {
    position: absolute;
    top: 42px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px; /* espaço entre logos */
    pointer-events: none;
    z-index: 3;
}

    /* garantir tamanho e alinhamento das imagens */
    .botswana-card-logos img[b-w8y2ssmgn4] {
        display: block;
        width: auto;
        height: 60px; /* ajuste se precisar maior/menor */
        opacity: 0.95;
    }

.rmw-card-logos[b-w8y2ssmgn4] {
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px; /* espaço entre logos */
    pointer-events: none;
    z-index: 3;
}

/* garantir tamanho e alinhamento das imagens */
    .rmw-card-logos img[b-w8y2ssmgn4] {
        display: block;
        width: auto;
        height: 155px; /* ajuste se precisar maior/menor */
        opacity: 0.95;
    }

/*.arrow-left {
    left: -280px;
}

.arrow-right {
    right: -280px;
}*/
/* /Components/Pages/ServicesPresence.razor.rz.scp.css */
/* PRESENCE SECTION layout: horizontal rule + vertical divider + right-side locations list
   Ajustado para ancorar .presence-right no topo-direita e elevá‑la visualmente.
   Em telas pequenas o layout volta a empilhar (media query). */

/* wrapper */
.services-presence[b-ojph4em7t7] {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: 1600px;
    background-color: #070b1a;
    overflow: hidden;
    padding: 140px 0;
}

/* background map (mantido) */
.presence-bg[b-ojph4em7t7] {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: url('/images/services/Map-with-locations.png') no-repeat;
    background-size: 70% 60%;
    background-position: center 84%;
    z-index: 1;
}

/* container foreground */
.services-presence .container[b-ojph4em7t7] {
    position: relative;
    z-index: 3; /* cima do presence-bg */
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* inner grid:
   col 1 = left title area,
   col 2 = small gap / vertical divider,
   col 3 = right locations list
   --presence-hr-top controla vertical do traço (entre h2 e p) */
.presence-inner[b-ojph4em7t7] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 40px 420px;
    gap: 24px;
    align-items: start;
    padding-top: 6px;

    /* ajuste aqui para posicionamento vertical do traço principal */
    --presence-hr-top: 60px;          /* ajuste 48 / 52 / 56 px se necessário */
}

/* HORIZONTAL RULE atravessando do left até right */
.presence-hr[b-ojph4em7t7] {
    position: absolute;
    left: 0;
    right: calc(-20px);
    height: 1px;
    background: rgba(255,255,255, 0.56);
    top: var(--presence-hr-top);
    z-index: 2;
}

/* LEFT: PRESENCE title e subtítulo */
.presence-left[b-ojph4em7t7] {
    z-index: 4; /* acima da linha */
    display: flex;
    flex-direction: column;
    align-items: end;        /* título alinhado à direita da coluna esquerda */
    justify-content: center;
    padding-top: 14px;
}

    .presence-left h2[b-ojph4em7t7] {
        margin: 0 0 10px 0;
        font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
        font-size: 28px;
        font-weight: 600;
        color: #FFFFFF;
    }
.presence-left .presence-sub[b-ojph4em7t7] {
    margin: 0;
    max-width: 520px;
    text-align: end;
    color: rgba(255,255,255,0.9);
    line-height: 1.8;
    font-size: 16px;
}

/* vertical divider (mantido acima da linha) */
.presence-divider[b-ojph4em7t7] {
    z-index: 4;
    width: 1px;
    background: rgba(255,255,255,0.56);
    height: 108px;
    margin-top: 14px;
    justify-self: center;
    align-self: start;
}
/* --- BOTTOM HORIZONTAL LINE under .presence-right --- */
/* This line is placed inside .presence-inner and can be adjusted by changing the top offset.
   Use the calc(var(--presence-hr-top) + <px>) value to move it up/down to match your mock. */
/* linha posicionada em relação a .presence-right (sempre alinhada ao bottom do bloco) */
.presence-right[b-ojph4em7t7] {
    position: absolute;
    top: 0px; /* ajuste para subir/baixar todo o bloco right */
    right: -204px; /* ajuste para mover todo o bloco para a direita */
    z-index: 5;
    display: flex;
    justify-content: flex-end;

    pointer-events: auto;
}

    /* a linha fica dentro de .presence-right e é posicionada pelo bottom */
    .presence-right .presence-bottom-hr[b-ojph4em7t7] {
        position: absolute;
        left: calc(-20% - 44px); /* expande a linha para a esquerda até o layout principal; ajuste se necessário */
        right: calc(-40px); /* mantém o mesmo offset horizontal usado pela .presence-hr */
        height: 1px;
        background: rgba(255,255,255,0.56);
        bottom: -42px; /* distância da base de .presence-right -> ajuste para alinhar exatamente (ex.: -8px / -24px) */
        z-index: 2;
        pointer-events: none;
        width: 560px;
    }


/* RIGHT: lista de locais - agora ANCORADA no topo-direita da área */
/* Use posição absoluta dentro de .presence-inner para mover "todo" o bloco mais para a direita e mais para cima */
.presence-right[b-ojph4em7t7] {
    position: absolute;
    top: 0px; /* subida adicional para alinhar ao topo conforme imagem */
    right: -204px; /* desloca o bloco mais para a direita */
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    width: 420px;
    pointer-events: auto;
}

/* Compact layout for presence-right: smaller icons and tighter spacing */
/*.presence-right {
    position: absolute;
    top: -40px;
    right: -204px;
    z-index: 5;
    display: flex;
    justify-content: flex-end;
    width: 420px;
    pointer-events: auto;
}
*/
/* compact list */
.locations[b-ojph4em7t7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px; /* reduced from 22px */
    align-items: flex-end;
}

/* each item tighter */
.card-Map[b-ojph4em7t7] {
    display: flex;
    align-items: flex-start;
    gap: 12px; /* reduced from 14px */
    width: 100%;
    position: relative;
}

/* número circular (opcional) */
.map-number[b-ojph4em7t7] {
    min-width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #2F47FF;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
    z-index: 6;
    margin-top: 8px;
}

/* pequena linha conectando número ao conteúdo */
.map-line[b-ojph4em7t7] {
    width: 40px;
    height: 2px;
    background: rgba(255,255,255,0.10);
    flex-shrink: 0;
    z-index: 5;
    align-self: flex-start;
    margin-top: 8px;
}

/* conteúdo do local */
.map-content[b-ojph4em7t7] { 
    display: flex; 
    align-items: center; 
    gap: 14px; 
}

.map-content img[b-ojph4em7t7] {
    width: 36px; /* was 44px */
    height: 36px; /* make square */
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/* textos */
.map-text h3[b-ojph4em7t7] { 
    margin: 0; 
    color: #FFFFFF; 
    font-family: 'Roboto', sans-serif; 
    font-size: 14px; /* was 15px */ 
    font-weight: 700; 
    line-height: 1.15; 
}
    .map-text h3:first-of-type[b-ojph4em7t7] {
        margin-bottom: 12px;
        margin: 14px 0 0 0;
    }
.map-text p.muted[b-ojph4em7t7] { 
    margin: 8px 0 0 0; 
    color: rgba(223,232,255,0.85); 
    font-family: 'Roboto', sans-serif; 
    font-size: 12px; /* was 13px */ 
    line-height: 1.5; 
}
.map-text p.muted + h3[b-ojph4em7t7] { margin-top: 12px; }
.map-text p.small[b-ojph4em7t7] { 
    font-size: 11px; /* was 12px */  
    opacity: 0.85;
    margin-top: 6px; 
}

/* PRESENCE: map marker between left and right columns */

/* map container placed in the LEFT column, aligned to the right edge so it sits between left and divider */
.presence-map[b-ojph4em7t7] {
    grid-column: 1;               /* moved to the left column */
    justify-self: end;            /* align to right edge of the left column */
    align-self: start;
    z-index: 3;                   /* BELOW .presence-divider (which is z-index:4) */
    pointer-events: none;
    margin-top: -208px;           /* levanta o ícone para sobrepor a linha horizontal (ajuste conforme necessário) */
    width: 120px;                 /* espaço reservado para o ícone (ajustar se necessário) */
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(268px);  /* empurra ligeiramente para a direita em direção ao divider; ajuste fino aqui */
}

/* imagem do map (ícone menor e responsivo) */
.presence-map img[b-ojph4em7t7] {
    width: 86px;                  /* tamanho principal do ícone */
    height: auto;
    display: block;
    transform: translateY(-38px);  /* ajuste fino da posição vertical */
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.45));
}


/* responsivo: ocultar / reduzir o ícone em telas pequenas */
@media (max-width: 980px) {
    .presence-map[b-ojph4em7t7] {
        display: none;
    }
}

/* pequenos ajustes já presentes (preservei regras existentes) */
/* se quiser mover o ícone mais para cima ou para baixo, ajuste margin-top em .presence-map (negativo sobe). */
/* se quiser deslocar ligeiramente para a esquerda/direita, ajuste transform: translateX(...) em .presence-map. */

/* RESPONSIVO: volta a comportamento em coluna em telas pequenas */
@media (max-width: 980px) {
    .presence-inner[b-ojph4em7t7] { grid-template-columns: 1fr; gap: 18px; padding-top: 12px; }
    .presence-divider[b-ojph4em7t7] { display: none; }
    .presence-left[b-ojph4em7t7] { align-items: center; text-align: center; }
    .presence-right[b-ojph4em7t7] {
        position: static;
        width: 100%;
        justify-content: center;
        align-self: center;
    }
    .map-content img[b-ojph4em7t7] { display: none; }
    .presence-hr[b-ojph4em7t7] { display: block; left: 0; right: 0; top: 16px; }
}

/* Notas rápidas:
 - Para subir/baixar .presence-right ajuste 'top' (ex.: 0px / -8px / 12px).
 - Para mover mais para a direita ajuste 'right' (ex.: 8px / 24px) — atualmente está alinhado ao canto via right:0.
 - A linha horizontal (.presence-hr) continua posicionada via --presence-hr-top; ajuste se precisar de alinhamento preciso entre h2 e p.
*/
/* /Components/Pages/ServicesSection.razor.rz.scp.css */
.services-section[b-8nzmbpoxqz] {
    background: #8D92B0;
    /*margin-top: 48px;*/ /* ~3cm */
    padding: 0px 0 64px 0;
    min-height: 400px;
    /*border-top: 1px solid #b0b3c6;*/ /* optional, for subtle separation */
    box-shadow: 0 -8px 24px 0 rgba(0,0,0,0.04); /* optional, for soft shadow */
}

.services-header[b-8nzmbpoxqz] {
    display: fixed;
    align-items: center;
    gap: 1.5rem;
    padding-left: 8.8rem; /* Reduced from 2.5rem */
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
    background: linear-gradient(to bottom, #2c3366 0%, #8D92B0 100%);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom: 1px solid #8D92B1; /* very thin, subtle line */
    margin-bottom: 0.5rem;
}

.services-title[b-8nzmbpoxqz] {
    font-family: var(--title-font);
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: 0.02em;
    margin-right: 1.5rem;
    white-space: nowrap;
}

.services-subtitle[b-8nzmbpoxqz] {
    font-family: var(--body-font);
    font-size: 1rem;
    color: #fff;
    opacity: 0.95;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.services-grid[b-8nzmbpoxqz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem 4rem;
    max-width: 92vw;
    margin: 0 auto;
    padding: 0 4.5rem;
}

.service-card[b-8nzmbpoxqz] {
    background: transparent;
    border: 1px solid #d1d3e0;
/*    border-radius: 0.25rem;*/
    padding: 2rem 2rem 1.5rem 2rem;
    color: #fff;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: background 0.2s, border-color 0.2s;
}

    .service-card:hover[b-8nzmbpoxqz] {
        background: #838EB1;
        /*border-color: #ED9F7A;*/ /* accent color on hover */
        cursor: pointer;
    }

.service-title[b-8nzmbpoxqz] {
    font-family: var(--title-font);
    font-size: 1.25rem;
    font-weight: 700;
    color: #23244a;
    margin-bottom: 0.75rem;
}

.service-desc[b-8nzmbpoxqz] {
    font-family: var(--body-font);
    font-size: 1rem;
    color: #fff;
    opacity: 0.95;
}


/*.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.card {
    padding: 40px;
    border: 1px solid rgba(255,255,255,0.15);
}*/

/*    .card h3 {
        margin-bottom: 20px;
    }*/

@media (max-width: 900px) {
    .services-grid[b-8nzmbpoxqz] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 0 1rem;
    }
    .service-card[b-8nzmbpoxqz] {
        padding: 1.5rem 1.2rem 1.2rem 1.2rem;
        min-height: 140px;
    }
    .services-header[b-8nzmbpoxqz] {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
        text-align: left;
    }
    .services-title[b-8nzmbpoxqz], .services-subtitle[b-8nzmbpoxqz] {
        white-space: normal;
        text-overflow: unset;
        overflow: visible;
    }
}

@media (max-width: 600px) {
    .services-title[b-8nzmbpoxqz] {
        font-size: 1.3rem;
    }
    .services-subtitle[b-8nzmbpoxqz] {
        font-size: 0.95rem;
    }
    .service-card[b-8nzmbpoxqz] {
        font-size: 0.98rem;
        padding: 1rem 0.7rem;
    }
}
/* /Components/Pages/StatsSection.razor.rz.scp.css */
:root[b-khgfd8pzil] {
    --right-col-width: 320px;
}

/* =========================
   SECTION
========================= */
/*.stats {
    position: relative;
    width: 100%;
    min-height: 800px;
    background-image: url('/images/website-office-building.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
}*/

.stats[b-khgfd8pzil] {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: url('/images/website-office-building.jpg') center center / cover no-repeat;
    overflow: hidden;
}

    /* OVERLAY */
    .stats[b-khgfd8pzil]::before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        right: 0;
        background: rgba(15, 23, 62, 0.9);
        z-index: 1;
    }

/* =========================
   CONTAINER
========================= */
.stats-container[b-khgfd8pzil] {
    width: 100%;
    padding: 0 clamp(20px, 5vw, 100px);
    box-sizing: border-box;
    position: relative;
    z-index: 3;
}


/* =========================
   BOX
========================= */
.stats-box[b-khgfd8pzil] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    position: relative;
}

/* =========================
   CONTENT LAYOUT
========================= */
.stats-content[b-khgfd8pzil] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* =========================
   LEFT TEXT
========================= */
.stats-left[b-khgfd8pzil] {
    width: 55%;
    position: relative;
    z-index: 2; /* 🔥 fica acima da linha */
    align-items: center;
    top: 48px;
    left: 80px;
}

.stats-desc[b-khgfd8pzil] {
    font-family: Roboto, sans-serif;
    font-weight: 960;
    font-size: 30px !important;
    /*letter-spacing: 1px;*/
    color: #fff;
    opacity: 0.9;
    word-break: keep-all;
    white-space: normal;
    line-height: 1.02;
}

/* =========================
   RIGHT BLOCK
========================= */
.stats-right[b-khgfd8pzil] {
    width: 400px;
    text-align: left;
    position: relative;
    bottom: 80px;
    left: 130px;
}

/* BIG NUMBER */
.stats-percentage[b-khgfd8pzil] {
    font-family: 'Wanted Sans ExtraBlack', sans-serif;
    font-size: 84px;
    font-weight: 900;
    color: #A3AED5;
    line-height: 1;
    margin: 188px 0 0 20px;
    left: 20px;
}

/* SMALL TEXT NEXT TO NUMBER */
.stats-percentageDesc[b-khgfd8pzil] {
    font-family: Roboto, regular !important;
    font-size: 22px !important;
    margin-top: 8px;
    color: white;
    opacity: 0.8;
    font-weight: 400;
    max-width: 800px;
    line-height: 1.9;
    white-space: normal;
    margin: 0 0 0 20px;
}
    .stats-percentageDesc p[b-khgfd8pzil] {
        font-family: Roboto, regular !important;
        font-size: 22px !important;
        margin-top: 18px;
        color: #fff;
      /*  opacity: 0.8;*/
        font-weight: 400;
        max-width: 800px;
        line-height: 1.9;
        white-space: normal;
    }


/* BOTTOM TEXT */
.stats-survey[b-khgfd8pzil] {
    margin-top: 100px;
    margin: 40px 0 0 20px;
}
    .stats-survey p[b-khgfd8pzil] {
        font-family: Roboto, regular !important;
        font-size: 22px !important;
        margin-top: 80px;
        margin: 80px 0 0 0;
        color: #dcdfe8;
        line-height: 35px !important;
        opacity: 4.18;
        white-space: normal; /* preserva quebras explícitas do HTML (ex.: <br />) */
        font-weight: 600;
    }

.highlight[b-khgfd8pzil] {
    color: #A6A6AEE8; /* ou outra cor que quiseres */
    text-decoration: none;
    font-weight: 600;
    /*border-bottom: 1px solid rgba(168,178,255,0.4);*/
    transition: all 0.3s ease;
}

    .highlight:hover[b-khgfd8pzil] {
        color: #ffffff;
        /*border-bottom: 1px solid #ffffff;*/
    }
/* =========================
   LINES (EXACT MATCH)
========================= */

/* vertical line */
.stats-box[b-khgfd8pzil]::before {
    content: "";
    position: absolute;
    top: 48px;
    bottom: 0;
    right: 300px;
    width: 1px;
    height: 576px;
    background: rgba(255,255,255,0.3);
}
/* horizontal line */
.stats-left-content[b-khgfd8pzil] {
    position: relative;
    display: inline-block;
}

    .stats-left-content[b-khgfd8pzil]::after {
        content: "";
        position: absolute;
        top: 15px;
        left: 100%;
        width: 300px;
        height: 1px;
        background: rgba(255,255,255,0.3);
        margin-left: 25px;
    }
/* =========================================================
   MOBILE (até 768px)
   🔥 MANTÉM A ESTRUTURA E LINHAS
========================================================= */
@media (max-width: 768px) {

    .stats[b-khgfd8pzil] {
        min-height: auto;
        padding: 70px 0;
        background-position: center;
    }

    .stats-container[b-khgfd8pzil] {
        padding: 0 18px;
    }

    .stats-box[b-khgfd8pzil] {
        padding: 50px 0;
        position: relative;
    }

    /* =========================
       MANTÉM FLEX HORIZONTAL
    ========================= */
    .stats-content[b-khgfd8pzil] {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
    }

    /* =========================
       LEFT
    ========================= */
    .stats-left[b-khgfd8pzil] {
        width: 52%;
        top: 0;
        left: 0;
    }

    .stats-desc[b-khgfd8pzil] {
        font-size: 13px !important;
        line-height: 1.45;
    }

    /* =========================
       RIGHT
    ========================= */
    .stats-right[b-khgfd8pzil] {
        width: 42%;
        left: 0;
        bottom: 0;
    }

    .stats-percentage[b-khgfd8pzil] {
        font-size: 40px;
        margin: 70px 0 0 10px;
        line-height: 1;
    }

    .stats-percentageDesc[b-khgfd8pzil] {
        margin: 0 0 0 10px;
    }

        .stats-percentageDesc p[b-khgfd8pzil] {
            font-size: 11px !important;
            line-height: 1.5 !important;
            margin-top: 8px;
        }

    .stats-survey[b-khgfd8pzil] {
        margin: 18px 0 0 10px;
    }

        .stats-survey p[b-khgfd8pzil] {
            font-size: 11px !important;
            line-height: 1.5 !important;
            margin: 0;
        }

    /* =========================
       LINHA VERTICAL
    ========================= */
    .stats-box[b-khgfd8pzil]::before {
        content: "";
        position: absolute;
        top: 30px;
        bottom: 0;
        right: 42%;
        width: 1px;
        height: 260px;
        background: rgba(255,255,255,0.25);
    }

    /* =========================
       LINHA HORIZONTAL
    ========================= */
    .stats-left-content[b-khgfd8pzil]::after {
        content: "";
        position: absolute;
        top: 8px;
        left: 100%;
        width: 80px;
        height: 1px;
        margin-left: 14px;
        background: rgba(255,255,255,0.25);
    }
}

/* =========================================================
   TABLET (769px até 1024px)
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {

    .stats[b-khgfd8pzil] {
        min-height: auto;
        padding: 90px 0;
    }

    .stats-container[b-khgfd8pzil] {
        padding: 0 40px;
    }

    .stats-box[b-khgfd8pzil] {
        padding: 70px 0;
    }

    .stats-content[b-khgfd8pzil] {
        gap: 40px;
    }

    /* LEFT */
    .stats-left[b-khgfd8pzil] {
        width: 55%;
        left: 20px;
        top: 20px;
    }

    .stats-desc[b-khgfd8pzil] {
        font-size: 21px !important;
        line-height: 1.25;
    }

    /* RIGHT */
    .stats-right[b-khgfd8pzil] {
        width: 320px;
        left: 20px;
        bottom: 0;
    }

    .stats-percentage[b-khgfd8pzil] {
        font-size: 62px;
        margin: 120px 0 0 16px;
    }

    .stats-percentageDesc[b-khgfd8pzil] {
        margin: 0 0 0 16px;
    }

        .stats-percentageDesc p[b-khgfd8pzil] {
            font-size: 17px !important;
            line-height: 1.7 !important;
        }

    .stats-survey[b-khgfd8pzil] {
        margin: 28px 0 0 16px;
    }

        .stats-survey p[b-khgfd8pzil] {
            font-size: 16px !important;
            line-height: 1.8 !important;
            margin: 0;
        }

    /* LINHA VERTICAL */
    .stats-box[b-khgfd8pzil]::before {
        right: 270px;
        height: 430px;
        top: 40px;
    }

    /* LINHA HORIZONTAL */
    .stats-left-content[b-khgfd8pzil]::after {
        width: 170px;
        top: 12px;
    }
}

/* =========================================================
   DESKTOP MÉDIO (1025px até 1399px)
========================================================= */
@media (min-width: 1025px) and (max-width: 1399px) {

    .stats-container[b-khgfd8pzil] {
        padding: 0 60px;
    }

    .stats-box[b-khgfd8pzil] {
        max-width: 1200px;
        padding: 90px 0;
    }

    .stats-left[b-khgfd8pzil] {
        width: 55%;
        left: 40px;
        top: 30px;
    }

    .stats-desc[b-khgfd8pzil] {
        font-size: 26px !important;
        line-height: 1.12;
    }

    .stats-right[b-khgfd8pzil] {
        width: 360px;
        left: 60px;
        bottom: 40px;
    }

    .stats-percentage[b-khgfd8pzil] {
        font-size: 78px;
        margin: 150px 0 0 20px;
    }

    .stats-percentageDesc p[b-khgfd8pzil] {
        font-size: 20px !important;
        line-height: 1.8 !important;
    }

    .stats-survey p[b-khgfd8pzil] {
        font-size: 20px !important;
        line-height: 1.8 !important;
    }

    .stats-box[b-khgfd8pzil]::before {
        right: 280px;
        height: 520px;
    }

    .stats-left-content[b-khgfd8pzil]::after {
        width: 240px;
    }
}
/* =========================
   DESKTOP LARGE (1400px+)
========================= */
@media (min-width: 1400px) {

    /* 🔥 reduz TUDO proporcionalmente */
    .stats-box[b-khgfd8pzil] {
        transform: scale(0.9);
        transform-origin: center top;
    }

    /* =========================
       CONTAINER (ligeiro ajuste)
    ========================= */
    .stats-container[b-khgfd8pzil] {
        padding: 0 clamp(20px, 4vw, 80px);
    }

    /* =========================
       LEFT TEXT (menos offset)
    ========================= */
    .stats-left[b-khgfd8pzil] {
        top: 30px;
        left: 50px;
    }

    .stats-desc[b-khgfd8pzil] {
        font-size: 26px !important;
        line-height: 1.1;
    }

    /* =========================
       RIGHT BLOCK (menos deslocado)
    ========================= */
    .stats-right[b-khgfd8pzil] {
        width: 360px;
        bottom: 60px;
        left:40px;
    }

    /* =========================
       NUMBER
    ========================= */
    .stats-percentage[b-khgfd8pzil] {
        font-size: 70px;
        margin-top: 140px;
    }

    .stats-percentageDesc[b-khgfd8pzil],
    .stats-percentageDesc p[b-khgfd8pzil] {
        font-size: 20px !important;
        line-height: 1.7;
    }

    /* =========================
       BOTTOM TEXT
    ========================= */
    .stats-survey[b-khgfd8pzil] {
        margin-top: 60px;
    }

        .stats-survey p[b-khgfd8pzil] {
            font-size: 20px !important;
            margin-top: 60px;
            line-height: 30px !important;
        }

    /* =========================
       LINES (ajuste proporcional)
    ========================= */
    .stats-box[b-khgfd8pzil]::before {
        right: 380px;
        height: 530px;
    }

    .stats-left-content[b-khgfd8pzil]::after {
        width: 342px;
    }
}


/* quando a tela fica menor */
@media (max-width: 1200px) {
    .stats[b-khgfd8pzil] {
        background-position: center top;
    }
}

@media (max-width: 768px) {
    .stats[b-khgfd8pzil] {
        background-position: 60% top; /* ajusta foco lateral */
        padding: 60px 0;
    }
}

@media (max-width: 480px) {
    .stats[b-khgfd8pzil] {
        background-position: center top;
    }
}
/* /Components/Pages/StrategySession.razor.rz.scp.css */
/*.strategy-session {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url('/images/Thinking-man-banner.jpg') center center / cover no-repeat;
}*/

/* =========================
   CONTAINER
========================= */
/*.strategy-inner {
    max-width: 1800px;
    margin: 0 auto;
    position: relative;
}*/

.strategy-session[b-7bxzegsanc] {
    position: relative;
    width: 100%;
    min-height: 652px;
    background: url('/images/Thinking-man-banner.jpg') center center / cover no-repeat;
    overflow: hidden;
}

    /* OVERLAY */
    .strategy-session[b-7bxzegsanc]::before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        right: 0;
        background: rgba(15, 23, 62, 0.9);
        z-index: 1;
    }

/* =========================
   CONTAINER
========================= */
.strategy-inner[b-7bxzegsanc] {
    width: 100%;
    padding: 0 clamp(20px, 5vw, 100px);
    box-sizing: border-box;
}
/* =========================
   GRID PRINCIPAL (ESTÁVEL)
========================= */
.strategy-grid[b-7bxzegsanc] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-areas:
        "top top top"
        "left logo right";
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: center;
    /*min-height: 70vh;*/
    padding-top: 160px;
    
}

/* =========================
   TOP
========================= */
.strategy-top[b-7bxzegsanc] {
    grid-area: top;
    text-align: center;
    color: white;
    align-self: end;
    margin-bottom: 40px;
}

/* =========================
   LEFT / RIGHT (SEM OFFSET MANUAL)
========================= */
.strategy-left[b-7bxzegsanc] {
    grid-area: left;
    justify-self: end;
    text-align: right;
    align-self: end;
    margin-bottom: -24px;
    margin: -32px 40px;
}

.strategy-right[b-7bxzegsanc] {
    grid-area: right;
    justify-self: start;
    text-align: left;
    align-self: end;
    /*margin-bottom: -20px;*/
    margin: -32px 40px;
}

/* =========================
   LOGO CENTRAL (RESPONSIVO)
========================= */
.strategy-logo[b-7bxzegsanc] {
    grid-area: logo;
    width: clamp(260px, 25vw, 265px);
    height: clamp(200px, 18vw, 194.5px);
    background: url('/images/axis-triangle.png') center center / contain no-repeat;
    position: relative;
    z-index: 3;
}
/* logo + glow */
/*.competences-logo {
    position: relative;
    width: 460px;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 28px;
    z-index: 3;
}

    .competences-logo img {
        width: 220px;
        height: auto;
        display: block;
    }*/

/* =========================
   TIPOGRAFIA GLOBAL
========================= */
.strategy-title[b-7bxzegsanc] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    font-size: clamp(18px, 1.6vw, 22px);
    font-weight: 800;
    line-height: 35px;
    /*letter-spacing: -0.02em;*/
    color: white;
    margin-bottom: 4px;
}

.strategy-sub[b-7bxzegsanc] {
    font-family: 'Roboto', sans-serif;
    font-size: clamp(12px, 1.2vw, 16px);
    color: white;
    opacity: 0.85;
    text-align:center;
}

/* =========================
   VARIAÇÕES PEQUENAS
========================= */
.strategy-title.small[b-7bxzegsanc] {
    font-size: clamp(14px, 1vw, 20px);
}

.strategy-sub.small[b-7bxzegsanc] {
    font-size: clamp(10px, 0.9vw, 12px);
}



/* =========================
   RESPONSIVO TABLET
========================= */
/* =========================
   SECTION
========================= */
.strategy-session[b-7bxzegsanc] {
    position: relative;
    width: 100%;
    min-height: 652px;
    background: url('/images/Thinking-man-banner.jpg') center center / cover no-repeat;
    overflow: hidden;
}

    /* OVERLAY */
    .strategy-session[b-7bxzegsanc]::before {
        content: "";
        position: absolute;
        top: 8px;
        bottom: 8px;
        left: 0;
        right: 0;
        background: rgba(15, 23, 62, 0.9);
        z-index: 1;
    }

/* =========================
   CONTAINER
========================= */
.strategy-inner[b-7bxzegsanc] {
    width: 100%;
    padding: 0 clamp(20px, 5vw, 100px);
    box-sizing: border-box;
}

/* =========================
   GRID PRINCIPAL (DESKTOP BASE)
========================= */
.strategy-grid[b-7bxzegsanc] {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-areas:
        "top top top"
        "left logo right";
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    justify-items: center;
    padding-top: 160px;
}

/* =========================
   TOP
========================= */
.strategy-top[b-7bxzegsanc] {
    grid-area: top;
    text-align: center;
    color: white;
    align-self: end;
    margin-bottom: 40px;
}

/* =========================
   LEFT / RIGHT
========================= */
.strategy-left[b-7bxzegsanc] {
    grid-area: left;
    justify-self: end;
    text-align: right;
    align-self: end;
    margin: -32px 40px;
}

.strategy-right[b-7bxzegsanc] {
    grid-area: right;
    justify-self: start;
    text-align: left;
    align-self: end;
    margin: -32px 40px;
}

/* =========================
   LOGO
========================= */
.strategy-logo[b-7bxzegsanc] {
    grid-area: logo;
    width: clamp(260px, 25vw, 265px);
    height: clamp(200px, 18vw, 194.5px);
    background: url('/images/axis-triangle.png') center center / contain no-repeat;
    position: relative;
    z-index: 3;
}

/* =========================
   TIPOGRAFIA
========================= */
.strategy-title[b-7bxzegsanc] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    font-size: clamp(18px, 1.6vw, 22px);
    font-weight: 800;
    line-height: 35px;
    color: white;
    margin-bottom: 4px;
}

.strategy-sub[b-7bxzegsanc] {
    font-family: 'Roboto', sans-serif;
    font-size: clamp(12px, 1.2vw, 16px);
    color: white;
    opacity: 0.85;
    text-align: center;
}

/* =========================
   VARIAÇÕES
========================= */
.strategy-title.small[b-7bxzegsanc] {
    font-size: clamp(14px, 1vw, 20px);
}

.strategy-sub.small[b-7bxzegsanc] {
    font-size: clamp(10px, 0.9vw, 12px);
}

/* =========================================================
   📱 MOBILE (<=768px)
========================================================= */
@media (max-width: 768px) {

    .strategy-session[b-7bxzegsanc] {
        min-height: auto;
        padding: 80px 0;
        position: relative;
        overflow: hidden;
        background: url('/images/Thinking-man-image-mobile.jpg') center center no-repeat;
        background-size: cover;
    }


    /* =========================
       GRID CONTINUA HORIZONTAL
    ========================= */
    .strategy-grid[b-7bxzegsanc] {
        grid-template-areas:
            "top top top"
            "left logo right";
        grid-template-columns: 1.2fr auto 1.1fr;
        padding-top: 0px;
        gap: 8px;
        align-items: center;
    }

    /* =========================
       TOP
    ========================= */
    .strategy-top[b-7bxzegsanc] {
        margin-bottom: 6px;
    }

    /* =========================
       LEFT / RIGHT MAIS COMPACTO
    ========================= */
    .strategy-left[b-7bxzegsanc] {
        /*margin: 0;*/
        text-align: right;
        font-size: 9px;
        margin: -32px 12px !important;
    }

    .strategy-right[b-7bxzegsanc] {
        /*margin: 0;*/
        text-align: left;
        font-size: 9px;
        margin: -32px 12px !important;
    }

    /* =========================
       LOGO MENOR
    ========================= */
    .strategy-logo[b-7bxzegsanc] {
        width:80px;
        height: 60px;
    }

    /* =========================
       TEXTO MENOR
    ========================= */
    .strategy-title[b-7bxzegsanc] {
        font-size: 10px;
        line-height: 18px;
    }

    .strategy-sub[b-7bxzegsanc] {
        font-size: 8px;
        line-height: 16px;
    }


}

/* =========================================================
   📲 TABLET (769px - 1024px)
========================================================= */
@media (min-width: 769px) and (max-width: 1024px) {

    .strategy-grid[b-7bxzegsanc] {
        padding-top: 120px;
    }

    .strategy-logo[b-7bxzegsanc] {
        width: 210px;
        height: 170px;
    }

    .strategy-left[b-7bxzegsanc],
    .strategy-right[b-7bxzegsanc] {
        margin: -20px 20px;
    }

    .strategy-title[b-7bxzegsanc] {
        font-size: 18px;
    }

    .strategy-sub[b-7bxzegsanc] {
        font-size: 14px;
    }
}

/* =========================================================
   💻 DESKTOP (1025px+)
========================================================= */
@media (min-width: 1025px) {

    .strategy-grid[b-7bxzegsanc] {
        padding-top: 160px;
    }

    .strategy-logo[b-7bxzegsanc] {
        width: clamp(240px, 25vw, 265px);
        height: clamp(180px, 18vw, 194px);
    }

    .strategy-title[b-7bxzegsanc] {
        font-size: 20px;
    }

    .strategy-sub[b-7bxzegsanc] {
        font-size: 15px;
    }
}
/* /Components/Pages/WhyChooseSection.razor.rz.scp.css */
.why[b-xxspg7faqd] {
    position: relative;
    padding: 150px 6%;
    text-align: center;
    color: white;
    box-sizing: border-box;
}
.section-overlay[b-xxspg7faqd] {
    background: rgba(28,31,55,0.85);
}
.about-section[b-xxspg7faqd] {
    background: none;
    padding: 0;
    margin: 0;
}
.about-bg[b-xxspg7faqd] {
    background: url("images/axisbackgroundwithlogo.jpg") no-repeat center center;
    background-size: cover;
    width: 100%;
    min-height: clamp(700px, 100vh, 1200px);
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
}
.about-content[b-xxspg7faqd] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: clamp(48px, 9vw, 144px) clamp(24px, 4vw, 64px) clamp(32px, 4.5vw, 72px) clamp(24px, 4vw, 64px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    box-sizing: border-box;
}
/* Title */
.about-title[b-xxspg7faqd] {
    font-family: var(--title-font);
    font-size: clamp(28px, 4.8vw, 56px);
    font-weight: 800;
    color: #23244a;
    text-align: left;
    margin-bottom: 2.5rem;
    margin-top: 0.5rem;
    padding-left: 3.5rem;
    line-height: 1.02;
}
/* Features column (keeps stacked look with stagger offsets on all screens) */
.about-features[b-xxspg7faqd] {
    padding-left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
    width: 100%;
    max-width: 700px;
    box-sizing: border-box;
}

/* Each feature block */
.about-feature[b-xxspg7faqd] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
}

/* Stagger offsets preserved on wide screens */
.about-feature:nth-child(1)[b-xxspg7faqd] { margin-left: 0; }
.about-feature:nth-child(2)[b-xxspg7faqd] { margin-left: 60px; }
.about-feature:nth-child(3)[b-xxspg7faqd] { margin-left: 120px; }

/* Feature title and description */
.about-feature-title[b-xxspg7faqd] {
    font-family: 'Wanted Sans ExtraBlack', 'Wanted Sans', sans-serif;
    font-size: clamp(18px, 1.6vw, 28px);
    font-weight: 700;
    color: #23244a;
    margin-bottom: 0.2rem;
    border-bottom: 3px solid #ED9F7A;
    padding-bottom: 0.1rem;
    width: fit-content;
}

.about-feature-desc[b-xxspg7faqd] {
    font-family: var(--body-font);
    font-size: clamp(14px, 1.2vw, 16px);
    color: #23244a;
    opacity: 0.95;
    margin-top: 0.2rem;
    margin-left: 0.1rem;
    text-align: left;
    line-height: 1.45;
}

/* Small/medium breakpoints: reduce paddings and scale offsets but keep the degrau */
@media (max-width: 1200px) {
    .about-content[b-xxspg7faqd] {
        padding: clamp(40px, 7vw, 100px) 3.5rem 3rem 2.5rem;
    }
    .about-title[b-xxspg7faqd] { font-size: clamp(26px, 4.5vw, 48px); padding-left: 2.5rem; }
    .about-feature:nth-child(2)[b-xxspg7faqd] { margin-left: clamp(14px, 5.5vw, 48px); }
    .about-feature:nth-child(3)[b-xxspg7faqd] { margin-left: clamp(28px, 11vw, 96px); }
}

/* Tablets / narrow screens: maintain right alignment and scaled staggering for the same visual 'degrau' */
@media (max-width: 900px) {
    .about-bg[b-xxspg7faqd] { min-height: auto; padding: 6vh 0; align-items: flex-start; }
    .about-content[b-xxspg7faqd] {
        padding: 3.5rem 1.5rem 2.5rem 1.5rem;
        align-items: flex-end;
        justify-content: flex-start;
    }
    .about-title[b-xxspg7faqd] {
        text-align: right;
        padding-left: 0;
        width: 100%;
        margin-bottom: 1rem;
    }
    .about-features[b-xxspg7faqd] {
        padding-left: 0;
        max-width: 100%;
        gap: 1.6rem;
        align-items: flex-end;
    }
    /* scaled smaller margins so the step is visible but doesn't cause overflow */
    .about-feature[b-xxspg7faqd] { align-items: flex-start; text-align: left; }
    .about-feature:nth-child(2)[b-xxspg7faqd] { margin-left: clamp(10px, 5vw, 40px); }
    .about-feature:nth-child(3)[b-xxspg7faqd] { margin-left: clamp(20px, 9vw, 72px); }
    .about-feature-desc[b-xxspg7faqd] { margin-left: 0.1rem; text-align: left; }
    .about-feature-title[b-xxspg7faqd] { border-bottom-width: 2px; }
}

/* Small phones: keep degrau subtle and readable */
@media (max-width: 600px) {
    .about-content[b-xxspg7faqd] { padding: 2.5rem 1.25rem 1.75rem 1.25rem; }
    .about-title[b-xxspg7faqd] { font-size: clamp(20px, 7vw, 34px); margin-bottom: 0.75rem; text-align: right; }
    .about-feature-title[b-xxspg7faqd] { font-size: clamp(16px, 4.5vw, 20px); }
    .about-feature-desc[b-xxspg7faqd] { font-size: clamp(13px, 3.8vw, 15px); line-height: 1.4; }
    .about-features[b-xxspg7faqd] { gap: 1rem; }
    .about-feature:nth-child(2)[b-xxspg7faqd] { margin-left: clamp(8px, 6.5vw, 28px); }
    .about-feature:nth-child(3)[b-xxspg7faqd] { margin-left: clamp(16px, 12vw, 48px); }
}

/* Very small screens: ensure no overflow and comfortable spacing */
@media (max-width: 420px) {
    .about-content[b-xxspg7faqd] { padding: 1.75rem 0.75rem 1rem 0.75rem; }
    .about-title[b-xxspg7faqd] { font-size: 18px; }
    .about-feature-title[b-xxspg7faqd] { font-size: 15px; }
    .about-feature-desc[b-xxspg7faqd] { font-size: 13px; }
    .about-feature[b-xxspg7faqd] { gap: 0.25rem; }
    .about-feature:nth-child(2)[b-xxspg7faqd] { margin-left: clamp(6px, 5vw, 20px); }
    .about-feature:nth-child(3)[b-xxspg7faqd] { margin-left: clamp(12px, 9vw, 36px); }
}

/* Ensure long lines wrap and do not overflow the container */
.about-feature-desc[b-xxspg7faqd], .about-feature-title[b-xxspg7faqd], .about-title[b-xxspg7faqd] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* /Components/Pages/WorkInProgress.razor.rz.scp.css */
.wip-container[b-txkw4aeym5] {
    position: relative; /* 🔥 ocupa o ecrã todo */
    inset: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

/* imagem full screen */
.wip-image[b-txkw4aeym5] {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 🔥 elimina espaços */
}

    /* desktop por default */
    .wip-image.mobile[b-txkw4aeym5] {
        display: none;
    }

/* mobile */
@media (max-width: 768px) {
    .wip-image.desktop[b-txkw4aeym5] {
        display: none;
    }

    .wip-image.mobile[b-txkw4aeym5] {
        display: block;
    }
}