/* _content/LogimarBrasil/Components/Layout/MainLayout.razor.rz.scp.css */
.site-wrapper[b-4ulm83j1t7] {
    min-height: 100vh;
    background: #ffffff;
}

.site-header[b-4ulm83j1t7] {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.88);
    box-shadow: 0 5px 20px rgba(15, 23, 42, 0.035);
}

.header-container[b-4ulm83j1t7] {
    max-width: 1400px;
    margin: 0 auto;
    min-height: 76px;
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
}

.brand[b-4ulm83j1t7] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
    transition: transform 220ms ease, opacity 220ms ease;
}

.brand:hover[b-4ulm83j1t7] {
    transform: translateY(-1px);
}

.brand-logo[b-4ulm83j1t7] {
    display: block;
    width: 185px;
    height: auto;
    object-fit: contain;
    transition: transform 220ms ease, opacity 220ms ease;
}

.brand:hover .brand-logo[b-4ulm83j1t7] {
    opacity: 0.95;
}

main[b-4ulm83j1t7] {
    width: 100%;
}

.site-footer[b-4ulm83j1t7] {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(239, 43, 45, 0.06), transparent 24%),
        radial-gradient(circle at 88% 74%, rgba(56, 189, 248, 0.07), transparent 26%),
        #061a2e;
    color: #ffffff;
}

.site-footer[b-4ulm83j1t7]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ef2b2d, #38bdf8);
}

.footer-container[b-4ulm83j1t7] {
    position: relative;
    z-index: 1;
    max-width: 1400px;
    margin: 0 auto;
    padding: 58px 28px 48px;
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr);
    gap: 46px;
}

.footer-brand[b-4ulm83j1t7] {
    max-width: 330px;
}

.footer-logo[b-4ulm83j1t7] {
    display: inline-flex;
    margin-bottom: 18px;
    text-decoration: none;
    transition: transform 220ms ease;
}

.footer-logo:hover[b-4ulm83j1t7] {
    transform: translateY(-2px);
}

.footer-logo-box[b-4ulm83j1t7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 9px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 8px;

    background: rgba(255, 255, 255, 0.96);

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.footer-logo-image[b-4ulm83j1t7] {
    display: block;
    width: 145px;
    height: auto;
}

.footer-brand p[b-4ulm83j1t7] {
    margin: 0;
    color: #9aabbc;
    font-size: 0.88rem;
    line-height: 1.68;
}

.footer-column[b-4ulm83j1t7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
}

.footer-column h3[b-4ulm83j1t7] {
    position: relative;
    margin: 0 0 12px;
    padding-bottom: 8px;
    color: #ffffff;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.footer-column h3[b-4ulm83j1t7]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 26px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #ef2b2d, #38bdf8);
}

.footer-column a[b-4ulm83j1t7] {
    position: relative;
    color: #96a7b8;
    text-decoration: none;
    font-size: 0.82rem;
    line-height: 1.45;
    transition: color 220ms ease, transform 220ms ease;
}

.footer-column a:hover[b-4ulm83j1t7] {
    color: #ffffff;
    transform: translateX(4px);
}

.footer-contact a:first-of-type:hover[b-4ulm83j1t7] {
    color: #38bdf8;
}

.footer-contact a:nth-of-type(2):hover[b-4ulm83j1t7] {
    color: #ef2b2d;
}

.footer-contact span[b-4ulm83j1t7] {
    color: #6f8396;
    font-size: 0.8rem;
}

.footer-bottom[b-4ulm83j1t7] {
    position: relative;
    z-index: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(0, 0, 0, 0.06);
}

.footer-bottom-container[b-4ulm83j1t7] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 17px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    color: #6d8194;
    font-size: 0.72rem;
}

.footer-route[b-4ulm83j1t7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.footer-route-china[b-4ulm83j1t7] {
    color: #ef2b2d;
}

.footer-route-brasil[b-4ulm83j1t7] {
    color: #38bdf8;
}

.footer-route strong[b-4ulm83j1t7] {
    margin: 0 3px;
    color: #ffffff;
    animation: footerRouteArrow-b-4ulm83j1t7 2s ease-in-out infinite;
}

@keyframes footerRouteArrow-b-4ulm83j1t7 {
    0%, 100% {
        transform: translateX(0);
        opacity: 0.78;
    }

    50% {
        transform: translateX(4px);
        opacity: 1;
    }
}

@media (max-width: 1180px) {
    .brand-logo[b-4ulm83j1t7] {
        width: 165px;
    }

    .header-container[b-4ulm83j1t7] {
        gap: 16px;
    }
}

@media (max-width: 1050px) {
    .footer-container[b-4ulm83j1t7] {
        grid-template-columns: 1.5fr repeat(2, 1fr);
    }
}

/* =========================================================
   HEADER MOBILE
========================================================= */

@media (max-width: 900px) {
    .header-container[b-4ulm83j1t7] {
        min-height: 78px;

        padding: 10px 20px;

        flex-direction: row;
        align-items: center;
        justify-content: space-between;

        gap: 16px;
    }

    .brand[b-4ulm83j1t7] {
        display: inline-flex;
        align-items: center;

        flex: 0 0 auto;
    }

    .brand-logo[b-4ulm83j1t7] {
        width: 155px;
    }
}

@media (max-width: 700px) {
    .footer-container[b-4ulm83j1t7] {
        padding: 50px 20px 40px;
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-brand[b-4ulm83j1t7] {
        max-width: 360px;
    }

    .footer-logo-image[b-4ulm83j1t7] {
        width: 135px;
    }

    .footer-bottom-container[b-4ulm83j1t7] {
        padding: 17px 20px;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
}

@media (max-width: 600px) {
    .header-container[b-4ulm83j1t7] {
        min-height: 74px;
        padding: 9px 16px;
    }

    .brand-logo[b-4ulm83j1t7] {
        width: 145px;
    }
}

@media (max-width: 420px) {
    .header-container[b-4ulm83j1t7] {
        min-height: 70px;
        padding: 8px 14px;
    }

    .brand-logo[b-4ulm83j1t7] {
        width: 155px;
    }
}

@media (max-width: 700px) {
    .footer-container[b-4ulm83j1t7] {
        gap: 24px;
        padding-top: 42px;
        padding-bottom: 34px;
    }

    .footer-column[b-4ulm83j1t7] {
        gap: 7px;
    }

    .footer-column h3[b-4ulm83j1t7] {
        margin-bottom: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .brand[b-4ulm83j1t7],
    .footer-logo[b-4ulm83j1t7],
    .footer-column a[b-4ulm83j1t7],
    .footer-route strong[b-4ulm83j1t7] {
        transition: none !important;
        animation: none !important;
    }

    .brand:hover[b-4ulm83j1t7],
    .footer-logo:hover[b-4ulm83j1t7],
    .footer-column a:hover[b-4ulm83j1t7] {
        transform: none;
    }
}
/* _content/LogimarBrasil/Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   NAV MENU - LOGIMAR
========================================================= */


/* =========================================================
   DESKTOP / MOBILE
========================================================= */

.nav-desktop[b-sve3z8gaoa] {
    display: flex;
    align-items: center;
    flex: 1;
}

.nav-mobile[b-sve3z8gaoa] {
    display: none;
}


/* =========================================================
   MENU DESKTOP
========================================================= */

.main-nav[b-sve3z8gaoa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    gap: 4px;
}


/* =========================================================
   LINKS DO MENU - DESKTOP
========================================================= */

.main-nav .nav-link[b-sve3z8gaoa] {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 0 10px;

    border-radius: 7px;

    color: #334155 !important;

    text-decoration: none !important;
    white-space: nowrap;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.81rem;
    font-weight: 600;

    transition:
        color 220ms ease,
        background-color 220ms ease,
        transform 220ms ease;
}

.main-nav .nav-link:link[b-sve3z8gaoa],
.main-nav .nav-link:visited[b-sve3z8gaoa] {
    color: #334155 !important;
    text-decoration: none !important;
}


/* Linha animada */

.main-nav .nav-link[b-sve3z8gaoa]::after {
    content: "";

    position: absolute;

    left: 10px;
    right: 10px;
    bottom: 3px;

    height: 2px;

    border-radius: 999px;

    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );

    transform: scaleX(0);
    transform-origin: center;

    transition:
        transform 260ms cubic-bezier(0.16, 1, 0.3, 1);
}


/* Hover */

.main-nav .nav-link:hover[b-sve3z8gaoa],
.main-nav .nav-link:focus-visible[b-sve3z8gaoa] {
    color: #0b2d4d !important;

    background: rgba(11, 45, 77, 0.045);

    transform: translateY(-1px);

    outline: none;
}

.main-nav .nav-link:hover[b-sve3z8gaoa]::after,
.main-nav .nav-link:focus-visible[b-sve3z8gaoa]::after {
    transform: scaleX(1);
}


/* Página ativa */

.main-nav .nav-link.active[b-sve3z8gaoa],
.main-nav .nav-link.active:link[b-sve3z8gaoa],
.main-nav .nav-link.active:visited[b-sve3z8gaoa] {
    color: #0b2d4d !important;

    background: rgba(11, 45, 77, 0.035);
}

.main-nav .nav-link.active[b-sve3z8gaoa]::after {
    transform: scaleX(1);
}


/* =========================================================
   BOTÃO SOLICITAR COTAÇÃO - DESKTOP
========================================================= */

.main-nav .quote-button[b-sve3z8gaoa] {
    position: relative;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    margin-left: 10px;
    padding: 0 18px;

    border: 1px solid rgba(11, 45, 77, 0.08);
    border-radius: 7px;

    background: linear-gradient(
        90deg,
        #0b2d4d,
        #0d3c68
    );

    color: #ffffff !important;

    text-decoration: none !important;
    white-space: nowrap;
    text-transform: uppercase;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.03em;

    box-shadow:
        0 8px 18px rgba(11, 45, 77, 0.12);

    transition:
        transform 220ms ease,
        background 220ms ease,
        box-shadow 220ms ease;
}

.main-nav .quote-button:link[b-sve3z8gaoa],
.main-nav .quote-button:visited[b-sve3z8gaoa] {
    color: #ffffff !important;
    text-decoration: none !important;
}


/* Brilho animado */

.main-nav .quote-button[b-sve3z8gaoa]::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 35%,
        rgba(255, 255, 255, 0.28) 50%,
        transparent 65%,
        transparent 100%
    );

    transform: translateX(-135%);

    transition:
        transform 650ms cubic-bezier(0.16, 1, 0.3, 1);

    pointer-events: none;
}

.main-nav .quote-button:hover[b-sve3z8gaoa],
.main-nav .quote-button:focus-visible[b-sve3z8gaoa] {
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #d92527
    );

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 26px rgba(239, 43, 45, 0.20);

    outline: none;
}

.main-nav .quote-button:hover[b-sve3z8gaoa]::after,
.main-nav .quote-button:focus-visible[b-sve3z8gaoa]::after {
    transform: translateX(135%);
}


/* =========================================================
   TELAS INTERMEDIÁRIAS - DESKTOP
========================================================= */

@media (max-width: 1180px) and (min-width: 901px) {

    .main-nav[b-sve3z8gaoa] {
        gap: 1px;
    }

    .main-nav .nav-link[b-sve3z8gaoa] {
        padding: 0 8px;
        font-size: 0.75rem;
    }

    .main-nav .nav-link[b-sve3z8gaoa]::after {
        left: 8px;
        right: 8px;
    }

    .main-nav .quote-button[b-sve3z8gaoa] {
        margin-left: 6px;
        padding: 0 14px;
        font-size: 0.65rem;
    }
}


/* =========================================================
   MENU MOBILE
========================================================= */

@media (max-width: 900px) {

    .nav-desktop[b-sve3z8gaoa] {
        display: none;
    }

    .nav-mobile[b-sve3z8gaoa] {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        flex: 0 0 auto;
        margin-left: auto;

        position: relative;
    }

    .mobile-menu[b-sve3z8gaoa] {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .mobile-menu > summary[b-sve3z8gaoa] {
        list-style: none;
    }

    .mobile-menu > summary[b-sve3z8gaoa]::-webkit-details-marker {
        display: none;
    }

    .mobile-menu > summary[b-sve3z8gaoa]::marker {
        content: "";
    }


    /* =====================================================
       BOTÃO HAMBÚRGUER
    ===================================================== */

    .mobile-menu-button[b-sve3z8gaoa] {
        width: 48px;
        height: 48px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 5px;

        margin: 0;
        padding: 0;

        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 11px;

        background: linear-gradient(
            135deg,
            #0b2d4d 0%,
            #124f82 100%
        );

        cursor: pointer;

        box-shadow:
            0 8px 20px rgba(11, 45, 77, 0.22);

        transition:
            transform 200ms ease,
            box-shadow 200ms ease,
            background 200ms ease;
    }

    .mobile-menu-button:hover[b-sve3z8gaoa] {
        transform: translateY(-1px);

        box-shadow:
            0 10px 24px rgba(11, 45, 77, 0.28);
    }


    /* Três linhas */

    .hamburger-line[b-sve3z8gaoa] {
        display: block;

        width: 22px;
        height: 2px;

        flex: 0 0 2px;

        border-radius: 999px;

        background: #ffffff;

        transition:
            transform 220ms ease,
            opacity 220ms ease;
    }


    /* Hambúrguer vira X */

    .mobile-menu[open]
    .hamburger-line:nth-child(1)[b-sve3z8gaoa] {
        transform: translateY(7px) rotate(45deg);
    }

    .mobile-menu[open]
    .hamburger-line:nth-child(2)[b-sve3z8gaoa] {
        opacity: 0;
    }

    .mobile-menu[open]
    .hamburger-line:nth-child(3)[b-sve3z8gaoa] {
        transform: translateY(-7px) rotate(-45deg);
    }


    /* =====================================================
       PAINEL DO MENU
    ===================================================== */

    .mobile-menu-panel[b-sve3z8gaoa] {
        position: absolute;

        top: calc(100% + 10px);
        right: 0;

        width: 300px;

        display: flex;
        flex-direction: column;

        gap: 2px;

        padding: 12px;

        border: 1px solid #e0e7ef;
        border-radius: 14px;

        background: #ffffff;

        box-shadow:
            0 18px 45px rgba(15, 43, 74, 0.18);

        z-index: 2000;
    }


    /* =====================================================
       LINKS DO MENU MOBILE
    ===================================================== */

    .mobile-menu-panel .nav-link[b-sve3z8gaoa] {
        position: relative;

        width: 100%;
        min-height: 42px;

        display: flex;
        align-items: center;
        justify-content: flex-start;

        padding: 0 12px;

        border-radius: 8px;

        color: #334155 !important;

        text-decoration: none !important;
        white-space: nowrap;

        font-family: "Inter", "Segoe UI", Arial, sans-serif;
        font-size: 0.88rem;
        font-weight: 600;

        transition:
            color 180ms ease,
            background-color 180ms ease;
    }

    .mobile-menu-panel .nav-link:link[b-sve3z8gaoa],
    .mobile-menu-panel .nav-link:visited[b-sve3z8gaoa] {
        color: #334155 !important;
        text-decoration: none !important;
    }

    .mobile-menu-panel .nav-link[b-sve3z8gaoa]::after {
        display: none;
    }

    .mobile-menu-panel .nav-link:hover[b-sve3z8gaoa],
    .mobile-menu-panel .nav-link:focus-visible[b-sve3z8gaoa] {
        color: #0b2d4d !important;
        background: rgba(11, 45, 77, 0.05);

        outline: none;
    }

    .mobile-menu-panel .nav-link.active[b-sve3z8gaoa],
    .mobile-menu-panel .nav-link.active:link[b-sve3z8gaoa],
    .mobile-menu-panel .nav-link.active:visited[b-sve3z8gaoa] {
        color: #0b2d4d !important;

        background: rgba(11, 45, 77, 0.06);
    }


    /* =====================================================
       COTAÇÃO MOBILE
    ===================================================== */

    .mobile-menu-panel .quote-button[b-sve3z8gaoa] {
        position: relative;

        width: 100%;
        min-height: 44px;

        margin: 8px 0 0;
        padding: 0 14px;

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

        border: 1px solid rgba(11, 45, 77, 0.08);
        border-radius: 8px;

        background: linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        );

        color: #ffffff !important;

        text-decoration: none !important;
        text-transform: uppercase;
        white-space: nowrap;

        font-family: "Inter", "Segoe UI", Arial, sans-serif;
        font-size: 0.70rem;
        font-weight: 700;
        letter-spacing: 0.03em;

        box-shadow:
            0 7px 16px rgba(11, 45, 77, 0.12);

        transition:
            background 200ms ease,
            transform 200ms ease;
    }

    .mobile-menu-panel .quote-button:link[b-sve3z8gaoa],
    .mobile-menu-panel .quote-button:visited[b-sve3z8gaoa] {
        color: #ffffff !important;
    }

    .mobile-menu-panel .quote-button:hover[b-sve3z8gaoa],
    .mobile-menu-panel .quote-button:focus-visible[b-sve3z8gaoa] {
        background: linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        );

        color: #ffffff !important;

        outline: none;
    }
}


/* =========================================================
   CELULAR PEQUENO
========================================================= */

@media (max-width: 480px) {

    .mobile-menu-button[b-sve3z8gaoa] {
        width: 44px;
        height: 44px;

        border-radius: 10px;
    }

    .hamburger-line[b-sve3z8gaoa] {
        width: 20px;
    }

    .mobile-menu-panel[b-sve3z8gaoa] {
        width: 280px;

        top: calc(100% + 9px);
        right: 0;

        padding: 11px;

        border-radius: 13px;
    }

    .mobile-menu-panel .nav-link[b-sve3z8gaoa] {
        min-height: 41px;

        padding: 0 11px;

        font-size: 0.86rem;
    }

    .mobile-menu-panel .quote-button[b-sve3z8gaoa] {
        min-height: 43px;

        font-size: 0.68rem;
    }
}


/* =========================================================
   ACESSIBILIDADE
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .main-nav .nav-link[b-sve3z8gaoa],
    .main-nav .nav-link[b-sve3z8gaoa]::after,
    .main-nav .quote-button[b-sve3z8gaoa],
    .main-nav .quote-button[b-sve3z8gaoa]::after,
    .mobile-menu-button[b-sve3z8gaoa],
    .hamburger-line[b-sve3z8gaoa],
    .mobile-menu-panel .nav-link[b-sve3z8gaoa],
    .mobile-menu-panel .quote-button[b-sve3z8gaoa] {
        transition: none !important;
    }

    .main-nav .nav-link:hover[b-sve3z8gaoa],
    .main-nav .quote-button:hover[b-sve3z8gaoa],
    .mobile-menu-button:hover[b-sve3z8gaoa] {
        transform: none;
    }
}
/* =========================================================
   PÁGINA ATIVA - BARRINHA LOGIMAR
   ========================================================= */

/* Garante que a barra use cada item do menu como referência */
.main-nav[b-sve3z8gaoa]  .nav-link {
    position: relative !important;
}

/* Página atual */
.main-nav[b-sve3z8gaoa]  .nav-link.active,
.main-nav[b-sve3z8gaoa]  .nav-link.active:link,
.main-nav[b-sve3z8gaoa]  .nav-link.active:visited {
    color: #0b2d4d !important;
    font-weight: 700 !important;
    background: transparent !important;
}

/* Barrinha apenas embaixo do item ativo */
.main-nav[b-sve3z8gaoa]  .nav-link.active::after {
    content: "" !important;

    position: absolute !important;

    left: 8px !important;
    right: 8px !important;
    bottom: 2px !important;

    width: auto !important;
    height: 3px !important;

    display: block !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 20%,
            #38bdf8 100%
        ) !important;

    transform: none !important;

    opacity: 1 !important;
    visibility: visible !important;
}
/* Seletor de idioma PT | EN */
.language-switch[b-sve3z8gaoa] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.language-switch a[b-sve3z8gaoa] {
    color: #64748b;
    text-decoration: none;
    transition: color .2s ease;
}

.language-switch a:hover[b-sve3z8gaoa],
.language-switch a.active[b-sve3z8gaoa] { color: #123b67; }
.language-switch span[b-sve3z8gaoa] { color: #cbd5e1; }

.mobile-language-switch[b-sve3z8gaoa] {
    justify-content: center;
    padding: .8rem 0;
    font-size: .85rem;
}

.desktop-language-switch[b-sve3z8gaoa] {
    flex: 0 0 auto;
    gap: 2px;
    padding: 3px;
    margin-left: 5px;
    border: 1px solid rgba(18, 59, 103, .18);
    border-radius: 999px;
    background: #f4f7fa;
}

.desktop-language-switch a[b-sve3z8gaoa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 27px;
    height: 25px;
    padding: 0 7px;
    border-radius: 999px;
    color: #66788a;
    line-height: 1;
}

.desktop-language-switch a.active[b-sve3z8gaoa] {
    color: #ffffff;
    background: #123b67;
    box-shadow: 0 3px 8px rgba(18, 59, 103, .18);
}

.desktop-language-switch a:hover:not(.active)[b-sve3z8gaoa] {
    color: #123b67;
    background: #e7eef5;
}
/* _content/LogimarBrasil/Components/Pages/China-Brasil.razor.rz.scp.css */
/* =========================================================
   CHINA → BRASIL - LOGIMAR
   ========================================================= */

:root[b-kuumeku7p7] {
    --china-red: #ef2b2d;
    --brasil-blue: #38bdf8;
    --navy: #0b2d4d;
    --navy-dark: #071f36;
    --text: #526579;
    --line: #dfe7ef;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
}


/* =========================================================
   HERO
   ========================================================= */

.china-hero[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.97) 0%,
            rgba(5, 35, 62, 0.93) 48%,
            rgba(5, 35, 62, 0.74) 100%
        ),
        url('/images/logimar-hero.png');

    background-size: cover;
    background-position: center;

    color: #ffffff;
}

.china-hero[b-kuumeku7p7]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            rgba(239, 43, 45, 0.25),
            rgba(56, 189, 248, 0.35),
            var(--brasil-blue)
        );

    background-size: 220% 100%;

    animation: heroLine-b-kuumeku7p7 5s linear infinite;
}

.china-hero-overlay[b-kuumeku7p7] {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(56, 189, 248, 0.13),
            transparent 30%
        );

    pointer-events: none;
}

.china-hero-container[b-kuumeku7p7] {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
    padding: 92px 28px 82px;

    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 72px;

    align-items: center;
}

.china-hero-content[b-kuumeku7p7] {
    animation: heroContentIn-b-kuumeku7p7 0.9s var(--ease) both;
}

.china-hero-kicker[b-kuumeku7p7] {
    display: inline-flex;

    margin-bottom: 20px;
    padding: 8px 13px;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.05);

    color: #d9e7f3;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;

    backdrop-filter: blur(8px);
}

.china-hero h1[b-kuumeku7p7] {
    max-width: 650px;

    margin: 0;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 700;
    line-height: 0.99;
    letter-spacing: -0.035em;
}

.china-word[b-kuumeku7p7] {
    color: var(--china-red);
}

.brasil-word[b-kuumeku7p7] {
    color: var(--brasil-blue);
}

.china-arrow[b-kuumeku7p7] {
    display: inline-block;

    margin: 0 8px;

    animation: arrowMove-b-kuumeku7p7 2s ease-in-out infinite;
}

.china-hero-content > p[b-kuumeku7p7] {
    max-width: 620px;

    margin: 24px 0 0;

    color: #d7e1ea;

    font-size: 1.05rem;
    line-height: 1.72;
}

.china-hero-actions[b-kuumeku7p7] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 30px;
}

.china-primary-button[b-kuumeku7p7],
.china-secondary-button[b-kuumeku7p7] {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 22px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.china-primary-button[b-kuumeku7p7] {
    background: #ffffff;
    color: var(--navy);

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}

.china-primary-button:hover[b-kuumeku7p7] {
    transform: translateY(-4px);

    color: var(--navy);

    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.20);
}

.china-primary-button span[b-kuumeku7p7] {
    color: var(--china-red);
}

.china-secondary-button[b-kuumeku7p7] {
    border: 1px solid rgba(255, 255, 255, 0.42);

    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;

    backdrop-filter: blur(8px);
}

.china-secondary-button:hover[b-kuumeku7p7] {
    transform: translateY(-4px);

    border-color: rgba(255, 255, 255, 0.75);

    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}


/* =========================================================
   HERO PANEL
   ========================================================= */

.china-hero-panel[b-kuumeku7p7] {
    padding: 27px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;

    background: rgba(5, 25, 45, 0.48);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(13px);

    animation: heroPanelIn-b-kuumeku7p7 1s var(--ease) 0.15s both;
}

.panel-label[b-kuumeku7p7] {
    color: #9db0c2;

    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.panel-route[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;

    align-items: center;

    margin-top: 24px;
    padding-bottom: 24px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.panel-country[b-kuumeku7p7] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-country > span[b-kuumeku7p7] {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.66rem;
    font-weight: 800;
}

.panel-country.china > span[b-kuumeku7p7] {
    background: var(--china-red);
}

.panel-country.brasil > span[b-kuumeku7p7] {
    background: #0ea5e9;
}

.panel-country strong[b-kuumeku7p7] {
    font-size: 0.9rem;
    font-weight: 600;
}

.panel-line[b-kuumeku7p7] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.panel-ship[b-kuumeku7p7] {
    position: absolute;
    top: 50%;
    left: 58%;

    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;
    color: var(--navy);

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

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);

    animation: shipFloat-b-kuumeku7p7 2.6s ease-in-out infinite;
}

.panel-details[b-kuumeku7p7] {
    display: grid;
    gap: 0;

    margin-top: 8px;
}

.panel-details > div[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 15px;

    padding: 13px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.panel-details > div:last-child[b-kuumeku7p7] {
    border-bottom: 0;
}

.panel-details strong[b-kuumeku7p7] {
    color: #ffffff;

    font-size: 0.78rem;
    font-weight: 600;
}

.panel-details span[b-kuumeku7p7] {
    color: #aebdcb;

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   TIPOGRAFIA DE SEÇÕES
   ========================================================= */

.section-kicker[b-kuumeku7p7],
.flow-kicker[b-kuumeku7p7],
.ports-kicker[b-kuumeku7p7],
.benefits-kicker[b-kuumeku7p7],
.final-cta-kicker[b-kuumeku7p7] {
    display: inline-block;

    margin-bottom: 14px;

    color: var(--china-red);

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.section-heading h2[b-kuumeku7p7],
.flow-intro h2[b-kuumeku7p7],
.ports-heading h2[b-kuumeku7p7],
.benefits-intro h2[b-kuumeku7p7],
.final-cta-content h2[b-kuumeku7p7] {
    margin: 0;

    color: var(--navy);

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

.section-heading h2 span[b-kuumeku7p7],
.flow-intro h2 span[b-kuumeku7p7],
.benefits-intro h2 span[b-kuumeku7p7],
.final-cta-content h2 span[b-kuumeku7p7] {
    color: #0ea5e9;
}

.section-heading p[b-kuumeku7p7],
.flow-intro p[b-kuumeku7p7],
.ports-heading p[b-kuumeku7p7],
.benefits-intro p[b-kuumeku7p7],
.final-cta-content p[b-kuumeku7p7] {
    margin: 18px 0 0;

    color: var(--text);

    font-size: 0.98rem;
    line-height: 1.7;
}


/* =========================================================
   VISÃO GERAL
   ========================================================= */

.overview-section[b-kuumeku7p7] {
    padding: 72px 28px 76px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(239, 43, 45, 0.045),
            transparent 25%
        ),
        #ffffff;
}

.overview-container[b-kuumeku7p7] {
    max-width: 1180px;
    margin: 0 auto;
}

.overview-section .section-heading[b-kuumeku7p7] {
    max-width: 760px;
    margin-bottom: 38px;
}

.overview-grid[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.overview-card[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;

    min-height: 205px;
    padding: 24px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: #ffffff;

    transition:
        transform 340ms var(--ease),
        box-shadow 340ms ease,
        border-color 340ms ease;
}

.overview-card[b-kuumeku7p7]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );

    transition: width 380ms var(--ease);
}

.overview-card:hover[b-kuumeku7p7] {
    transform: translateY(-8px);

    border-color: #cbd5e1;

    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

.overview-card:hover[b-kuumeku7p7]::before {
    width: 100%;
}

.overview-number[b-kuumeku7p7] {
    display: inline-flex;

    margin-bottom: 22px;

    color: var(--china-red);

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.overview-card:nth-child(even) .overview-number[b-kuumeku7p7] {
    color: #0284c7;
}

.overview-card h3[b-kuumeku7p7] {
    margin: 0 0 10px;

    color: var(--navy);

    font-size: 1.06rem;
    font-weight: 650;
}

.overview-card p[b-kuumeku7p7] {
    margin: 0;

    color: var(--text);

    font-size: 0.88rem;
    line-height: 1.62;
}


/* =========================================================
   FLUXO OPERACIONAL
   ========================================================= */

.flow-section[b-kuumeku7p7] {
    padding: 72px 28px 76px;

    background: #f8fafc;
}

.flow-container[b-kuumeku7p7] {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 76px;

    align-items: start;
}

.flow-intro[b-kuumeku7p7] {
    position: sticky;
    top: 110px;

    max-width: 470px;
}

.flow-link[b-kuumeku7p7] {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin-top: 22px;

    color: var(--navy);

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition: transform 240ms var(--ease);
}

.flow-link span[b-kuumeku7p7] {
    color: var(--china-red);

    transition: transform 240ms var(--ease);
}

.flow-link:hover[b-kuumeku7p7] {
    transform: translateX(4px);
    color: var(--navy);
}

.flow-link:hover span[b-kuumeku7p7] {
    transform: translateX(5px);
}

.flow-list[b-kuumeku7p7] {
    border-top: 1px solid var(--line);
}

.flow-item[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 22px;

    padding: 26px 0;

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

    transition:
        transform 320ms var(--ease),
        padding-left 320ms var(--ease),
        background-color 320ms ease;
}

.flow-item:hover[b-kuumeku7p7] {
    transform: translateX(7px);

    padding-left: 13px;

    background: rgba(255, 255, 255, 0.72);
}

.flow-number[b-kuumeku7p7] {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(239, 43, 45, 0.08);
    color: var(--china-red);

    font-size: 0.69rem;
    font-weight: 800;
}

.flow-item:nth-child(even) .flow-number[b-kuumeku7p7] {
    background: rgba(14, 165, 233, 0.08);
    color: #0284c7;
}

.flow-item small[b-kuumeku7p7] {
    display: block;

    margin-bottom: 6px;

    color: #8092a5;

    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.flow-item h3[b-kuumeku7p7] {
    margin: 0 0 8px;

    color: var(--navy);

    font-size: 1.13rem;
    font-weight: 650;
}

.flow-item p[b-kuumeku7p7] {
    max-width: 560px;

    margin: 0;

    color: var(--text);

    font-size: 0.91rem;
    line-height: 1.64;
}


/* =========================================================
   PORTOS
   ========================================================= */

.route-ports-section[b-kuumeku7p7] {
    padding: 72px 28px 76px;

    background:
        radial-gradient(
            circle at 18% 25%,
            rgba(239, 43, 45, 0.08),
            transparent 25%
        ),
        radial-gradient(
            circle at 82% 70%,
            rgba(56, 189, 248, 0.08),
            transparent 27%
        ),
        var(--navy-dark);

    color: #ffffff;
}

.route-ports-container[b-kuumeku7p7] {
    max-width: 1180px;
    margin: 0 auto;
}

.ports-heading[b-kuumeku7p7] {
    max-width: 780px;
    margin-bottom: 40px;
}

.ports-heading h2[b-kuumeku7p7] {
    color: #ffffff;
}

.ports-heading p[b-kuumeku7p7] {
    color: #bac7d3;
}

.china-title[b-kuumeku7p7] {
    color: var(--china-red);
}

.brasil-title[b-kuumeku7p7] {
    color: var(--brasil-blue);
}

.ports-grid[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    gap: 26px;

    align-items: center;
}

.port-country[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;

    padding: 24px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        );

    transition:
        transform 340ms var(--ease),
        box-shadow 340ms ease,
        border-color 340ms ease;
}

.port-country:hover[b-kuumeku7p7] {
    transform: translateY(-7px);

    border-color: rgba(255, 255, 255, 0.18);

    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
}

.port-country[b-kuumeku7p7]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;
}

.port-country.china[b-kuumeku7p7]::before {
    background: var(--china-red);
}

.port-country.brasil[b-kuumeku7p7]::before {
    background: var(--brasil-blue);
}

.port-country-header[b-kuumeku7p7] {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 20px;
    padding-bottom: 17px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.country-badge[b-kuumeku7p7] {
    width: 44px;
    height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.68rem;
    font-weight: 800;
}

.country-badge.china[b-kuumeku7p7] {
    background: var(--china-red);
}

.country-badge.brasil[b-kuumeku7p7] {
    background: #0ea5e9;
}

.port-country-header small[b-kuumeku7p7] {
    display: block;

    margin-bottom: 3px;

    color: #9eb0c1;

    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.port-country-header h3[b-kuumeku7p7] {
    margin: 0;

    color: #ffffff;

    font-size: 1.2rem;
    font-weight: 650;
}

.port-list[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
}

.port-list span[b-kuumeku7p7] {
    padding: 11px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    color: #d6e0e9;

    font-size: 0.84rem;
}

.ocean-connection[b-kuumeku7p7] {
    min-height: 160px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ocean-connection-line[b-kuumeku7p7] {
    position: relative;

    width: 100%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.ocean-marker[b-kuumeku7p7] {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 54px;
    height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 6px solid var(--navy-dark);
    border-radius: 50%;

    background: #ffffff;
    color: var(--navy);

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

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);

    animation: oceanFloat-b-kuumeku7p7 2.8s ease-in-out infinite;
}

.ocean-connection small[b-kuumeku7p7] {
    margin-top: 38px;

    color: #8fa3b5;

    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.07em;
}


/* =========================================================
   BENEFÍCIOS
   ========================================================= */

.route-benefits-section[b-kuumeku7p7] {
    padding: 72px 28px 76px;

    background: #ffffff;
}

.route-benefits-container[b-kuumeku7p7] {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;

    align-items: start;
}

.benefits-intro[b-kuumeku7p7] {
    max-width: 470px;
}

.benefits-grid[b-kuumeku7p7] {
    display: grid;
    gap: 14px;
}

.benefit-card[b-kuumeku7p7] {
    position: relative;

    padding: 23px 24px 23px 68px;

    border: 1px solid #e2e8f0;
    border-radius: 11px;

    background: #ffffff;

    transition:
        transform 320ms var(--ease),
        box-shadow 320ms ease,
        border-color 320ms ease;
}

.benefit-card:hover[b-kuumeku7p7] {
    transform: translateX(7px);

    border-color: #cbd5e1;

    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.benefit-card > span[b-kuumeku7p7] {
    position: absolute;
    top: 23px;
    left: 23px;

    color: var(--china-red);

    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.benefit-card:nth-child(even) > span[b-kuumeku7p7] {
    color: #0284c7;
}

.benefit-card h3[b-kuumeku7p7] {
    margin: 0 0 7px;

    color: var(--navy);

    font-size: 1.08rem;
    font-weight: 650;
}

.benefit-card p[b-kuumeku7p7] {
    margin: 0;

    color: var(--text);

    font-size: 0.9rem;
    line-height: 1.64;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.route-final-cta[b-kuumeku7p7] {
    position: relative;

    padding: 68px 28px 72px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(14, 165, 233, 0.09),
            transparent 28%
        ),
        #f8fafc;
}

.route-final-cta[b-kuumeku7p7]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.route-final-cta-container[b-kuumeku7p7] {
    max-width: 1180px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 54px;
}

.final-cta-content[b-kuumeku7p7] {
    max-width: 700px;
}

.final-cta-actions[b-kuumeku7p7] {
    min-width: 250px;

    display: flex;
    flex-direction: column;
    gap: 10px;

    padding: 13px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.74);

    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);

    backdrop-filter: blur(9px);
}

.final-cta-primary[b-kuumeku7p7],
.final-cta-secondary[b-kuumeku7p7] {
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.final-cta-primary[b-kuumeku7p7] {
    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow: 0 10px 24px rgba(11, 45, 77, 0.15);
}

.final-cta-primary:hover[b-kuumeku7p7] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            #d92527
        );

    color: #ffffff;

    box-shadow: 0 16px 30px rgba(239, 43, 45, 0.20);
}

.final-cta-secondary[b-kuumeku7p7] {
    border: 1px solid #d8e0e8;

    background: #ffffff;
    color: var(--navy);
}

.final-cta-secondary:hover[b-kuumeku7p7] {
    transform: translateY(-3px);

    border-color: var(--navy);

    color: var(--navy);
}


/* =========================================================
   ANIMAÇÕES
   ========================================================= */

@keyframes heroContentIn-b-kuumeku7p7 {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroPanelIn-b-kuumeku7p7 {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroLine-b-kuumeku7p7 {
    from {
        background-position: 0% 50%;
    }

    to {
        background-position: 220% 50%;
    }
}

@keyframes arrowMove-b-kuumeku7p7 {
    0%,
    100% {
        transform: translateX(0);
        opacity: 0.82;
    }

    50% {
        transform: translateX(6px);
        opacity: 1;
    }
}

@keyframes shipFloat-b-kuumeku7p7 {
    0%,
    100% {
        transform: translate(-50%, -50%) translateY(0);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-5px);
    }
}

@keyframes oceanFloat-b-kuumeku7p7 {
    0%,
    100% {
        transform: translate(-50%, -50%) translateY(0);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-6px);
    }
}


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

@media (max-width: 1000px) {
    .china-hero-container[b-kuumeku7p7],
    .flow-container[b-kuumeku7p7],
    .route-benefits-container[b-kuumeku7p7] {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .flow-intro[b-kuumeku7p7] {
        position: static;
        max-width: 720px;
    }

    .overview-grid[b-kuumeku7p7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ports-grid[b-kuumeku7p7] {
        grid-template-columns: 1fr;
    }

    .ocean-connection[b-kuumeku7p7] {
        min-height: 90px;
    }

    .ocean-connection-line[b-kuumeku7p7] {
        width: 90px;
        transform: rotate(90deg);
    }

    .ocean-connection small[b-kuumeku7p7] {
        display: none;
    }
}

@media (max-width: 700px) {
    .china-hero-container[b-kuumeku7p7] {
        padding: 65px 20px 58px;
    }

    .china-hero h1[b-kuumeku7p7] {
        font-size: clamp(2.6rem, 11vw, 3.4rem);
    }

    .china-hero-actions[b-kuumeku7p7] {
        flex-direction: column;
    }

    .china-primary-button[b-kuumeku7p7],
    .china-secondary-button[b-kuumeku7p7] {
        width: 100%;
    }

    .china-hero-panel[b-kuumeku7p7] {
        padding: 22px;
    }

    .panel-route[b-kuumeku7p7] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .panel-line[b-kuumeku7p7] {
        width: 3px;
        height: 58px;
        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                var(--china-red),
                var(--brasil-blue)
            );
    }

    .panel-country.brasil[b-kuumeku7p7] {
        justify-content: flex-end;
    }

    .panel-details > div[b-kuumeku7p7] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .overview-section[b-kuumeku7p7],
    .flow-section[b-kuumeku7p7],
    .route-ports-section[b-kuumeku7p7],
    .route-benefits-section[b-kuumeku7p7],
    .route-final-cta[b-kuumeku7p7] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .overview-section[b-kuumeku7p7],
    .flow-section[b-kuumeku7p7],
    .route-ports-section[b-kuumeku7p7],
    .route-benefits-section[b-kuumeku7p7] {
        padding-top: 56px;
        padding-bottom: 60px;
    }

    .overview-grid[b-kuumeku7p7] {
        grid-template-columns: 1fr;
    }

    .flow-item[b-kuumeku7p7] {
        grid-template-columns: 46px 1fr;
        gap: 14px;
    }

    .flow-item:hover[b-kuumeku7p7],
    .benefit-card:hover[b-kuumeku7p7],
    .port-country:hover[b-kuumeku7p7] {
        transform: none;
    }

    .port-list[b-kuumeku7p7] {
        grid-template-columns: 1fr;
    }

    .route-final-cta[b-kuumeku7p7] {
        padding-top: 56px;
        padding-bottom: 60px;
    }

    .route-final-cta-container[b-kuumeku7p7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 32px;
    }

    .final-cta-actions[b-kuumeku7p7] {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-kuumeku7p7],
    *[b-kuumeku7p7]::before,
    *[b-kuumeku7p7]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   CHINA -> BRASIL V2 - CORREÇÕES FINAIS
   ========================================================= */

/* ---------------------------------------------------------
   HERO - hierarquia e leitura
   --------------------------------------------------------- */

.china-hero h1[b-kuumeku7p7] {
    max-width: 700px;
    font-size: clamp(2.85rem, 4.7vw, 4.7rem);
    line-height: 1.01;
}

.hero-route-signature[b-kuumeku7p7] {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin-top: 16px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.hero-route-china[b-kuumeku7p7] {
    color: var(--china-red);
}

.hero-route-brasil[b-kuumeku7p7] {
    color: var(--brasil-blue);
}

.hero-route-arrow[b-kuumeku7p7] {
    display: inline-block;
    color: #ffffff;
    animation: arrowMove-b-kuumeku7p7 2s ease-in-out infinite;
}

/* Mantém qualquer seta antiga sem afetar o layout */
.china-arrow[b-kuumeku7p7] {
    display: none;
}

/* ---------------------------------------------------------
   BOTÕES - corrige interferência de estilos globais
   --------------------------------------------------------- */

.china-page .china-primary-button[b-kuumeku7p7],
.china-page .china-primary-button:link[b-kuumeku7p7],
.china-page .china-primary-button:visited[b-kuumeku7p7] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

.china-page .china-primary-button:hover[b-kuumeku7p7],
.china-page .china-primary-button:focus-visible[b-kuumeku7p7] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

.china-page .china-primary-button span[b-kuumeku7p7] {
    color: var(--china-red) !important;
}

.china-page .china-secondary-button[b-kuumeku7p7],
.china-page .china-secondary-button:link[b-kuumeku7p7],
.china-page .china-secondary-button:visited[b-kuumeku7p7] {
    color: #ffffff !important;
}

.china-page .final-cta-primary[b-kuumeku7p7],
.china-page .final-cta-primary:link[b-kuumeku7p7],
.china-page .final-cta-primary:visited[b-kuumeku7p7] {
    background: linear-gradient(90deg, var(--navy), #0d3c68) !important;
    color: #ffffff !important;
}

.china-page .final-cta-primary:hover[b-kuumeku7p7],
.china-page .final-cta-primary:focus-visible[b-kuumeku7p7] {
    background: linear-gradient(90deg, var(--china-red), #d92527) !important;
    color: #ffffff !important;
}

.china-page .final-cta-primary span[b-kuumeku7p7] {
    color: #ffffff !important;
}

.china-page .final-cta-secondary[b-kuumeku7p7],
.china-page .final-cta-secondary:link[b-kuumeku7p7],
.china-page .final-cta-secondary:visited[b-kuumeku7p7] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

/* ---------------------------------------------------------
   PAINEL DO HERO - rota mais clara
   --------------------------------------------------------- */

.panel-line[b-kuumeku7p7] {
    position: relative;
    height: 3px;
    border-radius: 999px;
    overflow: visible;

    background:
        linear-gradient(
            90deg,
            var(--china-red) 0%,
            #ffffff 50%,
            var(--brasil-blue) 100%
        );
}

.panel-line[b-kuumeku7p7]::before,
.panel-line[b-kuumeku7p7]::after {
    content: "";
    position: absolute;
    top: 50%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    transform: translateY(-50%);
}

.panel-line[b-kuumeku7p7]::before {
    left: -1px;
    background: var(--china-red);
}

.panel-line[b-kuumeku7p7]::after {
    right: -1px;
    background: var(--brasil-blue);
}

.panel-ship[b-kuumeku7p7] {
    width: 34px;
    height: 34px;

    color: var(--navy);
    font-size: 0.92rem;
    font-weight: 800;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.24),
        0 0 0 5px rgba(255, 255, 255, 0.10);
}

/* ---------------------------------------------------------
   ETAPA POR ETAPA - mais compacta
   --------------------------------------------------------- */

.flow-section[b-kuumeku7p7] {
    padding-top: 62px;
    padding-bottom: 64px;
}

.flow-container[b-kuumeku7p7] {
    gap: 64px;
}

.flow-list[b-kuumeku7p7] {
    border-top: 1px solid var(--line);
}

.flow-item[b-kuumeku7p7] {
    padding: 20px 0;
}

.flow-item h3[b-kuumeku7p7] {
    margin-bottom: 6px;
}

.flow-item p[b-kuumeku7p7] {
    line-height: 1.58;
}

/* ---------------------------------------------------------
   PORTOS - corrige fundo/contraste e mantém visual escuro
   --------------------------------------------------------- */

.china-page .route-ports-section[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;

    padding: 68px 28px 72px;

    background:
        radial-gradient(circle at 18% 24%, rgba(239, 43, 45, 0.09), transparent 26%),
        radial-gradient(circle at 82% 70%, rgba(56, 189, 248, 0.10), transparent 28%),
        #071f36 !important;

    color: #ffffff !important;
}

.china-page .route-ports-section[b-kuumeku7p7]::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.01),
            rgba(255,255,255,0)
        );

    pointer-events: none;
}

.china-page .route-ports-container[b-kuumeku7p7] {
    position: relative;
    z-index: 1;
}

.china-page .route-ports-section .ports-kicker[b-kuumeku7p7] {
    color: #ef2b2d !important;
}

.china-page .route-ports-section .ports-heading h2[b-kuumeku7p7] {
    color: #ffffff !important;
}

.china-page .route-ports-section .ports-heading p[b-kuumeku7p7] {
    color: #c2ced8 !important;
}

.china-page .route-ports-section .china-title[b-kuumeku7p7] {
    color: #ef2b2d !important;
}

.china-page .route-ports-section .brasil-title[b-kuumeku7p7] {
    color: #38bdf8 !important;
}

.china-page .port-country[b-kuumeku7p7] {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        ) !important;

    border-color: rgba(255, 255, 255, 0.11) !important;
}

.china-page .port-country-header h3[b-kuumeku7p7],
.china-page .port-list span[b-kuumeku7p7] {
    color: #ffffff !important;
}

.china-page .port-country-header small[b-kuumeku7p7] {
    color: #9fb1c2 !important;
}

.china-page .port-list span[b-kuumeku7p7] {
    color: #d2dde7 !important;
}

.china-page .ocean-connection small[b-kuumeku7p7] {
    color: #93a7b8 !important;
}

.china-page .ocean-connection-line[b-kuumeku7p7] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #38bdf8
        ) !important;
}

.china-page .ocean-marker[b-kuumeku7p7] {
    background: #ffffff !important;
    color: var(--navy) !important;
    border-color: #071f36 !important;
}

/* ---------------------------------------------------------
   MENOS RUÍDO / MAIS CONTROLE - reduz sobra vertical
   --------------------------------------------------------- */

.route-benefits-section[b-kuumeku7p7] {
    padding-top: 60px;
    padding-bottom: 62px;
}

.route-benefits-container[b-kuumeku7p7] {
    gap: 60px;
}

.benefits-grid[b-kuumeku7p7] {
    gap: 12px;
}

.benefit-card[b-kuumeku7p7] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.benefit-card > span[b-kuumeku7p7] {
    top: 20px;
}

/* ---------------------------------------------------------
   CTA FINAL - reforço de contraste
   --------------------------------------------------------- */

.route-final-cta[b-kuumeku7p7] {
    padding-top: 62px;
    padding-bottom: 66px;
}

.final-cta-actions[b-kuumeku7p7] {
    background: rgba(255, 255, 255, 0.82);
}

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

@media (max-width: 700px) {
    .hero-route-signature[b-kuumeku7p7] {
        margin-top: 14px;
    }

    .flow-section[b-kuumeku7p7],
    .route-ports-section[b-kuumeku7p7],
    .route-benefits-section[b-kuumeku7p7],
    .route-final-cta[b-kuumeku7p7] {
        padding-top: 52px;
        padding-bottom: 56px;
    }

    .flow-item[b-kuumeku7p7] {
        padding: 18px 0;
    }

    .panel-line[b-kuumeku7p7] {
        width: 3px;
        height: 62px;
        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                var(--china-red),
                #ffffff 50%,
                var(--brasil-blue)
            );
    }

    .panel-line[b-kuumeku7p7]::before,
    .panel-line[b-kuumeku7p7]::after {
        left: 50%;
        right: auto;
        transform: translate(-50%, 0);
    }

    .panel-line[b-kuumeku7p7]::before {
        top: -1px;
    }

    .panel-line[b-kuumeku7p7]::after {
        top: auto;
        bottom: -1px;
    }

    .panel-ship[b-kuumeku7p7] {
        top: 50%;
        left: 50%;
    }
}

/* =========================================================
   HERO V2.1 - AJUSTE PONTUAL
   Botão principal + marcador da rota
   ========================================================= */

/* Texto do botão fica explícito e independente de estilos globais */
.china-page .china-primary-button .china-button-label[b-kuumeku7p7] {
    color: #0b2d4d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

.china-page .china-primary-button .china-button-arrow[b-kuumeku7p7] {
    color: #ef2b2d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;

    font-size: 1rem;
    line-height: 1;

    transition: transform 220ms ease;
}

.china-page .china-primary-button:hover .china-button-arrow[b-kuumeku7p7] {
    transform: translateX(4px);
}

/* Marcador central: círculo com seta desenhada via CSS */
.china-page .panel-ship[b-kuumeku7p7] {
    position: absolute;
    top: 50%;
    left: 58%;

    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 4px solid rgba(7, 31, 54, 0.28);
    border-radius: 50%;

    background: #ffffff !important;

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

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.22),
        0 0 0 4px rgba(255, 255, 255, 0.08);

    animation: shipFloat-b-kuumeku7p7 2.6s ease-in-out infinite;
}

.china-page .panel-ship[b-kuumeku7p7]::before {
    content: "→";

    display: block;

    color: #0b2d4d !important;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;

    transform: translateY(-1px);
}

/* Pequeno brilho correndo pela linha reforça o sentido China -> Brasil */
.china-page .panel-line[b-kuumeku7p7]::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 8%;

    width: 34px;
    height: 5px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.95),
            transparent
        );

    filter: blur(0.5px);

    transform: translateY(-50%);

    animation: panelRouteLight-b-kuumeku7p7 3.6s ease-in-out infinite;
}

/* Recria o ponto azul final porque ::after agora é usado pelo brilho */
.china-page .panel-line[b-kuumeku7p7] {
    box-shadow:
        inset -4px 0 0 #38bdf8,
        inset 4px 0 0 #ef2b2d;
}

@keyframes panelRouteLight-b-kuumeku7p7 {
    0% {
        left: 6%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: calc(94% - 34px);
        opacity: 0;
    }
}

@media (max-width: 700px) {
    .china-page .panel-ship[b-kuumeku7p7] {
        left: 50%;
    }

    .china-page .panel-line[b-kuumeku7p7]::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .china-page .panel-ship[b-kuumeku7p7],
    .china-page .panel-line[b-kuumeku7p7]::after {
        animation: none !important;
    }
}

/* =========================================================
   HERO V2.2 - ROTA PRINCIPAL REFINADA
   Linha contínua China -> Brasil
   ========================================================= */

.china-page .panel-route[b-kuumeku7p7] {
    grid-template-columns: auto minmax(120px, 1fr) auto;
    gap: 20px;
}

.china-page .panel-route-track[b-kuumeku7p7] {
    position: relative;

    width: 100%;
    height: 3px;

    overflow: visible;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 10%,
            rgba(255, 255, 255, 0.72) 48%,
            #38bdf8 90%,
            #38bdf8 100%
        ) !important;

    box-shadow: none !important;
}

/* Pontos discretos de origem e destino */
.china-page .panel-route-track[b-kuumeku7p7]::before,
.china-page .panel-route-track[b-kuumeku7p7]::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    transform: translateY(-50%);

    animation: none !important;
    filter: none !important;
}

.china-page .panel-route-track[b-kuumeku7p7]::before {
    left: 0;

    background: #ef2b2d;
}

.china-page .panel-route-track[b-kuumeku7p7]::after {
    left: auto;
    right: 0;

    background: #38bdf8;
}

/* Marcador menor, sem círculo branco grande */
.china-page .panel-route-marker[b-kuumeku7p7] {
    position: absolute;
    top: 50%;
    left: 10%;

    width: 26px;
    height: 26px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 50%;

    background: #0b2d4d;
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1;

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

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.24),
        0 0 0 3px rgba(255, 255, 255, 0.05);

    animation: routeMarkerTravel-b-kuumeku7p7 4.8s ease-in-out infinite;
}

/* Remove completamente o marcador antigo */
.china-page .panel-ship[b-kuumeku7p7] {
    display: none !important;
}

@keyframes routeMarkerTravel-b-kuumeku7p7 {
    0% {
        left: 10%;
        transform: translate(-50%, -50%) translateY(0);
    }

    45% {
        transform: translate(-50%, -50%) translateY(-2px);
    }

    50% {
        left: 50%;
        transform: translate(-50%, -50%) translateY(-3px);
    }

    55% {
        transform: translate(-50%, -50%) translateY(-2px);
    }

    100% {
        left: 90%;
        transform: translate(-50%, -50%) translateY(0);
    }
}

@media (max-width: 700px) {
    .china-page .panel-route[b-kuumeku7p7] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .china-page .panel-route-track[b-kuumeku7p7] {
        width: 3px;
        height: 72px;

        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.72) 48%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-route-track[b-kuumeku7p7]::before {
        top: 0;
        left: 50%;

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

    .china-page .panel-route-track[b-kuumeku7p7]::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;

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

    .china-page .panel-route-marker[b-kuumeku7p7] {
        top: 10%;
        left: 50%;

        transform: translate(-50%, -50%) rotate(90deg);

        animation: routeMarkerTravelMobile-b-kuumeku7p7 4.8s ease-in-out infinite;
    }

    .china-page .panel-country.brasil[b-kuumeku7p7] {
        justify-content: flex-end;
    }
}

@keyframes routeMarkerTravelMobile-b-kuumeku7p7 {
    0% {
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    50% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    100% {
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .china-page .panel-route-marker[b-kuumeku7p7] {
        left: 50%;
        animation: none !important;
    }
}

/* =========================================================
   HERO V2.3 - PAINEL ROTA PRINCIPAL
   CN vermelho + BR azul + ícones operacionais
   ========================================================= */

.china-page .china-hero-panel[b-kuumeku7p7] {
    padding: 28px 28px 24px;
}

.china-page .panel-route[b-kuumeku7p7] {
    grid-template-columns: auto minmax(150px, 1fr) auto;
    gap: 22px;

    margin-top: 26px;
    padding-bottom: 26px;
}

.china-page .panel-country[b-kuumeku7p7] {
    gap: 11px;
}

.china-page .panel-country .panel-country-badge[b-kuumeku7p7] {
    width: 44px !important;
    height: 44px !important;

    flex: 0 0 44px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 8px 18px rgba(0, 0, 0, 0.16);
}

.china-page .panel-country.china .panel-country-badge[b-kuumeku7p7] {
    background: #ef2b2d !important;
}

.china-page .panel-country.brasil .panel-country-badge[b-kuumeku7p7] {
    background: #19a9ea !important;
}

.china-page .panel-country strong[b-kuumeku7p7] {
    font-size: 0.92rem;
    font-weight: 650;
}

.china-page .panel-route-track[b-kuumeku7p7] {
    min-width: 150px;
}

.china-page .panel-route-marker[b-kuumeku7p7] {
    width: 38px;
    height: 38px;

    border: 2px solid rgba(255, 255, 255, 0.38);

    background: #0b2d4d;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.26),
        0 0 0 4px rgba(255, 255, 255, 0.05);
}

.china-page .panel-route-marker svg[b-kuumeku7p7] {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .panel-details[b-kuumeku7p7] {
    margin-top: 6px;
}

.china-page .panel-details .panel-detail-row[b-kuumeku7p7] {
    grid-template-columns: 42px 84px minmax(0, 1fr);
    gap: 12px;

    align-items: center;

    padding: 14px 0;
}

.china-page .panel-detail-icon[b-kuumeku7p7] {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.025);
}

.china-page .panel-detail-icon svg[b-kuumeku7p7] {
    width: 18px;
    height: 18px;

    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .panel-detail-icon-origin svg[b-kuumeku7p7] {
    stroke: #ef2b2d;
}

.china-page .panel-detail-icon-transit svg[b-kuumeku7p7],
.china-page .panel-detail-icon-destination svg[b-kuumeku7p7] {
    stroke: #38bdf8;
}

.china-page .panel-detail-row > strong[b-kuumeku7p7] {
    color: #ffffff;
    font-size: 0.79rem;
    font-weight: 650;
}

.china-page .panel-detail-row > span:last-child[b-kuumeku7p7] {
    color: #b8c7d5;
    font-size: 0.78rem;
    line-height: 1.45;
}

/* A rota fica contínua e visualmente equilibrada */
.china-page .panel-route-track[b-kuumeku7p7] {
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 14%,
            rgba(239, 43, 45, 0.78) 28%,
            rgba(255, 255, 255, 0.62) 50%,
            rgba(56, 189, 248, 0.78) 72%,
            #38bdf8 86%,
            #38bdf8 100%
        ) !important;
}

@media (max-width: 700px) {
    .china-page .panel-country[b-kuumeku7p7] {
        width: 100%;
    }

    .china-page .panel-country.brasil[b-kuumeku7p7] {
        justify-content: flex-end;
    }

    .china-page .panel-route-track[b-kuumeku7p7] {
        width: 3px;
        min-width: 3px;
        height: 78px;

        background:
            linear-gradient(
                180deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.62) 50%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-details .panel-detail-row[b-kuumeku7p7] {
        grid-template-columns: 38px 1fr;
        gap: 10px 12px;
    }

    .china-page .panel-detail-row > span:last-child[b-kuumeku7p7] {
        grid-column: 2;
    }
}

/* =========================================================
   PORTOS V2 - MESMA IDENTIDADE VISUAL DO HERO
   ========================================================= */

/* CN vermelho / BR azul */
.china-page .route-ports-section .country-badge[b-kuumeku7p7] {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff !important;

    font-size: 0.68rem;
    font-weight: 800;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 8px 18px rgba(0, 0, 0, 0.16);
}

.china-page .route-ports-section .country-badge.china[b-kuumeku7p7] {
    background: #ef2b2d !important;
}

.china-page .route-ports-section .country-badge.brasil[b-kuumeku7p7] {
    background: #19a9ea !important;
}

/* Conexão marítima */
.china-page .ocean-connection[b-kuumeku7p7] {
    min-width: 150px;
}

.china-page .ocean-connection-line[b-kuumeku7p7] {
    position: relative;

    width: 150px;
    height: 3px;

    overflow: visible;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 14%,
            rgba(239, 43, 45, 0.78) 28%,
            rgba(255, 255, 255, 0.62) 50%,
            rgba(56, 189, 248, 0.78) 72%,
            #38bdf8 86%,
            #38bdf8 100%
        ) !important;
}

.china-page .ocean-connection-line[b-kuumeku7p7]::before,
.china-page .ocean-connection-line[b-kuumeku7p7]::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    transform: translateY(-50%);
}

.china-page .ocean-connection-line[b-kuumeku7p7]::before {
    left: 0;
    background: #ef2b2d;
}

.china-page .ocean-connection-line[b-kuumeku7p7]::after {
    right: 0;
    background: #38bdf8;
}

/* Navio central substitui o antigo círculo branco */
.china-page .ocean-marker[b-kuumeku7p7] {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 2px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 50%;

    background: #0b2d4d !important;
    color: #ffffff !important;

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

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.26),
        0 0 0 4px rgba(255, 255, 255, 0.05);
}

.china-page .ocean-marker svg[b-kuumeku7p7] {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .ocean-connection small[b-kuumeku7p7] {
    margin-top: 25px;

    color: #93a7b8 !important;

    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

/* Ajuste dos cabeçalhos dos cards */
.china-page .port-country-header[b-kuumeku7p7] {
    align-items: center;
    gap: 14px;
}

@media (max-width: 900px) {
    .china-page .ocean-connection[b-kuumeku7p7] {
        min-width: 100%;
        padding: 18px 0;
    }

    .china-page .ocean-connection-line[b-kuumeku7p7] {
        width: min(300px, 72vw);
    }
}

@media (max-width: 700px) {
    .china-page .ocean-connection-line[b-kuumeku7p7] {
        width: min(240px, 68vw);
        height: 3px;
    }
}

/* =========================================================
   CTA FINAL V2 - CORREÇÃO VISUAL
   ========================================================= */

.china-page .route-final-cta[b-kuumeku7p7] {
    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}

.china-page .route-final-cta-container[b-kuumeku7p7] {
    gap: 42px;
}

.china-page .final-cta-content[b-kuumeku7p7] {
    max-width: 760px;
}

.china-page .final-cta-content h2[b-kuumeku7p7] {
    max-width: 760px;

    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    line-height: 1.04;
}

.china-page .final-cta-content p[b-kuumeku7p7] {
    margin-top: 16px;
    max-width: 700px;
}

/* Card dos botões mais discreto */
.china-page .final-cta-actions[b-kuumeku7p7] {
    min-width: 250px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}

/* Corrige definitivamente o botão principal */
.china-page .final-cta-primary[b-kuumeku7p7],
.china-page .final-cta-primary:link[b-kuumeku7p7],
.china-page .final-cta-primary:visited[b-kuumeku7p7] {
    min-height: 50px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    border: 0 !important;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);
}

.china-page .final-cta-primary[b-kuumeku7p7],
.china-page .final-cta-primary *[b-kuumeku7p7],
.china-page .final-cta-primary span[b-kuumeku7p7] {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.china-page .final-cta-primary:hover[b-kuumeku7p7],
.china-page .final-cta-primary:focus-visible[b-kuumeku7p7] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}

.china-page .final-cta-secondary[b-kuumeku7p7],
.china-page .final-cta-secondary:link[b-kuumeku7p7],
.china-page .final-cta-secondary:visited[b-kuumeku7p7] {
    min-height: 48px;

    background: #ffffff !important;
    color: #0b2d4d !important;

    border: 1px solid #cfd9e3 !important;
}

.china-page .final-cta-secondary:hover[b-kuumeku7p7],
.china-page .final-cta-secondary:focus-visible[b-kuumeku7p7] {
    border-color: #0b2d4d !important;

    color: #0b2d4d !important;

    transform: translateY(-2px);
}

/* Linha de destaque mais fina */
.china-page .route-final-cta[b-kuumeku7p7]::before {
    width: 4px;
}

@media (max-width: 800px) {
    .china-page .route-final-cta[b-kuumeku7p7] {
        padding: 52px 20px 56px;
    }

    .china-page .route-final-cta-container[b-kuumeku7p7] {
        gap: 30px;
    }

    .china-page .final-cta-actions[b-kuumeku7p7] {
        width: 100%;
        min-width: 0;
    }
}



/* =========================================================
   IMAGENS CHINA → BRASIL
   Salve as imagens em:
   wwwroot/images/china-brasil-hero.png
   wwwroot/images/china-brasil-portos.png
   ========================================================= */

/* HERO - conexão visual China ↔ Brasil */
.china-page .china-hero[b-kuumeku7p7] {
    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.96) 0%,
            rgba(5, 31, 54, 0.90) 38%,
            rgba(5, 31, 54, 0.68) 68%,
            rgba(5, 31, 54, 0.48) 100%
        ),
        url('/images/china-brasil-hero.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* PORTOS - imagem marítima ao fundo sem prejudicar leitura */
.china-page .route-ports-section[b-kuumeku7p7] {
    background:
        linear-gradient(
            90deg,
            rgba(7, 31, 54, 0.98) 0%,
            rgba(7, 31, 54, 0.94) 42%,
            rgba(7, 31, 54, 0.83) 70%,
            rgba(7, 31, 54, 0.72) 100%
        ),
        url('/images/china-brasil-portos.png') center center / cover no-repeat !important;
}

/* Reforça contraste dos cards sobre a fotografia */
.china-page .route-ports-section .port-country[b-kuumeku7p7] {
    background: rgba(9, 42, 70, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Mobile: reposiciona as imagens para manter navio/conexão visíveis */
@media (max-width: 900px) {
    .china-page .china-hero[b-kuumeku7p7] {
        background-position: 56% center !important;
    }

    .china-page .route-ports-section[b-kuumeku7p7] {
        background-position: 62% center !important;
    }
}

@media (max-width: 700px) {
    .china-page .china-hero[b-kuumeku7p7] {
        background:
            linear-gradient(
                180deg,
                rgba(5, 25, 45, 0.94) 0%,
                rgba(5, 31, 54, 0.88) 55%,
                rgba(5, 31, 54, 0.80) 100%
            ),
            url('/images/china-brasil-hero.png') !important;

        background-size: cover !important;
        background-position: 54% center !important;
    }

    .china-page .route-ports-section[b-kuumeku7p7] {
        background:
            linear-gradient(
                180deg,
                rgba(7, 31, 54, 0.97) 0%,
                rgba(7, 31, 54, 0.91) 100%
            ),
            url('/images/china-brasil-portos.png') center center / cover no-repeat !important;
    }
}

/* =========================================================
   VISÃO GERAL - IMAGEM OPERAÇÃO PORTUÁRIA
   ========================================================= */

.china-page .overview-top[b-kuumeku7p7] {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
    gap: 48px;
    align-items: center;
    margin-bottom: 38px;
}

.china-page .overview-section .overview-top .section-heading[b-kuumeku7p7] {
    max-width: 620px;
    margin-bottom: 0;
}

.china-page .overview-image[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;
    min-height: 315px;
    margin: 0;
    border-radius: 14px;
    background: #071f36;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.13);
}

.china-page .overview-image[b-kuumeku7p7]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 31, 54, 0.02) 42%,
        rgba(7, 31, 54, 0.82) 100%
    );
    pointer-events: none;
}

.china-page .overview-image img[b-kuumeku7p7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 700ms var(--ease);
}

.china-page .overview-image:hover img[b-kuumeku7p7] {
    transform: scale(1.035);
}

.china-page .overview-image figcaption[b-kuumeku7p7] {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #ffffff;
}

.china-page .overview-image figcaption span[b-kuumeku7p7] {
    color: #7dd3fc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.china-page .overview-image figcaption strong[b-kuumeku7p7] {
    max-width: 440px;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

@media (max-width: 1000px) {
    .china-page .overview-top[b-kuumeku7p7] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .china-page .overview-section .overview-top .section-heading[b-kuumeku7p7] {
        max-width: 760px;
    }

    .china-page .overview-image[b-kuumeku7p7] {
        min-height: 360px;
    }
}

@media (max-width: 700px) {
    .china-page .overview-top[b-kuumeku7p7] {
        gap: 24px;
        margin-bottom: 30px;
    }

    .china-page .overview-image[b-kuumeku7p7] {
        min-height: 250px;
        border-radius: 12px;
    }

    .china-page .overview-image img[b-kuumeku7p7] {
        object-position: 58% center;
    }

    .china-page .overview-image figcaption[b-kuumeku7p7] {
        left: 18px;
        right: 18px;
        bottom: 17px;
    }

    .china-page .overview-image figcaption strong[b-kuumeku7p7] {
        font-size: 0.92rem;
    }

    .china-page .overview-image:hover img[b-kuumeku7p7] {
        transform: none;
    }
}


/* =========================================================
   IMAGEM OPERACIONAL - POSICIONADA MAIS ABAIXO NA PÁGINA
   ========================================================= */

.china-page .overview-top[b-kuumeku7p7] {
    display: block;
    margin-bottom: 38px;
}

.china-page .overview-section .overview-top .section-heading[b-kuumeku7p7] {
    max-width: 760px;
}

.china-page .flow-image[b-kuumeku7p7] {
    position: relative;
    overflow: hidden;
    min-height: 245px;
    margin: 34px 0 0;
    border-radius: 14px;
    background: #071f36;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.13);
}

.china-page .flow-image[b-kuumeku7p7]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 31, 54, 0.01) 38%,
        rgba(7, 31, 54, 0.84) 100%
    );
    pointer-events: none;
}

.china-page .flow-image img[b-kuumeku7p7] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 55% center;
    transition: transform 700ms var(--ease);
}

.china-page .flow-image:hover img[b-kuumeku7p7] {
    transform: scale(1.035);
}

.china-page .flow-image figcaption[b-kuumeku7p7] {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff;
}

.china-page .flow-image figcaption span[b-kuumeku7p7] {
    color: #7dd3fc;
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.china-page .flow-image figcaption strong[b-kuumeku7p7] {
    max-width: 390px;
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.35;
}

@media (max-width: 1000px) {
    .china-page .flow-image[b-kuumeku7p7] {
        min-height: 330px;
    }
}

@media (max-width: 700px) {
    .china-page .overview-top[b-kuumeku7p7] {
        margin-bottom: 30px;
    }

    .china-page .flow-image[b-kuumeku7p7] {
        min-height: 230px;
        margin-top: 28px;
        border-radius: 12px;
    }

    .china-page .flow-image img[b-kuumeku7p7] {
        object-position: 58% center;
    }

    .china-page .flow-image:hover img[b-kuumeku7p7] {
        transform: none;
    }
}

/* =========================================================
   CORREÇÃO FINAL MOBILE — ROTA PRINCIPAL
   Mantém China, rota e Brasil dentro do painel
========================================================= */

@media (max-width: 700px) {
    .china-page .china-hero-panel[b-kuumeku7p7] {
        min-width: 0;
        padding: 20px 18px;
        overflow: hidden;
    }

    .china-page .panel-route[b-kuumeku7p7] {
        width: 100%;
        min-width: 0;
        grid-template-columns: minmax(0, 1fr) minmax(48px, 0.7fr) minmax(0, 1fr);
        gap: 8px;
        margin-top: 22px;
        padding-bottom: 22px;
    }

    .china-page .panel-country[b-kuumeku7p7] {
        width: auto;
        min-width: 0;
        gap: 7px;
    }

    .china-page .panel-country.brasil[b-kuumeku7p7] {
        justify-content: flex-end;
    }

    .china-page .panel-country .panel-country-badge[b-kuumeku7p7] {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px;
        font-size: 0.61rem !important;
    }

    .china-page .panel-country strong[b-kuumeku7p7] {
        min-width: 0;
        font-size: 0.78rem;
        white-space: nowrap;
    }

    .china-page .panel-route-track[b-kuumeku7p7] {
        width: 100%;
        min-width: 0;
        height: 3px;
        margin: 0;

        background:
            linear-gradient(
                90deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.62) 50%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-route-track[b-kuumeku7p7]::before {
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
    }

    .china-page .panel-route-track[b-kuumeku7p7]::after {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(50%, -50%);
    }

    .china-page .panel-route-marker[b-kuumeku7p7] {
        top: 50%;
        left: 10%;
        width: 32px;
        height: 32px;
        transform: translate(-50%, -50%);
        animation: routeMarkerTravel-b-kuumeku7p7 4.8s ease-in-out infinite;
    }

    .china-page .panel-route-marker svg[b-kuumeku7p7] {
        width: 17px;
        height: 17px;
    }
}

@media (max-width: 360px) {
    .china-page .china-hero-panel[b-kuumeku7p7] {
        padding-right: 14px;
        padding-left: 14px;
    }

    .china-page .panel-route[b-kuumeku7p7] {
        grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr);
        gap: 6px;
    }

    .china-page .panel-country[b-kuumeku7p7] {
        gap: 5px;
    }

    .china-page .panel-country .panel-country-badge[b-kuumeku7p7] {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px;
    }

    .china-page .panel-country strong[b-kuumeku7p7] {
        font-size: 0.72rem;
    }
}

/* =========================================================
   CORREÇÃO DEFINITIVA MOBILE — SEM ESTOURO HORIZONTAL
========================================================= */

@media (max-width: 700px) {
    .china-page[b-kuumeku7p7] {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .china-page *[b-kuumeku7p7],
    .china-page *[b-kuumeku7p7]::before,
    .china-page *[b-kuumeku7p7]::after {
        box-sizing: border-box;
        min-width: 0;
    }

    .china-page .china-hero-container[b-kuumeku7p7],
    .china-page .china-hero-content[b-kuumeku7p7],
    .china-page .china-hero-panel[b-kuumeku7p7] {
        width: 100%;
        max-width: 100%;
    }

    .china-page .china-hero-panel[b-kuumeku7p7] {
        padding: 20px 18px;
        overflow: visible;
    }

    .china-page .panel-route[b-kuumeku7p7] {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
        width: 100%;
        margin-top: 22px;
        padding-bottom: 22px;
    }

    .china-page .panel-country[b-kuumeku7p7],
    .china-page .panel-country.brasil[b-kuumeku7p7] {
        width: 100%;
        justify-content: flex-start;
        gap: 9px;
    }

    .china-page .panel-country .panel-country-badge[b-kuumeku7p7] {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px;
        font-size: 0.63rem !important;
    }

    .china-page .panel-country strong[b-kuumeku7p7] {
        font-size: 0.82rem;
        white-space: normal;
    }

    .china-page .panel-route-track[b-kuumeku7p7] {
        width: 3px;
        min-width: 3px;
        height: 64px;
        margin: 0 0 0 18px;

        background:
            linear-gradient(
                180deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.62) 50%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-route-track[b-kuumeku7p7]::before {
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .china-page .panel-route-track[b-kuumeku7p7]::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .china-page .panel-route-marker[b-kuumeku7p7] {
        top: 10%;
        left: 50%;
        width: 32px;
        height: 32px;
        transform: translate(-50%, -50%) rotate(90deg);
        animation: routeMarkerTravelMobile-b-kuumeku7p7 4.8s ease-in-out infinite;
    }

    .china-page .panel-route-marker svg[b-kuumeku7p7] {
        width: 17px;
        height: 17px;
    }

    .china-page .route-final-cta-container[b-kuumeku7p7],
    .china-page .final-cta-content[b-kuumeku7p7],
    .china-page .final-cta-actions[b-kuumeku7p7] {
        width: 100%;
        max-width: 100%;
    }

    .china-page h1[b-kuumeku7p7],
    .china-page h2[b-kuumeku7p7],
    .china-page h3[b-kuumeku7p7],
    .china-page p[b-kuumeku7p7] {
        overflow-wrap: anywhere;
    }
}

/* Organiza a rota horizontal dentro do painel mobile */
@media (max-width: 700px) {
    .china-page .panel-route[b-kuumeku7p7] {
        width: 100%;
        margin: 22px auto 0;
        grid-template-columns: auto minmax(54px, 1fr) auto;
        align-items: center;
        gap: 10px;
    }

    .china-page .panel-country[b-kuumeku7p7] {
        width: auto;
        justify-content: flex-start;
        gap: 7px;
    }

    .china-page .panel-country.brasil[b-kuumeku7p7] {
        width: auto;
        justify-content: flex-end;
    }

    .china-page .panel-route-track[b-kuumeku7p7] {
        width: 100%;
        min-width: 0;
        height: 3px;
        margin: 0;

        background:
            linear-gradient(
                90deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.62) 50%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-route-track[b-kuumeku7p7]::before {
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
    }

    .china-page .panel-route-track[b-kuumeku7p7]::after {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translate(50%, -50%);
    }

    .china-page .panel-route-marker[b-kuumeku7p7] {
        top: 50%;
        left: 10%;
        transform: translate(-50%, -50%);
        animation: routeMarkerTravel-b-kuumeku7p7 4.8s ease-in-out infinite;
    }
}

@media (max-width: 360px) {
    .china-page .panel-route[b-kuumeku7p7] {
        grid-template-columns: auto minmax(38px, 1fr) auto;
        gap: 6px;
    }

    .china-page .panel-country[b-kuumeku7p7] {
        gap: 5px;
    }

    .china-page .panel-country .panel-country-badge[b-kuumeku7p7] {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px;
    }

    .china-page .panel-country strong[b-kuumeku7p7] {
        font-size: 0.72rem;
    }
}
/* _content/LogimarBrasil/Components/Pages/Contato.razor.rz.scp.css */
/* =========================================================
   CONTATO - LOGIMAR
   ========================================================= */

.contact-page[b-nx7akm0abb] {
    --red: #ef2b2d;
    --blue: #38bdf8;
    --navy: #0b2d4d;
    --navy-dark: #071f36;
    --text: #64748b;
    --line: #dfe7ef;

    width: 100%;
    overflow: hidden;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;
}


/* =========================================================
   HERO
   ========================================================= */

.contact-hero[b-nx7akm0abb] {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.98) 0%,
            rgba(7, 43, 75, 0.96) 55%,
            rgba(16, 59, 96, 0.91) 100%
        );

    color: #ffffff;
}

.contact-hero[b-nx7akm0abb]::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--blue)
        );
}

.contact-hero-overlay[b-nx7akm0abb] {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(56, 189, 248, 0.14),
            transparent 30%
        );

    pointer-events: none;
}

.contact-hero-container[b-nx7akm0abb] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    padding: 72px 28px 68px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 75px;
    align-items: center;
}

.contact-hero-content[b-nx7akm0abb] {
    min-width: 0;
}

.contact-kicker[b-nx7akm0abb] {
    display: inline-block;

    margin-bottom: 18px;

    color: #ff5365;

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.contact-hero h1[b-nx7akm0abb] {
    max-width: 620px;
    margin: 0;

    font-size:
        clamp(
            2.25rem,
            3.55vw,
            3.45rem
        );

    font-weight: 750;
    line-height: 1.03;
    letter-spacing: -0.04em;
}

.contact-hero h1 span[b-nx7akm0abb] {
    display: block;
    color: #a8c9e3;
}

.contact-hero-content > p[b-nx7akm0abb] {
    max-width: 620px;

    margin: 18px 0 0;

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.94rem;
    line-height: 1.72;
}

.contact-hero-actions[b-nx7akm0abb] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;

    margin-top: 24px;
}

.contact-btn-primary[b-nx7akm0abb],
.contact-btn-secondary[b-nx7akm0abb] {
    min-height: 50px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

.contact-btn-primary[b-nx7akm0abb] {
    background: #ffffff;
    color: var(--navy);
}

.contact-btn-primary:hover[b-nx7akm0abb] {
    transform: translateY(-3px);

    background: #ffffff;
    color: var(--navy);
}

.contact-btn-secondary[b-nx7akm0abb] {
    border:
        1px solid rgba(255, 255, 255, 0.38);

    background:
        rgba(255, 255, 255, 0.05);

    color: #ffffff;
}

.contact-btn-secondary:hover[b-nx7akm0abb] {
    transform: translateY(-3px);

    background:
        rgba(255, 255, 255, 0.12);

    border-color:
        rgba(255, 255, 255, 0.68);

    color: #ffffff;
}


/* =========================================================
   HERO PANEL
   ========================================================= */

.contact-hero-panel[b-nx7akm0abb] {
    padding: 30px;

    border:
        1px solid rgba(255, 255, 255, 0.11);

    border-radius: 16px;

    background:
        rgba(4, 26, 47, 0.43);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(12px);
}

.panel-label[b-nx7akm0abb] {
    color: #ff5365;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.contact-hero-panel h2[b-nx7akm0abb] {
    max-width: 460px;

    margin: 13px 0 0;

    font-size:
        clamp(
            1.65rem,
            2.4vw,
            2.25rem
        );

    line-height: 1.12;
}

.contact-hero-panel > p[b-nx7akm0abb] {
    margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.57);

    font-size: 0.85rem;
    line-height: 1.65;
}

.hero-contact-list[b-nx7akm0abb] {
    margin-top: 26px;

    border-top:
        1px solid rgba(255, 255, 255, 0.10);
}

.hero-contact-item[b-nx7akm0abb] {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 15px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.09);
}

.hero-contact-item:last-child[b-nx7akm0abb] {
    border-bottom: 0;
}

.hero-contact-icon[b-nx7akm0abb] {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.07);

    color: #ffffff;

    font-size: 0.62rem;
    font-weight: 800;
}

.hero-contact-item small[b-nx7akm0abb],
.hero-contact-item strong[b-nx7akm0abb] {
    display: block;
}

.hero-contact-item small[b-nx7akm0abb] {
    margin-bottom: 3px;

    color:
        rgba(255, 255, 255, 0.44);

    font-size: 0.61rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.hero-contact-item strong[b-nx7akm0abb] {
    color: #ffffff;

    font-size: 0.84rem;
    font-weight: 650;
}


/* =========================================================
   CONTAINER / HEADING
   ========================================================= */

.contact-container[b-nx7akm0abb] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.section-heading[b-nx7akm0abb] {
    max-width: 720px;
}

.section-kicker[b-nx7akm0abb],
.final-cta-kicker[b-nx7akm0abb] {
    display: inline-block;

    margin-bottom: 13px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.section-heading h2[b-nx7akm0abb],
.contact-form-intro h2[b-nx7akm0abb],
.guide-heading h2[b-nx7akm0abb],
.final-cta-content h2[b-nx7akm0abb] {
    margin: 0;

    color: var(--navy);

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.45rem
        );

    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.04em;
}

.section-heading h2 span[b-nx7akm0abb],
.contact-form-intro h2 span[b-nx7akm0abb],
.final-cta-content h2 span[b-nx7akm0abb] {
    color: #0d76b4;
}

.section-heading p[b-nx7akm0abb],
.contact-form-intro > p[b-nx7akm0abb],
.guide-heading > p[b-nx7akm0abb],
.final-cta-content > p[b-nx7akm0abb] {
    margin: 18px 0 0;

    color: var(--text);

    font-size: 0.94rem;
    line-height: 1.72;
}


/* =========================================================
   CARDS
   ========================================================= */

.contact-info-section[b-nx7akm0abb] {
    padding: 82px 28px 88px;

    background: #ffffff;
}

.contact-cards[b-nx7akm0abb] {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;
}

.contact-card[b-nx7akm0abb] {
    position: relative;

    min-height: 245px;

    padding: 26px;

    border: 1px solid #e1e8ef;
    border-radius: 14px;

    background: #ffffff;

    overflow: visible;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.contact-card:hover[b-nx7akm0abb] {
    transform: translateY(-6px);

    border-color: #ccd8e3;

    box-shadow:
        0 18px 40px
        rgba(15, 23, 42, 0.07);
}

.contact-card-number[b-nx7akm0abb] {
    display: inline-block;

    margin-bottom: 30px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
}

.contact-card h3[b-nx7akm0abb] {
    margin: 0;

    color: var(--navy);

    font-size: 1.05rem;
}

.contact-card p[b-nx7akm0abb] {
    margin: 12px 0 0;

    color: var(--text);

    font-size: 0.86rem;
    line-height: 1.68;

    overflow: visible;
}

.contact-card a[b-nx7akm0abb] {
    display: inline-block;

    margin-top: 20px;

    color: #0b5c98;

    font-size: 0.8rem;
    font-weight: 700;

    text-decoration: none;

    overflow-wrap: anywhere;
}

.contact-card a:hover[b-nx7akm0abb] {
    color: var(--red);
}


/* WhatsApp + QR Code */

.whatsapp-card-footer[b-nx7akm0abb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
}

.whatsapp-card-footer > a:first-child[b-nx7akm0abb] {
    margin-top: 0;
}

.whatsapp-qr-link[b-nx7akm0abb] {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
    max-width: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    overflow: hidden !important;
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    background: #ffffff;
}

.whatsapp-qr-link .whatsapp-qr[b-nx7akm0abb],
.contact-card .whatsapp-qr[b-nx7akm0abb] {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: 4px !important;
    padding: 0 !important;
    object-fit: contain !important;
}


/* =========================================================
   FORM
   ========================================================= */

.contact-form-section[b-nx7akm0abb] {
    padding: 88px 28px;

    background: #f4f7fa;
}

.contact-form-container[b-nx7akm0abb] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    gap: 80px;

    align-items: start;
}

.contact-form-intro[b-nx7akm0abb] {
    max-width: 460px;
}

.contact-form-tips[b-nx7akm0abb] {
    margin-top: 32px;

    border-top:
        1px solid #dbe4ec;
}

.contact-form-tips > div[b-nx7akm0abb] {
    display: grid;

    grid-template-columns:
        38px 1fr;

    gap: 14px;

    padding: 17px 0;

    border-bottom:
        1px solid #dbe4ec;
}

.contact-form-tips span[b-nx7akm0abb] {
    color: var(--red);

    font-size: 0.67rem;
    font-weight: 800;
}

.contact-form-tips p[b-nx7akm0abb] {
    margin: 0;

    color: #66788a;

    font-size: 0.82rem;
    line-height: 1.6;
}

.contact-form-card[b-nx7akm0abb] {
    padding: 34px;

    border: 1px solid #dde6ee;
    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 20px 45px
        rgba(15, 23, 42, 0.06);
}

.form-row[b-nx7akm0abb] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;
}

.form-field[b-nx7akm0abb] {
    margin-bottom: 17px;
}

.form-field label[b-nx7akm0abb] {
    display: block;

    margin-bottom: 7px;

    color: #294963;

    font-size: 0.74rem;
    font-weight: 700;
}

/* =========================================================
   CAMPOS BLAZOR - CSS ISOLATION
   ========================================================= */

.contact-form-card[b-nx7akm0abb]  input,
.contact-form-card[b-nx7akm0abb]  select,
.contact-form-card[b-nx7akm0abb]  textarea {
    width: 100%;
    box-sizing: border-box;

    border: 1px solid #d4dee7;
    border-radius: 8px;

    background: #ffffff;

    color: #18344c;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 0.84rem;

    outline: none;

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

.contact-form-card[b-nx7akm0abb]  input,
.contact-form-card[b-nx7akm0abb]  select {
    height: 48px;
    padding: 0 14px;
}

.contact-form-card[b-nx7akm0abb]  textarea {
    min-height: 140px;
    padding: 13px 14px;

    resize: vertical;
}

.contact-form-card[b-nx7akm0abb]  input:focus,
.contact-form-card[b-nx7akm0abb]  select:focus,
.contact-form-card[b-nx7akm0abb]  textarea:focus {
    border-color: #4c91c8;

    box-shadow:
        0 0 0 3px
        rgba(56, 189, 248, 0.10);
}

/* Validação do Blazor */

.contact-form-card[b-nx7akm0abb]  .validation-message {
    display: block;

    margin-top: 6px;

    color: #cf3143;

    font-size: 0.71rem;
    font-weight: 650;
    line-height: 1.35;
}

.contact-form-card[b-nx7akm0abb]  input.invalid,
.contact-form-card[b-nx7akm0abb]  select.invalid,
.contact-form-card[b-nx7akm0abb]  textarea.invalid {
    border-color: #e25563 !important;

    box-shadow:
        0 0 0 3px
        rgba(226, 85, 99, 0.08) !important;
}

.contact-form-card[b-nx7akm0abb]  input.valid,
.contact-form-card[b-nx7akm0abb]  select.valid,
.contact-form-card[b-nx7akm0abb]  textarea.valid {
    border-color: #d4dee7;
}

/* Mensagem de sucesso / erro após envio */

.form-status[b-nx7akm0abb] {
    margin-top: 14px;
    padding: 12px 14px;

    border-radius: 8px;

    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;
}

.form-status-success[b-nx7akm0abb] {
    border: 1px solid #b9dfca;
    background: #f0faf4;
    color: #17633a;
}

.form-status-error[b-nx7akm0abb] {
    border: 1px solid #f0b9c0;
    background: #fff4f5;
    color: #a72638;
}

.contact-submit[b-nx7akm0abb] {
    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 4px;

    border: 0;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        );

    color: #ffffff;

    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.contact-submit:hover[b-nx7akm0abb] {
    transform: translateY(-2px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        );

    box-shadow:
        0 12px 26px
        rgba(239, 43, 45, 0.18);
}


.contact-submit:disabled[b-nx7akm0abb] {
    cursor: wait;
    opacity: 0.72;
    transform: none;
    box-shadow: none;
}

.form-note[b-nx7akm0abb] {
    display: block;

    margin-top: 12px;

    color: #94a3b8;

    font-size: 0.68rem;
    line-height: 1.5;
}


/* =========================================================
   GUIDE
   ========================================================= */

.contact-guide-section[b-nx7akm0abb] {
    padding: 76px 28px;

    background: #ffffff;
}

.guide-grid[b-nx7akm0abb] {
    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(0, 1.08fr);

    gap: 62px;

    align-items: start;
}

.guide-heading[b-nx7akm0abb] {
    max-width: 520px;
}

.guide-heading h2[b-nx7akm0abb] {
    max-width: 520px;

    font-size:
        clamp(
            2rem,
            3.3vw,
            3rem
        );

    line-height: 1.08;
}

.guide-heading > p[b-nx7akm0abb] {
    max-width: 500px;
}

.guide-list[b-nx7akm0abb] {
    border-top:
        1px solid var(--line);
}

.guide-item[b-nx7akm0abb] {
    display: grid;

    grid-template-columns:
        46px 1fr;

    gap: 16px;

    padding: 19px 0;

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

.guide-item > span[b-nx7akm0abb] {
    color: var(--red);

    font-size: 0.67rem;
    font-weight: 800;
}

.guide-item:nth-child(even) > span[b-nx7akm0abb] {
    color: #0d76b4;
}

.guide-item h3[b-nx7akm0abb] {
    margin: 0;

    color: var(--navy);

    font-size: 0.94rem;
}

.guide-item p[b-nx7akm0abb] {
    margin: 5px 0 0;

    color: var(--text);

    font-size: 0.81rem;
    line-height: 1.58;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.contact-final-cta[b-nx7akm0abb] {
    position: relative;

    padding: 60px 28px 64px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc,
            #f5f9fc
        );
}

.contact-final-cta[b-nx7akm0abb]::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--red),
            var(--blue)
        );
}

.contact-final-cta-container[b-nx7akm0abb] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;
}

.final-cta-content[b-nx7akm0abb] {
    max-width: 760px;
}

.final-cta-content h2[b-nx7akm0abb] {
    font-size:
        clamp(
            2.35rem,
            3.8vw,
            3.7rem
        );
}

.final-cta-actions[b-nx7akm0abb] {
    min-width: 250px;

    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px
        rgba(15, 23, 42, 0.07);
}

.final-cta-primary[b-nx7akm0abb],
.final-cta-secondary[b-nx7akm0abb] {
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

.final-cta-primary[b-nx7akm0abb] {
    border: 0;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow:
        0 9px 22px
        rgba(11, 45, 77, 0.16);
}

.final-cta-primary:hover[b-nx7akm0abb] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--red),
            #d92527
        );

    color: #ffffff;
}

.final-cta-primary span[b-nx7akm0abb] {
    color: #ffffff;
}

.final-cta-secondary[b-nx7akm0abb] {
    border: 1px solid #cfd9e3;

    background: #ffffff;

    color: var(--navy);
}

.final-cta-secondary:hover[b-nx7akm0abb] {
    transform: translateY(-2px);

    border-color: var(--navy);

    color: var(--navy);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .contact-hero-container[b-nx7akm0abb],
    .contact-form-container[b-nx7akm0abb],
    .guide-grid[b-nx7akm0abb] {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .contact-cards[b-nx7akm0abb] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .contact-final-cta-container[b-nx7akm0abb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .final-cta-actions[b-nx7akm0abb] {
        width: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .contact-hero-container[b-nx7akm0abb] {
        padding:
            62px 18px
            60px;
    }

    .contact-hero h1[b-nx7akm0abb] {
    font-size:
        clamp(
            2rem,
            8.5vw,
            2.65rem
        );
}

    .contact-hero-actions[b-nx7akm0abb] {
        flex-direction: column;
    }

    .contact-btn-primary[b-nx7akm0abb],
    .contact-btn-secondary[b-nx7akm0abb] {
        width: 100%;
    }

    .contact-hero-panel[b-nx7akm0abb] {
        padding: 24px;
    }

    .contact-info-section[b-nx7akm0abb],
    .contact-form-section[b-nx7akm0abb],
    .contact-guide-section[b-nx7akm0abb],
    .contact-final-cta[b-nx7akm0abb] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .contact-info-section[b-nx7akm0abb],
    .contact-form-section[b-nx7akm0abb],
    .contact-guide-section[b-nx7akm0abb] {
        padding-top: 64px;
        padding-bottom: 66px;
    }

    .contact-cards[b-nx7akm0abb] {
        grid-template-columns: 1fr;
    }

    .contact-card[b-nx7akm0abb] {
        min-height: auto;
    }

    .form-row[b-nx7akm0abb] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-card[b-nx7akm0abb] {
        padding: 25px 20px;
    }

    .contact-final-cta[b-nx7akm0abb] {
        padding-top: 52px;
        padding-bottom: 56px;
    }
    .whatsapp-card-footer[b-nx7akm0abb] {
        align-items: center;
    }

    .whatsapp-qr[b-nx7akm0abb] {
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }

}

/* =========================================================
   AJUSTE FINO - QR WHATSAPP
   ========================================================= */
.whatsapp-qr[b-nx7akm0abb],
.contact-whatsapp-qr[b-nx7akm0abb],
.qr-whatsapp[b-nx7akm0abb] {
    margin-left: 14px;
}
/* _content/LogimarBrasil/Components/Pages/Cotacao.razor.rz.scp.css */
/* ========================================================= COTACAO -
LOGIMAR BRASIL =========================================================
*/

.quote-page[b-aez8nfiio6] { --red: #ef2b2d; --blue: #38bdf8; --navy: #0b2d4d; --navy-dark:
#071f36; --text: #64748b; --line: #dfe7ef;

    width: 100%;
    overflow: hidden;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

/* ========================================================= HERO
========================================================= */

.quote-hero[b-aez8nfiio6] { position: relative; overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.99) 0%,
            rgba(7, 43, 75, 0.96) 55%,
            rgba(16, 59, 96, 0.91) 100%
        );

    color: #ffffff;

}

.quote-hero[b-aez8nfiio6]::after { content: ""; position: absolute; left: 0; right: 0;
bottom: 0; height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--blue)
        );

}

.quote-hero-overlay[b-aez8nfiio6] { position: absolute; inset: 0;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(56, 189, 248, 0.15),
            transparent 30%
        );

    pointer-events: none;

}

.quote-hero-container[b-aez8nfiio6] { position: relative; z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 74px 28px 70px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 76px;
    align-items: center;

}

.quote-hero-content[b-aez8nfiio6] { min-width: 0; }

.quote-kicker[b-aez8nfiio6] { display: inline-block; margin-bottom: 18px;

    color: #ff5365;

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.17em;

}

.quote-hero h1[b-aez8nfiio6] { max-width: 650px; margin: 0;

    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    font-weight: 750;
    line-height: 1.03;
    letter-spacing: -0.04em;

}

.quote-hero h1 span[b-aez8nfiio6] { display: block; color: #a8c9e3; }

.quote-hero-content > p[b-aez8nfiio6] { max-width: 630px; margin: 20px 0 0;

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.95rem;
    line-height: 1.72;

}

.quote-hero-actions[b-aez8nfiio6] { display: flex; flex-wrap: wrap; gap: 11px;

    margin-top: 26px;

}

.quote-btn-primary[b-aez8nfiio6], .quote-btn-secondary[b-aez8nfiio6] { min-height: 50px; padding: 0
22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

}

.quote-btn-primary[b-aez8nfiio6] { background: #ffffff; color: var(--navy); }

.quote-btn-primary span[b-aez8nfiio6] { color: var(--red); }

.quote-btn-primary:hover[b-aez8nfiio6] { transform: translateY(-3px); color:
var(--navy); }

.quote-btn-secondary[b-aez8nfiio6] { border: 1px solid rgba(255, 255, 255, 0.38);

    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;

}

.quote-btn-secondary:hover[b-aez8nfiio6] { transform: translateY(-3px);

    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.68);

    color: #ffffff;

}

/* ========================================================= HERO PANEL
========================================================= */

.quote-hero-panel[b-aez8nfiio6] { padding: 30px;

    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 16px;

    background: rgba(4, 26, 47, 0.43);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(12px);

}

.panel-label[b-aez8nfiio6] { color: #ff5365;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;

}

.quote-hero-panel h2[b-aez8nfiio6] { max-width: 460px; margin: 13px 0 0;

    font-size: clamp(1.65rem, 2.4vw, 2.2rem);
    line-height: 1.12;

}

.quote-hero-panel > p[b-aez8nfiio6] { margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.57);

    font-size: 0.85rem;
    line-height: 1.65;

}

.hero-info-list[b-aez8nfiio6] { margin-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}

.hero-info-item[b-aez8nfiio6] { display: grid; grid-template-columns: 38px 1fr; gap:
14px;

    align-items: center;

    padding: 14px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.09);

}

.hero-info-item:last-child[b-aez8nfiio6] { border-bottom: 0; }

.hero-info-item > span[b-aez8nfiio6] { width: 35px; height: 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255,255, 0.07);
    color: #ffffff;

    font-size: 0.62rem;
    font-weight: 800;

}

.hero-info-item small[b-aez8nfiio6], .hero-info-item strong[b-aez8nfiio6] { display: block; }

.hero-info-item small[b-aez8nfiio6] { margin-bottom: 3px;

    color: rgba(255, 255, 255, 0.43);

    font-size: 0.60rem;
    font-weight: 700;
    letter-spacing: 0.08em;

}

.hero-info-item strong[b-aez8nfiio6] { color: #ffffff;

    font-size: 0.83rem;
    font-weight: 650;

}

/* ========================================================= INTRO
========================================================= */

.quote-container[b-aez8nfiio6] { width: min(1180px, 100%); margin: 0 auto; }

.quote-intro-section[b-aez8nfiio6] { padding: 76px 28px 46px; background: #ffffff; }

.quote-section-heading[b-aez8nfiio6] { max-width: 760px; }

.section-kicker[b-aez8nfiio6], .final-cta-kicker[b-aez8nfiio6] { display: inline-block;
margin-bottom: 13px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;

}

.quote-section-heading h2[b-aez8nfiio6], .quote-form-intro h2[b-aez8nfiio6], .process-heading h2[b-aez8nfiio6],
.final-cta-content h2[b-aez8nfiio6] { margin: 0;

    color: var(--navy);

    font-size: clamp(2.1rem, 3.7vw, 3.35rem);
    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.04em;

}

.quote-section-heading h2 span[b-aez8nfiio6], .quote-form-intro h2 span[b-aez8nfiio6],
.process-heading h2 span[b-aez8nfiio6], .final-cta-content h2 span[b-aez8nfiio6] { color: #0d76b4; }

.quote-section-heading p[b-aez8nfiio6], .quote-form-intro > p[b-aez8nfiio6], .process-heading > p[b-aez8nfiio6],
.final-cta-content > p[b-aez8nfiio6] { margin: 17px 0 0;

    color: var(--text);

    font-size: 0.93rem;
    line-height: 1.72;

}

/* ========================================================= FORM
SECTION ========================================================= */

.quote-form-section[b-aez8nfiio6] { padding: 48px 28px 88px; background: #f4f7fa; }

.quote-form-container[b-aez8nfiio6] { width: min(1180px, 100%); margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.74fr)
        minmax(0, 1.26fr);

    gap: 76px;

    align-items: start;

}

.quote-form-intro[b-aez8nfiio6] { max-width: 440px;

    position: sticky;
    top: 110px;

}

.quote-form-tips[b-aez8nfiio6] { margin-top: 31px;

    border-top: 1px solid #dbe4ec;

}

.quote-form-tips > div[b-aez8nfiio6] { display: grid; grid-template-columns: 38px 1fr;
gap: 13px;

    padding: 16px 0;

    border-bottom: 1px solid #dbe4ec;

}

.quote-form-tips span[b-aez8nfiio6] { color: var(--red);

    font-size: 0.66rem;
    font-weight: 800;

}

.quote-form-tips p[b-aez8nfiio6] { margin: 0;

    color: #66788a;

    font-size: 0.81rem;
    line-height: 1.58;

}

/* ========================================================= FORM CARD
========================================================= */

.quote-form-card[b-aez8nfiio6] { padding: 38px;

    border: 1px solid #dde6ee;
    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(15, 23, 42, 0.06);

}

.form-section-title[b-aez8nfiio6] { display: flex; align-items: center;

    gap: 13px;

    margin: 5px 0 20px;
    padding-bottom: 13px;

    border-bottom: 1px solid #e5ebf0;

}

.form-section-title:not(:first-child)[b-aez8nfiio6] { margin-top: 20px; }

.form-section-title > span[b-aez8nfiio6] { width: 32px; height: 32px;

    flex: 0 0 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: rgba(239, 43, 45, 0.08);
    color: var(--red);

    font-size: 0.64rem;
    font-weight: 800;

}

.form-section-title small[b-aez8nfiio6], .form-section-title strong[b-aez8nfiio6] { display: block;
}

.form-section-title small[b-aez8nfiio6] { margin-bottom: 2px;

    color: #94a3b8;

    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.08em;

}

.form-section-title strong[b-aez8nfiio6] { color: var(--navy);

    font-size: 0.84rem;

}

.form-row[b-aez8nfiio6] { display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 22px;

}

.form-row-three[b-aez8nfiio6] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.form-field[b-aez8nfiio6] { margin-bottom: 16px; }

.form-field label[b-aez8nfiio6] { display: block;

    margin-bottom: 7px;

    color: #294963;

    font-size: 0.73rem;
    font-weight: 700;

}

/* ========================================================= INPUTS
========================================================= */

.form-field input[b-aez8nfiio6], .form-field select[b-aez8nfiio6], .form-field textarea[b-aez8nfiio6] { width:
100%; box-sizing: border-box;

    border: 1px solid #d4dee7;
    border-radius: 8px;

    background: #ffffff;
    color: #18344c;

    font-family: inherit;
    font-size: 0.83rem;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;

}

.form-field input[b-aez8nfiio6], .form-field select[b-aez8nfiio6] { height: 52px;

    padding: 0 14px;

}

.form-field textarea[b-aez8nfiio6] { min-height: 145px;

    padding: 13px 14px;

    resize: vertical;

}

.form-field input:focus[b-aez8nfiio6], .form-field select:focus[b-aez8nfiio6], .form-field
textarea:focus[b-aez8nfiio6] { border-color: #4c91c8;

    box-shadow:
        0 0 0 3px rgba(56, 189, 248, 0.10);

}

/* ========================================================= BLAZOR
VALIDATION ========================================================= */

.validation-message[b-aez8nfiio6] { display: block;

    margin-top: 6px;

    color: #dc2626;

    font-size: 0.68rem;
    font-weight: 600;

}

.form-field input.invalid[b-aez8nfiio6], .form-field select.invalid[b-aez8nfiio6], .form-field
textarea.invalid[b-aez8nfiio6] { border-color: #dc2626; }

.form-field input.valid.modified[b-aez8nfiio6], .form-field select.valid.modified[b-aez8nfiio6],
.form-field textarea.valid.modified[b-aez8nfiio6] { border-color: #16a34a; }

/* ========================================================= CLOUDFLARE
TURNSTILE ========================================================= */

.turnstile-field[b-aez8nfiio6] { margin-top: 6px; margin-bottom: 16px; }

.turnstile-field > div[b-aez8nfiio6] { min-height: 65px; }

/* ========================================================= BOTÃO DE
ENVIO ========================================================= */

.quote-submit[b-aez8nfiio6] { width: 100%; min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 6px;

    border: 0;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        );

    color: #ffffff;

    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;

}

.quote-submit:hover:not(:disabled)[b-aez8nfiio6] { transform: translateY(-2px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        );

    box-shadow:
        0 12px 26px rgba(239, 43, 45, 0.18);

}

.quote-submit:disabled[b-aez8nfiio6] { opacity: 0.65; cursor: not-allowed; }

/* ========================================================= MENSAGENS
DE STATUS ========================================================= */

.form-note[b-aez8nfiio6] { display: block;

    margin-top: 11px;

    color: #64748b;

    font-size: 0.68rem;
    line-height: 1.5;

}

.form-status[b-aez8nfiio6] { margin-top: 14px; padding: 12px 14px;

    border-radius: 8px;

    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;

}

.form-status-success[b-aez8nfiio6] { border: 1px solid #b9dfca; background: #f0faf4;
color: #17633a; }

.form-status-error[b-aez8nfiio6] { border: 1px solid #f0b9c0; background: #fff4f5;
color: #a72638; }

/* ========================================================= PROCESSO
========================================================= */

.quote-process-section[b-aez8nfiio6] { padding: 82px 28px 88px;

    background: #ffffff;

}

.process-heading[b-aez8nfiio6] { max-width: 690px; }

.process-grid[b-aez8nfiio6] { display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;

}

.process-card[b-aez8nfiio6] { min-height: 220px;

    padding: 26px;

    border: 1px solid #e1e8ef;
    border-radius: 14px;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;

}

.process-card:hover[b-aez8nfiio6] { transform: translateY(-6px);

    border-color: #ccd8e3;

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.07);

}

.process-number[b-aez8nfiio6] { display: inline-block;

    margin-bottom: 34px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;

}

.process-card:nth-child(even) .process-number[b-aez8nfiio6] { color: #0d76b4; }

.process-card h3[b-aez8nfiio6] { margin: 0;

    color: var(--navy);

    font-size: 1.05rem;

}

.process-card p[b-aez8nfiio6] { margin: 12px 0 0;

    color: var(--text);

    font-size: 0.84rem;
    line-height: 1.68;

}

/* ========================================================= CTA FINAL
========================================================= */

.quote-final-cta[b-aez8nfiio6] { position: relative;

    padding: 60px 28px 64px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc,
            #f5f9fc
        );

}

.quote-final-cta[b-aez8nfiio6]::before { content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--red),
            var(--blue)
        );

}

.quote-final-cta-container[b-aez8nfiio6] { width: min(1180px, 100%); margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;

}

.final-cta-content[b-aez8nfiio6] { max-width: 720px; }

.final-cta-actions[b-aez8nfiio6] { min-width: 255px;

    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);

}

.final-cta-primary[b-aez8nfiio6], .final-cta-secondary[b-aez8nfiio6] { min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

}

.final-cta-primary[b-aez8nfiio6] { border: 0;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);

}

.final-cta-primary:hover[b-aez8nfiio6] { transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--red),
            #d92527
        );

    color: #ffffff;

}

.final-cta-primary span[b-aez8nfiio6] { color: #ffffff; }

.final-cta-secondary[b-aez8nfiio6] { border: 1px solid #cfd9e3;

    background: #ffffff;

    color: var(--navy);

}

.final-cta-secondary:hover[b-aez8nfiio6] { transform: translateY(-2px);

    border-color: var(--navy);

    color: var(--navy);

}

/* ========================================================= TABLET
========================================================= */

@media (max-width: 980px) {

    .quote-hero-container[b-aez8nfiio6],
    .quote-form-container[b-aez8nfiio6] {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .quote-form-intro[b-aez8nfiio6] {
        position: static;
        max-width: 620px;
    }

    .process-grid[b-aez8nfiio6] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .form-row-three[b-aez8nfiio6] {
        grid-template-columns: 1fr;
    }

    .quote-final-cta-container[b-aez8nfiio6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .final-cta-actions[b-aez8nfiio6] {
        width: 100%;
    }

}

/* ========================================================= MOBILE
========================================================= */

@media (max-width: 700px) {

    .quote-hero-container[b-aez8nfiio6] {
        padding: 60px 18px 58px;
    }

    .quote-hero h1[b-aez8nfiio6] {
        font-size: clamp(2rem, 8.5vw, 2.65rem);
    }

    .quote-hero-actions[b-aez8nfiio6] {
        flex-direction: column;
    }

    .quote-btn-primary[b-aez8nfiio6],
    .quote-btn-secondary[b-aez8nfiio6] {
        width: 100%;
    }

    .quote-hero-panel[b-aez8nfiio6] {
        padding: 24px;
    }

    .quote-intro-section[b-aez8nfiio6],
    .quote-form-section[b-aez8nfiio6],
    .quote-process-section[b-aez8nfiio6],
    .quote-final-cta[b-aez8nfiio6] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .quote-intro-section[b-aez8nfiio6] {
        padding-top: 62px;
        padding-bottom: 38px;
    }

    .quote-form-section[b-aez8nfiio6] {
        padding-top: 40px;
        padding-bottom: 66px;
    }

    .quote-form-card[b-aez8nfiio6] {
        padding: 25px 20px;
    }

    .form-row[b-aez8nfiio6],
    .form-row-three[b-aez8nfiio6] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .turnstile-field[b-aez8nfiio6] {
        overflow: hidden;
    }

    .process-grid[b-aez8nfiio6] {
        grid-template-columns: 1fr;
    }

    .process-card[b-aez8nfiio6] {
        min-height: auto;
    }

    .quote-process-section[b-aez8nfiio6] {
        padding-top: 64px;
        padding-bottom: 66px;
    }

    .quote-final-cta[b-aez8nfiio6] {
        padding-top: 52px;
        padding-bottom: 56px;
    }

    .final-cta-actions[b-aez8nfiio6] {
        min-width: 0;
    }

}

/* ========================================================= CORREÇÕES
FINAIS - COTAÇÃO
========================================================= */

.quote-btn-primary[b-aez8nfiio6], .quote-btn-secondary[b-aez8nfiio6], .final-cta-primary[b-aez8nfiio6],
.final-cta-secondary[b-aez8nfiio6] { white-space: nowrap; }

.quote-btn-primary[b-aez8nfiio6] { color: #0b2d4d !important; }

.quote-btn-secondary[b-aez8nfiio6] { color: #ffffff !important; }

.final-cta-primary[b-aez8nfiio6] { color: #ffffff !important; }

.final-cta-secondary[b-aez8nfiio6] { color: #0b2d4d !important; }

.final-cta-primary span[b-aez8nfiio6] { color: #ffffff !important; }

.turnstile-field[b-aez8nfiio6] { margin-top: 18px; margin-bottom: 20px; }

.form-status[b-aez8nfiio6] { margin-top: 18px; }

@media (max-width:700px) {

    .quote-btn-primary[b-aez8nfiio6],
    .quote-btn-secondary[b-aez8nfiio6],
    .final-cta-primary[b-aez8nfiio6],
    .final-cta-secondary[b-aez8nfiio6] {
        width: 100%;
    }

}

/* =========================================================
   AJUSTE FINAL DE LAYOUT
   ========================================================= */

.quote-hero-container[b-aez8nfiio6],
.quote-container[b-aez8nfiio6],
.quote-form-container[b-aez8nfiio6],
.quote-final-cta-container[b-aez8nfiio6] {
    width: min(1240px, 100%);
}

.quote-form-section[b-aez8nfiio6] {
    padding-top: 64px;
    padding-bottom: 92px;
}

.quote-form-container[b-aez8nfiio6] {
    grid-template-columns: minmax(280px, 0.72fr) minmax(650px, 1.55fr);
    gap: clamp(44px, 6vw, 88px);
}

.quote-form-card[b-aez8nfiio6] {
    width: 100%;
    padding: clamp(32px, 4vw, 52px);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15, 42, 68, 0.09);
}

.form-section-title[b-aez8nfiio6] {
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.form-section-title:not(:first-child)[b-aez8nfiio6] {
    margin-top: 30px;
}

.form-section-title strong[b-aez8nfiio6] {
    font-size: 0.92rem;
}

.form-row[b-aez8nfiio6] {
    gap: 24px;
}

.form-field[b-aez8nfiio6] {
    min-width: 0;
    margin-bottom: 20px;
}

.form-field label[b-aez8nfiio6] {
    margin-bottom: 8px;
    font-size: 0.78rem;
}

.form-field input[b-aez8nfiio6],
.form-field select[b-aez8nfiio6],
.form-field textarea[b-aez8nfiio6] {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 0.92rem;
}

.form-field input[b-aez8nfiio6],
.form-field select[b-aez8nfiio6] {
    height: 56px;
    padding: 0 16px;
}

.form-field textarea[b-aez8nfiio6] {
    min-height: 150px;
    padding: 15px 16px;
}

.turnstile-field[b-aez8nfiio6] {
    min-height: 70px;
    overflow-x: auto;
}

.quote-submit[b-aez8nfiio6] {
    min-height: 58px;
    border-radius: 10px;
    font-size: 0.8rem;
}

.process-card[b-aez8nfiio6] {
    min-height: 190px;
}

.final-cta-actions[b-aez8nfiio6] {
    min-width: 290px;
}

@media (max-width: 1080px) {
    .quote-form-container[b-aez8nfiio6] {
        grid-template-columns: minmax(250px, 0.7fr) minmax(560px, 1.4fr);
        gap: 42px;
    }
}

@media (max-width: 980px) {
    .quote-form-container[b-aez8nfiio6] {
        grid-template-columns: 1fr;
    }

    .quote-form-intro[b-aez8nfiio6] {
        max-width: 700px;
    }
}

@media (max-width: 700px) {
    .quote-form-section[b-aez8nfiio6] {
        padding-top: 44px;
        padding-bottom: 68px;
    }

    .quote-form-container[b-aez8nfiio6] {
        gap: 34px;
    }

    .quote-form-card[b-aez8nfiio6] {
        padding: 26px 20px;
        border-radius: 16px;
    }

    .form-section-title:not(:first-child)[b-aez8nfiio6] {
        margin-top: 24px;
    }

    .form-row[b-aez8nfiio6] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-field input[b-aez8nfiio6],
    .form-field select[b-aez8nfiio6] {
        height: 54px;
    }

    .turnstile-field[b-aez8nfiio6] {
        margin-left: -2px;
    }
}

/* =========================================================
   INFOGRÁFICO LATERAL DA COTAÇÃO
   ========================================================= */

.quote-flow-card[b-aez8nfiio6] {
    margin-top: 34px;
    overflow: hidden;
    border: 1px solid #dbe5ed;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 42, 68, 0.07);
}

.quote-flow-header[b-aez8nfiio6] {
    padding: 25px 25px 22px;
    background: linear-gradient(135deg, #0b2d4d, #114c79);
    color: #ffffff;
}

.quote-flow-header > span[b-aez8nfiio6],
.quote-flow-contact > span[b-aez8nfiio6] {
    display: block;
    margin-bottom: 8px;
    color: #ff5365;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.quote-flow-header h3[b-aez8nfiio6] {
    margin: 0;
    font-size: 1.18rem;
    line-height: 1.2;
}

.quote-flow-header p[b-aez8nfiio6] {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.76rem;
    line-height: 1.55;
}

.quote-flow-list[b-aez8nfiio6] {
    padding: 23px 25px 10px;
}

.quote-flow-step[b-aez8nfiio6] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    padding-bottom: 23px;
}

.quote-flow-step:not(:last-child)[b-aez8nfiio6]::after {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 2px;
    left: 18px;
    width: 1px;
    background: linear-gradient(#ef2b2d, #b9d8eb);
}

.quote-flow-icon[b-aez8nfiio6] {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f5c8cb;
    border-radius: 10px;
    background: #fff4f5;
    color: #ef2b2d;
    font-size: 0.62rem;
    font-weight: 800;
}

.quote-flow-step:nth-child(even) .quote-flow-icon[b-aez8nfiio6] {
    border-color: #cce2f0;
    background: #f1f8fc;
    color: #0d76b4;
}

.quote-flow-step small[b-aez8nfiio6],
.quote-flow-step strong[b-aez8nfiio6] {
    display: block;
}

.quote-flow-step small[b-aez8nfiio6] {
    margin: 1px 0 4px;
    color: #94a3b8;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.quote-flow-step strong[b-aez8nfiio6] {
    color: #0b2d4d;
    font-size: 0.83rem;
}

.quote-flow-step p[b-aez8nfiio6] {
    margin: 5px 0 0;
    color: #6b7e90;
    font-size: 0.72rem;
    line-height: 1.5;
}

.quote-flow-contact[b-aez8nfiio6] {
    padding: 19px 25px 21px;
    border-top: 1px solid #e3eaf0;
    background: #f8fafc;
}

.quote-flow-contact > span[b-aez8nfiio6] {
    color: #ef2b2d;
}

.quote-flow-contact a[b-aez8nfiio6] {
    display: block;
    width: fit-content;
    color: #0b2d4d;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none;
}

.quote-flow-contact a:hover[b-aez8nfiio6] {
    color: #0d76b4;
}

@media (max-width: 980px) {
    .quote-flow-card[b-aez8nfiio6] {
        max-width: 620px;
    }
}

@media (max-width: 700px) {
    .quote-flow-card[b-aez8nfiio6] {
        margin-top: 28px;
    }

    .quote-flow-header[b-aez8nfiio6],
    .quote-flow-list[b-aez8nfiio6],
    .quote-flow-contact[b-aez8nfiio6] {
        padding-left: 21px;
        padding-right: 21px;
    }
}

/* =========================================================
   FORMULÁRIO — MESMO PADRÃO DA PÁGINA CONTATO
   ::deep é necessário para os componentes de formulário Blazor
   ========================================================= */

.quote-form-container[b-aez8nfiio6] {
    width: min(1180px, 100%);
    grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
    gap: 80px;
}

.quote-form-card[b-aez8nfiio6] {
    width: 100%;
    padding: 34px;
    border: 1px solid #dde6ee;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.06);
}

.form-row[b-aez8nfiio6] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.form-field[b-aez8nfiio6] {
    min-width: 0;
    margin-bottom: 16px;
}

.form-field label[b-aez8nfiio6] {
    margin-bottom: 7px;
    color: #294963;
    font-size: 0.74rem;
    font-weight: 700;
}

.form-field[b-aez8nfiio6]  input,
.form-field[b-aez8nfiio6]  select,
.form-field[b-aez8nfiio6]  textarea {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #d4dee7;
    border-radius: 8px;
    background: #ffffff;
    color: #18344c;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.84rem;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field[b-aez8nfiio6]  input,
.form-field[b-aez8nfiio6]  select {
    height: 48px;
    padding: 0 14px;
}

.form-field[b-aez8nfiio6]  textarea {
    min-height: 140px;
    padding: 13px 14px;
    resize: vertical;
}

.form-field[b-aez8nfiio6]  input::placeholder,
.form-field[b-aez8nfiio6]  textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.form-field[b-aez8nfiio6]  input:focus,
.form-field[b-aez8nfiio6]  select:focus,
.form-field[b-aez8nfiio6]  textarea:focus {
    border-color: #4c91c8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.10);
}

.form-field[b-aez8nfiio6]  input.invalid,
.form-field[b-aez8nfiio6]  select.invalid,
.form-field[b-aez8nfiio6]  textarea.invalid {
    border-color: #dc2626;
}

.form-field[b-aez8nfiio6]  input.valid.modified,
.form-field[b-aez8nfiio6]  select.valid.modified,
.form-field[b-aez8nfiio6]  textarea.valid.modified {
    border-color: #16a34a;
}

.form-field[b-aez8nfiio6]  .validation-message,
[b-aez8nfiio6] .validation-message {
    display: block;
    margin-top: 6px;
    color: #dc2626;
    font-size: 0.68rem;
    font-weight: 600;
}

@media (max-width: 980px) {
    .quote-form-container[b-aez8nfiio6] {
        grid-template-columns: 1fr;
        gap: 44px;
    }
}

@media (max-width: 700px) {
    .quote-form-card[b-aez8nfiio6] {
        padding: 25px 20px;
    }

    .form-row[b-aez8nfiio6],
    .form-row-three[b-aez8nfiio6] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-field[b-aez8nfiio6]  input,
    .form-field[b-aez8nfiio6]  select {
        height: 48px;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/AboutEn.razor.rz.scp.css */
.about-page[b-szxcty7vnr] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.about-hero[b-szxcty7vnr] {
    position: relative;

    padding: 82px 24px 86px;

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(14, 58, 95, 0.08),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f9fb 100%
        );
}

.about-hero[b-szxcty7vnr]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d51f36 0%,
            #d51f36 34%,
            #174c7e 34%,
            #174c7e 100%
        );
}

.about-hero-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(340px, 0.85fr);

    gap: 80px;

    align-items: center;
}

.about-hero-content[b-szxcty7vnr] {
    max-width: 670px;
}

.about-kicker[b-szxcty7vnr],
.about-page .section-kicker[b-szxcty7vnr] {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    color: #cf2037;

    font-size: 0.70rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.about-kicker[b-szxcty7vnr]::before,
.about-page .section-kicker[b-szxcty7vnr]::before {
    content: "";

    width: 21px;
    height: 2px;

    background: #d82037;
}

.about-hero h1[b-szxcty7vnr] {
    margin: 18px 0 0;

    color: #102d4c;

    font-size:
        clamp(
            2.4rem,
            4vw,
            3.85rem
        );

    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.about-hero h1 span[b-szxcty7vnr] {
    display: block;
    margin-top: 5px;

    color: #d42438;
}

.about-hero-content > p[b-szxcty7vnr] {
    max-width: 640px;
    margin: 24px 0 0;

    color: #687b8e;

    font-size: 0.98rem;
    line-height: 1.78;
}


/* =========================================================
   BOTÕES HERO
   ========================================================= */

.about-hero-actions[b-szxcty7vnr] {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 31px;
}

.about-btn-primary[b-szxcty7vnr],
.about-btn-secondary[b-szxcty7vnr] {
    min-height: 48px;

    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;

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

.about-btn-primary[b-szxcty7vnr] {
    background: #0b3459;
    color: #ffffff;
}

.about-btn-primary:hover[b-szxcty7vnr] {
    transform: translateY(-2px);
    background: #123f69;
    color: #ffffff;
}

.about-btn-secondary[b-szxcty7vnr] {
    border: 1px solid #cad6df;
    background: #ffffff;
    color: #173c60;
}

.about-btn-secondary:hover[b-szxcty7vnr] {
    transform: translateY(-2px);
    background: #f8fafc;
    color: #173c60;
}


/* =========================================================
   ESSÊNCIA
   ========================================================= */

.about-essence-card[b-szxcty7vnr] {
    padding: 34px 34px 31px;

    border: 1px solid #e1e8ee;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow:
        0 20px 55px rgba(21, 53, 79, 0.10);
}

.essence-kicker[b-szxcty7vnr] {
    color: #cf2037;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.essence-kicker[b-szxcty7vnr]::before {
    content: "●";
    margin-right: 7px;
    font-size: 0.45rem;
}

.about-essence-card h2[b-szxcty7vnr] {
    margin: 17px 0 0;

    color: #123351;

    font-size: 1.60rem;
    font-weight: 730;
    line-height: 1.18;
}

.about-essence-card h2 span[b-szxcty7vnr] {
    display: block;
}

.about-essence-card > p[b-szxcty7vnr] {
    margin: 18px 0 0;

    color: #718292;

    font-size: 0.87rem;
    line-height: 1.72;
}


/* ROTA HERO */

.essence-route[b-szxcty7vnr] {
    display: grid;

    grid-template-columns:
        auto minmax(70px, 1fr) auto;

    gap: 14px;
    align-items: center;

    margin-top: 27px;
}

.essence-country[b-szxcty7vnr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.essence-country > span[b-szxcty7vnr] {
    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.69rem;
    font-weight: 800;
}

.essence-country.china > span[b-szxcty7vnr] {
    background: #df273a;
}

.essence-country.brasil > span[b-szxcty7vnr] {
    background: #143d65;
}

.essence-country small[b-szxcty7vnr] {
    color: #344b60;
    font-size: 0.67rem;
}

.essence-line[b-szxcty7vnr] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            to right,
            #df273a,
            #345f87
        );
}

.essence-line span[b-szxcty7vnr] {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 9px;
    height: 9px;

    border: 2px solid #345f87;
    border-radius: 50%;

    background: #ffffff;

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


/* =========================================================
   QUEM SOMOS
   ========================================================= */

.about-story-section[b-szxcty7vnr] {
    padding: 95px 24px;

    background: #ffffff;
}

.about-story-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 72px;
    align-items: center;
}

.about-story-image[b-szxcty7vnr] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;
    background: #0b2d4d;

    box-shadow:
        0 26px 65px rgba(18, 48, 75, 0.16);
}

.about-story-image img[b-szxcty7vnr] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.about-story-image:hover img[b-szxcty7vnr] {
    transform: scale(1.025);
}

.story-image-overlay[b-szxcty7vnr] {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5, 24, 41, 0.78) 0%,
            rgba(5, 24, 41, 0.10) 48%,
            transparent 75%
        );
}

.story-image-caption[b-szxcty7vnr] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.story-image-caption span[b-szxcty7vnr] {
    display: block;
    margin-bottom: 7px;

    color: #ff6676;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.story-image-caption strong[b-szxcty7vnr] {
    display: block;

    max-width: 400px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   TÍTULOS INTERNOS
   ========================================================= */

.about-story-content h2[b-szxcty7vnr],
.about-work-heading h2[b-szxcty7vnr],
.about-route-content h2[b-szxcty7vnr],
.about-values-heading h2[b-szxcty7vnr] {
    margin: 15px 0 0;

    color: #133758;

    font-size:
        clamp(
            2rem,
            3vw,
            2.85rem
        );

    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.about-story-content h2 span[b-szxcty7vnr],
.about-work-heading h2 span[b-szxcty7vnr],
.about-route-content h2 span[b-szxcty7vnr],
.about-values-heading h2 span[b-szxcty7vnr] {
    color: #315f88;
}

.about-story-content > p[b-szxcty7vnr] {
    margin: 19px 0 0;

    color: #687b8d;

    font-size: 0.93rem;
    line-height: 1.80;
}


/* =========================================================
   COMO TRABALHAMOS
   ========================================================= */

.about-work-section[b-szxcty7vnr] {
    padding: 90px 24px;
    background: #f4f7fa;
}

.about-work-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.about-work-heading[b-szxcty7vnr] {
    max-width: 720px;
}

.about-work-heading > p[b-szxcty7vnr] {
    max-width: 590px;
    margin: 18px 0 0;

    color: #718293;

    font-size: 0.93rem;
    line-height: 1.75;
}

.about-work-grid[b-szxcty7vnr] {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    margin-top: 43px;

    border: 1px solid #dce5eb;

    background: #ffffff;
}

.about-work-card[b-szxcty7vnr] {
    min-height: 245px;

    padding: 27px 25px;

    border-right: 1px solid #dce5eb;

    transition: background 0.2s ease;
}

.about-work-card:last-child[b-szxcty7vnr] {
    border-right: none;
}

.about-work-card:hover[b-szxcty7vnr] {
    background: #f9fbfc;
}

.work-number[b-szxcty7vnr] {
    display: block;
    margin-bottom: 30px;

    color: #df2439;

    font-size: 0.70rem;
    font-weight: 800;
}

.about-work-card h3[b-szxcty7vnr] {
    margin: 0;

    color: #183a59;

    font-size: 1rem;
    font-weight: 700;
}

.about-work-card p[b-szxcty7vnr] {
    margin: 13px 0 0;

    color: #738494;

    font-size: 0.84rem;
    line-height: 1.70;
}


/* =========================================================
   CHINA → BRASIL
   ========================================================= */

.about-route-section[b-szxcty7vnr] {
    padding: 95px 24px;
    background: #ffffff;
}

.about-route-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 72px;
    align-items: center;
}

.about-route-content > p[b-szxcty7vnr] {
    margin: 18px 0 0;

    color: #718292;

    font-size: 0.91rem;
    line-height: 1.78;
}


/* MINI ROTA */

.route-highlights[b-szxcty7vnr] {
    display: flex;
    align-items: center;

    gap: 15px;
    margin-top: 25px;
}

.route-highlights > div:not(.route-arrow)[b-szxcty7vnr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.route-highlights > div:not(.route-arrow) > span[b-szxcty7vnr] {
    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: #eef4f8;
    color: #173f65;

    font-size: 0.65rem;
    font-weight: 800;
}

.route-highlights > div:first-child > span[b-szxcty7vnr] {
    background: #e52c40;
    color: #ffffff;
}

.route-highlights p[b-szxcty7vnr] {
    margin: 0;
}

.route-highlights small[b-szxcty7vnr],
.route-highlights strong[b-szxcty7vnr] {
    display: block;
}

.route-highlights small[b-szxcty7vnr] {
    color: #8594a1;
    font-size: 0.62rem;
}

.route-highlights strong[b-szxcty7vnr] {
    margin-top: 2px;

    color: #173b5c;
    font-size: 0.77rem;
}

.route-arrow[b-szxcty7vnr] {
    color: #8295a5;
    font-size: 1.1rem;
}

.about-route-link[b-szxcty7vnr] {
    display: inline-flex;
    align-items: center;

    gap: 9px;
    margin-top: 24px;

    color: #163f67;

    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}


/* FOTO DIREITA */

.about-route-image[b-szxcty7vnr] {
    position: relative;

    height: 430px;

    overflow: hidden;

    border-radius: 18px;
    background: #0b2d4d;

    box-shadow:
        0 26px 65px rgba(18, 48, 75, 0.17);
}

.about-route-image img[b-szxcty7vnr] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.about-route-image:hover img[b-szxcty7vnr] {
    transform: scale(1.025);
}

.route-image-overlay[b-szxcty7vnr] {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 22, 38, 0.80) 0%,
            rgba(4, 22, 38, 0.15) 42%,
            transparent 68%
        );
}

.route-image-caption[b-szxcty7vnr] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.route-image-caption > span[b-szxcty7vnr] {
    display: block;
    margin-bottom: 7px;

    color: #ff6475;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.route-image-caption strong[b-szxcty7vnr] {
    display: block;

    max-width: 410px;

    color: #ffffff;

    font-size: 1.10rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   VALORES
   ========================================================= */

.about-values-section[b-szxcty7vnr] {
    padding: 90px 24px;
    background: #f4f7fa;
}

.about-values-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.about-values-heading[b-szxcty7vnr] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.85fr);

    gap: 70px;

    align-items: end;

    margin-bottom: 40px;
}

.about-values-heading > p[b-szxcty7vnr] {
    margin: 0;

    color: #718293;

    font-size: 0.90rem;
    line-height: 1.75;
}

.about-values-grid[b-szxcty7vnr] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top: 1px solid #d7e0e7;
}

.value-item[b-szxcty7vnr] {
    display: grid;

    grid-template-columns:
        48px 1fr;

    gap: 18px;

    padding: 26px 0;

    border-bottom: 1px solid #d7e0e7;
}

.value-item:nth-child(odd)[b-szxcty7vnr] {
    padding-right: 35px;
    border-right: 1px solid #d7e0e7;
}

.value-item:nth-child(even)[b-szxcty7vnr] {
    padding-left: 35px;
}

.value-item > span[b-szxcty7vnr] {
    color: #d72239;

    font-size: 0.68rem;
    font-weight: 800;
}

.value-item h3[b-szxcty7vnr] {
    margin: 0;

    color: #183a59;

    font-size: 0.96rem;
}

.value-item p[b-szxcty7vnr] {
    margin: 8px 0 0;

    color: #728393;

    font-size: 0.82rem;
    line-height: 1.65;
}


/* =========================================================
   CTA - MESMO PADRÃO DA PÁGINA CHINA → BRASIL
   ========================================================= */

.about-cta[b-szxcty7vnr] {
    position: relative;

    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}

.about-cta[b-szxcty7vnr]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            #ef2b2d,
            #38bdf8
        );
}

.about-cta-container[b-szxcty7vnr] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;
}

.about-cta-content[b-szxcty7vnr] {
    max-width: 760px;
}

.about-cta-content > span[b-szxcty7vnr] {
    display: inline-block;
    margin-bottom: 14px;

    color: #ef2b2d;

    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.about-cta h2[b-szxcty7vnr] {
    max-width: 760px;
    margin: 0;

    color: #0b2d4d;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.025em;
}

.about-cta p[b-szxcty7vnr] {
    max-width: 700px;
    margin: 16px 0 0;

    color: #526579;

    font-size: 0.98rem;
    line-height: 1.70;
}

.about-cta-actions[b-szxcty7vnr] {
    min-width: 250px;

    display: flex;
    flex-direction: column;
    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}

.about-cta-primary[b-szxcty7vnr],
.about-cta-secondary[b-szxcty7vnr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.about-page .about-cta-primary[b-szxcty7vnr],
.about-page .about-cta-primary:link[b-szxcty7vnr],
.about-page .about-cta-primary:visited[b-szxcty7vnr] {
    min-height: 50px;

    border: 0 !important;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);
}

.about-page .about-cta-primary[b-szxcty7vnr],
.about-page .about-cta-primary *[b-szxcty7vnr],
.about-page .about-cta-primary span[b-szxcty7vnr] {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.about-page .about-cta-primary:hover[b-szxcty7vnr],
.about-page .about-cta-primary:focus-visible[b-szxcty7vnr] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}

.about-page .about-cta-secondary[b-szxcty7vnr],
.about-page .about-cta-secondary:link[b-szxcty7vnr],
.about-page .about-cta-secondary:visited[b-szxcty7vnr] {
    min-height: 48px;

    border: 1px solid #cfd9e3 !important;

    background: #ffffff !important;
    color: #0b2d4d !important;
}

.about-page .about-cta-secondary:hover[b-szxcty7vnr],
.about-page .about-cta-secondary:focus-visible[b-szxcty7vnr] {
    transform: translateY(-2px);

    border-color: #0b2d4d !important;
    color: #0b2d4d !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .about-hero-container[b-szxcty7vnr],
    .about-story-container[b-szxcty7vnr],
    .about-route-container[b-szxcty7vnr] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .about-work-grid[b-szxcty7vnr] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .about-route-content[b-szxcty7vnr] {
        order: 1;
    }

    .about-route-image[b-szxcty7vnr] {
        order: 2;
        height: 440px;
    }

    .about-values-heading[b-szxcty7vnr] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-cta-container[b-szxcty7vnr] {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .about-cta-actions[b-szxcty7vnr] {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .about-hero[b-szxcty7vnr] {
        padding: 62px 18px 65px;
    }

    .about-hero h1[b-szxcty7vnr] {
        font-size: 2.10rem;
    }

    .about-hero-actions[b-szxcty7vnr] {
        flex-direction: column;
    }

    .about-btn-primary[b-szxcty7vnr],
    .about-btn-secondary[b-szxcty7vnr] {
        width: 100%;
    }

    .about-story-section[b-szxcty7vnr],
    .about-work-section[b-szxcty7vnr],
    .about-route-section[b-szxcty7vnr],
    .about-values-section[b-szxcty7vnr] {
        padding: 65px 18px;
    }

    .about-story-image[b-szxcty7vnr],
    .about-route-image[b-szxcty7vnr] {
        height: 330px;
        border-radius: 14px;
    }

    .about-work-grid[b-szxcty7vnr],
    .about-values-grid[b-szxcty7vnr] {
        grid-template-columns: 1fr;
    }

    .about-work-card[b-szxcty7vnr] {
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #dce5eb;
    }

    .value-item:nth-child(odd)[b-szxcty7vnr],
    .value-item:nth-child(even)[b-szxcty7vnr] {
        padding: 23px 0;
        border-right: none;
    }

    .about-cta[b-szxcty7vnr] {
        padding: 52px 20px 56px;
    }

    .about-cta-actions[b-szxcty7vnr] {
        flex-direction: column;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .about-hero h1[b-szxcty7vnr] {
        font-size: 1.88rem;
    }

    .about-story-image[b-szxcty7vnr],
    .about-route-image[b-szxcty7vnr] {
        height: 285px;
    }

    .about-story-content h2[b-szxcty7vnr],
    .about-work-heading h2[b-szxcty7vnr],
    .about-route-content h2[b-szxcty7vnr],
    .about-values-heading h2[b-szxcty7vnr] {
        font-size: 1.72rem;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/ChinaBrazilEn.razor.rz.scp.css */
/* =========================================================
   CHINA → BRASIL - LOGIMAR
   ========================================================= */

:root[b-14ry4dufik] {
    --china-red: #ef2b2d;
    --brasil-blue: #38bdf8;
    --navy: #0b2d4d;
    --navy-dark: #071f36;
    --text: #526579;
    --line: #dfe7ef;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
}


/* =========================================================
   HERO
   ========================================================= */

.china-hero[b-14ry4dufik] {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.97) 0%,
            rgba(5, 35, 62, 0.93) 48%,
            rgba(5, 35, 62, 0.74) 100%
        ),
        url('/images/logimar-hero.png');

    background-size: cover;
    background-position: center;

    color: #ffffff;
}

.china-hero[b-14ry4dufik]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            rgba(239, 43, 45, 0.25),
            rgba(56, 189, 248, 0.35),
            var(--brasil-blue)
        );

    background-size: 220% 100%;

    animation: heroLine-b-14ry4dufik 5s linear infinite;
}

.china-hero-overlay[b-14ry4dufik] {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 82% 40%,
            rgba(56, 189, 248, 0.13),
            transparent 30%
        );

    pointer-events: none;
}

.china-hero-container[b-14ry4dufik] {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;
    padding: 92px 28px 82px;

    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 72px;

    align-items: center;
}

.china-hero-content[b-14ry4dufik] {
    animation: heroContentIn-b-14ry4dufik 0.9s var(--ease) both;
}

.china-hero-kicker[b-14ry4dufik] {
    display: inline-flex;

    margin-bottom: 20px;
    padding: 8px 13px;

    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;

    background: rgba(255, 255, 255, 0.05);

    color: #d9e7f3;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;

    backdrop-filter: blur(8px);
}

.china-hero h1[b-14ry4dufik] {
    max-width: 650px;

    margin: 0;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(3rem, 5vw, 5rem);
    font-weight: 700;
    line-height: 0.99;
    letter-spacing: -0.035em;
}

.china-word[b-14ry4dufik] {
    color: var(--china-red);
}

.brasil-word[b-14ry4dufik] {
    color: var(--brasil-blue);
}

.china-arrow[b-14ry4dufik] {
    display: inline-block;

    margin: 0 8px;

    animation: arrowMove-b-14ry4dufik 2s ease-in-out infinite;
}

.china-hero-content > p[b-14ry4dufik] {
    max-width: 620px;

    margin: 24px 0 0;

    color: #d7e1ea;

    font-size: 1.05rem;
    line-height: 1.72;
}

.china-hero-actions[b-14ry4dufik] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 30px;
}

.china-primary-button[b-14ry4dufik],
.china-secondary-button[b-14ry4dufik] {
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 22px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.china-primary-button[b-14ry4dufik] {
    background: #ffffff;
    color: var(--navy);

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}

.china-primary-button:hover[b-14ry4dufik] {
    transform: translateY(-4px);

    color: var(--navy);

    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.20);
}

.china-primary-button span[b-14ry4dufik] {
    color: var(--china-red);
}

.china-secondary-button[b-14ry4dufik] {
    border: 1px solid rgba(255, 255, 255, 0.42);

    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;

    backdrop-filter: blur(8px);
}

.china-secondary-button:hover[b-14ry4dufik] {
    transform: translateY(-4px);

    border-color: rgba(255, 255, 255, 0.75);

    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}


/* =========================================================
   HERO PANEL
   ========================================================= */

.china-hero-panel[b-14ry4dufik] {
    padding: 27px;

    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 14px;

    background: rgba(5, 25, 45, 0.48);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    backdrop-filter: blur(13px);

    animation: heroPanelIn-b-14ry4dufik 1s var(--ease) 0.15s both;
}

.panel-label[b-14ry4dufik] {
    color: #9db0c2;

    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.panel-route[b-14ry4dufik] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;

    align-items: center;

    margin-top: 24px;
    padding-bottom: 24px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.panel-country[b-14ry4dufik] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-country > span[b-14ry4dufik] {
    width: 42px;
    height: 42px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.66rem;
    font-weight: 800;
}

.panel-country.china > span[b-14ry4dufik] {
    background: var(--china-red);
}

.panel-country.brasil > span[b-14ry4dufik] {
    background: #0ea5e9;
}

.panel-country strong[b-14ry4dufik] {
    font-size: 0.9rem;
    font-weight: 600;
}

.panel-line[b-14ry4dufik] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.panel-ship[b-14ry4dufik] {
    position: absolute;
    top: 50%;
    left: 58%;

    width: 32px;
    height: 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;
    color: var(--navy);

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

    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.22);

    animation: shipFloat-b-14ry4dufik 2.6s ease-in-out infinite;
}

.panel-details[b-14ry4dufik] {
    display: grid;
    gap: 0;

    margin-top: 8px;
}

.panel-details > div[b-14ry4dufik] {
    display: grid;
    grid-template-columns: 84px 1fr;
    gap: 15px;

    padding: 13px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.panel-details > div:last-child[b-14ry4dufik] {
    border-bottom: 0;
}

.panel-details strong[b-14ry4dufik] {
    color: #ffffff;

    font-size: 0.78rem;
    font-weight: 600;
}

.panel-details span[b-14ry4dufik] {
    color: #aebdcb;

    font-size: 0.78rem;
    line-height: 1.45;
}


/* =========================================================
   TIPOGRAFIA DE SEÇÕES
   ========================================================= */

.section-kicker[b-14ry4dufik],
.flow-kicker[b-14ry4dufik],
.ports-kicker[b-14ry4dufik],
.benefits-kicker[b-14ry4dufik],
.final-cta-kicker[b-14ry4dufik] {
    display: inline-block;

    margin-bottom: 14px;

    color: var(--china-red);

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.section-heading h2[b-14ry4dufik],
.flow-intro h2[b-14ry4dufik],
.ports-heading h2[b-14ry4dufik],
.benefits-intro h2[b-14ry4dufik],
.final-cta-content h2[b-14ry4dufik] {
    margin: 0;

    color: var(--navy);

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1.05;
    letter-spacing: -0.025em;
}

.section-heading h2 span[b-14ry4dufik],
.flow-intro h2 span[b-14ry4dufik],
.benefits-intro h2 span[b-14ry4dufik],
.final-cta-content h2 span[b-14ry4dufik] {
    color: #0ea5e9;
}

.section-heading p[b-14ry4dufik],
.flow-intro p[b-14ry4dufik],
.ports-heading p[b-14ry4dufik],
.benefits-intro p[b-14ry4dufik],
.final-cta-content p[b-14ry4dufik] {
    margin: 18px 0 0;

    color: var(--text);

    font-size: 0.98rem;
    line-height: 1.7;
}


/* =========================================================
   VISÃO GERAL
   ========================================================= */

.overview-section[b-14ry4dufik] {
    padding: 72px 28px 76px;

    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(239, 43, 45, 0.045),
            transparent 25%
        ),
        #ffffff;
}

.overview-container[b-14ry4dufik] {
    max-width: 1180px;
    margin: 0 auto;
}

.overview-section .section-heading[b-14ry4dufik] {
    max-width: 760px;
    margin-bottom: 38px;
}

.overview-grid[b-14ry4dufik] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.overview-card[b-14ry4dufik] {
    position: relative;
    overflow: hidden;

    min-height: 205px;
    padding: 24px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: #ffffff;

    transition:
        transform 340ms var(--ease),
        box-shadow 340ms ease,
        border-color 340ms ease;
}

.overview-card[b-14ry4dufik]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 3px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );

    transition: width 380ms var(--ease);
}

.overview-card:hover[b-14ry4dufik] {
    transform: translateY(-8px);

    border-color: #cbd5e1;

    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.08);
}

.overview-card:hover[b-14ry4dufik]::before {
    width: 100%;
}

.overview-number[b-14ry4dufik] {
    display: inline-flex;

    margin-bottom: 22px;

    color: var(--china-red);

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.overview-card:nth-child(even) .overview-number[b-14ry4dufik] {
    color: #0284c7;
}

.overview-card h3[b-14ry4dufik] {
    margin: 0 0 10px;

    color: var(--navy);

    font-size: 1.06rem;
    font-weight: 650;
}

.overview-card p[b-14ry4dufik] {
    margin: 0;

    color: var(--text);

    font-size: 0.88rem;
    line-height: 1.62;
}


/* =========================================================
   FLUXO OPERACIONAL
   ========================================================= */

.flow-section[b-14ry4dufik] {
    padding: 72px 28px 76px;

    background: #f8fafc;
}

.flow-container[b-14ry4dufik] {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    gap: 76px;

    align-items: start;
}

.flow-intro[b-14ry4dufik] {
    position: sticky;
    top: 110px;

    max-width: 470px;
}

.flow-link[b-14ry4dufik] {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin-top: 22px;

    color: var(--navy);

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition: transform 240ms var(--ease);
}

.flow-link span[b-14ry4dufik] {
    color: var(--china-red);

    transition: transform 240ms var(--ease);
}

.flow-link:hover[b-14ry4dufik] {
    transform: translateX(4px);
    color: var(--navy);
}

.flow-link:hover span[b-14ry4dufik] {
    transform: translateX(5px);
}

.flow-list[b-14ry4dufik] {
    border-top: 1px solid var(--line);
}

.flow-item[b-14ry4dufik] {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 22px;

    padding: 26px 0;

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

    transition:
        transform 320ms var(--ease),
        padding-left 320ms var(--ease),
        background-color 320ms ease;
}

.flow-item:hover[b-14ry4dufik] {
    transform: translateX(7px);

    padding-left: 13px;

    background: rgba(255, 255, 255, 0.72);
}

.flow-number[b-14ry4dufik] {
    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: rgba(239, 43, 45, 0.08);
    color: var(--china-red);

    font-size: 0.69rem;
    font-weight: 800;
}

.flow-item:nth-child(even) .flow-number[b-14ry4dufik] {
    background: rgba(14, 165, 233, 0.08);
    color: #0284c7;
}

.flow-item small[b-14ry4dufik] {
    display: block;

    margin-bottom: 6px;

    color: #8092a5;

    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.flow-item h3[b-14ry4dufik] {
    margin: 0 0 8px;

    color: var(--navy);

    font-size: 1.13rem;
    font-weight: 650;
}

.flow-item p[b-14ry4dufik] {
    max-width: 560px;

    margin: 0;

    color: var(--text);

    font-size: 0.91rem;
    line-height: 1.64;
}


/* =========================================================
   PORTOS
   ========================================================= */

.route-ports-section[b-14ry4dufik] {
    padding: 72px 28px 76px;

    background:
        radial-gradient(
            circle at 18% 25%,
            rgba(239, 43, 45, 0.08),
            transparent 25%
        ),
        radial-gradient(
            circle at 82% 70%,
            rgba(56, 189, 248, 0.08),
            transparent 27%
        ),
        var(--navy-dark);

    color: #ffffff;
}

.route-ports-container[b-14ry4dufik] {
    max-width: 1180px;
    margin: 0 auto;
}

.ports-heading[b-14ry4dufik] {
    max-width: 780px;
    margin-bottom: 40px;
}

.ports-heading h2[b-14ry4dufik] {
    color: #ffffff;
}

.ports-heading p[b-14ry4dufik] {
    color: #bac7d3;
}

.china-title[b-14ry4dufik] {
    color: var(--china-red);
}

.brasil-title[b-14ry4dufik] {
    color: var(--brasil-blue);
}

.ports-grid[b-14ry4dufik] {
    display: grid;
    grid-template-columns: 1fr 150px 1fr;
    gap: 26px;

    align-items: center;
}

.port-country[b-14ry4dufik] {
    position: relative;
    overflow: hidden;

    padding: 24px;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        );

    transition:
        transform 340ms var(--ease),
        box-shadow 340ms ease,
        border-color 340ms ease;
}

.port-country:hover[b-14ry4dufik] {
    transform: translateY(-7px);

    border-color: rgba(255, 255, 255, 0.18);

    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.18);
}

.port-country[b-14ry4dufik]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 3px;
}

.port-country.china[b-14ry4dufik]::before {
    background: var(--china-red);
}

.port-country.brasil[b-14ry4dufik]::before {
    background: var(--brasil-blue);
}

.port-country-header[b-14ry4dufik] {
    display: flex;
    align-items: center;
    gap: 14px;

    margin-bottom: 20px;
    padding-bottom: 17px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.country-badge[b-14ry4dufik] {
    width: 44px;
    height: 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.68rem;
    font-weight: 800;
}

.country-badge.china[b-14ry4dufik] {
    background: var(--china-red);
}

.country-badge.brasil[b-14ry4dufik] {
    background: #0ea5e9;
}

.port-country-header small[b-14ry4dufik] {
    display: block;

    margin-bottom: 3px;

    color: #9eb0c1;

    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.port-country-header h3[b-14ry4dufik] {
    margin: 0;

    color: #ffffff;

    font-size: 1.2rem;
    font-weight: 650;
}

.port-list[b-14ry4dufik] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 20px;
}

.port-list span[b-14ry4dufik] {
    padding: 11px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    color: #d6e0e9;

    font-size: 0.84rem;
}

.ocean-connection[b-14ry4dufik] {
    min-height: 160px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ocean-connection-line[b-14ry4dufik] {
    position: relative;

    width: 100%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.ocean-marker[b-14ry4dufik] {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 54px;
    height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 6px solid var(--navy-dark);
    border-radius: 50%;

    background: #ffffff;
    color: var(--navy);

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

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);

    animation: oceanFloat-b-14ry4dufik 2.8s ease-in-out infinite;
}

.ocean-connection small[b-14ry4dufik] {
    margin-top: 38px;

    color: #8fa3b5;

    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.07em;
}


/* =========================================================
   BENEFÍCIOS
   ========================================================= */

.route-benefits-section[b-14ry4dufik] {
    padding: 72px 28px 76px;

    background: #ffffff;
}

.route-benefits-container[b-14ry4dufik] {
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;

    align-items: start;
}

.benefits-intro[b-14ry4dufik] {
    max-width: 470px;
}

.benefits-grid[b-14ry4dufik] {
    display: grid;
    gap: 14px;
}

.benefit-card[b-14ry4dufik] {
    position: relative;

    padding: 23px 24px 23px 68px;

    border: 1px solid #e2e8f0;
    border-radius: 11px;

    background: #ffffff;

    transition:
        transform 320ms var(--ease),
        box-shadow 320ms ease,
        border-color 320ms ease;
}

.benefit-card:hover[b-14ry4dufik] {
    transform: translateX(7px);

    border-color: #cbd5e1;

    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
}

.benefit-card > span[b-14ry4dufik] {
    position: absolute;
    top: 23px;
    left: 23px;

    color: var(--china-red);

    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.benefit-card:nth-child(even) > span[b-14ry4dufik] {
    color: #0284c7;
}

.benefit-card h3[b-14ry4dufik] {
    margin: 0 0 7px;

    color: var(--navy);

    font-size: 1.08rem;
    font-weight: 650;
}

.benefit-card p[b-14ry4dufik] {
    margin: 0;

    color: var(--text);

    font-size: 0.9rem;
    line-height: 1.64;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.route-final-cta[b-14ry4dufik] {
    position: relative;

    padding: 68px 28px 72px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(14, 165, 233, 0.09),
            transparent 28%
        ),
        #f8fafc;
}

.route-final-cta[b-14ry4dufik]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 5px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--china-red),
            var(--brasil-blue)
        );
}

.route-final-cta-container[b-14ry4dufik] {
    max-width: 1180px;
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 54px;
}

.final-cta-content[b-14ry4dufik] {
    max-width: 700px;
}

.final-cta-actions[b-14ry4dufik] {
    min-width: 250px;

    display: flex;
    flex-direction: column;
    gap: 10px;

    padding: 13px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: rgba(255, 255, 255, 0.74);

    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.07);

    backdrop-filter: blur(9px);
}

.final-cta-primary[b-14ry4dufik],
.final-cta-secondary[b-14ry4dufik] {
    min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.final-cta-primary[b-14ry4dufik] {
    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow: 0 10px 24px rgba(11, 45, 77, 0.15);
}

.final-cta-primary:hover[b-14ry4dufik] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--china-red),
            #d92527
        );

    color: #ffffff;

    box-shadow: 0 16px 30px rgba(239, 43, 45, 0.20);
}

.final-cta-secondary[b-14ry4dufik] {
    border: 1px solid #d8e0e8;

    background: #ffffff;
    color: var(--navy);
}

.final-cta-secondary:hover[b-14ry4dufik] {
    transform: translateY(-3px);

    border-color: var(--navy);

    color: var(--navy);
}


/* =========================================================
   ANIMAÇÕES
   ========================================================= */

@keyframes heroContentIn-b-14ry4dufik {
    from {
        opacity: 0;
        transform: translateY(28px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes heroPanelIn-b-14ry4dufik {
    from {
        opacity: 0;
        transform: translateY(24px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes heroLine-b-14ry4dufik {
    from {
        background-position: 0% 50%;
    }

    to {
        background-position: 220% 50%;
    }
}

@keyframes arrowMove-b-14ry4dufik {
    0%,
    100% {
        transform: translateX(0);
        opacity: 0.82;
    }

    50% {
        transform: translateX(6px);
        opacity: 1;
    }
}

@keyframes shipFloat-b-14ry4dufik {
    0%,
    100% {
        transform: translate(-50%, -50%) translateY(0);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-5px);
    }
}

@keyframes oceanFloat-b-14ry4dufik {
    0%,
    100% {
        transform: translate(-50%, -50%) translateY(0);
    }

    50% {
        transform: translate(-50%, -50%) translateY(-6px);
    }
}


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

@media (max-width: 1000px) {
    .china-hero-container[b-14ry4dufik],
    .flow-container[b-14ry4dufik],
    .route-benefits-container[b-14ry4dufik] {
        grid-template-columns: 1fr;
        gap: 46px;
    }

    .flow-intro[b-14ry4dufik] {
        position: static;
        max-width: 720px;
    }

    .overview-grid[b-14ry4dufik] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ports-grid[b-14ry4dufik] {
        grid-template-columns: 1fr;
    }

    .ocean-connection[b-14ry4dufik] {
        min-height: 90px;
    }

    .ocean-connection-line[b-14ry4dufik] {
        width: 90px;
        transform: rotate(90deg);
    }

    .ocean-connection small[b-14ry4dufik] {
        display: none;
    }
}

@media (max-width: 700px) {
    .china-hero-container[b-14ry4dufik] {
        padding: 65px 20px 58px;
    }

    .china-hero h1[b-14ry4dufik] {
        font-size: clamp(2.6rem, 11vw, 3.4rem);
    }

    .china-hero-actions[b-14ry4dufik] {
        flex-direction: column;
    }

    .china-primary-button[b-14ry4dufik],
    .china-secondary-button[b-14ry4dufik] {
        width: 100%;
    }

    .china-hero-panel[b-14ry4dufik] {
        padding: 22px;
    }

    .panel-route[b-14ry4dufik] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .panel-line[b-14ry4dufik] {
        width: 3px;
        height: 58px;
        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                var(--china-red),
                var(--brasil-blue)
            );
    }

    .panel-country.brasil[b-14ry4dufik] {
        justify-content: flex-end;
    }

    .panel-details > div[b-14ry4dufik] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .overview-section[b-14ry4dufik],
    .flow-section[b-14ry4dufik],
    .route-ports-section[b-14ry4dufik],
    .route-benefits-section[b-14ry4dufik],
    .route-final-cta[b-14ry4dufik] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .overview-section[b-14ry4dufik],
    .flow-section[b-14ry4dufik],
    .route-ports-section[b-14ry4dufik],
    .route-benefits-section[b-14ry4dufik] {
        padding-top: 56px;
        padding-bottom: 60px;
    }

    .overview-grid[b-14ry4dufik] {
        grid-template-columns: 1fr;
    }

    .flow-item[b-14ry4dufik] {
        grid-template-columns: 46px 1fr;
        gap: 14px;
    }

    .flow-item:hover[b-14ry4dufik],
    .benefit-card:hover[b-14ry4dufik],
    .port-country:hover[b-14ry4dufik] {
        transform: none;
    }

    .port-list[b-14ry4dufik] {
        grid-template-columns: 1fr;
    }

    .route-final-cta[b-14ry4dufik] {
        padding-top: 56px;
        padding-bottom: 60px;
    }

    .route-final-cta-container[b-14ry4dufik] {
        align-items: flex-start;
        flex-direction: column;
        gap: 32px;
    }

    .final-cta-actions[b-14ry4dufik] {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-14ry4dufik],
    *[b-14ry4dufik]::before,
    *[b-14ry4dufik]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* =========================================================
   CHINA -> BRASIL V2 - CORREÇÕES FINAIS
   ========================================================= */

/* ---------------------------------------------------------
   HERO - hierarquia e leitura
   --------------------------------------------------------- */

.china-hero h1[b-14ry4dufik] {
    max-width: 700px;
    font-size: clamp(2.85rem, 4.7vw, 4.7rem);
    line-height: 1.01;
}

.hero-route-signature[b-14ry4dufik] {
    display: inline-flex;
    align-items: center;
    gap: 11px;

    margin-top: 16px;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.hero-route-china[b-14ry4dufik] {
    color: var(--china-red);
}

.hero-route-brasil[b-14ry4dufik] {
    color: var(--brasil-blue);
}

.hero-route-arrow[b-14ry4dufik] {
    display: inline-block;
    color: #ffffff;
    animation: arrowMove-b-14ry4dufik 2s ease-in-out infinite;
}

/* Mantém qualquer seta antiga sem afetar o layout */
.china-arrow[b-14ry4dufik] {
    display: none;
}

/* ---------------------------------------------------------
   BOTÕES - corrige interferência de estilos globais
   --------------------------------------------------------- */

.china-page .china-primary-button[b-14ry4dufik],
.china-page .china-primary-button:link[b-14ry4dufik],
.china-page .china-primary-button:visited[b-14ry4dufik] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

.china-page .china-primary-button:hover[b-14ry4dufik],
.china-page .china-primary-button:focus-visible[b-14ry4dufik] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

.china-page .china-primary-button span[b-14ry4dufik] {
    color: var(--china-red) !important;
}

.china-page .china-secondary-button[b-14ry4dufik],
.china-page .china-secondary-button:link[b-14ry4dufik],
.china-page .china-secondary-button:visited[b-14ry4dufik] {
    color: #ffffff !important;
}

.china-page .final-cta-primary[b-14ry4dufik],
.china-page .final-cta-primary:link[b-14ry4dufik],
.china-page .final-cta-primary:visited[b-14ry4dufik] {
    background: linear-gradient(90deg, var(--navy), #0d3c68) !important;
    color: #ffffff !important;
}

.china-page .final-cta-primary:hover[b-14ry4dufik],
.china-page .final-cta-primary:focus-visible[b-14ry4dufik] {
    background: linear-gradient(90deg, var(--china-red), #d92527) !important;
    color: #ffffff !important;
}

.china-page .final-cta-primary span[b-14ry4dufik] {
    color: #ffffff !important;
}

.china-page .final-cta-secondary[b-14ry4dufik],
.china-page .final-cta-secondary:link[b-14ry4dufik],
.china-page .final-cta-secondary:visited[b-14ry4dufik] {
    background: #ffffff !important;
    color: var(--navy) !important;
}

/* ---------------------------------------------------------
   PAINEL DO HERO - rota mais clara
   --------------------------------------------------------- */

.panel-line[b-14ry4dufik] {
    position: relative;
    height: 3px;
    border-radius: 999px;
    overflow: visible;

    background:
        linear-gradient(
            90deg,
            var(--china-red) 0%,
            #ffffff 50%,
            var(--brasil-blue) 100%
        );
}

.panel-line[b-14ry4dufik]::before,
.panel-line[b-14ry4dufik]::after {
    content: "";
    position: absolute;
    top: 50%;

    width: 8px;
    height: 8px;

    border-radius: 50%;

    transform: translateY(-50%);
}

.panel-line[b-14ry4dufik]::before {
    left: -1px;
    background: var(--china-red);
}

.panel-line[b-14ry4dufik]::after {
    right: -1px;
    background: var(--brasil-blue);
}

.panel-ship[b-14ry4dufik] {
    width: 34px;
    height: 34px;

    color: var(--navy);
    font-size: 0.92rem;
    font-weight: 800;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.24),
        0 0 0 5px rgba(255, 255, 255, 0.10);
}

/* ---------------------------------------------------------
   ETAPA POR ETAPA - mais compacta
   --------------------------------------------------------- */

.flow-section[b-14ry4dufik] {
    padding-top: 62px;
    padding-bottom: 64px;
}

.flow-container[b-14ry4dufik] {
    gap: 64px;
}

.flow-list[b-14ry4dufik] {
    border-top: 1px solid var(--line);
}

.flow-item[b-14ry4dufik] {
    padding: 20px 0;
}

.flow-item h3[b-14ry4dufik] {
    margin-bottom: 6px;
}

.flow-item p[b-14ry4dufik] {
    line-height: 1.58;
}

/* ---------------------------------------------------------
   PORTOS - corrige fundo/contraste e mantém visual escuro
   --------------------------------------------------------- */

.china-page .route-ports-section[b-14ry4dufik] {
    position: relative;
    overflow: hidden;

    padding: 68px 28px 72px;

    background:
        radial-gradient(circle at 18% 24%, rgba(239, 43, 45, 0.09), transparent 26%),
        radial-gradient(circle at 82% 70%, rgba(56, 189, 248, 0.10), transparent 28%),
        #071f36 !important;

    color: #ffffff !important;
}

.china-page .route-ports-section[b-14ry4dufik]::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.01),
            rgba(255,255,255,0)
        );

    pointer-events: none;
}

.china-page .route-ports-container[b-14ry4dufik] {
    position: relative;
    z-index: 1;
}

.china-page .route-ports-section .ports-kicker[b-14ry4dufik] {
    color: #ef2b2d !important;
}

.china-page .route-ports-section .ports-heading h2[b-14ry4dufik] {
    color: #ffffff !important;
}

.china-page .route-ports-section .ports-heading p[b-14ry4dufik] {
    color: #c2ced8 !important;
}

.china-page .route-ports-section .china-title[b-14ry4dufik] {
    color: #ef2b2d !important;
}

.china-page .route-ports-section .brasil-title[b-14ry4dufik] {
    color: #38bdf8 !important;
}

.china-page .port-country[b-14ry4dufik] {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        ) !important;

    border-color: rgba(255, 255, 255, 0.11) !important;
}

.china-page .port-country-header h3[b-14ry4dufik],
.china-page .port-list span[b-14ry4dufik] {
    color: #ffffff !important;
}

.china-page .port-country-header small[b-14ry4dufik] {
    color: #9fb1c2 !important;
}

.china-page .port-list span[b-14ry4dufik] {
    color: #d2dde7 !important;
}

.china-page .ocean-connection small[b-14ry4dufik] {
    color: #93a7b8 !important;
}

.china-page .ocean-connection-line[b-14ry4dufik] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #38bdf8
        ) !important;
}

.china-page .ocean-marker[b-14ry4dufik] {
    background: #ffffff !important;
    color: var(--navy) !important;
    border-color: #071f36 !important;
}

/* ---------------------------------------------------------
   MENOS RUÍDO / MAIS CONTROLE - reduz sobra vertical
   --------------------------------------------------------- */

.route-benefits-section[b-14ry4dufik] {
    padding-top: 60px;
    padding-bottom: 62px;
}

.route-benefits-container[b-14ry4dufik] {
    gap: 60px;
}

.benefits-grid[b-14ry4dufik] {
    gap: 12px;
}

.benefit-card[b-14ry4dufik] {
    padding-top: 20px;
    padding-bottom: 20px;
}

.benefit-card > span[b-14ry4dufik] {
    top: 20px;
}

/* ---------------------------------------------------------
   CTA FINAL - reforço de contraste
   --------------------------------------------------------- */

.route-final-cta[b-14ry4dufik] {
    padding-top: 62px;
    padding-bottom: 66px;
}

.final-cta-actions[b-14ry4dufik] {
    background: rgba(255, 255, 255, 0.82);
}

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

@media (max-width: 700px) {
    .hero-route-signature[b-14ry4dufik] {
        margin-top: 14px;
    }

    .flow-section[b-14ry4dufik],
    .route-ports-section[b-14ry4dufik],
    .route-benefits-section[b-14ry4dufik],
    .route-final-cta[b-14ry4dufik] {
        padding-top: 52px;
        padding-bottom: 56px;
    }

    .flow-item[b-14ry4dufik] {
        padding: 18px 0;
    }

    .panel-line[b-14ry4dufik] {
        width: 3px;
        height: 62px;
        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                var(--china-red),
                #ffffff 50%,
                var(--brasil-blue)
            );
    }

    .panel-line[b-14ry4dufik]::before,
    .panel-line[b-14ry4dufik]::after {
        left: 50%;
        right: auto;
        transform: translate(-50%, 0);
    }

    .panel-line[b-14ry4dufik]::before {
        top: -1px;
    }

    .panel-line[b-14ry4dufik]::after {
        top: auto;
        bottom: -1px;
    }

    .panel-ship[b-14ry4dufik] {
        top: 50%;
        left: 50%;
    }
}

/* =========================================================
   HERO V2.1 - AJUSTE PONTUAL
   Botão principal + marcador da rota
   ========================================================= */

/* Texto do botão fica explícito e independente de estilos globais */
.china-page .china-primary-button .china-button-label[b-14ry4dufik] {
    color: #0b2d4d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

.china-page .china-primary-button .china-button-arrow[b-14ry4dufik] {
    color: #ef2b2d !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;

    font-size: 1rem;
    line-height: 1;

    transition: transform 220ms ease;
}

.china-page .china-primary-button:hover .china-button-arrow[b-14ry4dufik] {
    transform: translateX(4px);
}

/* Marcador central: círculo com seta desenhada via CSS */
.china-page .panel-ship[b-14ry4dufik] {
    position: absolute;
    top: 50%;
    left: 58%;

    width: 36px;
    height: 36px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 4px solid rgba(7, 31, 54, 0.28);
    border-radius: 50%;

    background: #ffffff !important;

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

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.22),
        0 0 0 4px rgba(255, 255, 255, 0.08);

    animation: shipFloat-b-14ry4dufik 2.6s ease-in-out infinite;
}

.china-page .panel-ship[b-14ry4dufik]::before {
    content: "→";

    display: block;

    color: #0b2d4d !important;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.15rem;
    font-weight: 900;
    line-height: 1;

    transform: translateY(-1px);
}

/* Pequeno brilho correndo pela linha reforça o sentido China -> Brasil */
.china-page .panel-line[b-14ry4dufik]::after {
    content: "";

    position: absolute;
    top: 50%;
    left: 8%;

    width: 34px;
    height: 5px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.95),
            transparent
        );

    filter: blur(0.5px);

    transform: translateY(-50%);

    animation: panelRouteLight-b-14ry4dufik 3.6s ease-in-out infinite;
}

/* Recria o ponto azul final porque ::after agora é usado pelo brilho */
.china-page .panel-line[b-14ry4dufik] {
    box-shadow:
        inset -4px 0 0 #38bdf8,
        inset 4px 0 0 #ef2b2d;
}

@keyframes panelRouteLight-b-14ry4dufik {
    0% {
        left: 6%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: calc(94% - 34px);
        opacity: 0;
    }
}

@media (max-width: 700px) {
    .china-page .panel-ship[b-14ry4dufik] {
        left: 50%;
    }

    .china-page .panel-line[b-14ry4dufik]::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .china-page .panel-ship[b-14ry4dufik],
    .china-page .panel-line[b-14ry4dufik]::after {
        animation: none !important;
    }
}

/* =========================================================
   HERO V2.2 - ROTA PRINCIPAL REFINADA
   Linha contínua China -> Brasil
   ========================================================= */

.china-page .panel-route[b-14ry4dufik] {
    grid-template-columns: auto minmax(120px, 1fr) auto;
    gap: 20px;
}

.china-page .panel-route-track[b-14ry4dufik] {
    position: relative;

    width: 100%;
    height: 3px;

    overflow: visible;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 10%,
            rgba(255, 255, 255, 0.72) 48%,
            #38bdf8 90%,
            #38bdf8 100%
        ) !important;

    box-shadow: none !important;
}

/* Pontos discretos de origem e destino */
.china-page .panel-route-track[b-14ry4dufik]::before,
.china-page .panel-route-track[b-14ry4dufik]::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    transform: translateY(-50%);

    animation: none !important;
    filter: none !important;
}

.china-page .panel-route-track[b-14ry4dufik]::before {
    left: 0;

    background: #ef2b2d;
}

.china-page .panel-route-track[b-14ry4dufik]::after {
    left: auto;
    right: 0;

    background: #38bdf8;
}

/* Marcador menor, sem círculo branco grande */
.china-page .panel-route-marker[b-14ry4dufik] {
    position: absolute;
    top: 50%;
    left: 10%;

    width: 26px;
    height: 26px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: 50%;

    background: #0b2d4d;
    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88rem;
    font-weight: 800;
    line-height: 1;

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

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.24),
        0 0 0 3px rgba(255, 255, 255, 0.05);

    animation: routeMarkerTravel-b-14ry4dufik 4.8s ease-in-out infinite;
}

/* Remove completamente o marcador antigo */
.china-page .panel-ship[b-14ry4dufik] {
    display: none !important;
}

@keyframes routeMarkerTravel-b-14ry4dufik {
    0% {
        left: 10%;
        transform: translate(-50%, -50%) translateY(0);
    }

    45% {
        transform: translate(-50%, -50%) translateY(-2px);
    }

    50% {
        left: 50%;
        transform: translate(-50%, -50%) translateY(-3px);
    }

    55% {
        transform: translate(-50%, -50%) translateY(-2px);
    }

    100% {
        left: 90%;
        transform: translate(-50%, -50%) translateY(0);
    }
}

@media (max-width: 700px) {
    .china-page .panel-route[b-14ry4dufik] {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .china-page .panel-route-track[b-14ry4dufik] {
        width: 3px;
        height: 72px;

        margin: 0 auto;

        background:
            linear-gradient(
                180deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.72) 48%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-route-track[b-14ry4dufik]::before {
        top: 0;
        left: 50%;

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

    .china-page .panel-route-track[b-14ry4dufik]::after {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;

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

    .china-page .panel-route-marker[b-14ry4dufik] {
        top: 10%;
        left: 50%;

        transform: translate(-50%, -50%) rotate(90deg);

        animation: routeMarkerTravelMobile-b-14ry4dufik 4.8s ease-in-out infinite;
    }

    .china-page .panel-country.brasil[b-14ry4dufik] {
        justify-content: flex-end;
    }
}

@keyframes routeMarkerTravelMobile-b-14ry4dufik {
    0% {
        top: 10%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    50% {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    100% {
        top: 90%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .china-page .panel-route-marker[b-14ry4dufik] {
        left: 50%;
        animation: none !important;
    }
}

/* =========================================================
   HERO V2.3 - PAINEL ROTA PRINCIPAL
   CN vermelho + BR azul + ícones operacionais
   ========================================================= */

.china-page .china-hero-panel[b-14ry4dufik] {
    padding: 28px 28px 24px;
}

.china-page .panel-route[b-14ry4dufik] {
    grid-template-columns: auto minmax(150px, 1fr) auto;
    gap: 22px;

    margin-top: 26px;
    padding-bottom: 26px;
}

.china-page .panel-country[b-14ry4dufik] {
    gap: 11px;
}

.china-page .panel-country .panel-country-badge[b-14ry4dufik] {
    width: 44px !important;
    height: 44px !important;

    flex: 0 0 44px;

    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 0.68rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 8px 18px rgba(0, 0, 0, 0.16);
}

.china-page .panel-country.china .panel-country-badge[b-14ry4dufik] {
    background: #ef2b2d !important;
}

.china-page .panel-country.brasil .panel-country-badge[b-14ry4dufik] {
    background: #19a9ea !important;
}

.china-page .panel-country strong[b-14ry4dufik] {
    font-size: 0.92rem;
    font-weight: 650;
}

.china-page .panel-route-track[b-14ry4dufik] {
    min-width: 150px;
}

.china-page .panel-route-marker[b-14ry4dufik] {
    width: 38px;
    height: 38px;

    border: 2px solid rgba(255, 255, 255, 0.38);

    background: #0b2d4d;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.26),
        0 0 0 4px rgba(255, 255, 255, 0.05);
}

.china-page .panel-route-marker svg[b-14ry4dufik] {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .panel-details[b-14ry4dufik] {
    margin-top: 6px;
}

.china-page .panel-details .panel-detail-row[b-14ry4dufik] {
    grid-template-columns: 42px 84px minmax(0, 1fr);
    gap: 12px;

    align-items: center;

    padding: 14px 0;
}

.china-page .panel-detail-icon[b-14ry4dufik] {
    width: 34px;
    height: 34px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50%;

    background: rgba(255, 255, 255, 0.025);
}

.china-page .panel-detail-icon svg[b-14ry4dufik] {
    width: 18px;
    height: 18px;

    fill: none;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .panel-detail-icon-origin svg[b-14ry4dufik] {
    stroke: #ef2b2d;
}

.china-page .panel-detail-icon-transit svg[b-14ry4dufik],
.china-page .panel-detail-icon-destination svg[b-14ry4dufik] {
    stroke: #38bdf8;
}

.china-page .panel-detail-row > strong[b-14ry4dufik] {
    color: #ffffff;
    font-size: 0.79rem;
    font-weight: 650;
}

.china-page .panel-detail-row > span:last-child[b-14ry4dufik] {
    color: #b8c7d5;
    font-size: 0.78rem;
    line-height: 1.45;
}

/* A rota fica contínua e visualmente equilibrada */
.china-page .panel-route-track[b-14ry4dufik] {
    height: 3px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 14%,
            rgba(239, 43, 45, 0.78) 28%,
            rgba(255, 255, 255, 0.62) 50%,
            rgba(56, 189, 248, 0.78) 72%,
            #38bdf8 86%,
            #38bdf8 100%
        ) !important;
}

@media (max-width: 700px) {
    .china-page .panel-country[b-14ry4dufik] {
        width: 100%;
    }

    .china-page .panel-country.brasil[b-14ry4dufik] {
        justify-content: flex-end;
    }

    .china-page .panel-route-track[b-14ry4dufik] {
        width: 3px;
        min-width: 3px;
        height: 78px;

        background:
            linear-gradient(
                180deg,
                #ef2b2d 0%,
                rgba(255, 255, 255, 0.62) 50%,
                #38bdf8 100%
            ) !important;
    }

    .china-page .panel-details .panel-detail-row[b-14ry4dufik] {
        grid-template-columns: 38px 1fr;
        gap: 10px 12px;
    }

    .china-page .panel-detail-row > span:last-child[b-14ry4dufik] {
        grid-column: 2;
    }
}

/* =========================================================
   PORTOS V2 - MESMA IDENTIDADE VISUAL DO HERO
   ========================================================= */

/* CN vermelho / BR azul */
.china-page .route-ports-section .country-badge[b-14ry4dufik] {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff !important;

    font-size: 0.68rem;
    font-weight: 800;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.16),
        0 8px 18px rgba(0, 0, 0, 0.16);
}

.china-page .route-ports-section .country-badge.china[b-14ry4dufik] {
    background: #ef2b2d !important;
}

.china-page .route-ports-section .country-badge.brasil[b-14ry4dufik] {
    background: #19a9ea !important;
}

/* Conexão marítima */
.china-page .ocean-connection[b-14ry4dufik] {
    min-width: 150px;
}

.china-page .ocean-connection-line[b-14ry4dufik] {
    position: relative;

    width: 150px;
    height: 3px;

    overflow: visible;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #ef2b2d 0%,
            #ef2b2d 14%,
            rgba(239, 43, 45, 0.78) 28%,
            rgba(255, 255, 255, 0.62) 50%,
            rgba(56, 189, 248, 0.78) 72%,
            #38bdf8 86%,
            #38bdf8 100%
        ) !important;
}

.china-page .ocean-connection-line[b-14ry4dufik]::before,
.china-page .ocean-connection-line[b-14ry4dufik]::after {
    content: "";

    position: absolute;
    top: 50%;

    width: 7px;
    height: 7px;

    border-radius: 50%;

    transform: translateY(-50%);
}

.china-page .ocean-connection-line[b-14ry4dufik]::before {
    left: 0;
    background: #ef2b2d;
}

.china-page .ocean-connection-line[b-14ry4dufik]::after {
    right: 0;
    background: #38bdf8;
}

/* Navio central substitui o antigo círculo branco */
.china-page .ocean-marker[b-14ry4dufik] {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 38px;
    height: 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 2px solid rgba(255, 255, 255, 0.38) !important;
    border-radius: 50%;

    background: #0b2d4d !important;
    color: #ffffff !important;

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

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.26),
        0 0 0 4px rgba(255, 255, 255, 0.05);
}

.china-page .ocean-marker svg[b-14ry4dufik] {
    width: 20px;
    height: 20px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.china-page .ocean-connection small[b-14ry4dufik] {
    margin-top: 25px;

    color: #93a7b8 !important;

    font-size: 0.63rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

/* Ajuste dos cabeçalhos dos cards */
.china-page .port-country-header[b-14ry4dufik] {
    align-items: center;
    gap: 14px;
}

@media (max-width: 900px) {
    .china-page .ocean-connection[b-14ry4dufik] {
        min-width: 100%;
        padding: 18px 0;
    }

    .china-page .ocean-connection-line[b-14ry4dufik] {
        width: min(300px, 72vw);
    }
}

@media (max-width: 700px) {
    .china-page .ocean-connection-line[b-14ry4dufik] {
        width: min(240px, 68vw);
        height: 3px;
    }
}

/* =========================================================
   CTA FINAL V2 - CORREÇÃO VISUAL
   ========================================================= */

.china-page .route-final-cta[b-14ry4dufik] {
    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}

.china-page .route-final-cta-container[b-14ry4dufik] {
    gap: 42px;
}

.china-page .final-cta-content[b-14ry4dufik] {
    max-width: 760px;
}

.china-page .final-cta-content h2[b-14ry4dufik] {
    max-width: 760px;

    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    line-height: 1.04;
}

.china-page .final-cta-content p[b-14ry4dufik] {
    margin-top: 16px;
    max-width: 700px;
}

/* Card dos botões mais discreto */
.china-page .final-cta-actions[b-14ry4dufik] {
    min-width: 250px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}

/* Corrige definitivamente o botão principal */
.china-page .final-cta-primary[b-14ry4dufik],
.china-page .final-cta-primary:link[b-14ry4dufik],
.china-page .final-cta-primary:visited[b-14ry4dufik] {
    min-height: 50px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    border: 0 !important;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);
}

.china-page .final-cta-primary[b-14ry4dufik],
.china-page .final-cta-primary *[b-14ry4dufik],
.china-page .final-cta-primary span[b-14ry4dufik] {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.china-page .final-cta-primary:hover[b-14ry4dufik],
.china-page .final-cta-primary:focus-visible[b-14ry4dufik] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}

.china-page .final-cta-secondary[b-14ry4dufik],
.china-page .final-cta-secondary:link[b-14ry4dufik],
.china-page .final-cta-secondary:visited[b-14ry4dufik] {
    min-height: 48px;

    background: #ffffff !important;
    color: #0b2d4d !important;

    border: 1px solid #cfd9e3 !important;
}

.china-page .final-cta-secondary:hover[b-14ry4dufik],
.china-page .final-cta-secondary:focus-visible[b-14ry4dufik] {
    border-color: #0b2d4d !important;

    color: #0b2d4d !important;

    transform: translateY(-2px);
}

/* Linha de destaque mais fina */
.china-page .route-final-cta[b-14ry4dufik]::before {
    width: 4px;
}

@media (max-width: 800px) {
    .china-page .route-final-cta[b-14ry4dufik] {
        padding: 52px 20px 56px;
    }

    .china-page .route-final-cta-container[b-14ry4dufik] {
        gap: 30px;
    }

    .china-page .final-cta-actions[b-14ry4dufik] {
        width: 100%;
        min-width: 0;
    }
}



/* =========================================================
   IMAGENS CHINA → BRASIL
   Salve as imagens em:
   wwwroot/images/china-brasil-hero.png
   wwwroot/images/china-brasil-portos.png
   ========================================================= */

/* HERO - conexão visual China ↔ Brasil */
.china-page .china-hero[b-14ry4dufik] {
    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.96) 0%,
            rgba(5, 31, 54, 0.90) 38%,
            rgba(5, 31, 54, 0.68) 68%,
            rgba(5, 31, 54, 0.48) 100%
        ),
        url('/images/china-brasil-hero.png') !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* PORTOS - imagem marítima ao fundo sem prejudicar leitura */
.china-page .route-ports-section[b-14ry4dufik] {
    background:
        linear-gradient(
            90deg,
            rgba(7, 31, 54, 0.98) 0%,
            rgba(7, 31, 54, 0.94) 42%,
            rgba(7, 31, 54, 0.83) 70%,
            rgba(7, 31, 54, 0.72) 100%
        ),
        url('/images/china-brasil-portos.png') center center / cover no-repeat !important;
}

/* Reforça contraste dos cards sobre a fotografia */
.china-page .route-ports-section .port-country[b-14ry4dufik] {
    background: rgba(9, 42, 70, 0.78) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Mobile: reposiciona as imagens para manter navio/conexão visíveis */
@media (max-width: 900px) {
    .china-page .china-hero[b-14ry4dufik] {
        background-position: 56% center !important;
    }

    .china-page .route-ports-section[b-14ry4dufik] {
        background-position: 62% center !important;
    }
}

@media (max-width: 700px) {
    .china-page .china-hero[b-14ry4dufik] {
        background:
            linear-gradient(
                180deg,
                rgba(5, 25, 45, 0.94) 0%,
                rgba(5, 31, 54, 0.88) 55%,
                rgba(5, 31, 54, 0.80) 100%
            ),
            url('/images/china-brasil-hero.png') !important;

        background-size: cover !important;
        background-position: 54% center !important;
    }

    .china-page .route-ports-section[b-14ry4dufik] {
        background:
            linear-gradient(
                180deg,
                rgba(7, 31, 54, 0.97) 0%,
                rgba(7, 31, 54, 0.91) 100%
            ),
            url('/images/china-brasil-portos.png') center center / cover no-repeat !important;
    }
}

/* =========================================================
   VISÃO GERAL - IMAGEM OPERAÇÃO PORTUÁRIA
   ========================================================= */

.china-page .overview-top[b-14ry4dufik] {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
    gap: 48px;
    align-items: center;
    margin-bottom: 38px;
}

.china-page .overview-section .overview-top .section-heading[b-14ry4dufik] {
    max-width: 620px;
    margin-bottom: 0;
}

.china-page .overview-image[b-14ry4dufik] {
    position: relative;
    overflow: hidden;
    min-height: 315px;
    margin: 0;
    border-radius: 14px;
    background: #071f36;
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.13);
}

.china-page .overview-image[b-14ry4dufik]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 31, 54, 0.02) 42%,
        rgba(7, 31, 54, 0.82) 100%
    );
    pointer-events: none;
}

.china-page .overview-image img[b-14ry4dufik] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: transform 700ms var(--ease);
}

.china-page .overview-image:hover img[b-14ry4dufik] {
    transform: scale(1.035);
}

.china-page .overview-image figcaption[b-14ry4dufik] {
    position: absolute;
    z-index: 2;
    left: 24px;
    right: 24px;
    bottom: 22px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: #ffffff;
}

.china-page .overview-image figcaption span[b-14ry4dufik] {
    color: #7dd3fc;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.china-page .overview-image figcaption strong[b-14ry4dufik] {
    max-width: 440px;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.35;
}

@media (max-width: 1000px) {
    .china-page .overview-top[b-14ry4dufik] {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .china-page .overview-section .overview-top .section-heading[b-14ry4dufik] {
        max-width: 760px;
    }

    .china-page .overview-image[b-14ry4dufik] {
        min-height: 360px;
    }
}

@media (max-width: 700px) {
    .china-page .overview-top[b-14ry4dufik] {
        gap: 24px;
        margin-bottom: 30px;
    }

    .china-page .overview-image[b-14ry4dufik] {
        min-height: 250px;
        border-radius: 12px;
    }

    .china-page .overview-image img[b-14ry4dufik] {
        object-position: 58% center;
    }

    .china-page .overview-image figcaption[b-14ry4dufik] {
        left: 18px;
        right: 18px;
        bottom: 17px;
    }

    .china-page .overview-image figcaption strong[b-14ry4dufik] {
        font-size: 0.92rem;
    }

    .china-page .overview-image:hover img[b-14ry4dufik] {
        transform: none;
    }
}


/* =========================================================
   IMAGEM OPERACIONAL - POSICIONADA MAIS ABAIXO NA PÁGINA
   ========================================================= */

.china-page .overview-top[b-14ry4dufik] {
    display: block;
    margin-bottom: 38px;
}

.china-page .overview-section .overview-top .section-heading[b-14ry4dufik] {
    max-width: 760px;
}

.china-page .flow-image[b-14ry4dufik] {
    position: relative;
    overflow: hidden;
    min-height: 245px;
    margin: 34px 0 0;
    border-radius: 14px;
    background: #071f36;
    box-shadow: 0 20px 44px rgba(15, 23, 42, 0.13);
}

.china-page .flow-image[b-14ry4dufik]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(7, 31, 54, 0.01) 38%,
        rgba(7, 31, 54, 0.84) 100%
    );
    pointer-events: none;
}

.china-page .flow-image img[b-14ry4dufik] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 55% center;
    transition: transform 700ms var(--ease);
}

.china-page .flow-image:hover img[b-14ry4dufik] {
    transform: scale(1.035);
}

.china-page .flow-image figcaption[b-14ry4dufik] {
    position: absolute;
    z-index: 2;
    left: 20px;
    right: 20px;
    bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #ffffff;
}

.china-page .flow-image figcaption span[b-14ry4dufik] {
    color: #7dd3fc;
    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.china-page .flow-image figcaption strong[b-14ry4dufik] {
    max-width: 390px;
    font-size: 0.92rem;
    font-weight: 650;
    line-height: 1.35;
}

@media (max-width: 1000px) {
    .china-page .flow-image[b-14ry4dufik] {
        min-height: 330px;
    }
}

@media (max-width: 700px) {
    .china-page .overview-top[b-14ry4dufik] {
        margin-bottom: 30px;
    }

    .china-page .flow-image[b-14ry4dufik] {
        min-height: 230px;
        margin-top: 28px;
        border-radius: 12px;
    }

    .china-page .flow-image img[b-14ry4dufik] {
        object-position: 58% center;
    }

    .china-page .flow-image:hover img[b-14ry4dufik] {
        transform: none;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/ContactEn.razor.rz.scp.css */
/* =========================================================
   CONTATO - LOGIMAR
   ========================================================= */

.contact-page[b-buy4z9rztl] {
    --red: #ef2b2d;
    --blue: #38bdf8;
    --navy: #0b2d4d;
    --navy-dark: #071f36;
    --text: #64748b;
    --line: #dfe7ef;

    width: 100%;
    overflow: hidden;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;
}


/* =========================================================
   HERO
   ========================================================= */

.contact-hero[b-buy4z9rztl] {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.98) 0%,
            rgba(7, 43, 75, 0.96) 55%,
            rgba(16, 59, 96, 0.91) 100%
        );

    color: #ffffff;
}

.contact-hero[b-buy4z9rztl]::after {
    content: "";

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--blue)
        );
}

.contact-hero-overlay[b-buy4z9rztl] {
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(56, 189, 248, 0.14),
            transparent 30%
        );

    pointer-events: none;
}

.contact-hero-container[b-buy4z9rztl] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    padding: 72px 28px 68px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 75px;
    align-items: center;
}

.contact-hero-content[b-buy4z9rztl] {
    min-width: 0;
}

.contact-kicker[b-buy4z9rztl] {
    display: inline-block;

    margin-bottom: 18px;

    color: #ff5365;

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.contact-hero h1[b-buy4z9rztl] {
    max-width: 620px;
    margin: 0;

    font-size:
        clamp(
            2.25rem,
            3.55vw,
            3.45rem
        );

    font-weight: 750;
    line-height: 1.03;
    letter-spacing: -0.04em;
}

.contact-hero h1 span[b-buy4z9rztl] {
    display: block;
    color: #a8c9e3;
}

.contact-hero-content > p[b-buy4z9rztl] {
    max-width: 620px;

    margin: 18px 0 0;

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.94rem;
    line-height: 1.72;
}

.contact-hero-actions[b-buy4z9rztl] {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;

    margin-top: 24px;
}

.contact-btn-primary[b-buy4z9rztl],
.contact-btn-secondary[b-buy4z9rztl] {
    min-height: 50px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

.contact-btn-primary[b-buy4z9rztl] {
    background: #ffffff;
    color: var(--navy);
}

.contact-btn-primary:hover[b-buy4z9rztl] {
    transform: translateY(-3px);

    background: #ffffff;
    color: var(--navy);
}

.contact-btn-secondary[b-buy4z9rztl] {
    border:
        1px solid rgba(255, 255, 255, 0.38);

    background:
        rgba(255, 255, 255, 0.05);

    color: #ffffff;
}

.contact-btn-secondary:hover[b-buy4z9rztl] {
    transform: translateY(-3px);

    background:
        rgba(255, 255, 255, 0.12);

    border-color:
        rgba(255, 255, 255, 0.68);

    color: #ffffff;
}


/* =========================================================
   HERO PANEL
   ========================================================= */

.contact-hero-panel[b-buy4z9rztl] {
    padding: 30px;

    border:
        1px solid rgba(255, 255, 255, 0.11);

    border-radius: 16px;

    background:
        rgba(4, 26, 47, 0.43);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(12px);
}

.panel-label[b-buy4z9rztl] {
    color: #ff5365;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.contact-hero-panel h2[b-buy4z9rztl] {
    max-width: 460px;

    margin: 13px 0 0;

    font-size:
        clamp(
            1.65rem,
            2.4vw,
            2.25rem
        );

    line-height: 1.12;
}

.contact-hero-panel > p[b-buy4z9rztl] {
    margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.57);

    font-size: 0.85rem;
    line-height: 1.65;
}

.hero-contact-list[b-buy4z9rztl] {
    margin-top: 26px;

    border-top:
        1px solid rgba(255, 255, 255, 0.10);
}

.hero-contact-item[b-buy4z9rztl] {
    display: flex;
    align-items: center;
    gap: 14px;

    padding: 15px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.09);
}

.hero-contact-item:last-child[b-buy4z9rztl] {
    border-bottom: 0;
}

.hero-contact-icon[b-buy4z9rztl] {
    width: 38px;
    height: 38px;

    flex: 0 0 38px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background:
        rgba(255, 255, 255, 0.07);

    color: #ffffff;

    font-size: 0.62rem;
    font-weight: 800;
}

.hero-contact-item small[b-buy4z9rztl],
.hero-contact-item strong[b-buy4z9rztl] {
    display: block;
}

.hero-contact-item small[b-buy4z9rztl] {
    margin-bottom: 3px;

    color:
        rgba(255, 255, 255, 0.44);

    font-size: 0.61rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.hero-contact-item strong[b-buy4z9rztl] {
    color: #ffffff;

    font-size: 0.84rem;
    font-weight: 650;
}


/* =========================================================
   CONTAINER / HEADING
   ========================================================= */

.contact-container[b-buy4z9rztl] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.section-heading[b-buy4z9rztl] {
    max-width: 720px;
}

.section-kicker[b-buy4z9rztl],
.final-cta-kicker[b-buy4z9rztl] {
    display: inline-block;

    margin-bottom: 13px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.section-heading h2[b-buy4z9rztl],
.contact-form-intro h2[b-buy4z9rztl],
.guide-heading h2[b-buy4z9rztl],
.final-cta-content h2[b-buy4z9rztl] {
    margin: 0;

    color: var(--navy);

    font-size:
        clamp(
            2.2rem,
            4vw,
            3.45rem
        );

    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.04em;
}

.section-heading h2 span[b-buy4z9rztl],
.contact-form-intro h2 span[b-buy4z9rztl],
.final-cta-content h2 span[b-buy4z9rztl] {
    color: #0d76b4;
}

.section-heading p[b-buy4z9rztl],
.contact-form-intro > p[b-buy4z9rztl],
.guide-heading > p[b-buy4z9rztl],
.final-cta-content > p[b-buy4z9rztl] {
    margin: 18px 0 0;

    color: var(--text);

    font-size: 0.94rem;
    line-height: 1.72;
}


/* =========================================================
   CARDS
   ========================================================= */

.contact-info-section[b-buy4z9rztl] {
    padding: 82px 28px 88px;

    background: #ffffff;
}

.contact-cards[b-buy4z9rztl] {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;
}

.contact-card[b-buy4z9rztl] {
    position: relative;

    min-height: 245px;

    padding: 26px;

    border: 1px solid #e1e8ef;
    border-radius: 14px;

    background: #ffffff;

    overflow: visible;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.contact-card:hover[b-buy4z9rztl] {
    transform: translateY(-6px);

    border-color: #ccd8e3;

    box-shadow:
        0 18px 40px
        rgba(15, 23, 42, 0.07);
}

.contact-card-number[b-buy4z9rztl] {
    display: inline-block;

    margin-bottom: 30px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
}

.contact-card h3[b-buy4z9rztl] {
    margin: 0;

    color: var(--navy);

    font-size: 1.05rem;
}

.contact-card p[b-buy4z9rztl] {
    margin: 12px 0 0;

    color: var(--text);

    font-size: 0.86rem;
    line-height: 1.68;

    overflow: visible;
}

.contact-card a[b-buy4z9rztl] {
    display: inline-block;

    margin-top: 20px;

    color: #0b5c98;

    font-size: 0.8rem;
    font-weight: 700;

    text-decoration: none;

    overflow-wrap: anywhere;
}

.contact-card a:hover[b-buy4z9rztl] {
    color: var(--red);
}


/* WhatsApp + QR Code */

.whatsapp-card-footer[b-buy4z9rztl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: 18px;
}

.whatsapp-card-footer > a:first-child[b-buy4z9rztl] {
    margin-top: 0;
}

.whatsapp-qr-link[b-buy4z9rztl] {
    flex: 0 0 78px !important;
    width: 78px !important;
    height: 78px !important;
    max-width: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
    overflow: hidden !important;
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    background: #ffffff;
}

.whatsapp-qr-link .whatsapp-qr[b-buy4z9rztl],
.contact-card .whatsapp-qr[b-buy4z9rztl] {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 68px !important;
    max-height: 68px !important;
    margin: 4px !important;
    padding: 0 !important;
    object-fit: contain !important;
}


/* =========================================================
   FORM
   ========================================================= */

.contact-form-section[b-buy4z9rztl] {
    padding: 88px 28px;

    background: #f4f7fa;
}

.contact-form-container[b-buy4z9rztl] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.82fr)
        minmax(0, 1.18fr);

    gap: 80px;

    align-items: start;
}

.contact-form-intro[b-buy4z9rztl] {
    max-width: 460px;
}

.contact-form-tips[b-buy4z9rztl] {
    margin-top: 32px;

    border-top:
        1px solid #dbe4ec;
}

.contact-form-tips > div[b-buy4z9rztl] {
    display: grid;

    grid-template-columns:
        38px 1fr;

    gap: 14px;

    padding: 17px 0;

    border-bottom:
        1px solid #dbe4ec;
}

.contact-form-tips span[b-buy4z9rztl] {
    color: var(--red);

    font-size: 0.67rem;
    font-weight: 800;
}

.contact-form-tips p[b-buy4z9rztl] {
    margin: 0;

    color: #66788a;

    font-size: 0.82rem;
    line-height: 1.6;
}

.contact-form-card[b-buy4z9rztl] {
    padding: 34px;

    border: 1px solid #dde6ee;
    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 20px 45px
        rgba(15, 23, 42, 0.06);
}

.form-row[b-buy4z9rztl] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 16px;
}

.form-field[b-buy4z9rztl] {
    margin-bottom: 17px;
}

.form-field label[b-buy4z9rztl] {
    display: block;

    margin-bottom: 7px;

    color: #294963;

    font-size: 0.74rem;
    font-weight: 700;
}

/* =========================================================
   CAMPOS BLAZOR - CSS ISOLATION
   ========================================================= */

.contact-form-card[b-buy4z9rztl]  input,
.contact-form-card[b-buy4z9rztl]  select,
.contact-form-card[b-buy4z9rztl]  textarea {
    width: 100%;
    box-sizing: border-box;

    border: 1px solid #d4dee7;
    border-radius: 8px;

    background: #ffffff;

    color: #18344c;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size: 0.84rem;

    outline: none;

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

.contact-form-card[b-buy4z9rztl]  input,
.contact-form-card[b-buy4z9rztl]  select {
    height: 48px;
    padding: 0 14px;
}

.contact-form-card[b-buy4z9rztl]  textarea {
    min-height: 140px;
    padding: 13px 14px;

    resize: vertical;
}

.contact-form-card[b-buy4z9rztl]  input:focus,
.contact-form-card[b-buy4z9rztl]  select:focus,
.contact-form-card[b-buy4z9rztl]  textarea:focus {
    border-color: #4c91c8;

    box-shadow:
        0 0 0 3px
        rgba(56, 189, 248, 0.10);
}

/* Validação do Blazor */

.contact-form-card[b-buy4z9rztl]  .validation-message {
    display: block;

    margin-top: 6px;

    color: #cf3143;

    font-size: 0.71rem;
    font-weight: 650;
    line-height: 1.35;
}

.contact-form-card[b-buy4z9rztl]  input.invalid,
.contact-form-card[b-buy4z9rztl]  select.invalid,
.contact-form-card[b-buy4z9rztl]  textarea.invalid {
    border-color: #e25563 !important;

    box-shadow:
        0 0 0 3px
        rgba(226, 85, 99, 0.08) !important;
}

.contact-form-card[b-buy4z9rztl]  input.valid,
.contact-form-card[b-buy4z9rztl]  select.valid,
.contact-form-card[b-buy4z9rztl]  textarea.valid {
    border-color: #d4dee7;
}

/* Mensagem de sucesso / erro após envio */

.form-status[b-buy4z9rztl] {
    margin-top: 14px;
    padding: 12px 14px;

    border-radius: 8px;

    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;
}

.form-status-success[b-buy4z9rztl] {
    border: 1px solid #b9dfca;
    background: #f0faf4;
    color: #17633a;
}

.form-status-error[b-buy4z9rztl] {
    border: 1px solid #f0b9c0;
    background: #fff4f5;
    color: #a72638;
}

.contact-submit[b-buy4z9rztl] {
    width: 100%;
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 4px;

    border: 0;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        );

    color: #ffffff;

    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        box-shadow 0.2s ease;
}

.contact-submit:hover[b-buy4z9rztl] {
    transform: translateY(-2px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        );

    box-shadow:
        0 12px 26px
        rgba(239, 43, 45, 0.18);
}


.contact-submit:disabled[b-buy4z9rztl] {
    cursor: wait;
    opacity: 0.72;
    transform: none;
    box-shadow: none;
}

.form-note[b-buy4z9rztl] {
    display: block;

    margin-top: 12px;

    color: #94a3b8;

    font-size: 0.68rem;
    line-height: 1.5;
}


/* =========================================================
   GUIDE
   ========================================================= */

.contact-guide-section[b-buy4z9rztl] {
    padding: 76px 28px;

    background: #ffffff;
}

.guide-grid[b-buy4z9rztl] {
    display: grid;

    grid-template-columns:
        minmax(0, 0.92fr)
        minmax(0, 1.08fr);

    gap: 62px;

    align-items: start;
}

.guide-heading[b-buy4z9rztl] {
    max-width: 520px;
}

.guide-heading h2[b-buy4z9rztl] {
    max-width: 520px;

    font-size:
        clamp(
            2rem,
            3.3vw,
            3rem
        );

    line-height: 1.08;
}

.guide-heading > p[b-buy4z9rztl] {
    max-width: 500px;
}

.guide-list[b-buy4z9rztl] {
    border-top:
        1px solid var(--line);
}

.guide-item[b-buy4z9rztl] {
    display: grid;

    grid-template-columns:
        46px 1fr;

    gap: 16px;

    padding: 19px 0;

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

.guide-item > span[b-buy4z9rztl] {
    color: var(--red);

    font-size: 0.67rem;
    font-weight: 800;
}

.guide-item:nth-child(even) > span[b-buy4z9rztl] {
    color: #0d76b4;
}

.guide-item h3[b-buy4z9rztl] {
    margin: 0;

    color: var(--navy);

    font-size: 0.94rem;
}

.guide-item p[b-buy4z9rztl] {
    margin: 5px 0 0;

    color: var(--text);

    font-size: 0.81rem;
    line-height: 1.58;
}


/* =========================================================
   CTA FINAL
   ========================================================= */

.contact-final-cta[b-buy4z9rztl] {
    position: relative;

    padding: 60px 28px 64px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc,
            #f5f9fc
        );
}

.contact-final-cta[b-buy4z9rztl]::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--red),
            var(--blue)
        );
}

.contact-final-cta-container[b-buy4z9rztl] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;
}

.final-cta-content[b-buy4z9rztl] {
    max-width: 760px;
}

.final-cta-content h2[b-buy4z9rztl] {
    font-size:
        clamp(
            2.35rem,
            3.8vw,
            3.7rem
        );
}

.final-cta-actions[b-buy4z9rztl] {
    min-width: 250px;

    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px
        rgba(15, 23, 42, 0.07);
}

.final-cta-primary[b-buy4z9rztl],
.final-cta-secondary[b-buy4z9rztl] {
    min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

.final-cta-primary[b-buy4z9rztl] {
    border: 0;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow:
        0 9px 22px
        rgba(11, 45, 77, 0.16);
}

.final-cta-primary:hover[b-buy4z9rztl] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--red),
            #d92527
        );

    color: #ffffff;
}

.final-cta-primary span[b-buy4z9rztl] {
    color: #ffffff;
}

.final-cta-secondary[b-buy4z9rztl] {
    border: 1px solid #cfd9e3;

    background: #ffffff;

    color: var(--navy);
}

.final-cta-secondary:hover[b-buy4z9rztl] {
    transform: translateY(-2px);

    border-color: var(--navy);

    color: var(--navy);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .contact-hero-container[b-buy4z9rztl],
    .contact-form-container[b-buy4z9rztl],
    .guide-grid[b-buy4z9rztl] {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .contact-cards[b-buy4z9rztl] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .contact-final-cta-container[b-buy4z9rztl] {
        align-items: flex-start;
        flex-direction: column;
    }

    .final-cta-actions[b-buy4z9rztl] {
        width: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .contact-hero-container[b-buy4z9rztl] {
        padding:
            62px 18px
            60px;
    }

    .contact-hero h1[b-buy4z9rztl] {
    font-size:
        clamp(
            2rem,
            8.5vw,
            2.65rem
        );
}

    .contact-hero-actions[b-buy4z9rztl] {
        flex-direction: column;
    }

    .contact-btn-primary[b-buy4z9rztl],
    .contact-btn-secondary[b-buy4z9rztl] {
        width: 100%;
    }

    .contact-hero-panel[b-buy4z9rztl] {
        padding: 24px;
    }

    .contact-info-section[b-buy4z9rztl],
    .contact-form-section[b-buy4z9rztl],
    .contact-guide-section[b-buy4z9rztl],
    .contact-final-cta[b-buy4z9rztl] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .contact-info-section[b-buy4z9rztl],
    .contact-form-section[b-buy4z9rztl],
    .contact-guide-section[b-buy4z9rztl] {
        padding-top: 64px;
        padding-bottom: 66px;
    }

    .contact-cards[b-buy4z9rztl] {
        grid-template-columns: 1fr;
    }

    .contact-card[b-buy4z9rztl] {
        min-height: auto;
    }

    .form-row[b-buy4z9rztl] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .contact-form-card[b-buy4z9rztl] {
        padding: 25px 20px;
    }

    .contact-final-cta[b-buy4z9rztl] {
        padding-top: 52px;
        padding-bottom: 56px;
    }
    .whatsapp-card-footer[b-buy4z9rztl] {
        align-items: center;
    }

    .whatsapp-qr[b-buy4z9rztl] {
        width: 72px !important;
        height: 72px !important;
        max-width: 72px !important;
        max-height: 72px !important;
    }

}

/* =========================================================
   AJUSTE FINO - QR WHATSAPP
   ========================================================= */
.whatsapp-qr[b-buy4z9rztl],
.contact-whatsapp-qr[b-buy4z9rztl],
.qr-whatsapp[b-buy4z9rztl] {
    margin-left: 14px;
}
/* _content/LogimarBrasil/Components/Pages/English/HomeEn.razor.rz.scp.css */
/* =========================================================
   HOME LOGIMAR - V10 CONSOLIDADA
   CSS consolidado a partir da versão aprovada da Home.
   Regras repetidas e versões antigas sobrescritas foram removidas.
   ========================================================= */

:root[b-0svt6o8r7o] {
    --motion-fast-v2: 220ms;
    --motion-base-v2: 420ms;
    --motion-slow-v2: 900ms;
    --motion-ease-v2: cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-tag span[b-0svt6o8r7o] {
    color: #38bdf8;
}

.btn-primary[b-0svt6o8r7o],
.btn-secondary[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    transition: all 0.2s ease;
}

.btn-primary[b-0svt6o8r7o] {
    background: #ffffff;
    color: #0b2d4d;
}

.btn-primary:hover[b-0svt6o8r7o] {
    background: #f1f5f9;
    color: #0b2d4d;
    transform: translateY(-2px);
}

.btn-secondary[b-0svt6o8r7o] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    backdrop-filter: blur(8px);
}

.btn-secondary:hover[b-0svt6o8r7o] {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.section-heading[b-0svt6o8r7o] {
    max-width: 780px;
    margin-bottom: 75px;
}

.section-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.section-heading h2[b-0svt6o8r7o] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.section-heading h2 span[b-0svt6o8r7o] {
    color: #0ea5e9;
}

.section-heading p[b-0svt6o8r7o] {
    max-width: 680px;
    margin: 24px 0 0;
    color: #526579;
    font-size: 1.05rem;
    line-height: 1.75;
}

.services-container[b-0svt6o8r7o] {
    max-width: 1180px;
    margin: 0 auto;
}

.services-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.services-heading h2[b-0svt6o8r7o] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.services-heading h2 span[b-0svt6o8r7o] {
    color: #38bdf8;
}

.service-card:nth-child(1) .service-icon[b-0svt6o8r7o],
.service-card:nth-child(4) .service-icon[b-0svt6o8r7o] {
    background: rgba(239, 43, 45, 0.12);
    color: #ff4b4d;
}

.services-footer > div[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.services-cta[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-radius: 7px;
    background: #ffffff;
    color: #0b2d4d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: transform 0.2s ease,
        background 0.2s ease;
}

.services-cta:hover[b-0svt6o8r7o] {
    transform: translateY(-2px);
    background: #ef2b2d;
    color: #ffffff;
}

.services-cta span[b-0svt6o8r7o] {
    font-size: 1rem;
}

.tracking-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.tracking-content h2[b-0svt6o8r7o] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.tracking-content h2 span[b-0svt6o8r7o] {
    color: #0ea5e9;
}

.tracking-field[b-0svt6o8r7o] {
    flex: 1;
}

.tracking-field label[b-0svt6o8r7o] {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 700;
}

.tracking-field input:focus[b-0svt6o8r7o] {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);
}

.tracking-button:hover[b-0svt6o8r7o] {
    background: #ef2b2d;
    color: #ffffff;
    transform: translateY(-2px);
}

.tracking-note[b-0svt6o8r7o] {
    display: block;
    margin-top: 10px;
    color: #7f90a3;
    font-size: 0.76rem;
}

.tracking-preview-header > div[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.preview-label[b-0svt6o8r7o] {
    color: #7f90a3;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.tracking-location[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
}

.tracking-location span[b-0svt6o8r7o] {
    color: #7f90a3;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.10em;
}

.tracking-location strong[b-0svt6o8r7o] {
    margin-top: 5px;
    color: #0b2d4d;
    font-size: 1rem;
}

.tracking-location small[b-0svt6o8r7o] {
    margin-top: 2px;
    color: #526579;
}

.tracking-location-right[b-0svt6o8r7o] {
    text-align: right;
}

.tracking-detail + .tracking-detail[b-0svt6o8r7o] {
    border-left: 1px solid #e2e8f0;
}

.tracking-detail span[b-0svt6o8r7o] {
    color: #7f90a3;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.tracking-detail strong[b-0svt6o8r7o] {
    color: #0b2d4d;
    font-size: 0.82rem;
}

.tracking-event > div:last-child[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tracking-event span[b-0svt6o8r7o] {
    color: #7f90a3;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.tracking-event strong[b-0svt6o8r7o] {
    color: #0b2d4d;
    font-size: 0.86rem;
}

.tracking-event small[b-0svt6o8r7o] {
    color: #526579;
}

.why-intro h2[b-0svt6o8r7o] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.why-intro h2 span[b-0svt6o8r7o] {
    display: block;
    margin-top: 8px;
    color: #0ea5e9;
}

.ports-container[b-0svt6o8r7o] {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}

.ports-heading h2[b-0svt6o8r7o] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.ports-china-title[b-0svt6o8r7o] {
    color: #ef2b2d;
}

.ports-brasil-title[b-0svt6o8r7o] {
    color: #38bdf8;
}

.china .country-code[b-0svt6o8r7o] {
    background: #ef2b2d;
}

.brasil .country-code[b-0svt6o8r7o] {
    background: #0ea5e9;
}

.country-header small[b-0svt6o8r7o] {
    display: block;
    margin-bottom: 3px;
    color: #a8b7c5;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.ports-footer > div[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ports-cta > span[b-0svt6o8r7o] {
    color: #ef2b2d;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.ports-cta:hover > span[b-0svt6o8r7o] {
    transform: translateX(5px);
}

.final-cta-section[b-0svt6o8r7o] {
    position: relative;
    overflow: hidden;
    padding: 105px 28px;
    background: radial-gradient(
            circle at 85% 50%,
            rgba(14, 165, 233, 0.10),
            transparent 32%
        ),
        #f8fafc;
}

.final-cta-section[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(
        180deg,
        #ef2b2d,
        #0ea5e9
    );
}

.final-cta-container[b-0svt6o8r7o] {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.final-cta-content[b-0svt6o8r7o] {
    max-width: 720px;
}

.final-cta-content h2[b-0svt6o8r7o] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.5rem, 4.5vw, 4rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.final-cta-content h2 span[b-0svt6o8r7o] {
    color: #0ea5e9;
}

.final-cta-content p[b-0svt6o8r7o] {
    max-width: 650px;
    margin: 24px 0 0;
    color: #526579;
    font-size: 1.02rem;
    line-height: 1.75;
}

.final-cta-actions[b-0svt6o8r7o] {
    min-width: 235px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.final-cta-primary[b-0svt6o8r7o],
.final-cta-secondary[b-0svt6o8r7o] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    transition: transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.final-cta-primary span[b-0svt6o8r7o] {
    color: #38bdf8;
    font-size: 1rem;
}

.final-cta-primary:hover[b-0svt6o8r7o] {
    background: #ef2b2d;
    color: #ffffff;
    transform: translateY(-2px);
}

.final-cta-primary:hover span[b-0svt6o8r7o] {
    color: #ffffff;
}

.final-cta-secondary[b-0svt6o8r7o] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0b2d4d;
}

.final-cta-secondary:hover[b-0svt6o8r7o] {
    border-color: #0b2d4d;
    color: #0b2d4d;
    transform: translateY(-2px);
}

.route-label[b-0svt6o8r7o],
.preview-label[b-0svt6o8r7o],
.tracking-detail span[b-0svt6o8r7o],
.tracking-event span[b-0svt6o8r7o],
.country-header small[b-0svt6o8r7o],
.port-item span[b-0svt6o8r7o],
.section-kicker[b-0svt6o8r7o],
.services-kicker[b-0svt6o8r7o],
.tracking-kicker[b-0svt6o8r7o],
.why-kicker[b-0svt6o8r7o],
.ports-kicker[b-0svt6o8r7o],
.final-cta-kicker[b-0svt6o8r7o] {
    font-weight: 800;
    text-rendering: optimizeLegibility;
}

.tracking-note[b-0svt6o8r7o],
.tracking-location small[b-0svt6o8r7o],
.tracking-event small[b-0svt6o8r7o] {
    font-weight: 500;
}

.route-step h3[b-0svt6o8r7o],
.service-card h3[b-0svt6o8r7o],
.why-item h3[b-0svt6o8r7o],
.country-header h3[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.final-cta-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.055em;
}

.route-label[b-0svt6o8r7o],
.preview-label[b-0svt6o8r7o],
.tracking-detail span[b-0svt6o8r7o],
.tracking-event span[b-0svt6o8r7o],
.country-header small[b-0svt6o8r7o],
.ocean-text[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 650;
    letter-spacing: 0.06em;
}

.route-step p[b-0svt6o8r7o],
.service-card p[b-0svt6o8r7o],
.tracking-content > p[b-0svt6o8r7o],
.why-item p[b-0svt6o8r7o],
.ports-heading p[b-0svt6o8r7o],
.final-cta-content p[b-0svt6o8r7o],
.services-heading p[b-0svt6o8r7o],
.section-heading p[b-0svt6o8r7o] {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.info-item strong[b-0svt6o8r7o],
.tracking-preview-header strong[b-0svt6o8r7o],
.tracking-location strong[b-0svt6o8r7o],
.tracking-detail strong[b-0svt6o8r7o],
.tracking-event strong[b-0svt6o8r7o],
.port-item strong[b-0svt6o8r7o],
.ports-footer strong[b-0svt6o8r7o],
.services-footer strong[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 600;
}

.info-item span[b-0svt6o8r7o],
.tracking-note[b-0svt6o8r7o],
.tracking-location small[b-0svt6o8r7o],
.tracking-event small[b-0svt6o8r7o],
.port-item span[b-0svt6o8r7o],
.ports-footer > div > span[b-0svt6o8r7o],
.services-footer > div > span[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 400;
}

.btn-primary[b-0svt6o8r7o],
.btn-secondary[b-0svt6o8r7o],
.services-cta[b-0svt6o8r7o],
.tracking-button[b-0svt6o8r7o],
.why-link[b-0svt6o8r7o],
.ports-cta[b-0svt6o8r7o],
.final-cta-primary[b-0svt6o8r7o],
.final-cta-secondary[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.035em;
    transition: transform var(--motion-fast) ease,
        box-shadow var(--motion-fast) ease,
        background-color var(--motion-fast) ease,
        border-color var(--motion-fast) ease,
        color var(--motion-fast) ease;
}

.why-link:hover[b-0svt6o8r7o],
.ports-cta:hover[b-0svt6o8r7o] {
    transform: translateX(3px);
}

.ports-country:hover[b-0svt6o8r7o],
.tracking-preview:hover[b-0svt6o8r7o] {
    transform: translateY(-5px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.10);
}

.service-icon[b-0svt6o8r7o],
.route-point[b-0svt6o8r7o],
.country-code[b-0svt6o8r7o],
.ocean-icon[b-0svt6o8r7o],
.route-ship[b-0svt6o8r7o] {
    transition: transform var(--motion-base) var(--motion-ease),
        box-shadow var(--motion-base) ease;
}

.route-step:hover .route-point[b-0svt6o8r7o],
.ports-country:hover .country-code[b-0svt6o8r7o] {
    transform: scale(1.06);
}

.final-cta-primary[b-0svt6o8r7o] {
    background: #0b2d4d;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.final-cta-primary:hover[b-0svt6o8r7o]::after {
    transform: translateX(130%);
}

.hero-content[b-0svt6o8r7o] {
    max-width: 900px;
    animation: logimarHeroInV2-b-0svt6o8r7o 1.05s var(--motion-ease-v2) both;
}

.hero h1[b-0svt6o8r7o],
.section-heading h2[b-0svt6o8r7o],
.services-heading h2[b-0svt6o8r7o],
.tracking-content h2[b-0svt6o8r7o],
.why-intro h2[b-0svt6o8r7o],
.ports-heading h2[b-0svt6o8r7o],
.final-cta-content h2[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    transition: transform var(--motion-base-v2) var(--motion-ease-v2),
        text-shadow var(--motion-base-v2) ease;
}

.section-heading:hover h2[b-0svt6o8r7o],
.services-heading:hover h2[b-0svt6o8r7o],
.tracking-content:hover h2[b-0svt6o8r7o],
.why-intro:hover h2[b-0svt6o8r7o],
.ports-heading:hover h2[b-0svt6o8r7o],
.final-cta-content:hover h2[b-0svt6o8r7o] {
    transform: translateX(5px);
}

.service-card[b-0svt6o8r7o],
.ports-country[b-0svt6o8r7o],
.tracking-preview[b-0svt6o8r7o],
.why-item[b-0svt6o8r7o] {
    transition: transform var(--motion-base-v2) var(--motion-ease-v2),
        box-shadow var(--motion-base-v2) ease,
        border-color var(--motion-base-v2) ease,
        background-color var(--motion-base-v2) ease;
}

.service-card:hover .service-icon[b-0svt6o8r7o] {
    transform: translateY(-5px) scale(1.10);
}

.ports-country:hover .country-code[b-0svt6o8r7o] {
    transform: scale(1.10);
}

.ocean-icon:hover[b-0svt6o8r7o] {
    transform: scale(1.10) rotate(-2deg);
}

.btn-primary[b-0svt6o8r7o],
.btn-secondary[b-0svt6o8r7o],
.services-cta[b-0svt6o8r7o],
.tracking-button[b-0svt6o8r7o],
.final-cta-primary[b-0svt6o8r7o],
.final-cta-secondary[b-0svt6o8r7o] {
    transition: transform var(--motion-fast-v2) ease,
        box-shadow var(--motion-fast-v2) ease,
        background-color var(--motion-fast-v2) ease,
        border-color var(--motion-fast-v2) ease,
        color var(--motion-fast-v2) ease;
}

.btn-primary:hover[b-0svt6o8r7o],
.btn-secondary:hover[b-0svt6o8r7o],
.services-cta:hover[b-0svt6o8r7o],
.tracking-button:hover[b-0svt6o8r7o],
.final-cta-primary:hover[b-0svt6o8r7o],
.final-cta-secondary:hover[b-0svt6o8r7o] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.18);
}

.final-cta-primary[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-130%);
    pointer-events: none;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 34%,
        rgba(255, 255, 255, 0.32) 50%,
        transparent 66%,
        transparent 100%
    );
    transition: transform 0.68s var(--motion-ease-v2);
}

.route-line[b-0svt6o8r7o],
.ocean-line[b-0svt6o8r7o] {
    background-size: 260% 100%;
    animation: logimarRouteFlowV2-b-0svt6o8r7o 4.8s linear infinite;
}

.reveal[b-0svt6o8r7o] {
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(42px) scale(0.985);
    transition: opacity 0.9s var(--motion-ease-v2),
        transform 0.9s var(--motion-ease-v2);
}

.reveal.reveal-left[b-0svt6o8r7o] {
    transform: translateX(-46px);
}

.reveal.reveal-right[b-0svt6o8r7o] {
    transform: translateX(46px);
}

.reveal.reveal-scale[b-0svt6o8r7o] {
    transform: scale(0.94);
}

.reveal.is-visible[b-0svt6o8r7o] {
    opacity: 1;
    transform: none;
}

.reveal-delay-1[b-0svt6o8r7o] {
    transition-delay: 100ms;
}

.reveal-delay-2[b-0svt6o8r7o] {
    transition-delay: 210ms;
}

.reveal-delay-3[b-0svt6o8r7o] {
    transition-delay: 320ms;
}

.reveal-delay-4[b-0svt6o8r7o] {
    transition-delay: 430ms;
}

.reveal-delay-5[b-0svt6o8r7o] {
    transition-delay: 540ms;
}

.reveal-delay-6[b-0svt6o8r7o] {
    transition-delay: 650ms;
}

.hero-tag[b-0svt6o8r7o],
.section-kicker[b-0svt6o8r7o],
.services-kicker[b-0svt6o8r7o],
.tracking-kicker[b-0svt6o8r7o],
.why-kicker[b-0svt6o8r7o],
.ports-kicker[b-0svt6o8r7o],
.final-cta-kicker[b-0svt6o8r7o] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.075em;
    transition: transform var(--motion-fast-v2) ease,
        letter-spacing var(--motion-fast-v2) ease;
}

.hero-tag:hover[b-0svt6o8r7o],
.section-kicker:hover[b-0svt6o8r7o],
.services-kicker:hover[b-0svt6o8r7o],
.tracking-kicker:hover[b-0svt6o8r7o],
.why-kicker:hover[b-0svt6o8r7o],
.ports-kicker:hover[b-0svt6o8r7o],
.final-cta-kicker:hover[b-0svt6o8r7o] {
    transform: translateX(4px);
    letter-spacing: 0.09em;
}

.hero[b-0svt6o8r7o] {
    position: relative;
    min-height: calc(100vh - 82px);
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.97) 0%,
            rgba(5, 35, 62, 0.92) 43%,
            rgba(5, 35, 62, 0.62) 70%,
            rgba(5, 35, 62, 0.40) 100%
        ),
        url("/images/logimar-hero.png");
    background-size: 106%;
    background-position: center center;
    isolation: isolate;
    animation: logimarHeroBackground-b-0svt6o8r7o 16s ease-in-out infinite alternate;
}

.hero[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(
            circle at 78% 42%,
            rgba(56, 189, 248, 0.14) 0%,
            rgba(56, 189, 248, 0.04) 28%,
            transparent 52%
        ),
        linear-gradient(
            180deg,
            rgba(4, 18, 32, 0.05) 0%,
            rgba(4, 18, 32, 0.00) 55%,
            rgba(4, 18, 32, 0.22) 100%
        );
}

.hero[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 2px;
    background: linear-gradient(
        90deg,
        #ef2b2d 0%,
        rgba(239, 43, 45, 0.25) 24%,
        rgba(56, 189, 248, 0.25) 70%,
        #38bdf8 100%
    );
    background-size: 220% 100%;
    animation: logimarHeroRouteLine-b-0svt6o8r7o 5s linear infinite;
}

.hero-container[b-0svt6o8r7o] {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 28px 55px;
    z-index: 2;
}

.hero-tag[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    padding: 9px 15px;
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.30);
    background: rgba(7, 31, 54, 0.30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 28px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-tag[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 55px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.14),
        transparent
    );
    transform: translateX(-90px) skewX(-18deg);
    animation: logimarTagShine-b-0svt6o8r7o 6s ease-in-out infinite;
}

.route-china[b-0svt6o8r7o],
.route-brasil[b-0svt6o8r7o] {
    display: inline-block;
    position: relative;
    transition: transform 350ms var(--motion-ease-v2),
        filter 350ms ease,
        text-shadow 350ms ease;
}

.route-china[b-0svt6o8r7o] {
    color: #ef2b2d;
    text-shadow: 0 0 28px rgba(239, 43, 45, 0.10);
}

.route-brasil[b-0svt6o8r7o] {
    color: #38bdf8;
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.12);
}

.hero h1:hover .route-china[b-0svt6o8r7o] {
    transform: translateX(-3px);
    filter: brightness(1.08);
    text-shadow: 0 0 28px rgba(239, 43, 45, 0.24);
}

.hero h1:hover .route-brasil[b-0svt6o8r7o] {
    transform: translateX(3px);
    filter: brightness(1.08);
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.28);
}

.route-arrow[b-0svt6o8r7o] {
    color: #ffffff;
    margin: 0 12px;
    display: inline-block;
    position: relative;
    animation: logimarHeroArrow-b-0svt6o8r7o 2.2s ease-in-out infinite;
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.20);
}

.hero .btn-primary[b-0svt6o8r7o],
.hero .btn-secondary[b-0svt6o8r7o] {
    position: relative;
    overflow: hidden;
    min-height: 54px;
    padding: 0 26px;
    border-radius: 7px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
}

.hero .btn-primary[b-0svt6o8r7o] {
    background: #ffffff;
    color: #0b2d4d;
}

.hero .btn-primary[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 35%,
        rgba(56, 189, 248, 0.18) 50%,
        transparent 65%,
        transparent 100%
    );
    transform: translateX(-130%);
    transition: transform 650ms var(--motion-ease-v2);
    pointer-events: none;
}

.hero .btn-primary:hover[b-0svt6o8r7o]::after {
    transform: translateX(130%);
}

.hero .btn-primary:hover[b-0svt6o8r7o] {
    transform: translateY(-5px) scale(1.025);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.hero .btn-secondary:hover[b-0svt6o8r7o] {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.15);
}

.info-item[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 260ms var(--motion-ease-v2);
}

.info-item:hover[b-0svt6o8r7o] {
    transform: translateY(-4px);
}

.hero h1[b-0svt6o8r7o] {
    margin: 0;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.035em;
    text-wrap: balance;
    text-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    font-size: clamp(2.8rem, 4.05vw, 4.45rem);
    line-height: 1.01;
    max-width: 820px;
}

.hero-description[b-0svt6o8r7o] {
    margin: 28px 0 0;
    max-width: 680px;
    color: #e5edf5;
    font-size: clamp(1.04rem, 1.35vw, 1.18rem);
    line-height: 1.72;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
    margin-top: 22px;
}

.hero-actions[b-0svt6o8r7o] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.hero-info[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    animation: logimarHeroInfoInV2-b-0svt6o8r7o 1.15s var(--motion-ease-v2) 0.2s both;
    padding-top: 25px;
    position: relative;
    max-width: 900px;
    margin-top: 54px;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    background: rgba(5, 25, 45, 0.30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 16px 38px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.hero-info[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    height: 1px;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #ffffff 48%,
        #38bdf8
    );
    animation: logimarHeroInfoLine-b-0svt6o8r7o 1.35s var(--motion-ease-v2) 0.65s forwards;
    top: -1px;
    left: 22px;
    width: 0;
    max-width: calc(100% - 44px);
    animation-name: logimarHeroInfoLineV31-b-0svt6o8r7o;
}

.info-divider[b-0svt6o8r7o] {
    width: 1px;
    height: 34px;
    margin: 0 28px;
    background: rgba(255, 255, 255, 0.16);
}

.info-item strong[b-0svt6o8r7o] {
    color: #ffffff;
    font-size: 0.93rem;
}

.info-item span[b-0svt6o8r7o] {
    margin-top: 1px;
    color: #c9d5df;
    font-size: 0.76rem;
}

.route-section[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1180px, calc(100% - 56px));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #dbe5ef 15%, #dbe5ef 85%, transparent);
}

.route-container[b-0svt6o8r7o] {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.route-section .section-kicker[b-0svt6o8r7o] {
    position: relative;
    padding-left: 31px;
}

.route-section .section-kicker[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #ef2b2d, #0ea5e9);
}

.route-section .section-heading h2[b-0svt6o8r7o] {
    max-width: 800px;
}

.route-section .section-heading p[b-0svt6o8r7o] {
    max-width: 720px;
}

.route-line[b-0svt6o8r7o] {
    position: absolute;
    top: 36px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(90deg, #ef2b2d 0%, #ef2b2d 8%, #38bdf8 52%, #0b2d4d 100%);
    border-radius: 999px;
    background-size: 220% 100%;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.12);
    animation: logimarRouteV4Flow-b-0svt6o8r7o 4.5s linear infinite;
}

.route-line[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 70px;
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.95),
        transparent
    );
    filter: blur(1px);
    transform: translateY(-50%);
    animation: logimarRouteV4Light-b-0svt6o8r7o 4.5s ease-in-out infinite;
}

.route-step:hover[b-0svt6o8r7o] {
    transform: translateY(-7px);
    background: rgba(248, 250, 252, 0.78);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.07);
}

.route-point[b-0svt6o8r7o]::after {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px solid rgba(11, 45, 77, 0.09);
    border-radius: 50%;
    transform: scale(0.82);
    opacity: 0;
    transition: transform 380ms var(--motion-ease-v2),
        opacity 380ms ease;
}

.route-step:hover .route-point[b-0svt6o8r7o] {
    transform: scale(1.08);
}

.route-step:hover .route-point[b-0svt6o8r7o]::after {
    transform: scale(1);
    opacity: 1;
}

.route-point-china[b-0svt6o8r7o] {
    background: #ef2b2d;
    box-shadow: 0 0 0 2px rgba(239, 43, 45, 0.18),
        0 10px 28px rgba(239, 43, 45, 0.12);
}

.route-point-brasil[b-0svt6o8r7o] {
    background: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.18),
        0 10px 28px rgba(14, 165, 233, 0.13);
}

.route-label[b-0svt6o8r7o] {
    display: block;
    color: #7f90a3;
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 0.68rem;
    letter-spacing: 0.085em;
}

.route-step h3[b-0svt6o8r7o] {
    margin: 0 0 14px;
    color: #0b2d4d;
    font-weight: 800;
    font-size: 1.32rem;
    margin-bottom: 13px;
}

.route-step p[b-0svt6o8r7o] {
    margin: 0;
    color: #526579;
    font-size: 0.95rem;
    line-height: 1.72;
    max-width: 320px;
}

.route-step:first-of-type h3[b-0svt6o8r7o] {
    color: #b91c1c;
}

.route-step:last-of-type h3[b-0svt6o8r7o] {
    color: #0284c7;
}

.route-section[b-0svt6o8r7o] {
    background: radial-gradient(circle at 8% 18%, rgba(239, 43, 45, 0.055), transparent 24%),
        radial-gradient(circle at 92% 72%, rgba(14, 165, 233, 0.075), transparent 27%),
        #ffffff;
    position: relative;
    overflow: hidden;
    padding: 65px 28px 70px;
}

.route-section .section-heading[b-0svt6o8r7o] {
    max-width: 850px;
    margin-bottom: 42px;
}

.route-flow[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    padding-top: 6px;
    gap: 28px;
}

.route-step[b-0svt6o8r7o] {
    position: relative;
    z-index: 2;
    padding: 0 24px 28px;
    border-radius: 14px;
    transition: transform 380ms var(--motion-ease-v2),
        background-color 380ms ease,
        box-shadow 380ms ease;
    min-height: 195px;
    padding-bottom: 18px;
}

.route-point[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background: #0b2d4d;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 800;
    width: 68px;
    height: 68px;
    box-shadow: 0 0 0 2px #dbe5ef,
        0 10px 28px rgba(15, 23, 42, 0.10);
    position: relative;
    margin-left: -4px;
    border-width: 5px;
    transition: transform 380ms var(--motion-ease-v2),
        box-shadow 380ms ease;
    margin-bottom: 20px;
}

.services-section[b-0svt6o8r7o] {
    background: radial-gradient(
            circle at 85% 15%,
            rgba(14, 165, 233, 0.12),
            transparent 30%
        ),
        #071f36;
    padding: 72px 28px 76px;
}

.services-heading[b-0svt6o8r7o] {
    max-width: 760px;
    margin-bottom: 38px;
}

.services-heading p[b-0svt6o8r7o] {
    max-width: 680px;
    margin: 24px 0 0;
    color: #c8d2dc;
    font-size: 1.02rem;
    line-height: 1.75;
    margin-top: 18px;
}

.services-grid[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.service-icon[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
    font-weight: 900;
    letter-spacing: 0.05em;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-size: 0.7rem;
}

.service-card h3[b-0svt6o8r7o] {
    margin: 0 0 14px;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.03rem;
    margin-bottom: 10px;
    line-height: 1.35;
}

.service-card p[b-0svt6o8r7o] {
    margin: 0;
    color: #c2ced8;
    font-size: 0.88rem;
    line-height: 1.62;
}

.service-card:hover[b-0svt6o8r7o] {
    transform: translateY(-9px) scale(1.012);
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.075),
            rgba(255, 255, 255, 0.038)
        );
    border-color: rgba(56, 189, 248, 0.32);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.service-card[b-0svt6o8r7o] {
    border: 1px solid rgba(255, 255, 255, 0.10);
    transition: transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
    min-height: 205px;
    padding: 24px 26px;
    border-radius: 11px;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.026)
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    position: relative;
    overflow: hidden;
}

.service-card[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
    transition: width 420ms var(--motion-ease-v2);
}

.service-card:hover[b-0svt6o8r7o]::before {
    width: 100%;
}

.services-footer[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    margin-top: 26px;
    padding: 22px 24px;
}

.services-footer strong[b-0svt6o8r7o] {
    color: #ffffff;
    font-size: 0.95rem;
}

.services-footer > div > span[b-0svt6o8r7o] {
    color: #b5c2ce;
    font-size: 0.84rem;
}

.tracking-section[b-0svt6o8r7o] {
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 82% 18%, rgba(14, 165, 233, 0.06), transparent 26%),
        #f8fafc;
}

.tracking-container[b-0svt6o8r7o] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 58px;
}

.tracking-content[b-0svt6o8r7o] {
    max-width: 500px;
}

.tracking-content > p[b-0svt6o8r7o] {
    margin: 24px 0 0;
    color: #526579;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 18px;
}

.tracking-form[b-0svt6o8r7o] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 28px;
}

.tracking-field input[b-0svt6o8r7o] {
    width: 100%;
    padding: 0 16px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease;
    height: 52px;
    border-radius: 7px;
}

.tracking-button[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 22px;
    background: #0b2d4d;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    transition: background 0.2s ease,
        transform 0.2s ease;
    min-height: 52px;
    border-radius: 7px;
}

.tracking-preview[b-0svt6o8r7o] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
    position: relative;
    overflow: hidden;
    transition: transform 420ms var(--motion-ease-v2),
        box-shadow 420ms ease;
}

.tracking-preview:hover[b-0svt6o8r7o] {
    transform: translateY(-7px) scale(1.008);
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.tracking-preview[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        #ef2b2d 0%,
        #38bdf8 55%,
        #0b2d4d 100%
    );
}

.tracking-preview-header[b-0svt6o8r7o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 20px;
}

.tracking-preview-header strong[b-0svt6o8r7o] {
    color: #0b2d4d;
    font-size: 1.1rem;
}

.status-badge[b-0svt6o8r7o] {
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.10);
    color: #0284c7;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 8px 12px;
    position: relative;
}

.status-badge[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0ea5e9;
    transform: translateY(-50%);
    box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.32);
    animation: logimarTrackingPulse-b-0svt6o8r7o 2.2s ease-out infinite;
}

.tracking-route[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 28px 0 26px;
}

.tracking-route-line[b-0svt6o8r7o] {
    position: relative;
    background: #dbe5ef;
    height: 3px;
    border-radius: 999px;
    overflow: visible;
}

.route-progress[b-0svt6o8r7o] {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #0ea5e9
    );
    height: 3px;
    border-radius: 999px;
    background-size: 200% 100%;
    animation: logimarTrackingProgress-b-0svt6o8r7o 3.8s linear infinite;
}

.route-ship[b-0svt6o8r7o] {
    position: absolute;
    top: 50%;
    left: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0b2d4d;
    color: #ffffff;
    font-size: 0.85rem;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    animation: logimarTrackingShipV6-b-0svt6o8r7o 2.5s ease-in-out infinite;
    box-shadow: 0 8px 20px rgba(11, 45, 77, 0.22),
        0 0 0 5px rgba(255, 255, 255, 0.8);
}

.route-dot[b-0svt6o8r7o] {
    position: absolute;
    top: 50%;
    left: -2px;
    border-radius: 50%;
    background: #ef2b2d;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
}

.route-dot-end[b-0svt6o8r7o] {
    left: auto;
    right: -2px;
    background: #0ea5e9;
    box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.08);
}

.tracking-details[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    border-radius: 9px;
    background: #fbfdff;
}

.tracking-detail[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    transition: background-color 220ms ease;
}

.tracking-detail:hover[b-0svt6o8r7o] {
    background: #f1f7fb;
}

.tracking-event[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
    background: #f8fafc;
    margin-top: 17px;
    padding: 15px 16px;
    border: 1px solid #edf2f7;
    transition: transform 260ms var(--motion-ease-v2),
        background-color 260ms ease;
}

.tracking-event:hover[b-0svt6o8r7o] {
    transform: translateX(5px);
    background: #f1f7fb;
}

.event-icon[b-0svt6o8r7o] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border-radius: 50%;
    background: #0ea5e9;
    box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.12);
    animation: logimarEventPulse-b-0svt6o8r7o 2.3s ease-in-out infinite;
}

.why-section[b-0svt6o8r7o] {
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 14% 18%, rgba(239, 43, 45, 0.045), transparent 24%),
        radial-gradient(circle at 86% 78%, rgba(14, 165, 233, 0.055), transparent 26%),
        #ffffff;
}

.why-container[b-0svt6o8r7o] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: start;
    gap: 72px;
}

.why-intro[b-0svt6o8r7o] {
    position: sticky;
    top: 105px;
    max-width: 470px;
}

.why-intro p[b-0svt6o8r7o] {
    margin: 26px 0 0;
    color: #526579;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 20px;
}

.why-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 18px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    position: relative;
    padding-left: 30px;
}

.why-kicker[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 19px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #0ea5e9
    );
}

.why-list[b-0svt6o8r7o] {
    border-top: 1px solid #dfe7ef;
}

.why-item[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 22px;
    padding: 26px 18px 26px 0;
    border-bottom: 1px solid #e4ebf2;
    position: relative;
    overflow: hidden;
    transition: transform 340ms var(--motion-ease-v2),
        background-color 340ms ease,
        box-shadow 340ms ease,
        padding-left 340ms var(--motion-ease-v2);
}

.why-item[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        #ef2b2d,
        #38bdf8
    );
    transition: height 360ms var(--motion-ease-v2);
}

.why-item:hover[b-0svt6o8r7o] {
    transform: translateX(7px);
    padding-left: 14px;
    background: rgba(248, 250, 252, 0.78);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
}

.why-item:hover[b-0svt6o8r7o]::before {
    height: 100%;
}

.why-number[b-0svt6o8r7o] {
    font-weight: 900;
    letter-spacing: 0.08em;
    color: #ef2b2d;
    font-size: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: rgba(239, 43, 45, 0.07);
    transition: transform 320ms var(--motion-ease-v2),
        background-color 320ms ease,
        color 320ms ease;
}

.why-item:nth-child(even) .why-number[b-0svt6o8r7o] {
    background: rgba(14, 165, 233, 0.07);
    color: #0284c7;
}

.why-item:hover .why-number[b-0svt6o8r7o] {
    transform: scale(1.08);
}

.why-item h3[b-0svt6o8r7o] {
    margin: 0 0 12px;
    color: #0b2d4d;
    font-weight: 800;
    font-size: 1.13rem;
    margin-bottom: 8px;
}

.why-item p[b-0svt6o8r7o] {
    margin: 0;
    color: #526579;
    max-width: 540px;
    font-size: 0.91rem;
    line-height: 1.65;
}

.why-link[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0b2d4d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    margin-top: 22px;
    transition: transform 260ms var(--motion-ease-v2),
        color 260ms ease;
}

.why-link:hover[b-0svt6o8r7o] {
    color: #0b2d4d;
    transform: translateX(5px);
}

.why-link span[b-0svt6o8r7o] {
    color: #ef2b2d;
    font-size: 1rem;
    transition: transform 260ms var(--motion-ease-v2);
}

.why-link:hover span[b-0svt6o8r7o] {
    transform: translateX(6px);
}

.ports-section[b-0svt6o8r7o] {
    position: relative;
    overflow: hidden;
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 22% 28%, rgba(239, 43, 45, 0.08), transparent 24%),
        radial-gradient(circle at 78% 68%, rgba(14, 165, 233, 0.09), transparent 26%),
        #071f36;
}

.ports-heading[b-0svt6o8r7o] {
    max-width: 760px;
    margin-bottom: 42px;
}

.ports-heading p[b-0svt6o8r7o] {
    max-width: 650px;
    margin: 22px 0 0;
    color: #c2ced8;
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 18px;
}

.ports-kicker[b-0svt6o8r7o] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    position: relative;
    padding-left: 30px;
}

.ports-kicker[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 19px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
}

.ports-route[b-0svt6o8r7o] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 150px 1fr;
    gap: 28px;
}

.ports-country[b-0svt6o8r7o] {
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 24px 26px;
    border-radius: 12px;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        );
    position: relative;
    overflow: hidden;
    transition: transform 380ms var(--motion-ease-v2),
        box-shadow 380ms ease,
        border-color 380ms ease,
        background-color 380ms ease;
}

.ports-country:hover[b-0svt6o8r7o] {
    transform: translateY(-8px) scale(1.008);
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.20);
    border-color: rgba(255, 255, 255, 0.18);
}

.ports-country[b-0svt6o8r7o]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

.ports-country.china[b-0svt6o8r7o]::before {
    background: linear-gradient(
        90deg,
        #ef2b2d,
        rgba(239, 43, 45, 0.18)
    );
}

.ports-country.brasil[b-0svt6o8r7o]::before {
    background: linear-gradient(
        90deg,
        rgba(56, 189, 248, 0.18),
        #38bdf8
    );
}

.country-header[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    margin-bottom: 20px;
    padding-bottom: 17px;
}

.country-code[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    width: 44px;
    height: 44px;
}

.country-header h3[b-0svt6o8r7o] {
    margin: 0;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.22rem;
}

.ports-list[b-0svt6o8r7o] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 22px;
}

.port-item[b-0svt6o8r7o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 11px 0;
}

.port-item strong[b-0svt6o8r7o] {
    color: #ffffff;
    font-size: 0.86rem;
}

.port-item span[b-0svt6o8r7o] {
    color: #a8b7c5;
    font-size: 0.72rem;
}

.ocean-route[b-0svt6o8r7o] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}

.ocean-line[b-0svt6o8r7o] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
    height: 2px;
    border-radius: 999px;
    background-size: 240% 100%;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.12);
    animation: logimarOceanFlowV8-b-0svt6o8r7o 4.2s linear infinite;
}

.ocean-icon[b-0svt6o8r7o] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #071f36;
    border-radius: 50%;
    background: #ffffff;
    color: #0b2d4d;
    width: 58px;
    height: 58px;
    border-width: 6px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.08);
    animation: logimarOceanFloatV8-b-0svt6o8r7o 2.8s ease-in-out infinite;
}

.ocean-text[b-0svt6o8r7o] {
    position: relative;
    z-index: 2;
    color: #a8b7c5;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    white-space: nowrap;
    margin-top: 15px;
    padding: 5px 9px;
    background: rgba(7, 31, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.ocean-arrow[b-0svt6o8r7o] {
    position: absolute;
    top: calc(50% - 15px);
    color: #38bdf8;
    font-size: 1.2rem;
    right: -1px;
    animation: logimarOceanArrowV8-b-0svt6o8r7o 1.8s ease-in-out infinite;
}

.ports-footer[b-0svt6o8r7o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 30px;
    padding-top: 22px;
}

.ports-footer strong[b-0svt6o8r7o] {
    color: #ffffff;
    font-size: 0.92rem;
}

.ports-footer > div > span[b-0svt6o8r7o] {
    color: #a8b7c5;
    font-size: 0.82rem;
}

.ports-cta[b-0svt6o8r7o] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: transform 260ms var(--motion-ease-v2),
        color 260ms ease;
}

.ports-cta:hover[b-0svt6o8r7o] {
    color: #ffffff;
    transform: translateX(5px);
}

@keyframes logimarHeroIn-b-0svt6o8r7o {
    from {
            opacity: 0;
            transform: translateY(24px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarHeroInfoIn-b-0svt6o8r7o {
    from {
            opacity: 0;
            transform: translateY(18px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarRouteFlow-b-0svt6o8r7o {
    0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 200% 50%;
        }
}

@keyframes logimarShipFloat-b-0svt6o8r7o {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0);
        }
        50% {
            transform: translate(-50%, -50%) translateY(-4px);
        }
}

@keyframes logimarHeroInV2-b-0svt6o8r7o {
    from {
            opacity: 0;
            transform: translateY(42px) scale(0.985);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
}

@keyframes logimarHeroInfoInV2-b-0svt6o8r7o {
    from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarRouteFlowV2-b-0svt6o8r7o {
    0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 260% 50%;
        }
}

@keyframes logimarShipFloatV2-b-0svt6o8r7o {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0) rotate(0deg);
        }
        50% {
            transform: translate(-50%, -50%) translateY(-7px) rotate(-2deg);
        }
}

@keyframes logimarHeroBackground-b-0svt6o8r7o {
    0% {
            background-size: 106%;
            background-position: 50% 50%;
        }
    
        100% {
            background-size: 111%;
            background-position: 53% 48%;
        }
}

@keyframes logimarHeroRouteLine-b-0svt6o8r7o {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 220% 50%;
        }
}

@keyframes logimarTagShine-b-0svt6o8r7o {
    0%, 68% {
            transform: translateX(-90px) skewX(-18deg);
        }
    
        82%, 100% {
            transform: translateX(310px) skewX(-18deg);
        }
}

@keyframes logimarHeroArrow-b-0svt6o8r7o {
    0%, 100% {
            transform: translateX(0);
            opacity: 0.82;
        }
    
        50% {
            transform: translateX(7px);
            opacity: 1;
        }
}

@keyframes logimarHeroInfoLine-b-0svt6o8r7o {
    to {
            width: 100%;
        }
}

@keyframes logimarHeroInfoLineV31-b-0svt6o8r7o {
    to {
                width: calc(100% - 40px);
            }
}

@keyframes logimarRouteV4Flow-b-0svt6o8r7o {
    from { background-position: 0% 50%; }
        to   { background-position: 220% 50%; }
}

@keyframes logimarRouteV4Light-b-0svt6o8r7o {
    0%   { left: 0%; opacity: 0; }
        10%  { opacity: 1; }
        85%  { opacity: 1; }
        100% { left: calc(100% - 70px); opacity: 0; }
}

@keyframes logimarRouteV4LightMobile-b-0svt6o8r7o {
    0%   { top: 0%; opacity: 0; }
            10%  { opacity: 1; }
            85%  { opacity: 1; }
            100% { top: calc(100% - 58px); opacity: 0; }
}

@keyframes logimarTrackingPulse-b-0svt6o8r7o {
    0% {
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.32);
        }
    
        70% {
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
        }
    
        100% {
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
        }
}

@keyframes logimarTrackingProgress-b-0svt6o8r7o {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 200% 50%;
        }
}

@keyframes logimarTrackingShipV6-b-0svt6o8r7o {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0) rotate(0deg);
        }
    
        50% {
            transform: translate(-50%, -50%) translateY(-6px) rotate(-2deg);
        }
}

@keyframes logimarEventPulse-b-0svt6o8r7o {
    0%, 100% {
            box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.12);
        }
    
        50% {
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0.04);
        }
}

@keyframes logimarOceanFlowV8-b-0svt6o8r7o {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 240% 50%;
        }
}

@keyframes logimarOceanFloatV8-b-0svt6o8r7o {
    0%, 100% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(-7px);
        }
}

@keyframes logimarOceanArrowV8-b-0svt6o8r7o {
    0%, 100% {
            transform: translateX(0);
            opacity: 0.72;
        }
    
        50% {
            transform: translateX(6px);
            opacity: 1;
        }
}

@media (max-width: 700px) {
    .hero[b-0svt6o8r7o] {
        min-height: auto;
    }
}

@media (max-width: 700px) {
    .hero-container[b-0svt6o8r7o] {
        padding: 65px 20px 45px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-0svt6o8r7o] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}

@media (max-width: 700px) {
    .info-divider[b-0svt6o8r7o] {
        display: none;
    }
}

@media (max-width: 800px) {
    .route-flow[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .route-step[b-0svt6o8r7o] {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 22px;
    }
}

@media (max-width: 950px) {
    .services-grid[b-0svt6o8r7o] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .services-grid[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .services-footer[b-0svt6o8r7o] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .tracking-container[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-form[b-0svt6o8r7o] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .tracking-button[b-0svt6o8r7o] {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .tracking-route[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-location-right[b-0svt6o8r7o] {
        text-align: left;
    }
}

@media (max-width: 650px) {
    .tracking-route-line[b-0svt6o8r7o] {
        margin: 15px 5px;
    }
}

@media (max-width: 650px) {
    .tracking-details[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-detail + .tracking-detail[b-0svt6o8r7o] {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
    }
}

@media (max-width: 900px) {
    .why-container[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .why-intro[b-0svt6o8r7o] {
        position: static;
    }
}

@media (max-width: 950px) {
    .ocean-route[b-0svt6o8r7o] {
        transform: rotate(90deg);
    }
}

@media (max-width: 950px) {
    .ocean-text[b-0svt6o8r7o] {
        display: none;
    }
}

@media (max-width: 650px) {
    .ports-list[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ports-footer[b-0svt6o8r7o] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    .final-cta-section[b-0svt6o8r7o] {
        padding: 75px 20px;
    }
}

@media (max-width: 800px) {
    .final-cta-container[b-0svt6o8r7o] {
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width: 800px) {
    .final-cta-actions[b-0svt6o8r7o] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .route-step p[b-0svt6o8r7o],
    .service-card p[b-0svt6o8r7o],
    .tracking-content > p[b-0svt6o8r7o],
    .why-item p[b-0svt6o8r7o],
    .ports-heading p[b-0svt6o8r7o],
    .final-cta-content p[b-0svt6o8r7o],
    .services-heading p[b-0svt6o8r7o],
    .section-heading p[b-0svt6o8r7o] {
        line-height: 1.72;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-0svt6o8r7o],
    *[b-0svt6o8r7o]::before,
    *[b-0svt6o8r7o]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 700px) {
    .service-card:hover[b-0svt6o8r7o],
    .ports-country:hover[b-0svt6o8r7o],
    .tracking-preview:hover[b-0svt6o8r7o],
    .why-item:hover[b-0svt6o8r7o] {
        box-shadow: none;
    }
}

@media (max-width: 700px) {
    .reveal[b-0svt6o8r7o] {
        transform: translateY(24px);
        transition-duration: 0.72s;
    }
}

@media (max-width: 700px) {
    .reveal.reveal-left[b-0svt6o8r7o],
    .reveal.reveal-right[b-0svt6o8r7o] {
        transform: translateY(24px);
    }
}

@media (max-width: 700px) {
    .service-card:hover[b-0svt6o8r7o],
    .ports-country:hover[b-0svt6o8r7o],
    .tracking-preview:hover[b-0svt6o8r7o],
    .why-item:hover[b-0svt6o8r7o] {
        transform: none;
    }
}

@media (max-width: 700px) {
    .route-ship[b-0svt6o8r7o] {
        animation-duration: 3.2s;
    }
}

@media (max-width: 900px) {
    .hero[b-0svt6o8r7o] {
        background-size: cover;
        animation: none;
    }
}

@media (max-width: 700px) {
    .hero[b-0svt6o8r7o]::before {
        background: linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.96),
            rgba(5, 35, 62, 0.78)
        );
    }
}

@media (max-width: 700px) {
    .route-arrow[b-0svt6o8r7o] {
        margin: 0 6px;
        animation-duration: 2.6s;
    }
}

@media (max-width: 700px) {
    .hero-actions[b-0svt6o8r7o] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .hero .btn-primary[b-0svt6o8r7o],
    .hero .btn-secondary[b-0svt6o8r7o] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero[b-0svt6o8r7o],
    .hero[b-0svt6o8r7o]::after,
    .hero-tag[b-0svt6o8r7o]::after,
    .route-arrow[b-0svt6o8r7o],
    .hero-info[b-0svt6o8r7o]::before {
        animation: none !important;
    }
}

@media (max-width: 700px) {
    .hero h1[b-0svt6o8r7o] {
        font-size: clamp(2.4rem, 10.5vw, 3.1rem);
    }
}

@media (max-width: 700px) {
    .hero-description[b-0svt6o8r7o] {
        margin-top: 20px;
    }
}

@media (max-width: 700px) {
    .hero-actions[b-0svt6o8r7o] {
        margin-top: 25px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-0svt6o8r7o] {
        margin-top: 42px;
        padding: 20px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-0svt6o8r7o]::before {
        left: 20px;
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 800px) {
    .route-line[b-0svt6o8r7o] {
        top: 36px;
        bottom: 36px;
        left: 33px;
        right: auto;
        width: 3px;
        height: auto;
        background: linear-gradient(
            180deg,
            #ef2b2d 0%,
            #38bdf8 52%,
            #0b2d4d 100%
        );
    }
}

@media (max-width: 800px) {
    .route-line[b-0svt6o8r7o]::after {
        top: 0;
        left: 50%;
        width: 7px;
        height: 58px;
        transform: translateX(-50%);
        background: linear-gradient(
            180deg,
            transparent,
            rgba(255, 255, 255, 0.95),
            transparent
        );
        animation: logimarRouteV4LightMobile-b-0svt6o8r7o 4.5s ease-in-out infinite;
    }
}

@media (max-width: 800px) {
    .route-step[b-0svt6o8r7o] {
        padding: 0 0 22px;
    }
}

@media (max-width: 800px) {
    .route-step:hover[b-0svt6o8r7o] {
        transform: none;
        background: transparent;
        box-shadow: none;
    }
}

@media (max-width: 800px) {
    .route-point[b-0svt6o8r7o] {
        width: 68px;
        height: 68px;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .route-line[b-0svt6o8r7o],
    .route-line[b-0svt6o8r7o]::after {
        animation: none !important;
    }
}

@media (max-width: 800px) {
    .route-section[b-0svt6o8r7o] {
        padding: 58px 20px 62px;
    }
}

@media (max-width: 800px) {
    .route-section .section-heading[b-0svt6o8r7o] {
        margin-bottom: 36px;
    }
}

@media (max-width: 800px) {
    .route-flow[b-0svt6o8r7o] {
        gap: 26px;
    }
}

@media (max-width: 800px) {
    .route-step[b-0svt6o8r7o] {
        min-height: 0;
        padding-bottom: 16px;
    }
}

@media (max-width: 950px) {
    .services-section[b-0svt6o8r7o] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 950px) {
    .services-heading[b-0svt6o8r7o] {
        margin-bottom: 32px;
    }
}

@media (max-width: 950px) {
    .service-card[b-0svt6o8r7o] {
        min-height: 190px;
    }
}

@media (max-width: 650px) {
    .services-section[b-0svt6o8r7o] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .services-heading[b-0svt6o8r7o] {
        margin-bottom: 28px;
    }
}

@media (max-width: 650px) {
    .service-card[b-0svt6o8r7o] {
        min-height: 0;
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .services-footer[b-0svt6o8r7o] {
        margin-top: 22px;
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .tracking-section[b-0svt6o8r7o] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 900px) {
    .tracking-container[b-0svt6o8r7o] {
        gap: 44px;
    }
}

@media (max-width: 650px) {
    .tracking-section[b-0svt6o8r7o] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .tracking-preview[b-0svt6o8r7o] {
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .tracking-route[b-0svt6o8r7o] {
        padding: 22px 0;
    }
}

@media (max-width: 650px) {
    .tracking-event:hover[b-0svt6o8r7o] {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .status-badge[b-0svt6o8r7o]::before,
    .route-progress[b-0svt6o8r7o],
    .route-ship[b-0svt6o8r7o],
    .event-icon[b-0svt6o8r7o] {
        animation: none !important;
    }
}

@media (max-width: 900px) {
    .why-section[b-0svt6o8r7o] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 900px) {
    .why-container[b-0svt6o8r7o] {
        gap: 46px;
    }
}

@media (max-width: 900px) {
    .why-intro[b-0svt6o8r7o] {
        top: auto;
    }
}

@media (max-width: 650px) {
    .why-section[b-0svt6o8r7o] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .why-container[b-0svt6o8r7o] {
        gap: 38px;
    }
}

@media (max-width: 650px) {
    .why-item[b-0svt6o8r7o] {
        grid-template-columns: 46px 1fr;
        gap: 14px;
        padding: 22px 0;
    }
}

@media (max-width: 650px) {
    .why-item:hover[b-0svt6o8r7o] {
        transform: none;
        padding-left: 0;
        background: transparent;
        box-shadow: none;
    }
}

@media (max-width: 650px) {
    .why-number[b-0svt6o8r7o] {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 950px) {
    .ports-section[b-0svt6o8r7o] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 950px) {
    .ports-heading[b-0svt6o8r7o] {
        margin-bottom: 34px;
    }
}

@media (max-width: 950px) {
    .ports-route[b-0svt6o8r7o] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 950px) {
    .ocean-route[b-0svt6o8r7o] {
        min-height: 88px;
    }
}

@media (max-width: 650px) {
    .ports-section[b-0svt6o8r7o] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .ports-country[b-0svt6o8r7o] {
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .ports-footer[b-0svt6o8r7o] {
        margin-top: 24px;
        padding-top: 18px;
    }
}

@media (max-width: 650px) {
    .ports-country:hover[b-0svt6o8r7o] {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ocean-line[b-0svt6o8r7o],
    .ocean-icon[b-0svt6o8r7o],
    .ocean-arrow[b-0svt6o8r7o] {
        animation: none !important;
    }
}

/* =========================================================
   ACABAMENTO MOBILE FINAL
========================================================= */

@media (max-width: 650px) {
    .hero-container[b-0svt6o8r7o] {
        padding: 58px 20px 44px;
    }

    .hero-tag[b-0svt6o8r7o] {
        margin-bottom: 18px;
    }

    .hero h1[b-0svt6o8r7o] {
        font-size: clamp(2.35rem, 10vw, 2.9rem);
        line-height: 1.04;
    }

    .hero-description[b-0svt6o8r7o] {
        margin-top: 22px;
        line-height: 1.7;
    }

    .hero-actions[b-0svt6o8r7o] {
        gap: 12px;
        margin-top: 28px;
    }

    .hero .btn-primary[b-0svt6o8r7o],
    .hero .btn-secondary[b-0svt6o8r7o] {
        min-height: 50px;
        padding: 14px 18px;
    }

    .hero-info[b-0svt6o8r7o] {
        gap: 15px;
        margin-top: 36px;
        padding: 18px;
    }

    .tracking-container[b-0svt6o8r7o] {
        gap: 34px;
    }

    .tracking-preview[b-0svt6o8r7o] {
        padding: 18px;
        border-radius: 16px;
    }

    .tracking-preview-header[b-0svt6o8r7o] {
        align-items: flex-start;
        gap: 12px;
    }

    .tracking-route[b-0svt6o8r7o] {
        padding: 18px 0;
    }

    .tracking-detail[b-0svt6o8r7o],
    .tracking-event[b-0svt6o8r7o] {
        padding: 16px;
    }

    .ports-route[b-0svt6o8r7o] {
        gap: 18px;
    }

    .ports-country[b-0svt6o8r7o] {
        padding: 18px;
    }

    .ports-list[b-0svt6o8r7o] {
        gap: 8px;
    }

    .ocean-route[b-0svt6o8r7o] {
        min-height: 68px;
    }

    .ports-footer[b-0svt6o8r7o] {
        gap: 16px;
        margin-top: 20px;
    }
}

@media (max-width: 420px) {
    .hero-container[b-0svt6o8r7o],
    .route-section[b-0svt6o8r7o],
    .services-section[b-0svt6o8r7o],
    .tracking-section[b-0svt6o8r7o],
    .why-section[b-0svt6o8r7o],
    .ports-section[b-0svt6o8r7o] {
        padding-right: 16px;
        padding-left: 16px;
    }

    .tracking-preview[b-0svt6o8r7o],
    .ports-country[b-0svt6o8r7o] {
        padding: 16px;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/QuoteEn.razor.rz.scp.css */
/* ========================================================= COTACAO -
LOGIMAR BRASIL =========================================================
*/

.quote-page[b-u8k66l3tqv] { --red: #ef2b2d; --blue: #38bdf8; --navy: #0b2d4d; --navy-dark:
#071f36; --text: #64748b; --line: #dfe7ef;

    width: 100%;
    overflow: hidden;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

/* ========================================================= HERO
========================================================= */

.quote-hero[b-u8k66l3tqv] { position: relative; overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.99) 0%,
            rgba(7, 43, 75, 0.96) 55%,
            rgba(16, 59, 96, 0.91) 100%
        );

    color: #ffffff;

}

.quote-hero[b-u8k66l3tqv]::after { content: ""; position: absolute; left: 0; right: 0;
bottom: 0; height: 2px;

    background:
        linear-gradient(
            90deg,
            var(--red),
            var(--blue)
        );

}

.quote-hero-overlay[b-u8k66l3tqv] { position: absolute; inset: 0;

    background:
        radial-gradient(
            circle at 82% 42%,
            rgba(56, 189, 248, 0.15),
            transparent 30%
        );

    pointer-events: none;

}

.quote-hero-container[b-u8k66l3tqv] { position: relative; z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 74px 28px 70px;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 76px;
    align-items: center;

}

.quote-hero-content[b-u8k66l3tqv] { min-width: 0; }

.quote-kicker[b-u8k66l3tqv] { display: inline-block; margin-bottom: 18px;

    color: #ff5365;

    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.17em;

}

.quote-hero h1[b-u8k66l3tqv] { max-width: 650px; margin: 0;

    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    font-weight: 750;
    line-height: 1.03;
    letter-spacing: -0.04em;

}

.quote-hero h1 span[b-u8k66l3tqv] { display: block; color: #a8c9e3; }

.quote-hero-content > p[b-u8k66l3tqv] { max-width: 630px; margin: 20px 0 0;

    color: rgba(255, 255, 255, 0.68);

    font-size: 0.95rem;
    line-height: 1.72;

}

.quote-hero-actions[b-u8k66l3tqv] { display: flex; flex-wrap: wrap; gap: 11px;

    margin-top: 26px;

}

.quote-btn-primary[b-u8k66l3tqv], .quote-btn-secondary[b-u8k66l3tqv] { min-height: 50px; padding: 0
22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.71rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

}

.quote-btn-primary[b-u8k66l3tqv] { background: #ffffff; color: var(--navy); }

.quote-btn-primary span[b-u8k66l3tqv] { color: var(--red); }

.quote-btn-primary:hover[b-u8k66l3tqv] { transform: translateY(-3px); color:
var(--navy); }

.quote-btn-secondary[b-u8k66l3tqv] { border: 1px solid rgba(255, 255, 255, 0.38);

    background: rgba(255, 255, 255, 0.05);
    color: #ffffff;

}

.quote-btn-secondary:hover[b-u8k66l3tqv] { transform: translateY(-3px);

    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.68);

    color: #ffffff;

}

/* ========================================================= HERO PANEL
========================================================= */

.quote-hero-panel[b-u8k66l3tqv] { padding: 30px;

    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 16px;

    background: rgba(4, 26, 47, 0.43);

    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.18);

    backdrop-filter: blur(12px);

}

.panel-label[b-u8k66l3tqv] { color: #ff5365;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;

}

.quote-hero-panel h2[b-u8k66l3tqv] { max-width: 460px; margin: 13px 0 0;

    font-size: clamp(1.65rem, 2.4vw, 2.2rem);
    line-height: 1.12;

}

.quote-hero-panel > p[b-u8k66l3tqv] { margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.57);

    font-size: 0.85rem;
    line-height: 1.65;

}

.hero-info-list[b-u8k66l3tqv] { margin-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}

.hero-info-item[b-u8k66l3tqv] { display: grid; grid-template-columns: 38px 1fr; gap:
14px;

    align-items: center;

    padding: 14px 0;

    border-bottom: 1px solid rgba(255, 255, 255, 0.09);

}

.hero-info-item:last-child[b-u8k66l3tqv] { border-bottom: 0; }

.hero-info-item > span[b-u8k66l3tqv] { width: 35px; height: 35px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255, 255,255, 0.07);
    color: #ffffff;

    font-size: 0.62rem;
    font-weight: 800;

}

.hero-info-item small[b-u8k66l3tqv], .hero-info-item strong[b-u8k66l3tqv] { display: block; }

.hero-info-item small[b-u8k66l3tqv] { margin-bottom: 3px;

    color: rgba(255, 255, 255, 0.43);

    font-size: 0.60rem;
    font-weight: 700;
    letter-spacing: 0.08em;

}

.hero-info-item strong[b-u8k66l3tqv] { color: #ffffff;

    font-size: 0.83rem;
    font-weight: 650;

}

/* ========================================================= INTRO
========================================================= */

.quote-container[b-u8k66l3tqv] { width: min(1180px, 100%); margin: 0 auto; }

.quote-intro-section[b-u8k66l3tqv] { padding: 76px 28px 46px; background: #ffffff; }

.quote-section-heading[b-u8k66l3tqv] { max-width: 760px; }

.section-kicker[b-u8k66l3tqv], .final-cta-kicker[b-u8k66l3tqv] { display: inline-block;
margin-bottom: 13px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;

}

.quote-section-heading h2[b-u8k66l3tqv], .quote-form-intro h2[b-u8k66l3tqv], .process-heading h2[b-u8k66l3tqv],
.final-cta-content h2[b-u8k66l3tqv] { margin: 0;

    color: var(--navy);

    font-size: clamp(2.1rem, 3.7vw, 3.35rem);
    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.04em;

}

.quote-section-heading h2 span[b-u8k66l3tqv], .quote-form-intro h2 span[b-u8k66l3tqv],
.process-heading h2 span[b-u8k66l3tqv], .final-cta-content h2 span[b-u8k66l3tqv] { color: #0d76b4; }

.quote-section-heading p[b-u8k66l3tqv], .quote-form-intro > p[b-u8k66l3tqv], .process-heading > p[b-u8k66l3tqv],
.final-cta-content > p[b-u8k66l3tqv] { margin: 17px 0 0;

    color: var(--text);

    font-size: 0.93rem;
    line-height: 1.72;

}

/* ========================================================= FORM
SECTION ========================================================= */

.quote-form-section[b-u8k66l3tqv] { padding: 48px 28px 88px; background: #f4f7fa; }

.quote-form-container[b-u8k66l3tqv] { width: min(1180px, 100%); margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.74fr)
        minmax(0, 1.26fr);

    gap: 76px;

    align-items: start;

}

.quote-form-intro[b-u8k66l3tqv] { max-width: 440px;

    position: sticky;
    top: 110px;

}

.quote-form-tips[b-u8k66l3tqv] { margin-top: 31px;

    border-top: 1px solid #dbe4ec;

}

.quote-form-tips > div[b-u8k66l3tqv] { display: grid; grid-template-columns: 38px 1fr;
gap: 13px;

    padding: 16px 0;

    border-bottom: 1px solid #dbe4ec;

}

.quote-form-tips span[b-u8k66l3tqv] { color: var(--red);

    font-size: 0.66rem;
    font-weight: 800;

}

.quote-form-tips p[b-u8k66l3tqv] { margin: 0;

    color: #66788a;

    font-size: 0.81rem;
    line-height: 1.58;

}

/* ========================================================= FORM CARD
========================================================= */

.quote-form-card[b-u8k66l3tqv] { padding: 38px;

    border: 1px solid #dde6ee;
    border-radius: 17px;

    background: #ffffff;

    box-shadow:
        0 20px 45px rgba(15, 23, 42, 0.06);

}

.form-section-title[b-u8k66l3tqv] { display: flex; align-items: center;

    gap: 13px;

    margin: 5px 0 20px;
    padding-bottom: 13px;

    border-bottom: 1px solid #e5ebf0;

}

.form-section-title:not(:first-child)[b-u8k66l3tqv] { margin-top: 20px; }

.form-section-title > span[b-u8k66l3tqv] { width: 32px; height: 32px;

    flex: 0 0 32px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: rgba(239, 43, 45, 0.08);
    color: var(--red);

    font-size: 0.64rem;
    font-weight: 800;

}

.form-section-title small[b-u8k66l3tqv], .form-section-title strong[b-u8k66l3tqv] { display: block;
}

.form-section-title small[b-u8k66l3tqv] { margin-bottom: 2px;

    color: #94a3b8;

    font-size: 0.59rem;
    font-weight: 800;
    letter-spacing: 0.08em;

}

.form-section-title strong[b-u8k66l3tqv] { color: var(--navy);

    font-size: 0.84rem;

}

.form-row[b-u8k66l3tqv] { display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 22px;

}

.form-row-three[b-u8k66l3tqv] { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.form-field[b-u8k66l3tqv] { margin-bottom: 16px; }

.form-field label[b-u8k66l3tqv] { display: block;

    margin-bottom: 7px;

    color: #294963;

    font-size: 0.73rem;
    font-weight: 700;

}

/* ========================================================= INPUTS
========================================================= */

.form-field input[b-u8k66l3tqv], .form-field select[b-u8k66l3tqv], .form-field textarea[b-u8k66l3tqv] { width:
100%; box-sizing: border-box;

    border: 1px solid #d4dee7;
    border-radius: 8px;

    background: #ffffff;
    color: #18344c;

    font-family: inherit;
    font-size: 0.83rem;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;

}

.form-field input[b-u8k66l3tqv], .form-field select[b-u8k66l3tqv] { height: 52px;

    padding: 0 14px;

}

.form-field textarea[b-u8k66l3tqv] { min-height: 145px;

    padding: 13px 14px;

    resize: vertical;

}

.form-field input:focus[b-u8k66l3tqv], .form-field select:focus[b-u8k66l3tqv], .form-field
textarea:focus[b-u8k66l3tqv] { border-color: #4c91c8;

    box-shadow:
        0 0 0 3px rgba(56, 189, 248, 0.10);

}

/* ========================================================= BLAZOR
VALIDATION ========================================================= */

.validation-message[b-u8k66l3tqv] { display: block;

    margin-top: 6px;

    color: #dc2626;

    font-size: 0.68rem;
    font-weight: 600;

}

.form-field input.invalid[b-u8k66l3tqv], .form-field select.invalid[b-u8k66l3tqv], .form-field
textarea.invalid[b-u8k66l3tqv] { border-color: #dc2626; }

.form-field input.valid.modified[b-u8k66l3tqv], .form-field select.valid.modified[b-u8k66l3tqv],
.form-field textarea.valid.modified[b-u8k66l3tqv] { border-color: #16a34a; }

/* ========================================================= CLOUDFLARE
TURNSTILE ========================================================= */

.turnstile-field[b-u8k66l3tqv] { margin-top: 6px; margin-bottom: 16px; }

.turnstile-field > div[b-u8k66l3tqv] { min-height: 65px; }

/* ========================================================= BOTÃO DE
ENVIO ========================================================= */

.quote-submit[b-u8k66l3tqv] { width: 100%; min-height: 52px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    margin-top: 6px;

    border: 0;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        );

    color: #ffffff;

    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    cursor: pointer;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;

}

.quote-submit:hover:not(:disabled)[b-u8k66l3tqv] { transform: translateY(-2px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        );

    box-shadow:
        0 12px 26px rgba(239, 43, 45, 0.18);

}

.quote-submit:disabled[b-u8k66l3tqv] { opacity: 0.65; cursor: not-allowed; }

/* ========================================================= MENSAGENS
DE STATUS ========================================================= */

.form-note[b-u8k66l3tqv] { display: block;

    margin-top: 11px;

    color: #64748b;

    font-size: 0.68rem;
    line-height: 1.5;

}

.form-status[b-u8k66l3tqv] { margin-top: 14px; padding: 12px 14px;

    border-radius: 8px;

    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.5;

}

.form-status-success[b-u8k66l3tqv] { border: 1px solid #b9dfca; background: #f0faf4;
color: #17633a; }

.form-status-error[b-u8k66l3tqv] { border: 1px solid #f0b9c0; background: #fff4f5;
color: #a72638; }

/* ========================================================= PROCESSO
========================================================= */

.quote-process-section[b-u8k66l3tqv] { padding: 82px 28px 88px;

    background: #ffffff;

}

.process-heading[b-u8k66l3tqv] { max-width: 690px; }

.process-grid[b-u8k66l3tqv] { display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;

}

.process-card[b-u8k66l3tqv] { min-height: 220px;

    padding: 26px;

    border: 1px solid #e1e8ef;
    border-radius: 14px;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;

}

.process-card:hover[b-u8k66l3tqv] { transform: translateY(-6px);

    border-color: #ccd8e3;

    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.07);

}

.process-number[b-u8k66l3tqv] { display: inline-block;

    margin-bottom: 34px;

    color: var(--red);

    font-size: 0.68rem;
    font-weight: 800;

}

.process-card:nth-child(even) .process-number[b-u8k66l3tqv] { color: #0d76b4; }

.process-card h3[b-u8k66l3tqv] { margin: 0;

    color: var(--navy);

    font-size: 1.05rem;

}

.process-card p[b-u8k66l3tqv] { margin: 12px 0 0;

    color: var(--text);

    font-size: 0.84rem;
    line-height: 1.68;

}

/* ========================================================= CTA FINAL
========================================================= */

.quote-final-cta[b-u8k66l3tqv] { position: relative;

    padding: 60px 28px 64px;

    background:
        radial-gradient(
            circle at 82% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc,
            #f5f9fc
        );

}

.quote-final-cta[b-u8k66l3tqv]::before { content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            var(--red),
            var(--blue)
        );

}

.quote-final-cta-container[b-u8k66l3tqv] { width: min(1180px, 100%); margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;

}

.final-cta-content[b-u8k66l3tqv] { max-width: 720px; }

.final-cta-actions[b-u8k66l3tqv] { min-width: 255px;

    display: flex;
    flex-direction: column;

    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);

}

.final-cta-primary[b-u8k66l3tqv], .final-cta-secondary[b-u8k66l3tqv] { min-height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.035em;

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

}

.final-cta-primary[b-u8k66l3tqv] { border: 0;

    background:
        linear-gradient(
            90deg,
            var(--navy),
            #0d3c68
        );

    color: #ffffff;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);

}

.final-cta-primary:hover[b-u8k66l3tqv] { transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            var(--red),
            #d92527
        );

    color: #ffffff;

}

.final-cta-primary span[b-u8k66l3tqv] { color: #ffffff; }

.final-cta-secondary[b-u8k66l3tqv] { border: 1px solid #cfd9e3;

    background: #ffffff;

    color: var(--navy);

}

.final-cta-secondary:hover[b-u8k66l3tqv] { transform: translateY(-2px);

    border-color: var(--navy);

    color: var(--navy);

}

/* ========================================================= TABLET
========================================================= */

@media (max-width: 980px) {

    .quote-hero-container[b-u8k66l3tqv],
    .quote-form-container[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
        gap: 44px;
    }

    .quote-form-intro[b-u8k66l3tqv] {
        position: static;
        max-width: 620px;
    }

    .process-grid[b-u8k66l3tqv] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .form-row-three[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
    }

    .quote-final-cta-container[b-u8k66l3tqv] {
        align-items: flex-start;
        flex-direction: column;
    }

    .final-cta-actions[b-u8k66l3tqv] {
        width: 100%;
    }

}

/* ========================================================= MOBILE
========================================================= */

@media (max-width: 700px) {

    .quote-hero-container[b-u8k66l3tqv] {
        padding: 60px 18px 58px;
    }

    .quote-hero h1[b-u8k66l3tqv] {
        font-size: clamp(2rem, 8.5vw, 2.65rem);
    }

    .quote-hero-actions[b-u8k66l3tqv] {
        flex-direction: column;
    }

    .quote-btn-primary[b-u8k66l3tqv],
    .quote-btn-secondary[b-u8k66l3tqv] {
        width: 100%;
    }

    .quote-hero-panel[b-u8k66l3tqv] {
        padding: 24px;
    }

    .quote-intro-section[b-u8k66l3tqv],
    .quote-form-section[b-u8k66l3tqv],
    .quote-process-section[b-u8k66l3tqv],
    .quote-final-cta[b-u8k66l3tqv] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .quote-intro-section[b-u8k66l3tqv] {
        padding-top: 62px;
        padding-bottom: 38px;
    }

    .quote-form-section[b-u8k66l3tqv] {
        padding-top: 40px;
        padding-bottom: 66px;
    }

    .quote-form-card[b-u8k66l3tqv] {
        padding: 25px 20px;
    }

    .form-row[b-u8k66l3tqv],
    .form-row-three[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .turnstile-field[b-u8k66l3tqv] {
        overflow: hidden;
    }

    .process-grid[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
    }

    .process-card[b-u8k66l3tqv] {
        min-height: auto;
    }

    .quote-process-section[b-u8k66l3tqv] {
        padding-top: 64px;
        padding-bottom: 66px;
    }

    .quote-final-cta[b-u8k66l3tqv] {
        padding-top: 52px;
        padding-bottom: 56px;
    }

    .final-cta-actions[b-u8k66l3tqv] {
        min-width: 0;
    }

}

/* ========================================================= CORREÇÕES
FINAIS - COTAÇÃO
========================================================= */

.quote-btn-primary[b-u8k66l3tqv], .quote-btn-secondary[b-u8k66l3tqv], .final-cta-primary[b-u8k66l3tqv],
.final-cta-secondary[b-u8k66l3tqv] { white-space: nowrap; }

.quote-btn-primary[b-u8k66l3tqv] { color: #0b2d4d !important; }

.quote-btn-secondary[b-u8k66l3tqv] { color: #ffffff !important; }

.final-cta-primary[b-u8k66l3tqv] { color: #ffffff !important; }

.final-cta-secondary[b-u8k66l3tqv] { color: #0b2d4d !important; }

.final-cta-primary span[b-u8k66l3tqv] { color: #ffffff !important; }

.turnstile-field[b-u8k66l3tqv] { margin-top: 18px; margin-bottom: 20px; }

.form-status[b-u8k66l3tqv] { margin-top: 18px; }

@media (max-width:700px) {

    .quote-btn-primary[b-u8k66l3tqv],
    .quote-btn-secondary[b-u8k66l3tqv],
    .final-cta-primary[b-u8k66l3tqv],
    .final-cta-secondary[b-u8k66l3tqv] {
        width: 100%;
    }

}

/* =========================================================
   AJUSTE FINAL DE LAYOUT
   ========================================================= */

.quote-hero-container[b-u8k66l3tqv],
.quote-container[b-u8k66l3tqv],
.quote-form-container[b-u8k66l3tqv],
.quote-final-cta-container[b-u8k66l3tqv] {
    width: min(1240px, 100%);
}

.quote-form-section[b-u8k66l3tqv] {
    padding-top: 64px;
    padding-bottom: 92px;
}

.quote-form-container[b-u8k66l3tqv] {
    grid-template-columns: minmax(280px, 0.72fr) minmax(650px, 1.55fr);
    gap: clamp(44px, 6vw, 88px);
}

.quote-form-card[b-u8k66l3tqv] {
    width: 100%;
    padding: clamp(32px, 4vw, 52px);
    border-radius: 20px;
    box-shadow: 0 24px 60px rgba(15, 42, 68, 0.09);
}

.form-section-title[b-u8k66l3tqv] {
    margin-bottom: 24px;
    padding-bottom: 16px;
}

.form-section-title:not(:first-child)[b-u8k66l3tqv] {
    margin-top: 30px;
}

.form-section-title strong[b-u8k66l3tqv] {
    font-size: 0.92rem;
}

.form-row[b-u8k66l3tqv] {
    gap: 24px;
}

.form-field[b-u8k66l3tqv] {
    min-width: 0;
    margin-bottom: 20px;
}

.form-field label[b-u8k66l3tqv] {
    margin-bottom: 8px;
    font-size: 0.78rem;
}

.form-field input[b-u8k66l3tqv],
.form-field select[b-u8k66l3tqv],
.form-field textarea[b-u8k66l3tqv] {
    display: block;
    width: 100%;
    min-width: 0;
    font-size: 0.92rem;
}

.form-field input[b-u8k66l3tqv],
.form-field select[b-u8k66l3tqv] {
    height: 56px;
    padding: 0 16px;
}

.form-field textarea[b-u8k66l3tqv] {
    min-height: 150px;
    padding: 15px 16px;
}

.turnstile-field[b-u8k66l3tqv] {
    min-height: 70px;
    overflow-x: auto;
}

.quote-submit[b-u8k66l3tqv] {
    min-height: 58px;
    border-radius: 10px;
    font-size: 0.8rem;
}

.process-card[b-u8k66l3tqv] {
    min-height: 190px;
}

.final-cta-actions[b-u8k66l3tqv] {
    min-width: 290px;
}

@media (max-width: 1080px) {
    .quote-form-container[b-u8k66l3tqv] {
        grid-template-columns: minmax(250px, 0.7fr) minmax(560px, 1.4fr);
        gap: 42px;
    }
}

@media (max-width: 980px) {
    .quote-form-container[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
    }

    .quote-form-intro[b-u8k66l3tqv] {
        max-width: 700px;
    }
}

@media (max-width: 700px) {
    .quote-form-section[b-u8k66l3tqv] {
        padding-top: 44px;
        padding-bottom: 68px;
    }

    .quote-form-container[b-u8k66l3tqv] {
        gap: 34px;
    }

    .quote-form-card[b-u8k66l3tqv] {
        padding: 26px 20px;
        border-radius: 16px;
    }

    .form-section-title:not(:first-child)[b-u8k66l3tqv] {
        margin-top: 24px;
    }

    .form-row[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-field input[b-u8k66l3tqv],
    .form-field select[b-u8k66l3tqv] {
        height: 54px;
    }

    .turnstile-field[b-u8k66l3tqv] {
        margin-left: -2px;
    }
}

/* =========================================================
   INFOGRÁFICO LATERAL DA COTAÇÃO
   ========================================================= */

.quote-flow-card[b-u8k66l3tqv] {
    margin-top: 34px;
    overflow: hidden;
    border: 1px solid #dbe5ed;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 42, 68, 0.07);
}

.quote-flow-header[b-u8k66l3tqv] {
    padding: 25px 25px 22px;
    background: linear-gradient(135deg, #0b2d4d, #114c79);
    color: #ffffff;
}

.quote-flow-header > span[b-u8k66l3tqv],
.quote-flow-contact > span[b-u8k66l3tqv] {
    display: block;
    margin-bottom: 8px;
    color: #ff5365;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}

.quote-flow-header h3[b-u8k66l3tqv] {
    margin: 0;
    font-size: 1.18rem;
    line-height: 1.2;
}

.quote-flow-header p[b-u8k66l3tqv] {
    margin: 8px 0 0;
    color: rgba(255, 255, 255, 0.66);
    font-size: 0.76rem;
    line-height: 1.55;
}

.quote-flow-list[b-u8k66l3tqv] {
    padding: 23px 25px 10px;
}

.quote-flow-step[b-u8k66l3tqv] {
    position: relative;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 14px;
    padding-bottom: 23px;
}

.quote-flow-step:not(:last-child)[b-u8k66l3tqv]::after {
    content: "";
    position: absolute;
    top: 34px;
    bottom: 2px;
    left: 18px;
    width: 1px;
    background: linear-gradient(#ef2b2d, #b9d8eb);
}

.quote-flow-icon[b-u8k66l3tqv] {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f5c8cb;
    border-radius: 10px;
    background: #fff4f5;
    color: #ef2b2d;
    font-size: 0.62rem;
    font-weight: 800;
}

.quote-flow-step:nth-child(even) .quote-flow-icon[b-u8k66l3tqv] {
    border-color: #cce2f0;
    background: #f1f8fc;
    color: #0d76b4;
}

.quote-flow-step small[b-u8k66l3tqv],
.quote-flow-step strong[b-u8k66l3tqv] {
    display: block;
}

.quote-flow-step small[b-u8k66l3tqv] {
    margin: 1px 0 4px;
    color: #94a3b8;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.09em;
}

.quote-flow-step strong[b-u8k66l3tqv] {
    color: #0b2d4d;
    font-size: 0.83rem;
}

.quote-flow-step p[b-u8k66l3tqv] {
    margin: 5px 0 0;
    color: #6b7e90;
    font-size: 0.72rem;
    line-height: 1.5;
}

.quote-flow-contact[b-u8k66l3tqv] {
    padding: 19px 25px 21px;
    border-top: 1px solid #e3eaf0;
    background: #f8fafc;
}

.quote-flow-contact > span[b-u8k66l3tqv] {
    color: #ef2b2d;
}

.quote-flow-contact a[b-u8k66l3tqv] {
    display: block;
    width: fit-content;
    color: #0b2d4d;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.7;
    text-decoration: none;
}

.quote-flow-contact a:hover[b-u8k66l3tqv] {
    color: #0d76b4;
}

@media (max-width: 980px) {
    .quote-flow-card[b-u8k66l3tqv] {
        max-width: 620px;
    }
}

@media (max-width: 700px) {
    .quote-flow-card[b-u8k66l3tqv] {
        margin-top: 28px;
    }

    .quote-flow-header[b-u8k66l3tqv],
    .quote-flow-list[b-u8k66l3tqv],
    .quote-flow-contact[b-u8k66l3tqv] {
        padding-left: 21px;
        padding-right: 21px;
    }
}

/* =========================================================
   FORMULÁRIO — MESMO PADRÃO DA PÁGINA CONTATO
   ::deep é necessário para os componentes de formulário Blazor
   ========================================================= */

.quote-form-container[b-u8k66l3tqv] {
    width: min(1180px, 100%);
    grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);
    gap: 80px;
}

.quote-form-card[b-u8k66l3tqv] {
    width: 100%;
    padding: 34px;
    border: 1px solid #dde6ee;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.06);
}

.form-row[b-u8k66l3tqv] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.form-field[b-u8k66l3tqv] {
    min-width: 0;
    margin-bottom: 16px;
}

.form-field label[b-u8k66l3tqv] {
    margin-bottom: 7px;
    color: #294963;
    font-size: 0.74rem;
    font-weight: 700;
}

.form-field[b-u8k66l3tqv]  input,
.form-field[b-u8k66l3tqv]  select,
.form-field[b-u8k66l3tqv]  textarea {
    display: block;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #d4dee7;
    border-radius: 8px;
    background: #ffffff;
    color: #18344c;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: 0.84rem;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-field[b-u8k66l3tqv]  input,
.form-field[b-u8k66l3tqv]  select {
    height: 48px;
    padding: 0 14px;
}

.form-field[b-u8k66l3tqv]  textarea {
    min-height: 140px;
    padding: 13px 14px;
    resize: vertical;
}

.form-field[b-u8k66l3tqv]  input::placeholder,
.form-field[b-u8k66l3tqv]  textarea::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.form-field[b-u8k66l3tqv]  input:focus,
.form-field[b-u8k66l3tqv]  select:focus,
.form-field[b-u8k66l3tqv]  textarea:focus {
    border-color: #4c91c8;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.10);
}

.form-field[b-u8k66l3tqv]  input.invalid,
.form-field[b-u8k66l3tqv]  select.invalid,
.form-field[b-u8k66l3tqv]  textarea.invalid {
    border-color: #dc2626;
}

.form-field[b-u8k66l3tqv]  input.valid.modified,
.form-field[b-u8k66l3tqv]  select.valid.modified,
.form-field[b-u8k66l3tqv]  textarea.valid.modified {
    border-color: #16a34a;
}

.form-field[b-u8k66l3tqv]  .validation-message,
[b-u8k66l3tqv] .validation-message {
    display: block;
    margin-top: 6px;
    color: #dc2626;
    font-size: 0.68rem;
    font-weight: 600;
}

@media (max-width: 980px) {
    .quote-form-container[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
        gap: 44px;
    }
}

@media (max-width: 700px) {
    .quote-form-card[b-u8k66l3tqv] {
        padding: 25px 20px;
    }

    .form-row[b-u8k66l3tqv],
    .form-row-three[b-u8k66l3tqv] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .form-field[b-u8k66l3tqv]  input,
    .form-field[b-u8k66l3tqv]  select {
        height: 48px;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/ServicesEn.razor.rz.scp.css */
.services-page[b-ilvvfn8m30] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.services-hero[b-ilvvfn8m30] {
    position: relative;
    padding: 82px 24px 88px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(197, 32, 48, 0.12),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #071d31 0%,
            #0b2d4d 55%,
            #123b61 100%
        );

    overflow: hidden;
}

.services-hero[b-ilvvfn8m30]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d21f36,
            #174c7e
        );
}

.services-hero-container[b-ilvvfn8m30] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(340px, 0.92fr);

    gap: 70px;
    align-items: center;
}

.services-hero-content[b-ilvvfn8m30] {
    max-width: 650px;
}

.services-kicker[b-ilvvfn8m30] {
    display: inline-block;
    margin-bottom: 17px;

    color: #e44a5d;

    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-hero h1[b-ilvvfn8m30] {
    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            2.2rem,
            3.8vw,
            3.55rem
        );

    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.services-hero h1 span[b-ilvvfn8m30] {
    display: block;
    margin-top: 7px;

    color: #a9c5dc;
}

.services-hero-content > p[b-ilvvfn8m30] {
    max-width: 600px;
    margin: 23px 0 0;

    color: rgba(255, 255, 255, 0.74);

    font-size: 0.98rem;
    line-height: 1.75;
}


/* =========================================================
   HERO - BOTÕES
   ========================================================= */

.services-hero-actions[b-ilvvfn8m30] {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;
    margin-top: 30px;
}

.btn-primary[b-ilvvfn8m30],
.btn-secondary[b-ilvvfn8m30] {
    min-height: 48px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;

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

.btn-primary[b-ilvvfn8m30] {
    background: #ffffff;
    color: #0b2d4d;
}

.btn-primary:hover[b-ilvvfn8m30] {
    transform: translateY(-2px);
    background: #f2f6f9;
    color: #0b2d4d;
}

.btn-secondary[b-ilvvfn8m30] {
    border: 1px solid rgba(255, 255, 255, 0.32);
    color: #ffffff;
}

.btn-secondary:hover[b-ilvvfn8m30] {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}


/* =========================================================
   HERO - PAINEL
   ========================================================= */

.services-hero-panel[b-ilvvfn8m30] {
    padding: 32px;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;

    background: rgba(6, 26, 44, 0.55);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(10px);
}

.panel-label[b-ilvvfn8m30] {
    color: #e44a5d;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.services-hero-panel h2[b-ilvvfn8m30] {
    margin: 12px 0 10px;

    color: #ffffff;

    font-size: 1.55rem;
    font-weight: 700;
}

.services-hero-panel > p[b-ilvvfn8m30] {
    margin: 0;

    color: rgba(255, 255, 255, 0.65);

    font-size: 0.86rem;
    line-height: 1.7;
}

.panel-items[b-ilvvfn8m30] {
    margin-top: 25px;
}

.panel-item[b-ilvvfn8m30] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.panel-item > span[b-ilvvfn8m30] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 50%;

    color: #ffffff;

    font-size: 0.68rem;
    font-weight: 800;
}

.panel-item strong[b-ilvvfn8m30],
.panel-item small[b-ilvvfn8m30] {
    display: block;
}

.panel-item strong[b-ilvvfn8m30] {
    color: #ffffff;
    font-size: 0.90rem;
}

.panel-item small[b-ilvvfn8m30] {
    margin-top: 3px;

    color: rgba(255, 255, 255, 0.50);
    font-size: 0.74rem;
}

.panel-line[b-ilvvfn8m30] {
    width: 1px;
    height: 16px;

    margin: 5px 0 5px 18px;

    background: rgba(255, 255, 255, 0.20);
}


/* =========================================================
   OPERAÇÃO INTERNACIONAL
   ========================================================= */

.services-intro-section[b-ilvvfn8m30] {
    padding: 95px 24px;
    background: #ffffff;
}

.services-intro-container[b-ilvvfn8m30] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    gap: 68px;
    align-items: center;
}


/* =========================================================
   OPERAÇÃO INTERNACIONAL - IMAGEM
   ========================================================= */

.services-intro-image[b-ilvvfn8m30] {
    position: relative;

    height: 465px;

    overflow: hidden;

    border-radius: 20px;
    background: #0b2d4d;

    box-shadow:
        0 25px 60px rgba(15, 42, 68, 0.15);
}

.services-intro-image[b-ilvvfn8m30]::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(6, 25, 42, 0.65) 0%,
            rgba(6, 25, 42, 0.08) 45%,
            transparent 72%
        );
}

.services-intro-image img[b-ilvvfn8m30] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.7s ease;
}

.services-intro-image:hover img[b-ilvvfn8m30] {
    transform: scale(1.025);
}

.image-detail[b-ilvvfn8m30] {
    position: absolute;
    z-index: 3;

    left: 30px;
    right: 30px;
    bottom: 28px;
}

.image-detail span[b-ilvvfn8m30] {
    display: block;
    margin-bottom: 7px;

    color: #ff7181;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.image-detail strong[b-ilvvfn8m30] {
    display: block;

    max-width: 420px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   TÍTULOS DAS SEÇÕES
   ========================================================= */

.section-kicker[b-ilvvfn8m30] {
    display: inline-block;
    margin-bottom: 15px;

    color: #c91f35;

    font-size: 0.70rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-intro-content h2[b-ilvvfn8m30],
.services-heading h2[b-ilvvfn8m30] {
    margin: 0;

    color: #102b45;

    font-size:
        clamp(
            1.95rem,
            2.8vw,
            2.75rem
        );

    font-weight: 750;
    line-height: 1.13;
    letter-spacing: -0.035em;
}

.services-intro-content h2 span[b-ilvvfn8m30],
.services-heading h2 span[b-ilvvfn8m30] {
    color: #2c608c;
}

.services-intro-content > p[b-ilvvfn8m30] {
    margin: 20px 0 0;

    color: #66788a;

    font-size: 0.94rem;
    line-height: 1.78;
}

.intro-points[b-ilvvfn8m30] {
    margin-top: 25px;

    display: grid;
    gap: 12px;
}

.intro-point[b-ilvvfn8m30] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.intro-point span[b-ilvvfn8m30] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;

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

    border-radius: 50%;

    background: #eef5fa;
    color: #174c7e;

    font-size: 0.73rem;
    font-weight: 900;
}

.intro-point p[b-ilvvfn8m30] {
    margin: 0;

    color: #334c61;

    font-size: 0.89rem;
    font-weight: 600;
}


/* =========================================================
   SERVIÇOS
   ========================================================= */

.services-main-section[b-ilvvfn8m30] {
    padding: 95px 24px;
    background: #f5f8fb;
}

.services-main-container[b-ilvvfn8m30] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.services-heading[b-ilvvfn8m30] {
    max-width: 690px;
    margin-bottom: 44px;
}

.services-heading > p[b-ilvvfn8m30] {
    max-width: 580px;
    margin: 18px 0 0;

    color: #708293;

    font-size: 0.94rem;
    line-height: 1.75;
}

.services-grid[b-ilvvfn8m30] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* =========================================================
   CARDS DE SERVIÇOS
   ========================================================= */

.service-card[b-ilvvfn8m30] {
    position: relative;

    min-height: 285px;
    padding: 29px 27px;

    border: 1px solid #dfe7ee;
    border-radius: 15px;

    background: #ffffff;

    overflow: hidden;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease,
        background 0.28s ease;
}


/* =========================================================
   CARD - EFEITO HOVER
   ========================================================= */

.service-card:hover[b-ilvvfn8m30] {
    transform: translateY(-6px);

    background:
        linear-gradient(
            145deg,
            #0a2945,
            #113d63
        );

    border-color: transparent;

    box-shadow:
        0 22px 48px rgba(11, 45, 77, 0.20);
}


/* =========================================================
   CARD - NÚMERO
   ========================================================= */

.service-number[b-ilvvfn8m30] {
    position: absolute;

    top: 24px;
    right: 24px;

    color: #b5c1cb;

    font-size: 0.70rem;
    font-weight: 800;

    transition: color 0.28s ease;
}

.service-card:hover .service-number[b-ilvvfn8m30] {
    color: rgba(255, 255, 255, 0.42);
}


/* =========================================================
   CARD - ÍCONE
   ========================================================= */

.service-icon[b-ilvvfn8m30] {
    width: 43px;
    height: 43px;

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

    margin-bottom: 21px;

    border-radius: 10px;

    background: #edf4f9;
    color: #174c7e;

    transition:
        background 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease;
}

.service-icon svg[b-ilvvfn8m30] {
    width: 22px;
    height: 22px;

    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:hover .service-icon[b-ilvvfn8m30] {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   CARD - TÍTULO
   ========================================================= */

.service-card h3[b-ilvvfn8m30] {
    margin: 0;

    color: #17334d;

    font-size: 1.04rem;
    font-weight: 700;

    transition: color 0.28s ease;
}

.service-card:hover h3[b-ilvvfn8m30] {
    color: #ffffff;
}


/* =========================================================
   CARD - TEXTO
   ========================================================= */

.service-card p[b-ilvvfn8m30] {
    margin: 12px 0 0;

    color: #708091;

    font-size: 0.87rem;
    line-height: 1.70;

    transition: color 0.28s ease;
}

.service-card:hover p[b-ilvvfn8m30] {
    color: rgba(255, 255, 255, 0.72);
}


/* =========================================================
   CARD - TAGS
   ========================================================= */

.service-tags[b-ilvvfn8m30] {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
    margin-top: 18px;
}

.service-tags span[b-ilvvfn8m30] {
    padding: 5px 9px;

    border: 1px solid #dbe5ec;
    border-radius: 20px;

    background: #f5f8fa;

    color: #536b7e;

    font-size: 0.61rem;
    font-weight: 700;

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

.service-card:hover .service-tags span[b-ilvvfn8m30] {
    border-color: rgba(255, 255, 255, 0.20);

    background: rgba(255, 255, 255, 0.06);

    color: rgba(255, 255, 255, 0.82);
}


/* =========================================================
   COMO TRABALHAMOS
   ========================================================= */

.services-process-section[b-ilvvfn8m30] {
    padding: 80px 24px;

    background:
        linear-gradient(
            135deg,
            #071f36 0%,
            #0b2d4d 55%,
            #103b60 100%
        );
}

.services-process-container[b-ilvvfn8m30] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.10fr)
        minmax(0, 0.90fr);

    gap: 65px;
    align-items: center;
}

.process-content[b-ilvvfn8m30] {
    min-width: 0;
}

.process-intro[b-ilvvfn8m30] {
    max-width: 540px;
}

.process-kicker[b-ilvvfn8m30] {
    color: #ef4c60;

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.process-intro h2[b-ilvvfn8m30] {
    margin: 13px 0 0;

    color: #ffffff;

    font-size:
        clamp(
            2rem,
            2.8vw,
            2.7rem
        );

    font-weight: 750;
    line-height: 1.10;
    letter-spacing: -0.04em;
}

.process-intro h2 span[b-ilvvfn8m30] {
    display: block;
    color: #a9c5dc;
}

.process-intro p[b-ilvvfn8m30] {
    max-width: 500px;
    margin: 18px 0 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 0.90rem;
    line-height: 1.72;
}

.process-list[b-ilvvfn8m30] {
    margin-top: 30px;

    border-top:
        1px solid rgba(255, 255, 255, 0.13);
}

.process-item[b-ilvvfn8m30] {
    display: grid;

    grid-template-columns:
        50px minmax(0, 1fr);

    gap: 17px;

    padding: 18px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.13);

    transition: padding-left 0.20s ease;
}

.process-item:hover[b-ilvvfn8m30] {
    padding-left: 6px;
}

.process-item > span[b-ilvvfn8m30] {
    padding-top: 2px;

    color: #ef4c60;

    font-size: 0.70rem;
    font-weight: 800;
}

.process-item h3[b-ilvvfn8m30] {
    margin: 0;

    color: #ffffff;

    font-size: 0.92rem;
    font-weight: 700;
}

.process-item p[b-ilvvfn8m30] {
    margin: 5px 0 0;

    color: rgba(255, 255, 255, 0.52);

    font-size: 0.80rem;
    line-height: 1.60;
}


/* =========================================================
   COMO TRABALHAMOS - IMAGEM
   ========================================================= */

.process-visual[b-ilvvfn8m30] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;
    background: #071f36;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.28);
}

.process-visual img[b-ilvvfn8m30] {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.process-visual:hover img[b-ilvvfn8m30] {
    transform: scale(1.025);
}

.process-image-overlay[b-ilvvfn8m30] {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 19, 33, 0.82) 0%,
            rgba(4, 19, 33, 0.20) 48%,
            rgba(4, 19, 33, 0.05) 75%
        );
}

.process-image-caption[b-ilvvfn8m30] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.process-image-caption span[b-ilvvfn8m30] {
    display: block;
    margin-bottom: 7px;

    color: #ff6475;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.process-image-caption strong[b-ilvvfn8m30] {
    display: block;

    max-width: 380px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   CTA
   ========================================================= */

.services-cta[b-ilvvfn8m30] {
    padding: 68px 24px;
    background: #ffffff;
}

.services-cta-container[b-ilvvfn8m30] {
    width: min(1180px, 100%);
    margin: 0 auto;

    padding: 48px 54px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;

    border: 1px solid #dfe8ee;
    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #edf4f8,
            #f8fafc
        );
}

.services-cta-container > div:first-child[b-ilvvfn8m30] {
    max-width: 650px;
}

.services-cta-container > div:first-child > span[b-ilvvfn8m30] {
    color: #c91f35;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-cta h2[b-ilvvfn8m30] {
    margin: 11px 0 0;

    color: #102d47;

    font-size:
        clamp(
            1.75rem,
            2.8vw,
            2.45rem
        );

    line-height: 1.12;
    letter-spacing: -0.035em;
}

.services-cta p[b-ilvvfn8m30] {
    margin: 13px 0 0;

    color: #6d7f90;

    font-size: 0.90rem;
    line-height: 1.7;
}

.services-cta-actions[b-ilvvfn8m30] {
    flex: 0 0 auto;

    min-width: 250px;

    padding: 10px;

    display: flex;
    flex-direction: column;

    gap: 9px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}


/* =========================================================
   CTA - BOTÃO PRINCIPAL
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.services-cta-primary[b-ilvvfn8m30],
.services-cta-primary:link[b-ilvvfn8m30],
.services-cta-primary:visited[b-ilvvfn8m30] {
    min-height: 50px;

    padding: 0 22px;

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

    border: 0 !important;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

.services-cta-primary:hover[b-ilvvfn8m30],
.services-cta-primary:focus-visible[b-ilvvfn8m30] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}


/* =========================================================
   CTA - BOTÃO SECUNDÁRIO
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.services-cta-secondary[b-ilvvfn8m30],
.services-cta-secondary:link[b-ilvvfn8m30],
.services-cta-secondary:visited[b-ilvvfn8m30] {
    min-height: 48px;

    padding: 0 22px;

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

    border: 1px solid #cfd9e3 !important;
    border-radius: 8px;

    background: #ffffff !important;
    color: #0b2d4d !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.services-cta-secondary:hover[b-ilvvfn8m30],
.services-cta-secondary:focus-visible[b-ilvvfn8m30] {
    border-color: #0b2d4d !important;

    color: #0b2d4d !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(11, 45, 77, 0.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .services-hero-container[b-ilvvfn8m30],
    .services-intro-container[b-ilvvfn8m30],
    .services-process-container[b-ilvvfn8m30] {
        grid-template-columns: 1fr;
    }

    .services-hero-container[b-ilvvfn8m30],
    .services-intro-container[b-ilvvfn8m30],
    .services-process-container[b-ilvvfn8m30] {
        gap: 42px;
    }

    .services-grid[b-ilvvfn8m30] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .process-content[b-ilvvfn8m30] {
        order: 1;
    }

    .process-visual[b-ilvvfn8m30] {
        order: 2;
        height: 430px;
    }

    .services-cta-container[b-ilvvfn8m30] {
        align-items: flex-start;
        flex-direction: column;
    }

    .services-cta-actions[b-ilvvfn8m30] {
        width: 100%;
        flex-direction: row;
    }

    .services-cta-primary[b-ilvvfn8m30],
    .services-cta-secondary[b-ilvvfn8m30] {
        flex: 1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .services-hero[b-ilvvfn8m30] {
        padding: 62px 20px 66px;
    }

    .services-hero h1[b-ilvvfn8m30] {
        font-size: 2rem;
    }

    .services-hero-actions[b-ilvvfn8m30] {
        flex-direction: column;
    }

    .btn-primary[b-ilvvfn8m30],
    .btn-secondary[b-ilvvfn8m30] {
        width: 100%;
    }

    .services-intro-section[b-ilvvfn8m30],
    .services-main-section[b-ilvvfn8m30] {
        padding: 65px 18px;
    }

    .services-intro-image[b-ilvvfn8m30] {
        height: 330px;
        border-radius: 14px;
    }

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

    .service-card[b-ilvvfn8m30] {
        min-height: auto;
    }

    .services-process-section[b-ilvvfn8m30] {
        padding: 62px 18px;
    }

    .process-visual[b-ilvvfn8m30] {
        height: 340px;
        border-radius: 14px;
    }

    .services-cta[b-ilvvfn8m30] {
        padding: 48px 18px;
    }

    .services-cta-container[b-ilvvfn8m30] {
        padding: 34px 25px;
    }

    .services-cta-actions[b-ilvvfn8m30] {
        flex-direction: column;
    }

    .services-cta-primary[b-ilvvfn8m30],
    .services-cta-secondary[b-ilvvfn8m30] {
        width: 100%;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .services-hero h1[b-ilvvfn8m30] {
        font-size: 1.85rem;
    }

    .services-intro-image[b-ilvvfn8m30] {
        height: 285px;
    }

    .services-intro-content h2[b-ilvvfn8m30],
    .services-heading h2[b-ilvvfn8m30],
    .process-intro h2[b-ilvvfn8m30] {
        font-size: 1.78rem;
    }

    .process-visual[b-ilvvfn8m30] {
        height: 290px;
    }
}


/* =========================================================
   ACESSIBILIDADE - REDUZIR ANIMAÇÕES
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .service-card[b-ilvvfn8m30],
    .service-icon[b-ilvvfn8m30],
    .service-card h3[b-ilvvfn8m30],
    .service-card p[b-ilvvfn8m30],
    .service-number[b-ilvvfn8m30],
    .service-tags span[b-ilvvfn8m30],
    .services-intro-image img[b-ilvvfn8m30],
    .process-visual img[b-ilvvfn8m30],
    .services-cta-primary[b-ilvvfn8m30],
    .services-cta-secondary[b-ilvvfn8m30] {
        transition: none;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/TrackingEn.razor.rz.scp.css */
/* =========================================================
   LOGIMAR BRASIL
   PÁGINA TRACKING
   ========================================================= */

.tracking-page[b-ww7grsjpqa] {
    width: 100%;
    overflow-x: hidden;

    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.tracking-hero[b-ww7grsjpqa] {
    position: relative;

    padding: 82px 24px 88px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(208, 32, 52, 0.11),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #071d31 0%,
            #0b2d4d 55%,
            #123b61 100%
        );
}

.tracking-hero[b-ww7grsjpqa]::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d21f36,
            #174c7e
        );
}

.tracking-hero-container[b-ww7grsjpqa] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 75px;

    align-items: center;
}

.tracking-hero-content[b-ww7grsjpqa] {
    max-width: 650px;
}

.tracking-kicker[b-ww7grsjpqa] {
    display: inline-block;

    margin-bottom: 17px;

    color: #ef4b60;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-hero h1[b-ww7grsjpqa] {
    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            2.2rem,
            3.8vw,
            3.55rem
        );

    font-weight: 750;

    line-height: 1.08;
    letter-spacing: -0.04em;
}

.tracking-hero h1 span[b-ww7grsjpqa] {
    display: block;

    margin-top: 7px;

    color: #aac6dc;
}

.tracking-hero-content > p[b-ww7grsjpqa] {
    max-width: 590px;

    margin: 23px 0 0;

    color: rgba(255, 255, 255, 0.70);

    font-size: 0.97rem;
    line-height: 1.75;
}


/* =========================================================
   CONSULTA DE TRACKING
   ========================================================= */

.tracking-search-card[b-ww7grsjpqa] {
    padding: 32px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 18px;

    background: rgba(5, 24, 42, 0.62);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(10px);
}

.search-label[b-ww7grsjpqa] {
    color: #ef4b60;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.16em;
}

.tracking-search-card h2[b-ww7grsjpqa] {
    margin: 12px 0 0;

    color: #ffffff;

    font-size: 1.55rem;
    font-weight: 700;
}

.tracking-search-card > p[b-ww7grsjpqa] {
    margin: 10px 0 0;

    color: rgba(255, 255, 255, 0.60);

    font-size: 0.87rem;
    line-height: 1.65;
}

.tracking-search[b-ww7grsjpqa] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 9px;

    margin-top: 24px;
}

.tracking-search input[b-ww7grsjpqa] {
    width: 100%;
    min-width: 0;

    height: 48px;

    padding: 0 15px;

    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    border-radius: 8px;

    outline: none;

    background:
        rgba(255, 255, 255, 0.08);

    color: #ffffff;

    font: inherit;
}

.tracking-search input[b-ww7grsjpqa]::placeholder {
    color:
        rgba(255, 255, 255, 0.42);
}

.tracking-search input:focus[b-ww7grsjpqa] {
    border-color:
        rgba(255, 255, 255, 0.55);

    background:
        rgba(255, 255, 255, 0.11);
}

.tracking-search button[b-ww7grsjpqa] {
    min-height: 48px;

    padding: 0 20px;

    border: 0;
    border-radius: 8px;

    background: #ffffff;
    color: #0b2d4d;

    font: inherit;

    font-size: 0.82rem;
    font-weight: 750;

    cursor: pointer;

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

.tracking-search button:hover[b-ww7grsjpqa] {
    transform: translateY(-2px);

    background: #f1f5f8;
}

.tracking-search-card > small[b-ww7grsjpqa] {
    display: block;

    margin-top: 11px;

    color:
        rgba(255, 255, 255, 0.38);

    font-size: 0.68rem;
}


/* =========================================================
   TÍTULOS GERAIS
   ========================================================= */

.section-kicker[b-ww7grsjpqa] {
    display: inline-block;

    margin-bottom: 14px;

    color: #cf2037;

    font-size: 0.70rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-section-content h2[b-ww7grsjpqa],
.tracking-flow-heading h2[b-ww7grsjpqa] {
    margin: 0;

    color: #102f4d;

    font-size:
        clamp(
            2rem,
            3vw,
            2.8rem
        );

    font-weight: 750;

    line-height: 1.12;
    letter-spacing: -0.035em;
}

.tracking-section-content h2 span[b-ww7grsjpqa],
.tracking-flow-heading h2 span[b-ww7grsjpqa] {
    color: #315f88;
}


/* =========================================================
   ORIGEM
   ========================================================= */

.tracking-origin-section[b-ww7grsjpqa] {
    padding: 95px 24px;

    background: #ffffff;
}

.tracking-origin-container[b-ww7grsjpqa] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 72px;

    align-items: center;
}


/* =========================================================
   IMAGENS
   ========================================================= */

.tracking-image[b-ww7grsjpqa] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;

    background: #0b2d4d;

    box-shadow:
        0 26px 65px
        rgba(18, 48, 75, 0.16);
}

.tracking-image img[b-ww7grsjpqa] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.8s ease;
}

.tracking-image:hover img[b-ww7grsjpqa] {
    transform: scale(1.025);
}

.tracking-image-overlay[b-ww7grsjpqa] {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 22, 38, 0.82) 0%,
            rgba(4, 22, 38, 0.10) 45%,
            transparent 72%
        );
}

.tracking-image-caption[b-ww7grsjpqa] {
    position: absolute;

    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.tracking-image-caption span[b-ww7grsjpqa] {
    display: block;

    margin-bottom: 7px;

    color: #ff6676;

    font-size: 0.65rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-image-caption strong[b-ww7grsjpqa] {
    display: block;

    max-width: 420px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   CONTEÚDO DOS BLOCOS
   ========================================================= */

.tracking-section-content > p[b-ww7grsjpqa] {
    margin: 19px 0 0;

    color: #687b8d;

    font-size: 0.93rem;

    line-height: 1.78;
}

.tracking-points[b-ww7grsjpqa] {
    display: grid;

    gap: 17px;

    margin-top: 28px;
}

.tracking-point[b-ww7grsjpqa] {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 14px;

    align-items: start;
}

.tracking-point > span[b-ww7grsjpqa] {
    width: 36px;
    height: 36px;

    display: flex;

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

    border-radius: 50%;

    background: #edf4f9;
    color: #174c7e;

    font-size: 0.64rem;
    font-weight: 800;
}

.tracking-point strong[b-ww7grsjpqa] {
    color: #173a59;

    font-size: 0.90rem;
}

.tracking-point p[b-ww7grsjpqa] {
    margin: 5px 0 0;

    color: #728393;

    font-size: 0.82rem;

    line-height: 1.62;
}


/* =========================================================
   FLUXO DO TRACKING
   ========================================================= */

.tracking-flow-section[b-ww7grsjpqa] {
    padding: 90px 24px;

    background: #f4f7fa;
}

.tracking-flow-container[b-ww7grsjpqa] {
    width: min(1180px, 100%);

    margin: 0 auto;
}

.tracking-flow-heading[b-ww7grsjpqa] {
    max-width: 700px;
}

.tracking-flow-heading > p[b-ww7grsjpqa] {
    max-width: 590px;

    margin: 18px 0 0;

    color: #718293;

    font-size: 0.92rem;

    line-height: 1.75;
}

.tracking-flow-grid[b-ww7grsjpqa] {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;
}


/* =========================================================
   CARDS
   ========================================================= */

.tracking-flow-card[b-ww7grsjpqa] {
    position: relative;

    min-height: 190px;

    padding: 25px 23px;

    border: 1px solid #dfe7ee;

    border-radius: 14px;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.tracking-flow-card > span[b-ww7grsjpqa] {
    color: #d72239;

    font-size: 0.67rem;
    font-weight: 800;

    transition:
        color 0.25s ease;
}

.tracking-flow-card h3[b-ww7grsjpqa] {
    margin: 22px 0 0;

    color: #173a59;

    font-size: 0.98rem;

    transition:
        color 0.25s ease;
}

.tracking-flow-card p[b-ww7grsjpqa] {
    margin: 9px 0 0;

    color: #718293;

    font-size: 0.82rem;

    line-height: 1.62;

    transition:
        color 0.25s ease;
}


/* =========================================================
   HOVER DOS CARDS
   ========================================================= */

.tracking-flow-card:hover[b-ww7grsjpqa] {
    transform: translateY(-5px);

    border-color: transparent;

    background:
        linear-gradient(
            145deg,
            #0a2945,
            #113d63
        );

    box-shadow:
        0 20px 45px
        rgba(11, 45, 77, 0.16);
}

.tracking-flow-card:hover > span[b-ww7grsjpqa] {
    color: #ff6879;
}

.tracking-flow-card:hover h3[b-ww7grsjpqa] {
    color: #ffffff;
}

.tracking-flow-card:hover p[b-ww7grsjpqa] {
    color:
        rgba(255, 255, 255, 0.68);
}


/* =========================================================
   DESTINO
   ========================================================= */

.tracking-destination-section[b-ww7grsjpqa] {
    padding: 95px 24px;

    background: #ffffff;
}

.tracking-destination-container[b-ww7grsjpqa] {
    width: min(1180px, 100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 72px;

    align-items: center;
}


/* =========================================================
   CTA FINAL
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.tracking-final-cta[b-ww7grsjpqa] {
    position: relative;

    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}


/* linha lateral */

.tracking-final-cta[b-ww7grsjpqa]::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background:
        linear-gradient(
            180deg,
            #ef2b2d,
            #0b2d4d
        );
}


/* container */

.tracking-final-cta-container[b-ww7grsjpqa] {
    width: min(1180px, 100%);

    margin: 0 auto;

    display: flex;

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

    gap: 42px;
}


/* conteúdo */

.tracking-final-cta-content[b-ww7grsjpqa] {
    max-width: 760px;
}

.tracking-final-kicker[b-ww7grsjpqa] {
    display: inline-block;

    color: #d92527;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-final-cta-content h2[b-ww7grsjpqa] {
    max-width: 760px;

    margin: 12px 0 0;

    color: #102d47;

    font-size:
        clamp(
            2.35rem,
            3.8vw,
            3.7rem
        );

    font-weight: 750;

    line-height: 1.04;
    letter-spacing: -0.04em;
}

.tracking-final-cta-content p[b-ww7grsjpqa] {
    max-width: 700px;

    margin: 16px 0 0;

    color: #6d7f90;

    font-size: 0.90rem;

    line-height: 1.7;
}


/* =========================================================
   CTA - CARD DOS BOTÕES
   ========================================================= */

.tracking-final-cta-actions[b-ww7grsjpqa] {
    min-width: 250px;

    padding: 10px;

    display: flex;

    flex-direction: column;

    gap: 9px;

    border: 1px solid #dfe7ef;

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px
        rgba(15, 23, 42, 0.07);
}


/* =========================================================
   CTA - BOTÃO PRINCIPAL
   ========================================================= */

.tracking-final-cta-primary[b-ww7grsjpqa],
.tracking-final-cta-primary:link[b-ww7grsjpqa],
.tracking-final-cta-primary:visited[b-ww7grsjpqa] {
    min-height: 50px;

    padding: 0 22px;

    display: flex;

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

    border: 0 !important;

    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    box-shadow:
        0 9px 22px
        rgba(11, 45, 77, 0.16);

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

.tracking-final-cta-primary:hover[b-ww7grsjpqa],
.tracking-final-cta-primary:focus-visible[b-ww7grsjpqa] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px
        rgba(239, 43, 45, 0.20);
}


/* =========================================================
   CTA - BOTÃO SECUNDÁRIO
   ========================================================= */

.tracking-final-cta-secondary[b-ww7grsjpqa],
.tracking-final-cta-secondary:link[b-ww7grsjpqa],
.tracking-final-cta-secondary:visited[b-ww7grsjpqa] {
    min-height: 48px;

    padding: 0 22px;

    display: flex;

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

    border:
        1px solid #cfd9e3 !important;

    border-radius: 8px;

    background: #ffffff !important;

    color: #0b2d4d !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.tracking-final-cta-secondary:hover[b-ww7grsjpqa],
.tracking-final-cta-secondary:focus-visible[b-ww7grsjpqa] {
    border-color:
        #0b2d4d !important;

    color:
        #0b2d4d !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(11, 45, 77, 0.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .tracking-hero-container[b-ww7grsjpqa],
    .tracking-origin-container[b-ww7grsjpqa],
    .tracking-destination-container[b-ww7grsjpqa] {
        grid-template-columns: 1fr;

        gap: 44px;
    }

    .tracking-flow-grid[b-ww7grsjpqa] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .destination-content[b-ww7grsjpqa] {
        order: 1;
    }

    .tracking-destination-image[b-ww7grsjpqa] {
        order: 2;
    }
}


/* =========================================================
   CTA - TABLET
   ========================================================= */

@media (max-width: 800px) {

    .tracking-final-cta[b-ww7grsjpqa] {
        padding:
            52px
            20px
            56px;
    }

    .tracking-final-cta-container[b-ww7grsjpqa] {
        flex-direction: column;

        align-items: stretch;

        gap: 30px;
    }

    .tracking-final-cta-content[b-ww7grsjpqa],
    .tracking-final-cta-actions[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-final-cta-primary[b-ww7grsjpqa],
    .tracking-final-cta-secondary[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .tracking-page[b-ww7grsjpqa],
    .tracking-page *[b-ww7grsjpqa],
    .tracking-page *[b-ww7grsjpqa]::before,
    .tracking-page *[b-ww7grsjpqa]::after {
        box-sizing: border-box;
    }

    .tracking-page[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        overflow-x: clip;
    }


    /* HERO */

    .tracking-hero[b-ww7grsjpqa] {
        padding:
            62px
            18px
            66px;
    }

    .tracking-hero-container[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-hero h1[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        font-size: 2rem;

        overflow-wrap: break-word;
    }

    .tracking-hero-content[b-ww7grsjpqa],
    .tracking-search-card[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-search-card[b-ww7grsjpqa] {
        padding: 25px 21px;
    }

    .tracking-search[b-ww7grsjpqa] {
        grid-template-columns: 1fr;
    }

    .tracking-search button[b-ww7grsjpqa] {
        width: 100%;
    }


    /* SEÇÕES */

    .tracking-origin-section[b-ww7grsjpqa],
    .tracking-flow-section[b-ww7grsjpqa],
    .tracking-destination-section[b-ww7grsjpqa] {
        padding:
            65px
            18px;
    }

    .tracking-origin-container[b-ww7grsjpqa],
    .tracking-flow-container[b-ww7grsjpqa],
    .tracking-destination-container[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }


    /* IMAGENS */

    .tracking-image[b-ww7grsjpqa] {
        width: 100%;

        height: 330px;

        border-radius: 14px;
    }


    /* TÍTULOS */

    .tracking-section-content h2[b-ww7grsjpqa],
    .tracking-flow-heading h2[b-ww7grsjpqa] {
        font-size: 1.85rem;
    }


    /* CARDS */

    .tracking-flow-grid[b-ww7grsjpqa] {
        grid-template-columns: 1fr;
    }

    .tracking-flow-card[b-ww7grsjpqa] {
        width: 100%;

        min-height: auto;
    }


    /* CTA */

    .tracking-final-cta[b-ww7grsjpqa] {
        padding:
            48px
            20px
            52px;
    }

    .tracking-final-cta-container[b-ww7grsjpqa] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-final-cta-content h2[b-ww7grsjpqa] {
        max-width: 100%;

        font-size:
            clamp(
                2rem,
                9vw,
                2.8rem
            );

        line-height: 1.08;

        overflow-wrap: break-word;
    }

    .tracking-final-cta-actions[b-ww7grsjpqa] {
        padding: 9px;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .tracking-hero h1[b-ww7grsjpqa] {
        font-size: 1.85rem;
    }

    .tracking-image[b-ww7grsjpqa] {
        height: 285px;
    }

    .tracking-section-content h2[b-ww7grsjpqa],
    .tracking-flow-heading h2[b-ww7grsjpqa] {
        font-size: 1.72rem;
    }

    .tracking-final-cta-content h2[b-ww7grsjpqa] {
        font-size: 1.95rem;
    }
}


/* =========================================================
   ACESSIBILIDADE
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tracking-image img[b-ww7grsjpqa],
    .tracking-flow-card[b-ww7grsjpqa],
    .tracking-flow-card h3[b-ww7grsjpqa],
    .tracking-flow-card p[b-ww7grsjpqa],
    .tracking-flow-card > span[b-ww7grsjpqa],
    .tracking-final-cta-primary[b-ww7grsjpqa],
    .tracking-final-cta-secondary[b-ww7grsjpqa] {
        transition: none;
    }
}
/* _content/LogimarBrasil/Components/Pages/English/VesselScheduleEn.razor.rz.scp.css */
/* =========================================================
   PROGRAMAÇÃO DE NAVIOS - LOGIMAR
========================================================= */

.vessels-page[b-85tu69whhz] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #102d49;
}

.vessels-container[b-85tu69whhz] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.vessels-hero[b-85tu69whhz] {
    padding: 90px 0 80px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(24, 87, 154, 0.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #06172a 0%,
            #0a2340 58%,
            #0d3158 100%
        );

    color: #ffffff;
    overflow: hidden;
}

.vessels-hero .vessels-container[b-85tu69whhz] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

.vessels-eyebrow[b-85tu69whhz] {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #3d8bd8;
}

.vessels-hero h1[b-85tu69whhz] {
    margin: 0;
    max-width: 700px;
    font-size: clamp(2.5rem, 4.4vw, 4.15rem);
    line-height: 1.04;
    letter-spacing: -0.045em;
    font-weight: 700;
}

.vessels-hero-content > p[b-85tu69whhz] {
    max-width: 650px;
    margin: 28px 0 0;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.72);
}

.vessels-hero-actions[b-85tu69whhz] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}


/* =========================================================
   BOTÕES
========================================================= */

.btn-primary[b-85tu69whhz],
.btn-secondary[b-85tu69whhz] {
    min-height: 48px;
    padding: 0 24px;
    border-radius: 9px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    font-weight: 700;

    transition: all 0.2s ease;
}

.btn-primary[b-85tu69whhz] {
    background: #0b4f91;
    color: #ffffff;
    border: 1px solid #0b4f91;
}

.btn-primary:hover[b-85tu69whhz] {
    background: #0d5da8;
    border-color: #0d5da8;
    color: #ffffff;
    transform: translateY(-2px);
}

.btn-secondary[b-85tu69whhz] {
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}

.btn-secondary:hover[b-85tu69whhz] {
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================================
   HERO PANEL
========================================================= */

.vessels-hero-panel[b-85tu69whhz] {
    padding: 28px;

    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.11);

    background: rgba(255, 255, 255, 0.055);

    backdrop-filter: blur(12px);

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.25);
}

.hero-panel-header[b-85tu69whhz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-panel-header span[b-85tu69whhz] {
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    color: rgba(255, 255, 255, 0.5);
}

.hero-panel-header strong[b-85tu69whhz] {
    font-size: 0.92rem;
}

.hero-route[b-85tu69whhz] {
    padding: 48px 0 42px;

    display: grid;
    grid-template-columns: auto 1fr auto;

    align-items: center;
    gap: 15px;
}

.route-point[b-85tu69whhz] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    align-items: center;

    color: rgba(255, 255, 255, 0.74);
    font-size: 0.82rem;
}

.route-dot[b-85tu69whhz] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.route-point.origin .route-dot[b-85tu69whhz] {
    background: #d83838;
    box-shadow: 0 0 0 7px rgba(216, 56, 56, 0.12);
}

.route-point.destination .route-dot[b-85tu69whhz] {
    background: #2f83d4;
    box-shadow: 0 0 0 7px rgba(47, 131, 212, 0.12);
}

.route-line[b-85tu69whhz] {
    position: relative;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #d83838 0%,
            #2f83d4 100%
        );
}

.route-ship[b-85tu69whhz] {
    position: absolute;

    left: 53%;
    top: 50%;

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

    width: 52px;
    height: 52px;

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

    border-radius: 10px;

    background: #0b2543;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.18);
}

.route-ship svg[b-85tu69whhz] {
    width: 32px;
    height: 32px;

    fill: none;

    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero-panel-footer[b-85tu69whhz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.hero-panel-footer > div[b-85tu69whhz] {
    padding: 17px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
}

.hero-panel-footer span[b-85tu69whhz] {
    display: block;
    margin-bottom: 5px;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.45);
}

.hero-panel-footer strong[b-85tu69whhz] {
    font-size: 0.88rem;
}


/* =========================================================
   KICKER
========================================================= */

.section-kicker[b-85tu69whhz] {
    display: inline-block;
    margin-bottom: 16px;

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.15em;

    color: #3d8bd8;
}


/* =========================================================
   PLANEJAMENTO
========================================================= */

.vessels-intro[b-85tu69whhz] {
    padding: 72px 0 68px;
    background: #ffffff;
}

.intro-grid[b-85tu69whhz] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 72px;
    align-items: center;
}

.intro-copy[b-85tu69whhz] {
    max-width: 710px;
}

.intro-copy h2[b-85tu69whhz] {
    max-width: 700px;
    margin: 0;

    font-size: clamp(2rem, 3.1vw, 2.7rem);

    line-height: 1.13;
    letter-spacing: -0.035em;

    color: #0b213c;
}

.intro-copy p[b-85tu69whhz] {
    max-width: 680px;
    margin: 20px 0 0;

    color: #69788a;

    font-size: 0.96rem;
    line-height: 1.75;
}


/* =========================================================
   CARD PLANEJAMENTO
========================================================= */

.intro-card[b-85tu69whhz] {
    padding: 30px;

    border-radius: 20px;

    background: #f7f9fc;

    border: 1px solid #dce4ed;
}

.intro-card-top[b-85tu69whhz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.intro-card-label[b-85tu69whhz] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    color: #2d86d3;
}

.intro-card-type[b-85tu69whhz] {
    color: #102b48;
    font-size: 0.86rem;
    font-weight: 700;
}

.intro-route[b-85tu69whhz] {
    margin-top: 34px;

    display: grid;
    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 15px;
}

.intro-route-point[b-85tu69whhz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;

    color: #718091;

    font-size: 0.78rem;
}

.intro-route-circle[b-85tu69whhz] {
    width: 48px;
    height: 48px;

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

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.77rem;
    font-weight: 800;
}

.china-circle[b-85tu69whhz] {
    background: #d93838;
    box-shadow: 0 0 0 6px rgba(217, 56, 56, 0.09);
}

.brazil-circle[b-85tu69whhz] {
    background: #2076c3;
    box-shadow: 0 0 0 6px rgba(32, 118, 195, 0.09);
}

.intro-route-line[b-85tu69whhz] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #d93838,
            #2076c3
        );
}

.intro-route-ship[b-85tu69whhz] {
    position: absolute;

    left: 50%;
    top: 50%;

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

    width: 46px;
    height: 46px;

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

    border-radius: 10px;

    background: #0b2543;

    box-shadow:
        0 8px 20px rgba(11, 37, 67, 0.16);
}

.intro-route-ship svg[b-85tu69whhz] {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #ffffff;
    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.intro-card-footer[b-85tu69whhz] {
    display: flex;
    flex-direction: column;

    margin-top: 32px;
    padding-top: 22px;

    border-top: 1px solid #dce4ed;
}

.intro-card-footer span[b-85tu69whhz] {
    margin-bottom: 5px;
    font-size: 0.72rem;
    color: #8290a0;
}

.intro-card-footer strong[b-85tu69whhz] {
    color: #102b48;
    font-size: 0.9rem;
}


/* =========================================================
   CONSULTA
========================================================= */

.schedule-section[b-85tu69whhz] {
    padding: 88px 0 100px;
    background: #f7f9fc;
}

.section-heading[b-85tu69whhz] {
    max-width: 780px;
    margin-bottom: 52px;
}

.schedule-heading[b-85tu69whhz] {
    margin-bottom: 34px;
}

.section-heading.center[b-85tu69whhz] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-heading h2[b-85tu69whhz] {
    margin: 0;

    font-size: clamp(2rem, 3.4vw, 2.85rem);

    line-height: 1.12;
    letter-spacing: -0.035em;

    color: #0b213c;
}

.schedule-heading h2[b-85tu69whhz] {
    font-size: clamp(2rem, 3vw, 2.65rem);
}

.section-heading p[b-85tu69whhz] {
    max-width: 660px;
    margin: 20px 0 0;

    color: #69788a;

    line-height: 1.75;
}

.section-heading.center p[b-85tu69whhz] {
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   FILTROS
========================================================= */

.schedule-search-card[b-85tu69whhz] {
    padding: 26px;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(15, 43, 74, 0.05);
}

.filters-grid[b-85tu69whhz] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;

    gap: 18px;
    align-items: end;
}

.form-group[b-85tu69whhz] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.form-group label[b-85tu69whhz] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #40546a;
}

.form-group select[b-85tu69whhz],
.form-group input[b-85tu69whhz] {
    width: 100%;
    height: 50px;

    padding: 0 14px;

    border: 1px solid #d4dde6;
    border-radius: 8px;

    background: #ffffff;
    color: #253b52;

    font-size: 0.88rem;

    outline: none;
}

.form-group select:focus[b-85tu69whhz],
.form-group input:focus[b-85tu69whhz] {
    border-color: #0b4f91;
}

.search-button[b-85tu69whhz] {
    height: 50px;

    padding: 0 24px;

    border: 0;
    border-radius: 8px;

    background: #0b4f91;
    color: #ffffff;

    font-size: 0.85rem;
    font-weight: 700;

    white-space: nowrap;

    cursor: pointer;

    transition: all 0.2s ease;
}

.search-button:hover[b-85tu69whhz] {
    background: #0d5da8;
    transform: translateY(-1px);
}


/* =========================================================
   TABELA
========================================================= */

.schedule-table-card[b-85tu69whhz] {
    margin-top: 22px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(15, 43, 74, 0.05);
}

.schedule-table-header[b-85tu69whhz] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding: 26px 28px;

    border-bottom:
        1px solid #e8edf2;
}

.table-eyebrow[b-85tu69whhz] {
    color: #2d86d3;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.13em;
}

.schedule-table-header h3[b-85tu69whhz] {
    margin: 6px 0 0;

    color: #102b48;

    font-size: 1.15rem;
}

.schedule-table-wrapper[b-85tu69whhz] {
    overflow-x: auto;
}

.schedule-table[b-85tu69whhz] {
    width: 100%;

    min-width: 920px;

    border-collapse: collapse;
}

.schedule-table th[b-85tu69whhz],
.schedule-table td[b-85tu69whhz] {
    padding: 18px 20px;

    text-align: left;

    border-bottom:
        1px solid #edf1f4;
}

.schedule-table th[b-85tu69whhz] {
    background: #fafbfd;

    color: #6d7c8d;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}

.schedule-table td[b-85tu69whhz] {
    color: #455669;

    font-size: 0.87rem;
}

.schedule-table tbody tr:last-child td[b-85tu69whhz] {
    border-bottom: 0;
}


/* =========================================================
   ESTADO VAZIO
========================================================= */

.empty-state-cell[b-85tu69whhz] {
    padding: 0 !important;
}

.empty-state[b-85tu69whhz] {
    min-height: 150px;

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

    gap: 18px;

    padding: 38px;

    text-align: left;
}

.empty-state-icon[b-85tu69whhz] {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

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

    border-radius: 13px;

    background: #edf4fa;
}

.empty-state-icon svg[b-85tu69whhz] {
    width: 29px;
    height: 29px;

    fill: none;

    stroke: #0b4f91;
    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.empty-state-copy strong[b-85tu69whhz] {
    display: block;

    color: #102b48;

    font-size: 1rem;
}

.empty-state-copy p[b-85tu69whhz] {
    margin: 7px 0 0;

    color: #748293;

    font-size: 0.88rem;
    line-height: 1.6;
}


/* =========================================================
   BENEFÍCIOS
========================================================= */

.benefits-section[b-85tu69whhz] {
    padding: 100px 0;
    background: #ffffff;
}

.benefits-grid[b-85tu69whhz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

    margin-top: 48px;
}

.benefit-card[b-85tu69whhz] {
    min-height: 225px;

    padding: 28px;

    border-radius: 18px;

    border: 1px solid #dfe6ee;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.benefit-card:hover[b-85tu69whhz] {
    transform: translateY(-4px);

    box-shadow:
        0 18px 42px rgba(15, 43, 74, 0.07);
}

.benefit-number[b-85tu69whhz] {
    width: 46px;
    height: 46px;

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

    border-radius: 12px;

    background: #edf4fa;

    color: #07529a;

    font-size: 0.75rem;
    font-weight: 800;
}

.benefit-card h3[b-85tu69whhz] {
    margin: 34px 0 0;

    color: #102b48;

    font-size: 1.08rem;

    line-height: 1.35;
}

.benefit-card p[b-85tu69whhz] {
    margin: 14px 0 0;

    color: #748293;

    font-size: 0.88rem;

    line-height: 1.7;
}


/* =========================================================
   CTA
========================================================= */

.vessels-cta[b-85tu69whhz] {
    padding: 0 0 40px;

    background: #ffffff;
}

.vessels-cta-box[b-85tu69whhz] {
    padding: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #09203b,
            #0b325b
        );

    color: #ffffff;
}

.cta-copy[b-85tu69whhz] {
    max-width: 700px;
}

.vessels-cta h2[b-85tu69whhz] {
    max-width: 700px;

    margin: 0;

    font-size: clamp(2rem, 3.4vw, 2.85rem);

    line-height: 1.12;
    letter-spacing: -0.035em;

    color: #ffffff;
}

.vessels-cta p[b-85tu69whhz] {
    margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.65);
}

.cta-actions[b-85tu69whhz] {
    min-width: 220px;

    display: flex;
    flex-direction: column;

    gap: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .vessels-hero .vessels-container[b-85tu69whhz] {
        grid-template-columns: 1fr;
    }

    .intro-grid[b-85tu69whhz] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .filters-grid[b-85tu69whhz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-action[b-85tu69whhz] {
        grid-column: span 2;
    }

    .search-button[b-85tu69whhz] {
        width: 100%;
    }

    .benefits-grid[b-85tu69whhz] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .vessels-container[b-85tu69whhz] {
        width: min(100% - 28px, 1180px);
    }

    .vessels-hero[b-85tu69whhz] {
        padding: 65px 0 60px;
    }

    .vessels-hero h1[b-85tu69whhz] {
        font-size: 2.5rem;
    }

    .vessels-hero-content > p[b-85tu69whhz] {
        font-size: 0.97rem;
    }

    .vessels-hero-actions[b-85tu69whhz] {
        flex-direction: column;
    }

    .vessels-hero-actions a[b-85tu69whhz] {
        width: 100%;
    }

    .hero-panel-footer[b-85tu69whhz] {
        grid-template-columns: 1fr;
    }


    /* PLANEJAMENTO */

    .vessels-intro[b-85tu69whhz] {
        padding: 68px 0;
    }

    .schedule-section[b-85tu69whhz],
    .benefits-section[b-85tu69whhz] {
        padding: 70px 0;
    }

    .intro-copy h2[b-85tu69whhz],
    .section-heading h2[b-85tu69whhz],
    .vessels-cta h2[b-85tu69whhz] {
        font-size: 2rem;
    }

    .intro-card[b-85tu69whhz] {
        padding: 25px 20px;
    }

    .intro-route[b-85tu69whhz] {
        gap: 10px;
    }

    .intro-route-circle[b-85tu69whhz] {
        width: 44px;
        height: 44px;
    }

    .intro-route-ship[b-85tu69whhz] {
        width: 42px;
        height: 42px;
    }

    .intro-route-ship svg[b-85tu69whhz] {
        width: 24px;
        height: 24px;
    }


    /* FILTROS */

    .schedule-search-card[b-85tu69whhz] {
        padding: 18px;
    }

    .filters-grid[b-85tu69whhz] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-85tu69whhz] {
        grid-column: auto;
    }


    /* TABELA */

    .schedule-table-header[b-85tu69whhz] {
        flex-direction: column;
        align-items: flex-start;
    }

    .schedule-table-wrapper[b-85tu69whhz] {
        overflow: visible;
    }

    .schedule-table[b-85tu69whhz] {
        min-width: 0;
    }

    .schedule-table thead[b-85tu69whhz] {
        display: none;
    }

    .schedule-table[b-85tu69whhz],
    .schedule-table tbody[b-85tu69whhz],
    .schedule-table tr[b-85tu69whhz],
    .schedule-table td[b-85tu69whhz] {
        display: block;
        width: 100%;
    }

    .schedule-table tr:not(.empty-state-row)[b-85tu69whhz] {
        padding: 18px;

        border-bottom:
            1px solid #e8edf2;
    }

    .schedule-table tr:not(.empty-state-row) td[b-85tu69whhz] {
        display: flex;

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

        gap: 20px;

        padding: 10px 0;

        border: 0;

        text-align: right;
    }

    .schedule-table tr:not(.empty-state-row) td[b-85tu69whhz]::before {
        content: attr(data-label);

        flex: 0 0 auto;

        color: #7b8998;

        font-size: 0.68rem;
        font-weight: 700;

        letter-spacing: 0.05em;

        text-align: left;
        text-transform: uppercase;
    }

    .empty-state-cell[b-85tu69whhz] {
        display: block !important;
        width: 100% !important;
    }

    .empty-state[b-85tu69whhz] {
        min-height: 210px;

        flex-direction: column;

        padding: 32px 22px;

        text-align: center;
    }

    .empty-state-copy p[b-85tu69whhz] {
        max-width: 300px;
    }


    /* BENEFÍCIOS */

    .benefit-card[b-85tu69whhz] {
        min-height: auto;
        padding: 25px;
    }


    /* CTA */

    .vessels-cta-box[b-85tu69whhz] {
        padding: 34px 24px;

        flex-direction: column;
        align-items: stretch;
    }

    .cta-actions[b-85tu69whhz] {
        width: 100%;
    }

    .cta-actions a[b-85tu69whhz] {
        width: 100%;
    }
}
/* _content/LogimarBrasil/Components/Pages/Home.razor.rz.scp.css */
/* =========================================================
   HOME LOGIMAR - V10 CONSOLIDADA
   CSS consolidado a partir da versão aprovada da Home.
   Regras repetidas e versões antigas sobrescritas foram removidas.
   ========================================================= */

:root[b-oec62ssftp] {
    --motion-fast-v2: 220ms;
    --motion-base-v2: 420ms;
    --motion-slow-v2: 900ms;
    --motion-ease-v2: cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-tag span[b-oec62ssftp] {
    color: #38bdf8;
}

.btn-primary[b-oec62ssftp],
.btn-secondary[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    transition: all 0.2s ease;
}

.btn-primary[b-oec62ssftp] {
    background: #ffffff;
    color: #0b2d4d;
}

.btn-primary:hover[b-oec62ssftp] {
    background: #f1f5f9;
    color: #0b2d4d;
    transform: translateY(-2px);
}

.btn-secondary[b-oec62ssftp] {
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    backdrop-filter: blur(8px);
}

.btn-secondary:hover[b-oec62ssftp] {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.section-heading[b-oec62ssftp] {
    max-width: 780px;
    margin-bottom: 75px;
}

.section-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.section-heading h2[b-oec62ssftp] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.section-heading h2 span[b-oec62ssftp] {
    color: #0ea5e9;
}

.section-heading p[b-oec62ssftp] {
    max-width: 680px;
    margin: 24px 0 0;
    color: #526579;
    font-size: 1.05rem;
    line-height: 1.75;
}

.services-container[b-oec62ssftp] {
    max-width: 1180px;
    margin: 0 auto;
}

.services-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.services-heading h2[b-oec62ssftp] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.services-heading h2 span[b-oec62ssftp] {
    color: #38bdf8;
}

.service-card:nth-child(1) .service-icon[b-oec62ssftp],
.service-card:nth-child(4) .service-icon[b-oec62ssftp] {
    background: rgba(239, 43, 45, 0.12);
    color: #ff4b4d;
}

.services-footer > div[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.services-cta[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-radius: 7px;
    background: #ffffff;
    color: #0b2d4d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: transform 0.2s ease,
        background 0.2s ease;
}

.services-cta:hover[b-oec62ssftp] {
    transform: translateY(-2px);
    background: #ef2b2d;
    color: #ffffff;
}

.services-cta span[b-oec62ssftp] {
    font-size: 1rem;
}

.tracking-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.tracking-content h2[b-oec62ssftp] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.tracking-content h2 span[b-oec62ssftp] {
    color: #0ea5e9;
}

.tracking-field[b-oec62ssftp] {
    flex: 1;
}

.tracking-field label[b-oec62ssftp] {
    display: block;
    margin-bottom: 8px;
    color: #475569;
    font-size: 0.76rem;
    font-weight: 700;
}

.tracking-field input:focus[b-oec62ssftp] {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.12);
}

.tracking-button:hover[b-oec62ssftp] {
    background: #ef2b2d;
    color: #ffffff;
    transform: translateY(-2px);
}

.tracking-note[b-oec62ssftp] {
    display: block;
    margin-top: 10px;
    color: #7f90a3;
    font-size: 0.76rem;
}

.tracking-preview-header > div[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.preview-label[b-oec62ssftp] {
    color: #7f90a3;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.tracking-location[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
}

.tracking-location span[b-oec62ssftp] {
    color: #7f90a3;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.10em;
}

.tracking-location strong[b-oec62ssftp] {
    margin-top: 5px;
    color: #0b2d4d;
    font-size: 1rem;
}

.tracking-location small[b-oec62ssftp] {
    margin-top: 2px;
    color: #526579;
}

.tracking-location-right[b-oec62ssftp] {
    text-align: right;
}

.tracking-detail + .tracking-detail[b-oec62ssftp] {
    border-left: 1px solid #e2e8f0;
}

.tracking-detail span[b-oec62ssftp] {
    color: #7f90a3;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.tracking-detail strong[b-oec62ssftp] {
    color: #0b2d4d;
    font-size: 0.82rem;
}

.tracking-event > div:last-child[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.tracking-event span[b-oec62ssftp] {
    color: #7f90a3;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.tracking-event strong[b-oec62ssftp] {
    color: #0b2d4d;
    font-size: 0.86rem;
}

.tracking-event small[b-oec62ssftp] {
    color: #526579;
}

.why-intro h2[b-oec62ssftp] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.why-intro h2 span[b-oec62ssftp] {
    display: block;
    margin-top: 8px;
    color: #0ea5e9;
}

.ports-container[b-oec62ssftp] {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
}

.ports-heading h2[b-oec62ssftp] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 4vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.ports-china-title[b-oec62ssftp] {
    color: #ef2b2d;
}

.ports-brasil-title[b-oec62ssftp] {
    color: #38bdf8;
}

.china .country-code[b-oec62ssftp] {
    background: #ef2b2d;
}

.brasil .country-code[b-oec62ssftp] {
    background: #0ea5e9;
}

.country-header small[b-oec62ssftp] {
    display: block;
    margin-bottom: 3px;
    color: #a8b7c5;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.12em;
}

.ports-footer > div[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ports-cta > span[b-oec62ssftp] {
    color: #ef2b2d;
    font-size: 1rem;
    transition: transform 0.2s ease;
}

.ports-cta:hover > span[b-oec62ssftp] {
    transform: translateX(5px);
}

.final-cta-section[b-oec62ssftp] {
    position: relative;
    overflow: hidden;
    padding: 105px 28px;
    background: radial-gradient(
            circle at 85% 50%,
            rgba(14, 165, 233, 0.10),
            transparent 32%
        ),
        #f8fafc;
}

.final-cta-section[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(
        180deg,
        #ef2b2d,
        #0ea5e9
    );
}

.final-cta-container[b-oec62ssftp] {
    position: relative;
    z-index: 2;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.final-cta-content[b-oec62ssftp] {
    max-width: 720px;
}

.final-cta-content h2[b-oec62ssftp] {
    margin: 0;
    color: #0b2d4d;
    font-size: clamp(2.5rem, 4.5vw, 4rem);
    font-weight: 800;
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.final-cta-content h2 span[b-oec62ssftp] {
    color: #0ea5e9;
}

.final-cta-content p[b-oec62ssftp] {
    max-width: 650px;
    margin: 24px 0 0;
    color: #526579;
    font-size: 1.02rem;
    line-height: 1.75;
}

.final-cta-actions[b-oec62ssftp] {
    min-width: 235px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.final-cta-primary[b-oec62ssftp],
.final-cta-secondary[b-oec62ssftp] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 0 24px;
    border-radius: 8px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    transition: transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.final-cta-primary span[b-oec62ssftp] {
    color: #38bdf8;
    font-size: 1rem;
}

.final-cta-primary:hover[b-oec62ssftp] {
    background: #ef2b2d;
    color: #ffffff;
    transform: translateY(-2px);
}

.final-cta-primary:hover span[b-oec62ssftp] {
    color: #ffffff;
}

.final-cta-secondary[b-oec62ssftp] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0b2d4d;
}

.final-cta-secondary:hover[b-oec62ssftp] {
    border-color: #0b2d4d;
    color: #0b2d4d;
    transform: translateY(-2px);
}

.route-label[b-oec62ssftp],
.preview-label[b-oec62ssftp],
.tracking-detail span[b-oec62ssftp],
.tracking-event span[b-oec62ssftp],
.country-header small[b-oec62ssftp],
.port-item span[b-oec62ssftp],
.section-kicker[b-oec62ssftp],
.services-kicker[b-oec62ssftp],
.tracking-kicker[b-oec62ssftp],
.why-kicker[b-oec62ssftp],
.ports-kicker[b-oec62ssftp],
.final-cta-kicker[b-oec62ssftp] {
    font-weight: 800;
    text-rendering: optimizeLegibility;
}

.tracking-note[b-oec62ssftp],
.tracking-location small[b-oec62ssftp],
.tracking-event small[b-oec62ssftp] {
    font-weight: 500;
}

.route-step h3[b-oec62ssftp],
.service-card h3[b-oec62ssftp],
.why-item h3[b-oec62ssftp],
.country-header h3[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 650;
    letter-spacing: -0.01em;
}

.final-cta-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.055em;
}

.route-label[b-oec62ssftp],
.preview-label[b-oec62ssftp],
.tracking-detail span[b-oec62ssftp],
.tracking-event span[b-oec62ssftp],
.country-header small[b-oec62ssftp],
.ocean-text[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 650;
    letter-spacing: 0.06em;
}

.route-step p[b-oec62ssftp],
.service-card p[b-oec62ssftp],
.tracking-content > p[b-oec62ssftp],
.why-item p[b-oec62ssftp],
.ports-heading p[b-oec62ssftp],
.final-cta-content p[b-oec62ssftp],
.services-heading p[b-oec62ssftp],
.section-heading p[b-oec62ssftp] {
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

.info-item strong[b-oec62ssftp],
.tracking-preview-header strong[b-oec62ssftp],
.tracking-location strong[b-oec62ssftp],
.tracking-detail strong[b-oec62ssftp],
.tracking-event strong[b-oec62ssftp],
.port-item strong[b-oec62ssftp],
.ports-footer strong[b-oec62ssftp],
.services-footer strong[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 600;
}

.info-item span[b-oec62ssftp],
.tracking-note[b-oec62ssftp],
.tracking-location small[b-oec62ssftp],
.tracking-event small[b-oec62ssftp],
.port-item span[b-oec62ssftp],
.ports-footer > div > span[b-oec62ssftp],
.services-footer > div > span[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 400;
}

.btn-primary[b-oec62ssftp],
.btn-secondary[b-oec62ssftp],
.services-cta[b-oec62ssftp],
.tracking-button[b-oec62ssftp],
.why-link[b-oec62ssftp],
.ports-cta[b-oec62ssftp],
.final-cta-primary[b-oec62ssftp],
.final-cta-secondary[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.035em;
    transition: transform var(--motion-fast) ease,
        box-shadow var(--motion-fast) ease,
        background-color var(--motion-fast) ease,
        border-color var(--motion-fast) ease,
        color var(--motion-fast) ease;
}

.why-link:hover[b-oec62ssftp],
.ports-cta:hover[b-oec62ssftp] {
    transform: translateX(3px);
}

.ports-country:hover[b-oec62ssftp],
.tracking-preview:hover[b-oec62ssftp] {
    transform: translateY(-5px);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.10);
}

.service-icon[b-oec62ssftp],
.route-point[b-oec62ssftp],
.country-code[b-oec62ssftp],
.ocean-icon[b-oec62ssftp],
.route-ship[b-oec62ssftp] {
    transition: transform var(--motion-base) var(--motion-ease),
        box-shadow var(--motion-base) ease;
}

.route-step:hover .route-point[b-oec62ssftp],
.ports-country:hover .country-code[b-oec62ssftp] {
    transform: scale(1.06);
}

.final-cta-primary[b-oec62ssftp] {
    background: #0b2d4d;
    color: #ffffff;
    position: relative;
    overflow: hidden;
}

.final-cta-primary:hover[b-oec62ssftp]::after {
    transform: translateX(130%);
}

.hero-content[b-oec62ssftp] {
    max-width: 900px;
    animation: logimarHeroInV2-b-oec62ssftp 1.05s var(--motion-ease-v2) both;
}

.hero h1[b-oec62ssftp],
.section-heading h2[b-oec62ssftp],
.services-heading h2[b-oec62ssftp],
.tracking-content h2[b-oec62ssftp],
.why-intro h2[b-oec62ssftp],
.ports-heading h2[b-oec62ssftp],
.final-cta-content h2[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    transition: transform var(--motion-base-v2) var(--motion-ease-v2),
        text-shadow var(--motion-base-v2) ease;
}

.section-heading:hover h2[b-oec62ssftp],
.services-heading:hover h2[b-oec62ssftp],
.tracking-content:hover h2[b-oec62ssftp],
.why-intro:hover h2[b-oec62ssftp],
.ports-heading:hover h2[b-oec62ssftp],
.final-cta-content:hover h2[b-oec62ssftp] {
    transform: translateX(5px);
}

.service-card[b-oec62ssftp],
.ports-country[b-oec62ssftp],
.tracking-preview[b-oec62ssftp],
.why-item[b-oec62ssftp] {
    transition: transform var(--motion-base-v2) var(--motion-ease-v2),
        box-shadow var(--motion-base-v2) ease,
        border-color var(--motion-base-v2) ease,
        background-color var(--motion-base-v2) ease;
}

.service-card:hover .service-icon[b-oec62ssftp] {
    transform: translateY(-5px) scale(1.10);
}

.ports-country:hover .country-code[b-oec62ssftp] {
    transform: scale(1.10);
}

.ocean-icon:hover[b-oec62ssftp] {
    transform: scale(1.10) rotate(-2deg);
}

.btn-primary[b-oec62ssftp],
.btn-secondary[b-oec62ssftp],
.services-cta[b-oec62ssftp],
.tracking-button[b-oec62ssftp],
.final-cta-primary[b-oec62ssftp],
.final-cta-secondary[b-oec62ssftp] {
    transition: transform var(--motion-fast-v2) ease,
        box-shadow var(--motion-fast-v2) ease,
        background-color var(--motion-fast-v2) ease,
        border-color var(--motion-fast-v2) ease,
        color var(--motion-fast-v2) ease;
}

.btn-primary:hover[b-oec62ssftp],
.btn-secondary:hover[b-oec62ssftp],
.services-cta:hover[b-oec62ssftp],
.tracking-button:hover[b-oec62ssftp],
.final-cta-primary:hover[b-oec62ssftp],
.final-cta-secondary:hover[b-oec62ssftp] {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.18);
}

.final-cta-primary[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-130%);
    pointer-events: none;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 34%,
        rgba(255, 255, 255, 0.32) 50%,
        transparent 66%,
        transparent 100%
    );
    transition: transform 0.68s var(--motion-ease-v2);
}

.route-line[b-oec62ssftp],
.ocean-line[b-oec62ssftp] {
    background-size: 260% 100%;
    animation: logimarRouteFlowV2-b-oec62ssftp 4.8s linear infinite;
}

.reveal[b-oec62ssftp] {
    will-change: opacity, transform;
    opacity: 0;
    transform: translateY(42px) scale(0.985);
    transition: opacity 0.9s var(--motion-ease-v2),
        transform 0.9s var(--motion-ease-v2);
}

.reveal.reveal-left[b-oec62ssftp] {
    transform: translateX(-46px);
}

.reveal.reveal-right[b-oec62ssftp] {
    transform: translateX(46px);
}

.reveal.reveal-scale[b-oec62ssftp] {
    transform: scale(0.94);
}

.reveal.is-visible[b-oec62ssftp] {
    opacity: 1;
    transform: none;
}

.reveal-delay-1[b-oec62ssftp] {
    transition-delay: 100ms;
}

.reveal-delay-2[b-oec62ssftp] {
    transition-delay: 210ms;
}

.reveal-delay-3[b-oec62ssftp] {
    transition-delay: 320ms;
}

.reveal-delay-4[b-oec62ssftp] {
    transition-delay: 430ms;
}

.reveal-delay-5[b-oec62ssftp] {
    transition-delay: 540ms;
}

.reveal-delay-6[b-oec62ssftp] {
    transition-delay: 650ms;
}

.hero-tag[b-oec62ssftp],
.section-kicker[b-oec62ssftp],
.services-kicker[b-oec62ssftp],
.tracking-kicker[b-oec62ssftp],
.why-kicker[b-oec62ssftp],
.ports-kicker[b-oec62ssftp],
.final-cta-kicker[b-oec62ssftp] {
    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0.075em;
    transition: transform var(--motion-fast-v2) ease,
        letter-spacing var(--motion-fast-v2) ease;
}

.hero-tag:hover[b-oec62ssftp],
.section-kicker:hover[b-oec62ssftp],
.services-kicker:hover[b-oec62ssftp],
.tracking-kicker:hover[b-oec62ssftp],
.why-kicker:hover[b-oec62ssftp],
.ports-kicker:hover[b-oec62ssftp],
.final-cta-kicker:hover[b-oec62ssftp] {
    transform: translateX(4px);
    letter-spacing: 0.09em;
}

.hero[b-oec62ssftp] {
    position: relative;
    min-height: calc(100vh - 82px);
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.97) 0%,
            rgba(5, 35, 62, 0.92) 43%,
            rgba(5, 35, 62, 0.62) 70%,
            rgba(5, 35, 62, 0.40) 100%
        ),
        url("/images/logimar-hero.png");
    background-size: 106%;
    background-position: center center;
    isolation: isolate;
    animation: logimarHeroBackground-b-oec62ssftp 16s ease-in-out infinite alternate;
}

.hero[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(
            circle at 78% 42%,
            rgba(56, 189, 248, 0.14) 0%,
            rgba(56, 189, 248, 0.04) 28%,
            transparent 52%
        ),
        linear-gradient(
            180deg,
            rgba(4, 18, 32, 0.05) 0%,
            rgba(4, 18, 32, 0.00) 55%,
            rgba(4, 18, 32, 0.22) 100%
        );
}

.hero[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    height: 2px;
    background: linear-gradient(
        90deg,
        #ef2b2d 0%,
        rgba(239, 43, 45, 0.25) 24%,
        rgba(56, 189, 248, 0.25) 70%,
        #38bdf8 100%
    );
    background-size: 220% 100%;
    animation: logimarHeroRouteLine-b-oec62ssftp 5s linear infinite;
}

.hero-container[b-oec62ssftp] {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 28px 55px;
    z-index: 2;
}

.hero-tag[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 999px;
    color: #dbeafe;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    padding: 9px 15px;
    position: relative;
    overflow: hidden;
    border-color: rgba(255, 255, 255, 0.30);
    background: rgba(7, 31, 54, 0.30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 28px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-tag[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 55px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.14),
        transparent
    );
    transform: translateX(-90px) skewX(-18deg);
    animation: logimarTagShine-b-oec62ssftp 6s ease-in-out infinite;
}

.route-china[b-oec62ssftp],
.route-brasil[b-oec62ssftp] {
    display: inline-block;
    position: relative;
    transition: transform 350ms var(--motion-ease-v2),
        filter 350ms ease,
        text-shadow 350ms ease;
}

.route-china[b-oec62ssftp] {
    color: #ef2b2d;
    text-shadow: 0 0 28px rgba(239, 43, 45, 0.10);
}

.route-brasil[b-oec62ssftp] {
    color: #38bdf8;
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.12);
}

.hero h1:hover .route-china[b-oec62ssftp] {
    transform: translateX(-3px);
    filter: brightness(1.08);
    text-shadow: 0 0 28px rgba(239, 43, 45, 0.24);
}

.hero h1:hover .route-brasil[b-oec62ssftp] {
    transform: translateX(3px);
    filter: brightness(1.08);
    text-shadow: 0 0 28px rgba(56, 189, 248, 0.28);
}

.route-arrow[b-oec62ssftp] {
    color: #ffffff;
    margin: 0 12px;
    display: inline-block;
    position: relative;
    animation: logimarHeroArrow-b-oec62ssftp 2.2s ease-in-out infinite;
    text-shadow: 0 0 18px rgba(255, 255, 255, 0.20);
}

.hero .btn-primary[b-oec62ssftp],
.hero .btn-secondary[b-oec62ssftp] {
    position: relative;
    overflow: hidden;
    min-height: 54px;
    padding: 0 26px;
    border-radius: 7px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
}

.hero .btn-primary[b-oec62ssftp] {
    background: #ffffff;
    color: #0b2d4d;
}

.hero .btn-primary[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        transparent 0%,
        transparent 35%,
        rgba(56, 189, 248, 0.18) 50%,
        transparent 65%,
        transparent 100%
    );
    transform: translateX(-130%);
    transition: transform 650ms var(--motion-ease-v2);
    pointer-events: none;
}

.hero .btn-primary:hover[b-oec62ssftp]::after {
    transform: translateX(130%);
}

.hero .btn-primary:hover[b-oec62ssftp] {
    transform: translateY(-5px) scale(1.025);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.hero .btn-secondary:hover[b-oec62ssftp] {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.78);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.15);
}

.info-item[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    transition: transform 260ms var(--motion-ease-v2);
}

.info-item:hover[b-oec62ssftp] {
    transform: translateY(-4px);
}

.hero h1[b-oec62ssftp] {
    margin: 0;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: -0.035em;
    text-wrap: balance;
    text-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    font-size: clamp(2.8rem, 4.05vw, 4.45rem);
    line-height: 1.01;
    max-width: 820px;
}

.hero-description[b-oec62ssftp] {
    margin: 28px 0 0;
    max-width: 680px;
    color: #e5edf5;
    font-size: clamp(1.04rem, 1.35vw, 1.18rem);
    line-height: 1.72;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
    margin-top: 22px;
}

.hero-actions[b-oec62ssftp] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.hero-info[b-oec62ssftp] {
    display: flex;
    align-items: center;
    animation: logimarHeroInfoInV2-b-oec62ssftp 1.15s var(--motion-ease-v2) 0.2s both;
    padding-top: 25px;
    position: relative;
    max-width: 900px;
    margin-top: 54px;
    padding: 20px 22px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 10px;
    background: rgba(5, 25, 45, 0.30);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 16px 38px rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.hero-info[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    height: 1px;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #ffffff 48%,
        #38bdf8
    );
    animation: logimarHeroInfoLine-b-oec62ssftp 1.35s var(--motion-ease-v2) 0.65s forwards;
    top: -1px;
    left: 22px;
    width: 0;
    max-width: calc(100% - 44px);
    animation-name: logimarHeroInfoLineV31-b-oec62ssftp;
}

.info-divider[b-oec62ssftp] {
    width: 1px;
    height: 34px;
    margin: 0 28px;
    background: rgba(255, 255, 255, 0.16);
}

.info-item strong[b-oec62ssftp] {
    color: #ffffff;
    font-size: 0.93rem;
}

.info-item span[b-oec62ssftp] {
    margin-top: 1px;
    color: #c9d5df;
    font-size: 0.76rem;
}

.route-section[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: min(1180px, calc(100% - 56px));
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, #dbe5ef 15%, #dbe5ef 85%, transparent);
}

.route-container[b-oec62ssftp] {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.route-section .section-kicker[b-oec62ssftp] {
    position: relative;
    padding-left: 31px;
}

.route-section .section-kicker[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, #ef2b2d, #0ea5e9);
}

.route-section .section-heading h2[b-oec62ssftp] {
    max-width: 800px;
}

.route-section .section-heading p[b-oec62ssftp] {
    max-width: 720px;
}

.route-line[b-oec62ssftp] {
    position: absolute;
    top: 36px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(90deg, #ef2b2d 0%, #ef2b2d 8%, #38bdf8 52%, #0b2d4d 100%);
    border-radius: 999px;
    background-size: 220% 100%;
    box-shadow: 0 4px 14px rgba(14, 165, 233, 0.12);
    animation: logimarRouteV4Flow-b-oec62ssftp 4.5s linear infinite;
}

.route-line[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 70px;
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.95),
        transparent
    );
    filter: blur(1px);
    transform: translateY(-50%);
    animation: logimarRouteV4Light-b-oec62ssftp 4.5s ease-in-out infinite;
}

.route-step:hover[b-oec62ssftp] {
    transform: translateY(-7px);
    background: rgba(248, 250, 252, 0.78);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.07);
}

.route-point[b-oec62ssftp]::after {
    content: "";
    position: absolute;
    inset: -10px;
    border: 1px solid rgba(11, 45, 77, 0.09);
    border-radius: 50%;
    transform: scale(0.82);
    opacity: 0;
    transition: transform 380ms var(--motion-ease-v2),
        opacity 380ms ease;
}

.route-step:hover .route-point[b-oec62ssftp] {
    transform: scale(1.08);
}

.route-step:hover .route-point[b-oec62ssftp]::after {
    transform: scale(1);
    opacity: 1;
}

.route-point-china[b-oec62ssftp] {
    background: #ef2b2d;
    box-shadow: 0 0 0 2px rgba(239, 43, 45, 0.18),
        0 10px 28px rgba(239, 43, 45, 0.12);
}

.route-point-brasil[b-oec62ssftp] {
    background: #0ea5e9;
    box-shadow: 0 0 0 2px rgba(14, 165, 233, 0.18),
        0 10px 28px rgba(14, 165, 233, 0.13);
}

.route-label[b-oec62ssftp] {
    display: block;
    color: #7f90a3;
    font-weight: 800;
    margin-bottom: 12px;
    font-size: 0.68rem;
    letter-spacing: 0.085em;
}

.route-step h3[b-oec62ssftp] {
    margin: 0 0 14px;
    color: #0b2d4d;
    font-weight: 800;
    font-size: 1.32rem;
    margin-bottom: 13px;
}

.route-step p[b-oec62ssftp] {
    margin: 0;
    color: #526579;
    font-size: 0.95rem;
    line-height: 1.72;
    max-width: 320px;
}

.route-step:first-of-type h3[b-oec62ssftp] {
    color: #b91c1c;
}

.route-step:last-of-type h3[b-oec62ssftp] {
    color: #0284c7;
}

.route-section[b-oec62ssftp] {
    background: radial-gradient(circle at 8% 18%, rgba(239, 43, 45, 0.055), transparent 24%),
        radial-gradient(circle at 92% 72%, rgba(14, 165, 233, 0.075), transparent 27%),
        #ffffff;
    position: relative;
    overflow: hidden;
    padding: 65px 28px 70px;
}

.route-section .section-heading[b-oec62ssftp] {
    max-width: 850px;
    margin-bottom: 42px;
}

.route-flow[b-oec62ssftp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: relative;
    padding-top: 6px;
    gap: 28px;
}

.route-step[b-oec62ssftp] {
    position: relative;
    z-index: 2;
    padding: 0 24px 28px;
    border-radius: 14px;
    transition: transform 380ms var(--motion-ease-v2),
        background-color 380ms ease,
        box-shadow 380ms ease;
    min-height: 195px;
    padding-bottom: 18px;
}

.route-point[b-oec62ssftp] {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    background: #0b2d4d;
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 800;
    width: 68px;
    height: 68px;
    box-shadow: 0 0 0 2px #dbe5ef,
        0 10px 28px rgba(15, 23, 42, 0.10);
    position: relative;
    margin-left: -4px;
    border-width: 5px;
    transition: transform 380ms var(--motion-ease-v2),
        box-shadow 380ms ease;
    margin-bottom: 20px;
}

.services-section[b-oec62ssftp] {
    background: radial-gradient(
            circle at 85% 15%,
            rgba(14, 165, 233, 0.12),
            transparent 30%
        ),
        #071f36;
    padding: 72px 28px 76px;
}

.services-heading[b-oec62ssftp] {
    max-width: 760px;
    margin-bottom: 38px;
}

.services-heading p[b-oec62ssftp] {
    max-width: 680px;
    margin: 24px 0 0;
    color: #c8d2dc;
    font-size: 1.02rem;
    line-height: 1.75;
    margin-top: 18px;
}

.services-grid[b-oec62ssftp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.service-icon[b-oec62ssftp] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, 0.12);
    color: #38bdf8;
    font-weight: 900;
    letter-spacing: 0.05em;
    width: 40px;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 8px;
    font-size: 0.7rem;
}

.service-card h3[b-oec62ssftp] {
    margin: 0 0 14px;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.03rem;
    margin-bottom: 10px;
    line-height: 1.35;
}

.service-card p[b-oec62ssftp] {
    margin: 0;
    color: #c2ced8;
    font-size: 0.88rem;
    line-height: 1.62;
}

.service-card:hover[b-oec62ssftp] {
    transform: translateY(-9px) scale(1.012);
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.075),
            rgba(255, 255, 255, 0.038)
        );
    border-color: rgba(56, 189, 248, 0.32);
    box-shadow: 0 22px 48px rgba(0, 0, 0, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.service-card[b-oec62ssftp] {
    border: 1px solid rgba(255, 255, 255, 0.10);
    transition: transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
    min-height: 205px;
    padding: 24px 26px;
    border-radius: 11px;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.045),
            rgba(255, 255, 255, 0.026)
        );
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    position: relative;
    overflow: hidden;
}

.service-card[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
    transition: width 420ms var(--motion-ease-v2);
}

.service-card:hover[b-oec62ssftp]::before {
    width: 100%;
}

.services-footer[b-oec62ssftp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    margin-top: 26px;
    padding: 22px 24px;
}

.services-footer strong[b-oec62ssftp] {
    color: #ffffff;
    font-size: 0.95rem;
}

.services-footer > div > span[b-oec62ssftp] {
    color: #b5c2ce;
    font-size: 0.84rem;
}

.tracking-section[b-oec62ssftp] {
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 82% 18%, rgba(14, 165, 233, 0.06), transparent 26%),
        #f8fafc;
}

.tracking-container[b-oec62ssftp] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    gap: 58px;
}

.tracking-content[b-oec62ssftp] {
    max-width: 500px;
}

.tracking-content > p[b-oec62ssftp] {
    margin: 24px 0 0;
    color: #526579;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 18px;
}

.tracking-form[b-oec62ssftp] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 28px;
}

.tracking-field input[b-oec62ssftp] {
    width: 100%;
    padding: 0 16px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s ease,
        box-shadow 0.2s ease;
    height: 52px;
    border-radius: 7px;
}

.tracking-button[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 22px;
    background: #0b2d4d;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    transition: background 0.2s ease,
        transform 0.2s ease;
    min-height: 52px;
    border-radius: 7px;
}

.tracking-preview[b-oec62ssftp] {
    border: 1px solid #e2e8f0;
    background: #ffffff;
    padding: 28px;
    border-radius: 14px;
    box-shadow: 0 24px 55px rgba(15, 23, 42, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.65);
    position: relative;
    overflow: hidden;
    transition: transform 420ms var(--motion-ease-v2),
        box-shadow 420ms ease;
}

.tracking-preview:hover[b-oec62ssftp] {
    transform: translateY(-7px) scale(1.008);
    box-shadow: 0 30px 70px rgba(15, 23, 42, 0.13),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.tracking-preview[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        90deg,
        #ef2b2d 0%,
        #38bdf8 55%,
        #0b2d4d 100%
    );
}

.tracking-preview-header[b-oec62ssftp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 20px;
}

.tracking-preview-header strong[b-oec62ssftp] {
    color: #0b2d4d;
    font-size: 1.1rem;
}

.status-badge[b-oec62ssftp] {
    border-radius: 999px;
    background: rgba(14, 165, 233, 0.10);
    color: #0284c7;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    padding: 8px 12px;
    position: relative;
}

.status-badge[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0ea5e9;
    transform: translateY(-50%);
    box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.32);
    animation: logimarTrackingPulse-b-oec62ssftp 2.2s ease-out infinite;
}

.tracking-route[b-oec62ssftp] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 20px;
    align-items: center;
    padding: 28px 0 26px;
}

.tracking-route-line[b-oec62ssftp] {
    position: relative;
    background: #dbe5ef;
    height: 3px;
    border-radius: 999px;
    overflow: visible;
}

.route-progress[b-oec62ssftp] {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #0ea5e9
    );
    height: 3px;
    border-radius: 999px;
    background-size: 200% 100%;
    animation: logimarTrackingProgress-b-oec62ssftp 3.8s linear infinite;
}

.route-ship[b-oec62ssftp] {
    position: absolute;
    top: 50%;
    left: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #0b2d4d;
    color: #ffffff;
    font-size: 0.85rem;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    animation: logimarTrackingShipV6-b-oec62ssftp 2.5s ease-in-out infinite;
    box-shadow: 0 8px 20px rgba(11, 45, 77, 0.22),
        0 0 0 5px rgba(255, 255, 255, 0.8);
}

.route-dot[b-oec62ssftp] {
    position: absolute;
    top: 50%;
    left: -2px;
    border-radius: 50%;
    background: #ef2b2d;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
}

.route-dot-end[b-oec62ssftp] {
    left: auto;
    right: -2px;
    background: #0ea5e9;
    box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.08);
}

.tracking-details[b-oec62ssftp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    border-radius: 9px;
    background: #fbfdff;
}

.tracking-detail[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 16px;
    transition: background-color 220ms ease;
}

.tracking-detail:hover[b-oec62ssftp] {
    background: #f1f7fb;
}

.tracking-event[b-oec62ssftp] {
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 10px;
    background: #f8fafc;
    margin-top: 17px;
    padding: 15px 16px;
    border: 1px solid #edf2f7;
    transition: transform 260ms var(--motion-ease-v2),
        background-color 260ms ease;
}

.tracking-event:hover[b-oec62ssftp] {
    transform: translateX(5px);
    background: #f1f7fb;
}

.event-icon[b-oec62ssftp] {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    border-radius: 50%;
    background: #0ea5e9;
    box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.12);
    animation: logimarEventPulse-b-oec62ssftp 2.3s ease-in-out infinite;
}

.why-section[b-oec62ssftp] {
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 14% 18%, rgba(239, 43, 45, 0.045), transparent 24%),
        radial-gradient(circle at 86% 78%, rgba(14, 165, 233, 0.055), transparent 26%),
        #ffffff;
}

.why-container[b-oec62ssftp] {
    max-width: 1180px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: start;
    gap: 72px;
}

.why-intro[b-oec62ssftp] {
    position: sticky;
    top: 105px;
    max-width: 470px;
}

.why-intro p[b-oec62ssftp] {
    margin: 26px 0 0;
    color: #526579;
    font-size: 1rem;
    line-height: 1.75;
    margin-top: 20px;
}

.why-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 18px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    position: relative;
    padding-left: 30px;
}

.why-kicker[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 19px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #0ea5e9
    );
}

.why-list[b-oec62ssftp] {
    border-top: 1px solid #dfe7ef;
}

.why-item[b-oec62ssftp] {
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 22px;
    padding: 26px 18px 26px 0;
    border-bottom: 1px solid #e4ebf2;
    position: relative;
    overflow: hidden;
    transition: transform 340ms var(--motion-ease-v2),
        background-color 340ms ease,
        box-shadow 340ms ease,
        padding-left 340ms var(--motion-ease-v2);
}

.why-item[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 0;
    border-radius: 999px;
    background: linear-gradient(
        180deg,
        #ef2b2d,
        #38bdf8
    );
    transition: height 360ms var(--motion-ease-v2);
}

.why-item:hover[b-oec62ssftp] {
    transform: translateX(7px);
    padding-left: 14px;
    background: rgba(248, 250, 252, 0.78);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.05);
}

.why-item:hover[b-oec62ssftp]::before {
    height: 100%;
}

.why-number[b-oec62ssftp] {
    font-weight: 900;
    letter-spacing: 0.08em;
    color: #ef2b2d;
    font-size: 0.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 9px;
    background: rgba(239, 43, 45, 0.07);
    transition: transform 320ms var(--motion-ease-v2),
        background-color 320ms ease,
        color 320ms ease;
}

.why-item:nth-child(even) .why-number[b-oec62ssftp] {
    background: rgba(14, 165, 233, 0.07);
    color: #0284c7;
}

.why-item:hover .why-number[b-oec62ssftp] {
    transform: scale(1.08);
}

.why-item h3[b-oec62ssftp] {
    margin: 0 0 12px;
    color: #0b2d4d;
    font-weight: 800;
    font-size: 1.13rem;
    margin-bottom: 8px;
}

.why-item p[b-oec62ssftp] {
    margin: 0;
    color: #526579;
    max-width: 540px;
    font-size: 0.91rem;
    line-height: 1.65;
}

.why-link[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0b2d4d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    margin-top: 22px;
    transition: transform 260ms var(--motion-ease-v2),
        color 260ms ease;
}

.why-link:hover[b-oec62ssftp] {
    color: #0b2d4d;
    transform: translateX(5px);
}

.why-link span[b-oec62ssftp] {
    color: #ef2b2d;
    font-size: 1rem;
    transition: transform 260ms var(--motion-ease-v2);
}

.why-link:hover span[b-oec62ssftp] {
    transform: translateX(6px);
}

.ports-section[b-oec62ssftp] {
    position: relative;
    overflow: hidden;
    padding: 72px 28px 76px;
    background: radial-gradient(circle at 22% 28%, rgba(239, 43, 45, 0.08), transparent 24%),
        radial-gradient(circle at 78% 68%, rgba(14, 165, 233, 0.09), transparent 26%),
        #071f36;
}

.ports-heading[b-oec62ssftp] {
    max-width: 760px;
    margin-bottom: 42px;
}

.ports-heading p[b-oec62ssftp] {
    max-width: 650px;
    margin: 22px 0 0;
    color: #c2ced8;
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 18px;
}

.ports-kicker[b-oec62ssftp] {
    display: inline-block;
    margin-bottom: 16px;
    color: #ef2b2d;
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    position: relative;
    padding-left: 30px;
}

.ports-kicker[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 19px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
}

.ports-route[b-oec62ssftp] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 150px 1fr;
    gap: 28px;
}

.ports-country[b-oec62ssftp] {
    border: 1px solid rgba(255, 255, 255, 0.10);
    padding: 24px 26px;
    border-radius: 12px;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.055),
            rgba(255, 255, 255, 0.028)
        );
    position: relative;
    overflow: hidden;
    transition: transform 380ms var(--motion-ease-v2),
        box-shadow 380ms ease,
        border-color 380ms ease,
        background-color 380ms ease;
}

.ports-country:hover[b-oec62ssftp] {
    transform: translateY(-8px) scale(1.008);
    box-shadow: 0 24px 52px rgba(0, 0, 0, 0.20);
    border-color: rgba(255, 255, 255, 0.18);
}

.ports-country[b-oec62ssftp]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
}

.ports-country.china[b-oec62ssftp]::before {
    background: linear-gradient(
        90deg,
        #ef2b2d,
        rgba(239, 43, 45, 0.18)
    );
}

.ports-country.brasil[b-oec62ssftp]::before {
    background: linear-gradient(
        90deg,
        rgba(56, 189, 248, 0.18),
        #38bdf8
    );
}

.country-header[b-oec62ssftp] {
    display: flex;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    margin-bottom: 20px;
    padding-bottom: 17px;
}

.country-code[b-oec62ssftp] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 900;
    width: 44px;
    height: 44px;
}

.country-header h3[b-oec62ssftp] {
    margin: 0;
    color: #ffffff;
    font-weight: 800;
    font-size: 1.22rem;
}

.ports-list[b-oec62ssftp] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 22px;
}

.port-item[b-oec62ssftp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 11px 0;
}

.port-item strong[b-oec62ssftp] {
    color: #ffffff;
    font-size: 0.86rem;
}

.port-item span[b-oec62ssftp] {
    color: #a8b7c5;
    font-size: 0.72rem;
}

.ocean-route[b-oec62ssftp] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 170px;
}

.ocean-line[b-oec62ssftp] {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background: linear-gradient(
        90deg,
        #ef2b2d,
        #38bdf8
    );
    height: 2px;
    border-radius: 999px;
    background-size: 240% 100%;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.12);
    animation: logimarOceanFlowV8-b-oec62ssftp 4.2s linear infinite;
}

.ocean-icon[b-oec62ssftp] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #071f36;
    border-radius: 50%;
    background: #ffffff;
    color: #0b2d4d;
    width: 58px;
    height: 58px;
    border-width: 6px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18),
        0 0 0 1px rgba(255, 255, 255, 0.08);
    animation: logimarOceanFloatV8-b-oec62ssftp 2.8s ease-in-out infinite;
}

.ocean-text[b-oec62ssftp] {
    position: relative;
    z-index: 2;
    color: #a8b7c5;
    font-size: 0.61rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    white-space: nowrap;
    margin-top: 15px;
    padding: 5px 9px;
    background: rgba(7, 31, 54, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
}

.ocean-arrow[b-oec62ssftp] {
    position: absolute;
    top: calc(50% - 15px);
    color: #38bdf8;
    font-size: 1.2rem;
    right: -1px;
    animation: logimarOceanArrowV8-b-oec62ssftp 1.8s ease-in-out infinite;
}

.ports-footer[b-oec62ssftp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    margin-top: 30px;
    padding-top: 22px;
}

.ports-footer strong[b-oec62ssftp] {
    color: #ffffff;
    font-size: 0.92rem;
}

.ports-footer > div > span[b-oec62ssftp] {
    color: #a8b7c5;
    font-size: 0.82rem;
}

.ports-cta[b-oec62ssftp] {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    white-space: nowrap;
    transition: transform 260ms var(--motion-ease-v2),
        color 260ms ease;
}

.ports-cta:hover[b-oec62ssftp] {
    color: #ffffff;
    transform: translateX(5px);
}

@keyframes logimarHeroIn-b-oec62ssftp {
    from {
            opacity: 0;
            transform: translateY(24px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarHeroInfoIn-b-oec62ssftp {
    from {
            opacity: 0;
            transform: translateY(18px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarRouteFlow-b-oec62ssftp {
    0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 200% 50%;
        }
}

@keyframes logimarShipFloat-b-oec62ssftp {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0);
        }
        50% {
            transform: translate(-50%, -50%) translateY(-4px);
        }
}

@keyframes logimarHeroInV2-b-oec62ssftp {
    from {
            opacity: 0;
            transform: translateY(42px) scale(0.985);
        }
        to {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
}

@keyframes logimarHeroInfoInV2-b-oec62ssftp {
    from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
}

@keyframes logimarRouteFlowV2-b-oec62ssftp {
    0% {
            background-position: 0% 50%;
        }
        100% {
            background-position: 260% 50%;
        }
}

@keyframes logimarShipFloatV2-b-oec62ssftp {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0) rotate(0deg);
        }
        50% {
            transform: translate(-50%, -50%) translateY(-7px) rotate(-2deg);
        }
}

@keyframes logimarHeroBackground-b-oec62ssftp {
    0% {
            background-size: 106%;
            background-position: 50% 50%;
        }
    
        100% {
            background-size: 111%;
            background-position: 53% 48%;
        }
}

@keyframes logimarHeroRouteLine-b-oec62ssftp {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 220% 50%;
        }
}

@keyframes logimarTagShine-b-oec62ssftp {
    0%, 68% {
            transform: translateX(-90px) skewX(-18deg);
        }
    
        82%, 100% {
            transform: translateX(310px) skewX(-18deg);
        }
}

@keyframes logimarHeroArrow-b-oec62ssftp {
    0%, 100% {
            transform: translateX(0);
            opacity: 0.82;
        }
    
        50% {
            transform: translateX(7px);
            opacity: 1;
        }
}

@keyframes logimarHeroInfoLine-b-oec62ssftp {
    to {
            width: 100%;
        }
}

@keyframes logimarHeroInfoLineV31-b-oec62ssftp {
    to {
                width: calc(100% - 40px);
            }
}

@keyframes logimarRouteV4Flow-b-oec62ssftp {
    from { background-position: 0% 50%; }
        to   { background-position: 220% 50%; }
}

@keyframes logimarRouteV4Light-b-oec62ssftp {
    0%   { left: 0%; opacity: 0; }
        10%  { opacity: 1; }
        85%  { opacity: 1; }
        100% { left: calc(100% - 70px); opacity: 0; }
}

@keyframes logimarRouteV4LightMobile-b-oec62ssftp {
    0%   { top: 0%; opacity: 0; }
            10%  { opacity: 1; }
            85%  { opacity: 1; }
            100% { top: calc(100% - 58px); opacity: 0; }
}

@keyframes logimarTrackingPulse-b-oec62ssftp {
    0% {
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0.32);
        }
    
        70% {
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0);
        }
    
        100% {
            box-shadow: 0 0 0 0 rgba(14, 165, 233, 0);
        }
}

@keyframes logimarTrackingProgress-b-oec62ssftp {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 200% 50%;
        }
}

@keyframes logimarTrackingShipV6-b-oec62ssftp {
    0%, 100% {
            transform: translate(-50%, -50%) translateY(0) rotate(0deg);
        }
    
        50% {
            transform: translate(-50%, -50%) translateY(-6px) rotate(-2deg);
        }
}

@keyframes logimarEventPulse-b-oec62ssftp {
    0%, 100% {
            box-shadow: 0 0 0 5px rgba(14, 165, 233, 0.12);
        }
    
        50% {
            box-shadow: 0 0 0 8px rgba(14, 165, 233, 0.04);
        }
}

@keyframes logimarOceanFlowV8-b-oec62ssftp {
    from {
            background-position: 0% 50%;
        }
    
        to {
            background-position: 240% 50%;
        }
}

@keyframes logimarOceanFloatV8-b-oec62ssftp {
    0%, 100% {
            transform: translateY(0);
        }
    
        50% {
            transform: translateY(-7px);
        }
}

@keyframes logimarOceanArrowV8-b-oec62ssftp {
    0%, 100% {
            transform: translateX(0);
            opacity: 0.72;
        }
    
        50% {
            transform: translateX(6px);
            opacity: 1;
        }
}

@media (max-width: 700px) {
    .hero[b-oec62ssftp] {
        min-height: auto;
    }
}

@media (max-width: 700px) {
    .hero-container[b-oec62ssftp] {
        padding: 65px 20px 45px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-oec62ssftp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 18px;
    }
}

@media (max-width: 700px) {
    .info-divider[b-oec62ssftp] {
        display: none;
    }
}

@media (max-width: 800px) {
    .route-flow[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .route-step[b-oec62ssftp] {
        display: grid;
        grid-template-columns: 60px 1fr;
        gap: 22px;
    }
}

@media (max-width: 950px) {
    .services-grid[b-oec62ssftp] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .services-grid[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .services-footer[b-oec62ssftp] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .tracking-container[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-form[b-oec62ssftp] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .tracking-button[b-oec62ssftp] {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .tracking-route[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-location-right[b-oec62ssftp] {
        text-align: left;
    }
}

@media (max-width: 650px) {
    .tracking-route-line[b-oec62ssftp] {
        margin: 15px 5px;
    }
}

@media (max-width: 650px) {
    .tracking-details[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .tracking-detail + .tracking-detail[b-oec62ssftp] {
        border-left: 0;
        border-top: 1px solid #e2e8f0;
    }
}

@media (max-width: 900px) {
    .why-container[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .why-intro[b-oec62ssftp] {
        position: static;
    }
}

@media (max-width: 950px) {
    .ocean-route[b-oec62ssftp] {
        transform: rotate(90deg);
    }
}

@media (max-width: 950px) {
    .ocean-text[b-oec62ssftp] {
        display: none;
    }
}

@media (max-width: 650px) {
    .ports-list[b-oec62ssftp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .ports-footer[b-oec62ssftp] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 800px) {
    .final-cta-section[b-oec62ssftp] {
        padding: 75px 20px;
    }
}

@media (max-width: 800px) {
    .final-cta-container[b-oec62ssftp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 40px;
    }
}

@media (max-width: 800px) {
    .final-cta-actions[b-oec62ssftp] {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .route-step p[b-oec62ssftp],
    .service-card p[b-oec62ssftp],
    .tracking-content > p[b-oec62ssftp],
    .why-item p[b-oec62ssftp],
    .ports-heading p[b-oec62ssftp],
    .final-cta-content p[b-oec62ssftp],
    .services-heading p[b-oec62ssftp],
    .section-heading p[b-oec62ssftp] {
        line-height: 1.72;
    }
}

@media (prefers-reduced-motion: reduce) {
    *[b-oec62ssftp],
    *[b-oec62ssftp]::before,
    *[b-oec62ssftp]::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media (max-width: 700px) {
    .service-card:hover[b-oec62ssftp],
    .ports-country:hover[b-oec62ssftp],
    .tracking-preview:hover[b-oec62ssftp],
    .why-item:hover[b-oec62ssftp] {
        box-shadow: none;
    }
}

@media (max-width: 700px) {
    .reveal[b-oec62ssftp] {
        transform: translateY(24px);
        transition-duration: 0.72s;
    }
}

@media (max-width: 700px) {
    .reveal.reveal-left[b-oec62ssftp],
    .reveal.reveal-right[b-oec62ssftp] {
        transform: translateY(24px);
    }
}

@media (max-width: 700px) {
    .service-card:hover[b-oec62ssftp],
    .ports-country:hover[b-oec62ssftp],
    .tracking-preview:hover[b-oec62ssftp],
    .why-item:hover[b-oec62ssftp] {
        transform: none;
    }
}

@media (max-width: 700px) {
    .route-ship[b-oec62ssftp] {
        animation-duration: 3.2s;
    }
}

@media (max-width: 900px) {
    .hero[b-oec62ssftp] {
        background-size: cover;
        animation: none;
    }
}

@media (max-width: 700px) {
    .hero[b-oec62ssftp]::before {
        background: linear-gradient(
            90deg,
            rgba(5, 25, 45, 0.96),
            rgba(5, 35, 62, 0.78)
        );
    }
}

@media (max-width: 700px) {
    .route-arrow[b-oec62ssftp] {
        margin: 0 6px;
        animation-duration: 2.6s;
    }
}

@media (max-width: 700px) {
    .hero-actions[b-oec62ssftp] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .hero .btn-primary[b-oec62ssftp],
    .hero .btn-secondary[b-oec62ssftp] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero[b-oec62ssftp],
    .hero[b-oec62ssftp]::after,
    .hero-tag[b-oec62ssftp]::after,
    .route-arrow[b-oec62ssftp],
    .hero-info[b-oec62ssftp]::before {
        animation: none !important;
    }
}

@media (max-width: 700px) {
    .hero h1[b-oec62ssftp] {
        font-size: clamp(2.4rem, 10.5vw, 3.1rem);
    }
}

@media (max-width: 700px) {
    .hero-description[b-oec62ssftp] {
        margin-top: 20px;
    }
}

@media (max-width: 700px) {
    .hero-actions[b-oec62ssftp] {
        margin-top: 25px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-oec62ssftp] {
        margin-top: 42px;
        padding: 20px;
    }
}

@media (max-width: 700px) {
    .hero-info[b-oec62ssftp]::before {
        left: 20px;
        max-width: calc(100% - 40px);
    }
}

@media (max-width: 800px) {
    .route-line[b-oec62ssftp] {
        top: 36px;
        bottom: 36px;
        left: 33px;
        right: auto;
        width: 3px;
        height: auto;
        background: linear-gradient(
            180deg,
            #ef2b2d 0%,
            #38bdf8 52%,
            #0b2d4d 100%
        );
    }
}

@media (max-width: 800px) {
    .route-line[b-oec62ssftp]::after {
        top: 0;
        left: 50%;
        width: 7px;
        height: 58px;
        transform: translateX(-50%);
        background: linear-gradient(
            180deg,
            transparent,
            rgba(255, 255, 255, 0.95),
            transparent
        );
        animation: logimarRouteV4LightMobile-b-oec62ssftp 4.5s ease-in-out infinite;
    }
}

@media (max-width: 800px) {
    .route-step[b-oec62ssftp] {
        padding: 0 0 22px;
    }
}

@media (max-width: 800px) {
    .route-step:hover[b-oec62ssftp] {
        transform: none;
        background: transparent;
        box-shadow: none;
    }
}

@media (max-width: 800px) {
    .route-point[b-oec62ssftp] {
        width: 68px;
        height: 68px;
        margin: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .route-line[b-oec62ssftp],
    .route-line[b-oec62ssftp]::after {
        animation: none !important;
    }
}

@media (max-width: 800px) {
    .route-section[b-oec62ssftp] {
        padding: 58px 20px 62px;
    }
}

@media (max-width: 800px) {
    .route-section .section-heading[b-oec62ssftp] {
        margin-bottom: 36px;
    }
}

@media (max-width: 800px) {
    .route-flow[b-oec62ssftp] {
        gap: 26px;
    }
}

@media (max-width: 800px) {
    .route-step[b-oec62ssftp] {
        min-height: 0;
        padding-bottom: 16px;
    }
}

@media (max-width: 950px) {
    .services-section[b-oec62ssftp] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 950px) {
    .services-heading[b-oec62ssftp] {
        margin-bottom: 32px;
    }
}

@media (max-width: 950px) {
    .service-card[b-oec62ssftp] {
        min-height: 190px;
    }
}

@media (max-width: 650px) {
    .services-section[b-oec62ssftp] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .services-heading[b-oec62ssftp] {
        margin-bottom: 28px;
    }
}

@media (max-width: 650px) {
    .service-card[b-oec62ssftp] {
        min-height: 0;
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .services-footer[b-oec62ssftp] {
        margin-top: 22px;
        padding: 20px;
    }
}

@media (max-width: 900px) {
    .tracking-section[b-oec62ssftp] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 900px) {
    .tracking-container[b-oec62ssftp] {
        gap: 44px;
    }
}

@media (max-width: 650px) {
    .tracking-section[b-oec62ssftp] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .tracking-preview[b-oec62ssftp] {
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .tracking-route[b-oec62ssftp] {
        padding: 22px 0;
    }
}

@media (max-width: 650px) {
    .tracking-event:hover[b-oec62ssftp] {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .status-badge[b-oec62ssftp]::before,
    .route-progress[b-oec62ssftp],
    .route-ship[b-oec62ssftp],
    .event-icon[b-oec62ssftp] {
        animation: none !important;
    }
}

@media (max-width: 900px) {
    .why-section[b-oec62ssftp] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 900px) {
    .why-container[b-oec62ssftp] {
        gap: 46px;
    }
}

@media (max-width: 900px) {
    .why-intro[b-oec62ssftp] {
        top: auto;
    }
}

@media (max-width: 650px) {
    .why-section[b-oec62ssftp] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .why-container[b-oec62ssftp] {
        gap: 38px;
    }
}

@media (max-width: 650px) {
    .why-item[b-oec62ssftp] {
        grid-template-columns: 46px 1fr;
        gap: 14px;
        padding: 22px 0;
    }
}

@media (max-width: 650px) {
    .why-item:hover[b-oec62ssftp] {
        transform: none;
        padding-left: 0;
        background: transparent;
        box-shadow: none;
    }
}

@media (max-width: 650px) {
    .why-number[b-oec62ssftp] {
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 950px) {
    .ports-section[b-oec62ssftp] {
        padding: 64px 22px 68px;
    }
}

@media (max-width: 950px) {
    .ports-heading[b-oec62ssftp] {
        margin-bottom: 34px;
    }
}

@media (max-width: 950px) {
    .ports-route[b-oec62ssftp] {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 950px) {
    .ocean-route[b-oec62ssftp] {
        min-height: 88px;
    }
}

@media (max-width: 650px) {
    .ports-section[b-oec62ssftp] {
        padding: 56px 20px 60px;
    }
}

@media (max-width: 650px) {
    .ports-country[b-oec62ssftp] {
        padding: 22px;
    }
}

@media (max-width: 650px) {
    .ports-footer[b-oec62ssftp] {
        margin-top: 24px;
        padding-top: 18px;
    }
}

@media (max-width: 650px) {
    .ports-country:hover[b-oec62ssftp] {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ocean-line[b-oec62ssftp],
    .ocean-icon[b-oec62ssftp],
    .ocean-arrow[b-oec62ssftp] {
        animation: none !important;
    }
}
/* _content/LogimarBrasil/Components/Pages/ProgramacaoNavios.razor.rz.scp.css */
/* =========================================================
   PROGRAMAÇÃO DE NAVIOS - LOGIMAR
========================================================= */

.vessels-page[b-zilo4x7yda] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #102d49;
}

.vessels-container[b-zilo4x7yda] {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.vessels-hero[b-zilo4x7yda] {
    padding: 90px 0 80px;

    background:
        radial-gradient(
            circle at 80% 20%,
            rgba(24, 87, 154, 0.18),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #06172a 0%,
            #0a2340 58%,
            #0d3158 100%
        );

    color: #ffffff;
    overflow: hidden;
}

.vessels-hero .vessels-container[b-zilo4x7yda] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 70px;
    align-items: center;
}

.vessels-eyebrow[b-zilo4x7yda] {
    display: inline-block;
    margin-bottom: 16px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #3d8bd8;
}

.vessels-hero h1[b-zilo4x7yda] {
    margin: 0;
    max-width: 700px;
    font-size: clamp(2.5rem, 4.4vw, 4.15rem);
    line-height: 1.04;
    letter-spacing: -0.045em;
    font-weight: 700;
}

.vessels-hero-content > p[b-zilo4x7yda] {
    max-width: 650px;
    margin: 28px 0 0;
    font-size: 1.08rem;
    line-height: 1.75;
    color: rgba(255, 255, 255, 0.72);
}

.vessels-hero-actions[b-zilo4x7yda] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 34px;
}


/* =========================================================
   BOTÕES
========================================================= */

.btn-primary[b-zilo4x7yda],
.btn-secondary[b-zilo4x7yda] {
    min-height: 48px;
    padding: 0 24px;
    border-radius: 9px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    font-weight: 700;

    transition: all 0.2s ease;
}

.btn-primary[b-zilo4x7yda] {
    background: #0b4f91;
    color: #ffffff;
    border: 1px solid #0b4f91;
}

.btn-primary:hover[b-zilo4x7yda] {
    background: #0d5da8;
    border-color: #0d5da8;
    color: #ffffff;
    transform: translateY(-2px);
}

.btn-secondary[b-zilo4x7yda] {
    border: 1px solid rgba(255, 255, 255, 0.22);
    color: #ffffff;
    background: rgba(255, 255, 255, 0.04);
}

.btn-secondary:hover[b-zilo4x7yda] {
    background: rgba(255, 255, 255, 0.09);
    color: #ffffff;
    transform: translateY(-2px);
}


/* =========================================================
   HERO PANEL
========================================================= */

.vessels-hero-panel[b-zilo4x7yda] {
    padding: 28px;

    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.11);

    background: rgba(255, 255, 255, 0.055);

    backdrop-filter: blur(12px);

    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.25);
}

.hero-panel-header[b-zilo4x7yda] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-panel-header span[b-zilo4x7yda] {
    font-size: 0.72rem;
    letter-spacing: 0.13em;
    color: rgba(255, 255, 255, 0.5);
}

.hero-panel-header strong[b-zilo4x7yda] {
    font-size: 0.92rem;
}

.hero-route[b-zilo4x7yda] {
    padding: 48px 0 42px;

    display: grid;
    grid-template-columns: auto 1fr auto;

    align-items: center;
    gap: 15px;
}

.route-point[b-zilo4x7yda] {
    display: flex;
    flex-direction: column;
    gap: 9px;
    align-items: center;

    color: rgba(255, 255, 255, 0.74);
    font-size: 0.82rem;
}

.route-dot[b-zilo4x7yda] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.route-point.origin .route-dot[b-zilo4x7yda] {
    background: #d83838;
    box-shadow: 0 0 0 7px rgba(216, 56, 56, 0.12);
}

.route-point.destination .route-dot[b-zilo4x7yda] {
    background: #2f83d4;
    box-shadow: 0 0 0 7px rgba(47, 131, 212, 0.12);
}

.route-line[b-zilo4x7yda] {
    position: relative;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            #d83838 0%,
            #2f83d4 100%
        );
}

.route-ship[b-zilo4x7yda] {
    position: absolute;

    left: 53%;
    top: 50%;

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

    width: 52px;
    height: 52px;

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

    border-radius: 10px;

    background: #0b2543;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.18);
}

.route-ship svg[b-zilo4x7yda] {
    width: 32px;
    height: 32px;

    fill: none;

    stroke: #ffffff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.hero-panel-footer[b-zilo4x7yda] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.hero-panel-footer > div[b-zilo4x7yda] {
    padding: 17px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
}

.hero-panel-footer span[b-zilo4x7yda] {
    display: block;
    margin-bottom: 5px;
    font-size: 0.72rem;
    color: rgba(255, 255, 255, 0.45);
}

.hero-panel-footer strong[b-zilo4x7yda] {
    font-size: 0.88rem;
}


/* =========================================================
   KICKER
========================================================= */

.section-kicker[b-zilo4x7yda] {
    display: inline-block;
    margin-bottom: 16px;

    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.15em;

    color: #3d8bd8;
}


/* =========================================================
   PLANEJAMENTO
========================================================= */

.vessels-intro[b-zilo4x7yda] {
    padding: 72px 0 68px;
    background: #ffffff;
}

.intro-grid[b-zilo4x7yda] {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 72px;
    align-items: center;
}

.intro-copy[b-zilo4x7yda] {
    max-width: 710px;
}

.intro-copy h2[b-zilo4x7yda] {
    max-width: 700px;
    margin: 0;

    font-size: clamp(2rem, 3.1vw, 2.7rem);

    line-height: 1.13;
    letter-spacing: -0.035em;

    color: #0b213c;
}

.intro-copy p[b-zilo4x7yda] {
    max-width: 680px;
    margin: 20px 0 0;

    color: #69788a;

    font-size: 0.96rem;
    line-height: 1.75;
}


/* =========================================================
   CARD PLANEJAMENTO
========================================================= */

.intro-card[b-zilo4x7yda] {
    padding: 30px;

    border-radius: 20px;

    background: #f7f9fc;

    border: 1px solid #dce4ed;
}

.intro-card-top[b-zilo4x7yda] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.intro-card-label[b-zilo4x7yda] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    color: #2d86d3;
}

.intro-card-type[b-zilo4x7yda] {
    color: #102b48;
    font-size: 0.86rem;
    font-weight: 700;
}

.intro-route[b-zilo4x7yda] {
    margin-top: 34px;

    display: grid;
    grid-template-columns: auto 1fr auto;

    align-items: center;

    gap: 15px;
}

.intro-route-point[b-zilo4x7yda] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;

    color: #718091;

    font-size: 0.78rem;
}

.intro-route-circle[b-zilo4x7yda] {
    width: 48px;
    height: 48px;

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

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.77rem;
    font-weight: 800;
}

.china-circle[b-zilo4x7yda] {
    background: #d93838;
    box-shadow: 0 0 0 6px rgba(217, 56, 56, 0.09);
}

.brazil-circle[b-zilo4x7yda] {
    background: #2076c3;
    box-shadow: 0 0 0 6px rgba(32, 118, 195, 0.09);
}

.intro-route-line[b-zilo4x7yda] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            90deg,
            #d93838,
            #2076c3
        );
}

.intro-route-ship[b-zilo4x7yda] {
    position: absolute;

    left: 50%;
    top: 50%;

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

    width: 46px;
    height: 46px;

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

    border-radius: 10px;

    background: #0b2543;

    box-shadow:
        0 8px 20px rgba(11, 37, 67, 0.16);
}

.intro-route-ship svg[b-zilo4x7yda] {
    width: 27px;
    height: 27px;

    fill: none;

    stroke: #ffffff;
    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.intro-card-footer[b-zilo4x7yda] {
    display: flex;
    flex-direction: column;

    margin-top: 32px;
    padding-top: 22px;

    border-top: 1px solid #dce4ed;
}

.intro-card-footer span[b-zilo4x7yda] {
    margin-bottom: 5px;
    font-size: 0.72rem;
    color: #8290a0;
}

.intro-card-footer strong[b-zilo4x7yda] {
    color: #102b48;
    font-size: 0.9rem;
}


/* =========================================================
   CONSULTA
========================================================= */

.schedule-section[b-zilo4x7yda] {
    padding: 88px 0 100px;
    background: #f7f9fc;
}

.section-heading[b-zilo4x7yda] {
    max-width: 780px;
    margin-bottom: 52px;
}

.schedule-heading[b-zilo4x7yda] {
    margin-bottom: 34px;
}

.section-heading.center[b-zilo4x7yda] {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-heading h2[b-zilo4x7yda] {
    margin: 0;

    font-size: clamp(2rem, 3.4vw, 2.85rem);

    line-height: 1.12;
    letter-spacing: -0.035em;

    color: #0b213c;
}

.schedule-heading h2[b-zilo4x7yda] {
    font-size: clamp(2rem, 3vw, 2.65rem);
}

.section-heading p[b-zilo4x7yda] {
    max-width: 660px;
    margin: 20px 0 0;

    color: #69788a;

    line-height: 1.75;
}

.section-heading.center p[b-zilo4x7yda] {
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   FILTROS
========================================================= */

.schedule-search-card[b-zilo4x7yda] {
    padding: 26px;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(15, 43, 74, 0.05);
}

.filters-grid[b-zilo4x7yda] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr auto;

    gap: 18px;
    align-items: end;
}

.form-group[b-zilo4x7yda] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.form-group label[b-zilo4x7yda] {
    font-size: 0.74rem;
    font-weight: 700;
    color: #40546a;
}

.form-group select[b-zilo4x7yda],
.form-group input[b-zilo4x7yda] {
    width: 100%;
    height: 50px;

    padding: 0 14px;

    border: 1px solid #d4dde6;
    border-radius: 8px;

    background: #ffffff;
    color: #253b52;

    font-size: 0.88rem;

    outline: none;
}

.form-group select:focus[b-zilo4x7yda],
.form-group input:focus[b-zilo4x7yda] {
    border-color: #0b4f91;
}

.search-button[b-zilo4x7yda] {
    height: 50px;

    padding: 0 24px;

    border: 0;
    border-radius: 8px;

    background: #0b4f91;
    color: #ffffff;

    font-size: 0.85rem;
    font-weight: 700;

    white-space: nowrap;

    cursor: pointer;

    transition: all 0.2s ease;
}

.search-button:hover[b-zilo4x7yda] {
    background: #0d5da8;
    transform: translateY(-1px);
}


/* =========================================================
   TABELA
========================================================= */

.schedule-table-card[b-zilo4x7yda] {
    margin-top: 22px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe6ee;
    border-radius: 18px;

    box-shadow:
        0 12px 32px rgba(15, 43, 74, 0.05);
}

.schedule-table-header[b-zilo4x7yda] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 24px;

    padding: 26px 28px;

    border-bottom:
        1px solid #e8edf2;
}

.table-eyebrow[b-zilo4x7yda] {
    color: #2d86d3;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.13em;
}

.schedule-table-header h3[b-zilo4x7yda] {
    margin: 6px 0 0;

    color: #102b48;

    font-size: 1.15rem;
}

.schedule-table-wrapper[b-zilo4x7yda] {
    overflow-x: auto;
}

.schedule-table[b-zilo4x7yda] {
    width: 100%;

    min-width: 920px;

    border-collapse: collapse;
}

.schedule-table th[b-zilo4x7yda],
.schedule-table td[b-zilo4x7yda] {
    padding: 18px 20px;

    text-align: left;

    border-bottom:
        1px solid #edf1f4;
}

.schedule-table th[b-zilo4x7yda] {
    background: #fafbfd;

    color: #6d7c8d;

    font-size: 0.7rem;
    font-weight: 700;

    letter-spacing: 0.06em;

    text-transform: uppercase;
}

.schedule-table td[b-zilo4x7yda] {
    color: #455669;

    font-size: 0.87rem;
}

.schedule-table tbody tr:last-child td[b-zilo4x7yda] {
    border-bottom: 0;
}


/* =========================================================
   ESTADO VAZIO
========================================================= */

.empty-state-cell[b-zilo4x7yda] {
    padding: 0 !important;
}

.empty-state[b-zilo4x7yda] {
    min-height: 150px;

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

    gap: 18px;

    padding: 38px;

    text-align: left;
}

.empty-state-icon[b-zilo4x7yda] {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

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

    border-radius: 13px;

    background: #edf4fa;
}

.empty-state-icon svg[b-zilo4x7yda] {
    width: 29px;
    height: 29px;

    fill: none;

    stroke: #0b4f91;
    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;
}

.empty-state-copy strong[b-zilo4x7yda] {
    display: block;

    color: #102b48;

    font-size: 1rem;
}

.empty-state-copy p[b-zilo4x7yda] {
    margin: 7px 0 0;

    color: #748293;

    font-size: 0.88rem;
    line-height: 1.6;
}


/* =========================================================
   BENEFÍCIOS
========================================================= */

.benefits-section[b-zilo4x7yda] {
    padding: 100px 0;
    background: #ffffff;
}

.benefits-grid[b-zilo4x7yda] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 18px;

    margin-top: 48px;
}

.benefit-card[b-zilo4x7yda] {
    min-height: 225px;

    padding: 28px;

    border-radius: 18px;

    border: 1px solid #dfe6ee;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.benefit-card:hover[b-zilo4x7yda] {
    transform: translateY(-4px);

    box-shadow:
        0 18px 42px rgba(15, 43, 74, 0.07);
}

.benefit-number[b-zilo4x7yda] {
    width: 46px;
    height: 46px;

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

    border-radius: 12px;

    background: #edf4fa;

    color: #07529a;

    font-size: 0.75rem;
    font-weight: 800;
}

.benefit-card h3[b-zilo4x7yda] {
    margin: 34px 0 0;

    color: #102b48;

    font-size: 1.08rem;

    line-height: 1.35;
}

.benefit-card p[b-zilo4x7yda] {
    margin: 14px 0 0;

    color: #748293;

    font-size: 0.88rem;

    line-height: 1.7;
}


/* =========================================================
   CTA
========================================================= */

.vessels-cta[b-zilo4x7yda] {
    padding: 0 0 40px;

    background: #ffffff;
}

.vessels-cta-box[b-zilo4x7yda] {
    padding: 52px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 40px;

    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #09203b,
            #0b325b
        );

    color: #ffffff;
}

.cta-copy[b-zilo4x7yda] {
    max-width: 700px;
}

.vessels-cta h2[b-zilo4x7yda] {
    max-width: 700px;

    margin: 0;

    font-size: clamp(2rem, 3.4vw, 2.85rem);

    line-height: 1.12;
    letter-spacing: -0.035em;

    color: #ffffff;
}

.vessels-cta p[b-zilo4x7yda] {
    margin: 14px 0 0;

    color: rgba(255, 255, 255, 0.65);
}

.cta-actions[b-zilo4x7yda] {
    min-width: 220px;

    display: flex;
    flex-direction: column;

    gap: 12px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1000px) {

    .vessels-hero .vessels-container[b-zilo4x7yda] {
        grid-template-columns: 1fr;
    }

    .intro-grid[b-zilo4x7yda] {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .filters-grid[b-zilo4x7yda] {
        grid-template-columns: repeat(2, 1fr);
    }

    .filter-action[b-zilo4x7yda] {
        grid-column: span 2;
    }

    .search-button[b-zilo4x7yda] {
        width: 100%;
    }

    .benefits-grid[b-zilo4x7yda] {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .vessels-container[b-zilo4x7yda] {
        width: min(100% - 28px, 1180px);
    }

    .vessels-hero[b-zilo4x7yda] {
        padding: 65px 0 60px;
    }

    .vessels-hero h1[b-zilo4x7yda] {
        font-size: 2.5rem;
    }

    .vessels-hero-content > p[b-zilo4x7yda] {
        font-size: 0.97rem;
    }

    .vessels-hero-actions[b-zilo4x7yda] {
        flex-direction: column;
    }

    .vessels-hero-actions a[b-zilo4x7yda] {
        width: 100%;
    }

    .hero-panel-footer[b-zilo4x7yda] {
        grid-template-columns: 1fr;
    }


    /* PLANEJAMENTO */

    .vessels-intro[b-zilo4x7yda] {
        padding: 68px 0;
    }

    .schedule-section[b-zilo4x7yda],
    .benefits-section[b-zilo4x7yda] {
        padding: 70px 0;
    }

    .intro-copy h2[b-zilo4x7yda],
    .section-heading h2[b-zilo4x7yda],
    .vessels-cta h2[b-zilo4x7yda] {
        font-size: 2rem;
    }

    .intro-card[b-zilo4x7yda] {
        padding: 25px 20px;
    }

    .intro-route[b-zilo4x7yda] {
        gap: 10px;
    }

    .intro-route-circle[b-zilo4x7yda] {
        width: 44px;
        height: 44px;
    }

    .intro-route-ship[b-zilo4x7yda] {
        width: 42px;
        height: 42px;
    }

    .intro-route-ship svg[b-zilo4x7yda] {
        width: 24px;
        height: 24px;
    }


    /* FILTROS */

    .schedule-search-card[b-zilo4x7yda] {
        padding: 18px;
    }

    .filters-grid[b-zilo4x7yda] {
        grid-template-columns: 1fr;
    }

    .filter-action[b-zilo4x7yda] {
        grid-column: auto;
    }


    /* TABELA */

    .schedule-table-header[b-zilo4x7yda] {
        flex-direction: column;
        align-items: flex-start;
    }

    .schedule-table-wrapper[b-zilo4x7yda] {
        overflow: visible;
    }

    .schedule-table[b-zilo4x7yda] {
        min-width: 0;
    }

    .schedule-table thead[b-zilo4x7yda] {
        display: none;
    }

    .schedule-table[b-zilo4x7yda],
    .schedule-table tbody[b-zilo4x7yda],
    .schedule-table tr[b-zilo4x7yda],
    .schedule-table td[b-zilo4x7yda] {
        display: block;
        width: 100%;
    }

    .schedule-table tr:not(.empty-state-row)[b-zilo4x7yda] {
        padding: 18px;

        border-bottom:
            1px solid #e8edf2;
    }

    .schedule-table tr:not(.empty-state-row) td[b-zilo4x7yda] {
        display: flex;

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

        gap: 20px;

        padding: 10px 0;

        border: 0;

        text-align: right;
    }

    .schedule-table tr:not(.empty-state-row) td[b-zilo4x7yda]::before {
        content: attr(data-label);

        flex: 0 0 auto;

        color: #7b8998;

        font-size: 0.68rem;
        font-weight: 700;

        letter-spacing: 0.05em;

        text-align: left;
        text-transform: uppercase;
    }

    .empty-state-cell[b-zilo4x7yda] {
        display: block !important;
        width: 100% !important;
    }

    .empty-state[b-zilo4x7yda] {
        min-height: 210px;

        flex-direction: column;

        padding: 32px 22px;

        text-align: center;
    }

    .empty-state-copy p[b-zilo4x7yda] {
        max-width: 300px;
    }


    /* BENEFÍCIOS */

    .benefit-card[b-zilo4x7yda] {
        min-height: auto;
        padding: 25px;
    }


    /* CTA */

    .vessels-cta-box[b-zilo4x7yda] {
        padding: 34px 24px;

        flex-direction: column;
        align-items: stretch;
    }

    .cta-actions[b-zilo4x7yda] {
        width: 100%;
    }

    .cta-actions a[b-zilo4x7yda] {
        width: 100%;
    }
}
/* _content/LogimarBrasil/Components/Pages/Servicos.razor.rz.scp.css */
.services-page[b-xvpoj6rp6e] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.services-hero[b-xvpoj6rp6e] {
    position: relative;
    padding: 82px 24px 88px;

    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(197, 32, 48, 0.12),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #071d31 0%,
            #0b2d4d 55%,
            #123b61 100%
        );

    overflow: hidden;
}

.services-hero[b-xvpoj6rp6e]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d21f36,
            #174c7e
        );
}

.services-hero-container[b-xvpoj6rp6e] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(340px, 0.92fr);

    gap: 70px;
    align-items: center;
}

.services-hero-content[b-xvpoj6rp6e] {
    max-width: 650px;
}

.services-kicker[b-xvpoj6rp6e] {
    display: inline-block;
    margin-bottom: 17px;

    color: #e44a5d;

    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-hero h1[b-xvpoj6rp6e] {
    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            2.2rem,
            3.8vw,
            3.55rem
        );

    font-weight: 750;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.services-hero h1 span[b-xvpoj6rp6e] {
    display: block;
    margin-top: 7px;

    color: #a9c5dc;
}

.services-hero-content > p[b-xvpoj6rp6e] {
    max-width: 600px;
    margin: 23px 0 0;

    color: rgba(255, 255, 255, 0.74);

    font-size: 0.98rem;
    line-height: 1.75;
}


/* =========================================================
   HERO - BOTÕES
   ========================================================= */

.services-hero-actions[b-xvpoj6rp6e] {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;
    margin-top: 30px;
}

.btn-primary[b-xvpoj6rp6e],
.btn-secondary[b-xvpoj6rp6e] {
    min-height: 48px;
    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;

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

.btn-primary[b-xvpoj6rp6e] {
    background: #ffffff;
    color: #0b2d4d;
}

.btn-primary:hover[b-xvpoj6rp6e] {
    transform: translateY(-2px);
    background: #f2f6f9;
    color: #0b2d4d;
}

.btn-secondary[b-xvpoj6rp6e] {
    border: 1px solid rgba(255, 255, 255, 0.32);
    color: #ffffff;
}

.btn-secondary:hover[b-xvpoj6rp6e] {
    transform: translateY(-2px);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}


/* =========================================================
   HERO - PAINEL
   ========================================================= */

.services-hero-panel[b-xvpoj6rp6e] {
    padding: 32px;

    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 18px;

    background: rgba(6, 26, 44, 0.55);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(10px);
}

.panel-label[b-xvpoj6rp6e] {
    color: #e44a5d;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.services-hero-panel h2[b-xvpoj6rp6e] {
    margin: 12px 0 10px;

    color: #ffffff;

    font-size: 1.55rem;
    font-weight: 700;
}

.services-hero-panel > p[b-xvpoj6rp6e] {
    margin: 0;

    color: rgba(255, 255, 255, 0.65);

    font-size: 0.86rem;
    line-height: 1.7;
}

.panel-items[b-xvpoj6rp6e] {
    margin-top: 25px;
}

.panel-item[b-xvpoj6rp6e] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.panel-item > span[b-xvpoj6rp6e] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;

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

    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 50%;

    color: #ffffff;

    font-size: 0.68rem;
    font-weight: 800;
}

.panel-item strong[b-xvpoj6rp6e],
.panel-item small[b-xvpoj6rp6e] {
    display: block;
}

.panel-item strong[b-xvpoj6rp6e] {
    color: #ffffff;
    font-size: 0.90rem;
}

.panel-item small[b-xvpoj6rp6e] {
    margin-top: 3px;

    color: rgba(255, 255, 255, 0.50);
    font-size: 0.74rem;
}

.panel-line[b-xvpoj6rp6e] {
    width: 1px;
    height: 16px;

    margin: 5px 0 5px 18px;

    background: rgba(255, 255, 255, 0.20);
}


/* =========================================================
   OPERAÇÃO INTERNACIONAL
   ========================================================= */

.services-intro-section[b-xvpoj6rp6e] {
    padding: 95px 24px;
    background: #ffffff;
}

.services-intro-container[b-xvpoj6rp6e] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(0, 0.92fr);

    gap: 68px;
    align-items: center;
}


/* =========================================================
   OPERAÇÃO INTERNACIONAL - IMAGEM
   ========================================================= */

.services-intro-image[b-xvpoj6rp6e] {
    position: relative;

    height: 465px;

    overflow: hidden;

    border-radius: 20px;
    background: #0b2d4d;

    box-shadow:
        0 25px 60px rgba(15, 42, 68, 0.15);
}

.services-intro-image[b-xvpoj6rp6e]::after {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(6, 25, 42, 0.65) 0%,
            rgba(6, 25, 42, 0.08) 45%,
            transparent 72%
        );
}

.services-intro-image img[b-xvpoj6rp6e] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.7s ease;
}

.services-intro-image:hover img[b-xvpoj6rp6e] {
    transform: scale(1.025);
}

.image-detail[b-xvpoj6rp6e] {
    position: absolute;
    z-index: 3;

    left: 30px;
    right: 30px;
    bottom: 28px;
}

.image-detail span[b-xvpoj6rp6e] {
    display: block;
    margin-bottom: 7px;

    color: #ff7181;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.image-detail strong[b-xvpoj6rp6e] {
    display: block;

    max-width: 420px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   TÍTULOS DAS SEÇÕES
   ========================================================= */

.section-kicker[b-xvpoj6rp6e] {
    display: inline-block;
    margin-bottom: 15px;

    color: #c91f35;

    font-size: 0.70rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-intro-content h2[b-xvpoj6rp6e],
.services-heading h2[b-xvpoj6rp6e] {
    margin: 0;

    color: #102b45;

    font-size:
        clamp(
            1.95rem,
            2.8vw,
            2.75rem
        );

    font-weight: 750;
    line-height: 1.13;
    letter-spacing: -0.035em;
}

.services-intro-content h2 span[b-xvpoj6rp6e],
.services-heading h2 span[b-xvpoj6rp6e] {
    color: #2c608c;
}

.services-intro-content > p[b-xvpoj6rp6e] {
    margin: 20px 0 0;

    color: #66788a;

    font-size: 0.94rem;
    line-height: 1.78;
}

.intro-points[b-xvpoj6rp6e] {
    margin-top: 25px;

    display: grid;
    gap: 12px;
}

.intro-point[b-xvpoj6rp6e] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.intro-point span[b-xvpoj6rp6e] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;

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

    border-radius: 50%;

    background: #eef5fa;
    color: #174c7e;

    font-size: 0.73rem;
    font-weight: 900;
}

.intro-point p[b-xvpoj6rp6e] {
    margin: 0;

    color: #334c61;

    font-size: 0.89rem;
    font-weight: 600;
}


/* =========================================================
   SERVIÇOS
   ========================================================= */

.services-main-section[b-xvpoj6rp6e] {
    padding: 95px 24px;
    background: #f5f8fb;
}

.services-main-container[b-xvpoj6rp6e] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.services-heading[b-xvpoj6rp6e] {
    max-width: 690px;
    margin-bottom: 44px;
}

.services-heading > p[b-xvpoj6rp6e] {
    max-width: 580px;
    margin: 18px 0 0;

    color: #708293;

    font-size: 0.94rem;
    line-height: 1.75;
}

.services-grid[b-xvpoj6rp6e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}


/* =========================================================
   CARDS DE SERVIÇOS
   ========================================================= */

.service-card[b-xvpoj6rp6e] {
    position: relative;

    min-height: 285px;
    padding: 29px 27px;

    border: 1px solid #dfe7ee;
    border-radius: 15px;

    background: #ffffff;

    overflow: hidden;

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease,
        background 0.28s ease;
}


/* =========================================================
   CARD - EFEITO HOVER
   ========================================================= */

.service-card:hover[b-xvpoj6rp6e] {
    transform: translateY(-6px);

    background:
        linear-gradient(
            145deg,
            #0a2945,
            #113d63
        );

    border-color: transparent;

    box-shadow:
        0 22px 48px rgba(11, 45, 77, 0.20);
}


/* =========================================================
   CARD - NÚMERO
   ========================================================= */

.service-number[b-xvpoj6rp6e] {
    position: absolute;

    top: 24px;
    right: 24px;

    color: #b5c1cb;

    font-size: 0.70rem;
    font-weight: 800;

    transition: color 0.28s ease;
}

.service-card:hover .service-number[b-xvpoj6rp6e] {
    color: rgba(255, 255, 255, 0.42);
}


/* =========================================================
   CARD - ÍCONE
   ========================================================= */

.service-icon[b-xvpoj6rp6e] {
    width: 43px;
    height: 43px;

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

    margin-bottom: 21px;

    border-radius: 10px;

    background: #edf4f9;
    color: #174c7e;

    transition:
        background 0.28s ease,
        color 0.28s ease,
        transform 0.28s ease;
}

.service-icon svg[b-xvpoj6rp6e] {
    width: 22px;
    height: 22px;

    stroke-width: 1.65;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.service-card:hover .service-icon[b-xvpoj6rp6e] {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;

    transform: translateY(-2px);
}


/* =========================================================
   CARD - TÍTULO
   ========================================================= */

.service-card h3[b-xvpoj6rp6e] {
    margin: 0;

    color: #17334d;

    font-size: 1.04rem;
    font-weight: 700;

    transition: color 0.28s ease;
}

.service-card:hover h3[b-xvpoj6rp6e] {
    color: #ffffff;
}


/* =========================================================
   CARD - TEXTO
   ========================================================= */

.service-card p[b-xvpoj6rp6e] {
    margin: 12px 0 0;

    color: #708091;

    font-size: 0.87rem;
    line-height: 1.70;

    transition: color 0.28s ease;
}

.service-card:hover p[b-xvpoj6rp6e] {
    color: rgba(255, 255, 255, 0.72);
}


/* =========================================================
   CARD - TAGS
   ========================================================= */

.service-tags[b-xvpoj6rp6e] {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;
    margin-top: 18px;
}

.service-tags span[b-xvpoj6rp6e] {
    padding: 5px 9px;

    border: 1px solid #dbe5ec;
    border-radius: 20px;

    background: #f5f8fa;

    color: #536b7e;

    font-size: 0.61rem;
    font-weight: 700;

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

.service-card:hover .service-tags span[b-xvpoj6rp6e] {
    border-color: rgba(255, 255, 255, 0.20);

    background: rgba(255, 255, 255, 0.06);

    color: rgba(255, 255, 255, 0.82);
}


/* =========================================================
   COMO TRABALHAMOS
   ========================================================= */

.services-process-section[b-xvpoj6rp6e] {
    padding: 80px 24px;

    background:
        linear-gradient(
            135deg,
            #071f36 0%,
            #0b2d4d 55%,
            #103b60 100%
        );
}

.services-process-container[b-xvpoj6rp6e] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.10fr)
        minmax(0, 0.90fr);

    gap: 65px;
    align-items: center;
}

.process-content[b-xvpoj6rp6e] {
    min-width: 0;
}

.process-intro[b-xvpoj6rp6e] {
    max-width: 540px;
}

.process-kicker[b-xvpoj6rp6e] {
    color: #ef4c60;

    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.process-intro h2[b-xvpoj6rp6e] {
    margin: 13px 0 0;

    color: #ffffff;

    font-size:
        clamp(
            2rem,
            2.8vw,
            2.7rem
        );

    font-weight: 750;
    line-height: 1.10;
    letter-spacing: -0.04em;
}

.process-intro h2 span[b-xvpoj6rp6e] {
    display: block;
    color: #a9c5dc;
}

.process-intro p[b-xvpoj6rp6e] {
    max-width: 500px;
    margin: 18px 0 0;

    color: rgba(255, 255, 255, 0.62);

    font-size: 0.90rem;
    line-height: 1.72;
}

.process-list[b-xvpoj6rp6e] {
    margin-top: 30px;

    border-top:
        1px solid rgba(255, 255, 255, 0.13);
}

.process-item[b-xvpoj6rp6e] {
    display: grid;

    grid-template-columns:
        50px minmax(0, 1fr);

    gap: 17px;

    padding: 18px 0;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.13);

    transition: padding-left 0.20s ease;
}

.process-item:hover[b-xvpoj6rp6e] {
    padding-left: 6px;
}

.process-item > span[b-xvpoj6rp6e] {
    padding-top: 2px;

    color: #ef4c60;

    font-size: 0.70rem;
    font-weight: 800;
}

.process-item h3[b-xvpoj6rp6e] {
    margin: 0;

    color: #ffffff;

    font-size: 0.92rem;
    font-weight: 700;
}

.process-item p[b-xvpoj6rp6e] {
    margin: 5px 0 0;

    color: rgba(255, 255, 255, 0.52);

    font-size: 0.80rem;
    line-height: 1.60;
}


/* =========================================================
   COMO TRABALHAMOS - IMAGEM
   ========================================================= */

.process-visual[b-xvpoj6rp6e] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;
    background: #071f36;

    box-shadow:
        0 28px 65px rgba(0, 0, 0, 0.28);
}

.process-visual img[b-xvpoj6rp6e] {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.process-visual:hover img[b-xvpoj6rp6e] {
    transform: scale(1.025);
}

.process-image-overlay[b-xvpoj6rp6e] {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 19, 33, 0.82) 0%,
            rgba(4, 19, 33, 0.20) 48%,
            rgba(4, 19, 33, 0.05) 75%
        );
}

.process-image-caption[b-xvpoj6rp6e] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.process-image-caption span[b-xvpoj6rp6e] {
    display: block;
    margin-bottom: 7px;

    color: #ff6475;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.process-image-caption strong[b-xvpoj6rp6e] {
    display: block;

    max-width: 380px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   CTA
   ========================================================= */

.services-cta[b-xvpoj6rp6e] {
    padding: 68px 24px;
    background: #ffffff;
}

.services-cta-container[b-xvpoj6rp6e] {
    width: min(1180px, 100%);
    margin: 0 auto;

    padding: 48px 54px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 50px;

    border: 1px solid #dfe8ee;
    border-radius: 18px;

    background:
        linear-gradient(
            135deg,
            #edf4f8,
            #f8fafc
        );
}

.services-cta-container > div:first-child[b-xvpoj6rp6e] {
    max-width: 650px;
}

.services-cta-container > div:first-child > span[b-xvpoj6rp6e] {
    color: #c91f35;

    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.services-cta h2[b-xvpoj6rp6e] {
    margin: 11px 0 0;

    color: #102d47;

    font-size:
        clamp(
            1.75rem,
            2.8vw,
            2.45rem
        );

    line-height: 1.12;
    letter-spacing: -0.035em;
}

.services-cta p[b-xvpoj6rp6e] {
    margin: 13px 0 0;

    color: #6d7f90;

    font-size: 0.90rem;
    line-height: 1.7;
}

.services-cta-actions[b-xvpoj6rp6e] {
    flex: 0 0 auto;

    min-width: 250px;

    padding: 10px;

    display: flex;
    flex-direction: column;

    gap: 9px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}


/* =========================================================
   CTA - BOTÃO PRINCIPAL
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.services-cta-primary[b-xvpoj6rp6e],
.services-cta-primary:link[b-xvpoj6rp6e],
.services-cta-primary:visited[b-xvpoj6rp6e] {
    min-height: 50px;

    padding: 0 22px;

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

    border: 0 !important;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

.services-cta-primary:hover[b-xvpoj6rp6e],
.services-cta-primary:focus-visible[b-xvpoj6rp6e] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}


/* =========================================================
   CTA - BOTÃO SECUNDÁRIO
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.services-cta-secondary[b-xvpoj6rp6e],
.services-cta-secondary:link[b-xvpoj6rp6e],
.services-cta-secondary:visited[b-xvpoj6rp6e] {
    min-height: 48px;

    padding: 0 22px;

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

    border: 1px solid #cfd9e3 !important;
    border-radius: 8px;

    background: #ffffff !important;
    color: #0b2d4d !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.services-cta-secondary:hover[b-xvpoj6rp6e],
.services-cta-secondary:focus-visible[b-xvpoj6rp6e] {
    border-color: #0b2d4d !important;

    color: #0b2d4d !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(11, 45, 77, 0.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .services-hero-container[b-xvpoj6rp6e],
    .services-intro-container[b-xvpoj6rp6e],
    .services-process-container[b-xvpoj6rp6e] {
        grid-template-columns: 1fr;
    }

    .services-hero-container[b-xvpoj6rp6e],
    .services-intro-container[b-xvpoj6rp6e],
    .services-process-container[b-xvpoj6rp6e] {
        gap: 42px;
    }

    .services-grid[b-xvpoj6rp6e] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .process-content[b-xvpoj6rp6e] {
        order: 1;
    }

    .process-visual[b-xvpoj6rp6e] {
        order: 2;
        height: 430px;
    }

    .services-cta-container[b-xvpoj6rp6e] {
        align-items: flex-start;
        flex-direction: column;
    }

    .services-cta-actions[b-xvpoj6rp6e] {
        width: 100%;
        flex-direction: row;
    }

    .services-cta-primary[b-xvpoj6rp6e],
    .services-cta-secondary[b-xvpoj6rp6e] {
        flex: 1;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .services-hero[b-xvpoj6rp6e] {
        padding: 62px 20px 66px;
    }

    .services-hero h1[b-xvpoj6rp6e] {
        font-size: 2rem;
    }

    .services-hero-actions[b-xvpoj6rp6e] {
        flex-direction: column;
    }

    .btn-primary[b-xvpoj6rp6e],
    .btn-secondary[b-xvpoj6rp6e] {
        width: 100%;
    }

    .services-intro-section[b-xvpoj6rp6e],
    .services-main-section[b-xvpoj6rp6e] {
        padding: 65px 18px;
    }

    .services-intro-image[b-xvpoj6rp6e] {
        height: 330px;
        border-radius: 14px;
    }

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

    .service-card[b-xvpoj6rp6e] {
        min-height: auto;
    }

    .services-process-section[b-xvpoj6rp6e] {
        padding: 62px 18px;
    }

    .process-visual[b-xvpoj6rp6e] {
        height: 340px;
        border-radius: 14px;
    }

    .services-cta[b-xvpoj6rp6e] {
        padding: 48px 18px;
    }

    .services-cta-container[b-xvpoj6rp6e] {
        padding: 34px 25px;
    }

    .services-cta-actions[b-xvpoj6rp6e] {
        flex-direction: column;
    }

    .services-cta-primary[b-xvpoj6rp6e],
    .services-cta-secondary[b-xvpoj6rp6e] {
        width: 100%;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .services-hero h1[b-xvpoj6rp6e] {
        font-size: 1.85rem;
    }

    .services-intro-image[b-xvpoj6rp6e] {
        height: 285px;
    }

    .services-intro-content h2[b-xvpoj6rp6e],
    .services-heading h2[b-xvpoj6rp6e],
    .process-intro h2[b-xvpoj6rp6e] {
        font-size: 1.78rem;
    }

    .process-visual[b-xvpoj6rp6e] {
        height: 290px;
    }
}


/* =========================================================
   ACESSIBILIDADE - REDUZIR ANIMAÇÕES
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .service-card[b-xvpoj6rp6e],
    .service-icon[b-xvpoj6rp6e],
    .service-card h3[b-xvpoj6rp6e],
    .service-card p[b-xvpoj6rp6e],
    .service-number[b-xvpoj6rp6e],
    .service-tags span[b-xvpoj6rp6e],
    .services-intro-image img[b-xvpoj6rp6e],
    .process-visual img[b-xvpoj6rp6e],
    .services-cta-primary[b-xvpoj6rp6e],
    .services-cta-secondary[b-xvpoj6rp6e] {
        transition: none;
    }
}
/* _content/LogimarBrasil/Components/Pages/Sobre.razor.rz.scp.css */
.about-page[b-dausgb198j] {
    width: 100%;
    overflow-x: hidden;
    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.about-hero[b-dausgb198j] {
    position: relative;

    padding: 82px 24px 86px;

    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(14, 58, 95, 0.08),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f7f9fb 100%
        );
}

.about-hero[b-dausgb198j]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;

    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d51f36 0%,
            #d51f36 34%,
            #174c7e 34%,
            #174c7e 100%
        );
}

.about-hero-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(340px, 0.85fr);

    gap: 80px;

    align-items: center;
}

.about-hero-content[b-dausgb198j] {
    max-width: 670px;
}

.about-kicker[b-dausgb198j],
.about-page .section-kicker[b-dausgb198j] {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    color: #cf2037;

    font-size: 0.70rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.about-kicker[b-dausgb198j]::before,
.about-page .section-kicker[b-dausgb198j]::before {
    content: "";

    width: 21px;
    height: 2px;

    background: #d82037;
}

.about-hero h1[b-dausgb198j] {
    margin: 18px 0 0;

    color: #102d4c;

    font-size:
        clamp(
            2.4rem,
            4vw,
            3.85rem
        );

    font-weight: 750;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.about-hero h1 span[b-dausgb198j] {
    display: block;
    margin-top: 5px;

    color: #d42438;
}

.about-hero-content > p[b-dausgb198j] {
    max-width: 640px;
    margin: 24px 0 0;

    color: #687b8e;

    font-size: 0.98rem;
    line-height: 1.78;
}


/* =========================================================
   BOTÕES HERO
   ========================================================= */

.about-hero-actions[b-dausgb198j] {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 31px;
}

.about-btn-primary[b-dausgb198j],
.about-btn-secondary[b-dausgb198j] {
    min-height: 48px;

    padding: 0 22px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    font-size: 0.86rem;
    font-weight: 700;
    text-decoration: none;

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

.about-btn-primary[b-dausgb198j] {
    background: #0b3459;
    color: #ffffff;
}

.about-btn-primary:hover[b-dausgb198j] {
    transform: translateY(-2px);
    background: #123f69;
    color: #ffffff;
}

.about-btn-secondary[b-dausgb198j] {
    border: 1px solid #cad6df;
    background: #ffffff;
    color: #173c60;
}

.about-btn-secondary:hover[b-dausgb198j] {
    transform: translateY(-2px);
    background: #f8fafc;
    color: #173c60;
}


/* =========================================================
   ESSÊNCIA
   ========================================================= */

.about-essence-card[b-dausgb198j] {
    padding: 34px 34px 31px;

    border: 1px solid #e1e8ee;
    border-radius: 16px;

    background: rgba(255, 255, 255, 0.92);

    box-shadow:
        0 20px 55px rgba(21, 53, 79, 0.10);
}

.essence-kicker[b-dausgb198j] {
    color: #cf2037;

    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
}

.essence-kicker[b-dausgb198j]::before {
    content: "●";
    margin-right: 7px;
    font-size: 0.45rem;
}

.about-essence-card h2[b-dausgb198j] {
    margin: 17px 0 0;

    color: #123351;

    font-size: 1.60rem;
    font-weight: 730;
    line-height: 1.18;
}

.about-essence-card h2 span[b-dausgb198j] {
    display: block;
}

.about-essence-card > p[b-dausgb198j] {
    margin: 18px 0 0;

    color: #718292;

    font-size: 0.87rem;
    line-height: 1.72;
}


/* ROTA HERO */

.essence-route[b-dausgb198j] {
    display: grid;

    grid-template-columns:
        auto minmax(70px, 1fr) auto;

    gap: 14px;
    align-items: center;

    margin-top: 27px;
}

.essence-country[b-dausgb198j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.essence-country > span[b-dausgb198j] {
    width: 42px;
    height: 42px;

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

    border-radius: 50%;

    color: #ffffff;

    font-size: 0.69rem;
    font-weight: 800;
}

.essence-country.china > span[b-dausgb198j] {
    background: #df273a;
}

.essence-country.brasil > span[b-dausgb198j] {
    background: #143d65;
}

.essence-country small[b-dausgb198j] {
    color: #344b60;
    font-size: 0.67rem;
}

.essence-line[b-dausgb198j] {
    position: relative;

    height: 2px;

    background:
        linear-gradient(
            to right,
            #df273a,
            #345f87
        );
}

.essence-line span[b-dausgb198j] {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 9px;
    height: 9px;

    border: 2px solid #345f87;
    border-radius: 50%;

    background: #ffffff;

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


/* =========================================================
   QUEM SOMOS
   ========================================================= */

.about-story-section[b-dausgb198j] {
    padding: 95px 24px;

    background: #ffffff;
}

.about-story-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 72px;
    align-items: center;
}

.about-story-image[b-dausgb198j] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;
    background: #0b2d4d;

    box-shadow:
        0 26px 65px rgba(18, 48, 75, 0.16);
}

.about-story-image img[b-dausgb198j] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.about-story-image:hover img[b-dausgb198j] {
    transform: scale(1.025);
}

.story-image-overlay[b-dausgb198j] {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5, 24, 41, 0.78) 0%,
            rgba(5, 24, 41, 0.10) 48%,
            transparent 75%
        );
}

.story-image-caption[b-dausgb198j] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.story-image-caption span[b-dausgb198j] {
    display: block;
    margin-bottom: 7px;

    color: #ff6676;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.17em;
}

.story-image-caption strong[b-dausgb198j] {
    display: block;

    max-width: 400px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   TÍTULOS INTERNOS
   ========================================================= */

.about-story-content h2[b-dausgb198j],
.about-work-heading h2[b-dausgb198j],
.about-route-content h2[b-dausgb198j],
.about-values-heading h2[b-dausgb198j] {
    margin: 15px 0 0;

    color: #133758;

    font-size:
        clamp(
            2rem,
            3vw,
            2.85rem
        );

    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -0.035em;
}

.about-story-content h2 span[b-dausgb198j],
.about-work-heading h2 span[b-dausgb198j],
.about-route-content h2 span[b-dausgb198j],
.about-values-heading h2 span[b-dausgb198j] {
    color: #315f88;
}

.about-story-content > p[b-dausgb198j] {
    margin: 19px 0 0;

    color: #687b8d;

    font-size: 0.93rem;
    line-height: 1.80;
}


/* =========================================================
   COMO TRABALHAMOS
   ========================================================= */

.about-work-section[b-dausgb198j] {
    padding: 90px 24px;
    background: #f4f7fa;
}

.about-work-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.about-work-heading[b-dausgb198j] {
    max-width: 720px;
}

.about-work-heading > p[b-dausgb198j] {
    max-width: 590px;
    margin: 18px 0 0;

    color: #718293;

    font-size: 0.93rem;
    line-height: 1.75;
}

.about-work-grid[b-dausgb198j] {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    margin-top: 43px;

    border: 1px solid #dce5eb;

    background: #ffffff;
}

.about-work-card[b-dausgb198j] {
    min-height: 245px;

    padding: 27px 25px;

    border-right: 1px solid #dce5eb;

    transition: background 0.2s ease;
}

.about-work-card:last-child[b-dausgb198j] {
    border-right: none;
}

.about-work-card:hover[b-dausgb198j] {
    background: #f9fbfc;
}

.work-number[b-dausgb198j] {
    display: block;
    margin-bottom: 30px;

    color: #df2439;

    font-size: 0.70rem;
    font-weight: 800;
}

.about-work-card h3[b-dausgb198j] {
    margin: 0;

    color: #183a59;

    font-size: 1rem;
    font-weight: 700;
}

.about-work-card p[b-dausgb198j] {
    margin: 13px 0 0;

    color: #738494;

    font-size: 0.84rem;
    line-height: 1.70;
}


/* =========================================================
   CHINA → BRASIL
   ========================================================= */

.about-route-section[b-dausgb198j] {
    padding: 95px 24px;
    background: #ffffff;
}

.about-route-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 72px;
    align-items: center;
}

.about-route-content > p[b-dausgb198j] {
    margin: 18px 0 0;

    color: #718292;

    font-size: 0.91rem;
    line-height: 1.78;
}


/* MINI ROTA */

.route-highlights[b-dausgb198j] {
    display: flex;
    align-items: center;

    gap: 15px;
    margin-top: 25px;
}

.route-highlights > div:not(.route-arrow)[b-dausgb198j] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.route-highlights > div:not(.route-arrow) > span[b-dausgb198j] {
    width: 38px;
    height: 38px;

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

    border-radius: 50%;

    background: #eef4f8;
    color: #173f65;

    font-size: 0.65rem;
    font-weight: 800;
}

.route-highlights > div:first-child > span[b-dausgb198j] {
    background: #e52c40;
    color: #ffffff;
}

.route-highlights p[b-dausgb198j] {
    margin: 0;
}

.route-highlights small[b-dausgb198j],
.route-highlights strong[b-dausgb198j] {
    display: block;
}

.route-highlights small[b-dausgb198j] {
    color: #8594a1;
    font-size: 0.62rem;
}

.route-highlights strong[b-dausgb198j] {
    margin-top: 2px;

    color: #173b5c;
    font-size: 0.77rem;
}

.route-arrow[b-dausgb198j] {
    color: #8295a5;
    font-size: 1.1rem;
}

.about-route-link[b-dausgb198j] {
    display: inline-flex;
    align-items: center;

    gap: 9px;
    margin-top: 24px;

    color: #163f67;

    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}


/* FOTO DIREITA */

.about-route-image[b-dausgb198j] {
    position: relative;

    height: 430px;

    overflow: hidden;

    border-radius: 18px;
    background: #0b2d4d;

    box-shadow:
        0 26px 65px rgba(18, 48, 75, 0.17);
}

.about-route-image img[b-dausgb198j] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
}

.about-route-image:hover img[b-dausgb198j] {
    transform: scale(1.025);
}

.route-image-overlay[b-dausgb198j] {
    position: absolute;
    inset: 0;
    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 22, 38, 0.80) 0%,
            rgba(4, 22, 38, 0.15) 42%,
            transparent 68%
        );
}

.route-image-caption[b-dausgb198j] {
    position: absolute;
    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.route-image-caption > span[b-dausgb198j] {
    display: block;
    margin-bottom: 7px;

    color: #ff6475;

    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.18em;
}

.route-image-caption strong[b-dausgb198j] {
    display: block;

    max-width: 410px;

    color: #ffffff;

    font-size: 1.10rem;
    font-weight: 700;
    line-height: 1.4;
}


/* =========================================================
   VALORES
   ========================================================= */

.about-values-section[b-dausgb198j] {
    padding: 90px 24px;
    background: #f4f7fa;
}

.about-values-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.about-values-heading[b-dausgb198j] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 0.85fr);

    gap: 70px;

    align-items: end;

    margin-bottom: 40px;
}

.about-values-heading > p[b-dausgb198j] {
    margin: 0;

    color: #718293;

    font-size: 0.90rem;
    line-height: 1.75;
}

.about-values-grid[b-dausgb198j] {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    border-top: 1px solid #d7e0e7;
}

.value-item[b-dausgb198j] {
    display: grid;

    grid-template-columns:
        48px 1fr;

    gap: 18px;

    padding: 26px 0;

    border-bottom: 1px solid #d7e0e7;
}

.value-item:nth-child(odd)[b-dausgb198j] {
    padding-right: 35px;
    border-right: 1px solid #d7e0e7;
}

.value-item:nth-child(even)[b-dausgb198j] {
    padding-left: 35px;
}

.value-item > span[b-dausgb198j] {
    color: #d72239;

    font-size: 0.68rem;
    font-weight: 800;
}

.value-item h3[b-dausgb198j] {
    margin: 0;

    color: #183a59;

    font-size: 0.96rem;
}

.value-item p[b-dausgb198j] {
    margin: 8px 0 0;

    color: #728393;

    font-size: 0.82rem;
    line-height: 1.65;
}


/* =========================================================
   CTA - MESMO PADRÃO DA PÁGINA CHINA → BRASIL
   ========================================================= */

.about-cta[b-dausgb198j] {
    position: relative;

    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}

.about-cta[b-dausgb198j]::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 4px;
    height: 100%;

    background:
        linear-gradient(
            180deg,
            #ef2b2d,
            #38bdf8
        );
}

.about-cta-container[b-dausgb198j] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 42px;
}

.about-cta-content[b-dausgb198j] {
    max-width: 760px;
}

.about-cta-content > span[b-dausgb198j] {
    display: inline-block;
    margin-bottom: 14px;

    color: #ef2b2d;

    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.075em;
}

.about-cta h2[b-dausgb198j] {
    max-width: 760px;
    margin: 0;

    color: #0b2d4d;

    font-family: "Inter", "Segoe UI", Arial, sans-serif;
    font-size: clamp(2.35rem, 3.8vw, 3.7rem);
    font-weight: 700;
    line-height: 1.04;
    letter-spacing: -0.025em;
}

.about-cta p[b-dausgb198j] {
    max-width: 700px;
    margin: 16px 0 0;

    color: #526579;

    font-size: 0.98rem;
    line-height: 1.70;
}

.about-cta-actions[b-dausgb198j] {
    min-width: 250px;

    display: flex;
    flex-direction: column;
    gap: 10px;

    padding: 10px;

    border: 1px solid #dfe7ef;
    border-radius: 11px;

    background: rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px rgba(15, 23, 42, 0.07);
}

.about-cta-primary[b-dausgb198j],
.about-cta-secondary[b-dausgb198j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    padding: 0 20px;

    border-radius: 7px;

    text-decoration: none;
    text-transform: uppercase;

    font-size: 0.70rem;
    font-weight: 700;
    letter-spacing: 0.035em;

    transition:
        transform 220ms ease,
        box-shadow 220ms ease,
        background-color 220ms ease,
        border-color 220ms ease;
}

.about-page .about-cta-primary[b-dausgb198j],
.about-page .about-cta-primary:link[b-dausgb198j],
.about-page .about-cta-primary:visited[b-dausgb198j] {
    min-height: 50px;

    border: 0 !important;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 9px 22px rgba(11, 45, 77, 0.16);
}

.about-page .about-cta-primary[b-dausgb198j],
.about-page .about-cta-primary *[b-dausgb198j],
.about-page .about-cta-primary span[b-dausgb198j] {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.about-page .about-cta-primary:hover[b-dausgb198j],
.about-page .about-cta-primary:focus-visible[b-dausgb198j] {
    transform: translateY(-3px);

    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 15px 28px rgba(239, 43, 45, 0.20);
}

.about-page .about-cta-secondary[b-dausgb198j],
.about-page .about-cta-secondary:link[b-dausgb198j],
.about-page .about-cta-secondary:visited[b-dausgb198j] {
    min-height: 48px;

    border: 1px solid #cfd9e3 !important;

    background: #ffffff !important;
    color: #0b2d4d !important;
}

.about-page .about-cta-secondary:hover[b-dausgb198j],
.about-page .about-cta-secondary:focus-visible[b-dausgb198j] {
    transform: translateY(-2px);

    border-color: #0b2d4d !important;
    color: #0b2d4d !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .about-hero-container[b-dausgb198j],
    .about-story-container[b-dausgb198j],
    .about-route-container[b-dausgb198j] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .about-work-grid[b-dausgb198j] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .about-route-content[b-dausgb198j] {
        order: 1;
    }

    .about-route-image[b-dausgb198j] {
        order: 2;
        height: 440px;
    }

    .about-values-heading[b-dausgb198j] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .about-cta-container[b-dausgb198j] {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .about-cta-actions[b-dausgb198j] {
        width: 100%;
        min-width: 0;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .about-hero[b-dausgb198j] {
        padding: 62px 18px 65px;
    }

    .about-hero h1[b-dausgb198j] {
        font-size: 2.10rem;
    }

    .about-hero-actions[b-dausgb198j] {
        flex-direction: column;
    }

    .about-btn-primary[b-dausgb198j],
    .about-btn-secondary[b-dausgb198j] {
        width: 100%;
    }

    .about-story-section[b-dausgb198j],
    .about-work-section[b-dausgb198j],
    .about-route-section[b-dausgb198j],
    .about-values-section[b-dausgb198j] {
        padding: 65px 18px;
    }

    .about-story-image[b-dausgb198j],
    .about-route-image[b-dausgb198j] {
        height: 330px;
        border-radius: 14px;
    }

    .about-work-grid[b-dausgb198j],
    .about-values-grid[b-dausgb198j] {
        grid-template-columns: 1fr;
    }

    .about-work-card[b-dausgb198j] {
        min-height: auto;
        border-right: none;
        border-bottom: 1px solid #dce5eb;
    }

    .value-item:nth-child(odd)[b-dausgb198j],
    .value-item:nth-child(even)[b-dausgb198j] {
        padding: 23px 0;
        border-right: none;
    }

    .about-cta[b-dausgb198j] {
        padding: 52px 20px 56px;
    }

    .about-cta-actions[b-dausgb198j] {
        flex-direction: column;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .about-hero h1[b-dausgb198j] {
        font-size: 1.88rem;
    }

    .about-story-image[b-dausgb198j],
    .about-route-image[b-dausgb198j] {
        height: 285px;
    }

    .about-story-content h2[b-dausgb198j],
    .about-work-heading h2[b-dausgb198j],
    .about-route-content h2[b-dausgb198j],
    .about-values-heading h2[b-dausgb198j] {
        font-size: 1.72rem;
    }
}
/* _content/LogimarBrasil/Components/Pages/Tracking.razor.rz.scp.css */
/* =========================================================
   LOGIMAR BRASIL
   PÁGINA TRACKING
   ========================================================= */

.tracking-page[b-rptodjvh1p] {
    width: 100%;
    overflow-x: hidden;

    background: #ffffff;
    color: #12263a;
}


/* =========================================================
   HERO
   ========================================================= */

.tracking-hero[b-rptodjvh1p] {
    position: relative;

    padding: 82px 24px 88px;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(208, 32, 52, 0.11),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #071d31 0%,
            #0b2d4d 55%,
            #123b61 100%
        );
}

.tracking-hero[b-rptodjvh1p]::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 5px;

    background:
        linear-gradient(
            to bottom,
            #d21f36,
            #174c7e
        );
}

.tracking-hero-container[b-rptodjvh1p] {
    position: relative;
    z-index: 2;

    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(350px, 0.95fr);

    gap: 75px;

    align-items: center;
}

.tracking-hero-content[b-rptodjvh1p] {
    max-width: 650px;
}

.tracking-kicker[b-rptodjvh1p] {
    display: inline-block;

    margin-bottom: 17px;

    color: #ef4b60;

    font-size: 0.72rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-hero h1[b-rptodjvh1p] {
    margin: 0;

    color: #ffffff;

    font-size:
        clamp(
            2.2rem,
            3.8vw,
            3.55rem
        );

    font-weight: 750;

    line-height: 1.08;
    letter-spacing: -0.04em;
}

.tracking-hero h1 span[b-rptodjvh1p] {
    display: block;

    margin-top: 7px;

    color: #aac6dc;
}

.tracking-hero-content > p[b-rptodjvh1p] {
    max-width: 590px;

    margin: 23px 0 0;

    color: rgba(255, 255, 255, 0.70);

    font-size: 0.97rem;
    line-height: 1.75;
}


/* =========================================================
   CONSULTA DE TRACKING
   ========================================================= */

.tracking-search-card[b-rptodjvh1p] {
    padding: 32px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 18px;

    background: rgba(5, 24, 42, 0.62);

    box-shadow:
        0 24px 60px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(10px);
}

.search-label[b-rptodjvh1p] {
    color: #ef4b60;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.16em;
}

.tracking-search-card h2[b-rptodjvh1p] {
    margin: 12px 0 0;

    color: #ffffff;

    font-size: 1.55rem;
    font-weight: 700;
}

.tracking-search-card > p[b-rptodjvh1p] {
    margin: 10px 0 0;

    color: rgba(255, 255, 255, 0.60);

    font-size: 0.87rem;
    line-height: 1.65;
}

.tracking-search[b-rptodjvh1p] {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    gap: 9px;

    margin-top: 24px;
}

.tracking-search input[b-rptodjvh1p] {
    width: 100%;
    min-width: 0;

    height: 48px;

    padding: 0 15px;

    border:
        1px solid
        rgba(255, 255, 255, 0.18);

    border-radius: 8px;

    outline: none;

    background:
        rgba(255, 255, 255, 0.08);

    color: #ffffff;

    font: inherit;
}

.tracking-search input[b-rptodjvh1p]::placeholder {
    color:
        rgba(255, 255, 255, 0.42);
}

.tracking-search input:focus[b-rptodjvh1p] {
    border-color:
        rgba(255, 255, 255, 0.55);

    background:
        rgba(255, 255, 255, 0.11);
}

.tracking-search button[b-rptodjvh1p] {
    min-height: 48px;

    padding: 0 20px;

    border: 0;
    border-radius: 8px;

    background: #ffffff;
    color: #0b2d4d;

    font: inherit;

    font-size: 0.82rem;
    font-weight: 750;

    cursor: pointer;

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

.tracking-search button:hover[b-rptodjvh1p] {
    transform: translateY(-2px);

    background: #f1f5f8;
}

.tracking-search-card > small[b-rptodjvh1p] {
    display: block;

    margin-top: 11px;

    color:
        rgba(255, 255, 255, 0.38);

    font-size: 0.68rem;
}


/* =========================================================
   TÍTULOS GERAIS
   ========================================================= */

.section-kicker[b-rptodjvh1p] {
    display: inline-block;

    margin-bottom: 14px;

    color: #cf2037;

    font-size: 0.70rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-section-content h2[b-rptodjvh1p],
.tracking-flow-heading h2[b-rptodjvh1p] {
    margin: 0;

    color: #102f4d;

    font-size:
        clamp(
            2rem,
            3vw,
            2.8rem
        );

    font-weight: 750;

    line-height: 1.12;
    letter-spacing: -0.035em;
}

.tracking-section-content h2 span[b-rptodjvh1p],
.tracking-flow-heading h2 span[b-rptodjvh1p] {
    color: #315f88;
}


/* =========================================================
   ORIGEM
   ========================================================= */

.tracking-origin-section[b-rptodjvh1p] {
    padding: 95px 24px;

    background: #ffffff;
}

.tracking-origin-container[b-rptodjvh1p] {
    width: min(1180px, 100%);
    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, 0.95fr);

    gap: 72px;

    align-items: center;
}


/* =========================================================
   IMAGENS
   ========================================================= */

.tracking-image[b-rptodjvh1p] {
    position: relative;

    height: 455px;

    overflow: hidden;

    border-radius: 18px;

    background: #0b2d4d;

    box-shadow:
        0 26px 65px
        rgba(18, 48, 75, 0.16);
}

.tracking-image img[b-rptodjvh1p] {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition:
        transform 0.8s ease;
}

.tracking-image:hover img[b-rptodjvh1p] {
    transform: scale(1.025);
}

.tracking-image-overlay[b-rptodjvh1p] {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            to top,
            rgba(4, 22, 38, 0.82) 0%,
            rgba(4, 22, 38, 0.10) 45%,
            transparent 72%
        );
}

.tracking-image-caption[b-rptodjvh1p] {
    position: absolute;

    z-index: 2;

    left: 28px;
    right: 28px;
    bottom: 26px;
}

.tracking-image-caption span[b-rptodjvh1p] {
    display: block;

    margin-bottom: 7px;

    color: #ff6676;

    font-size: 0.65rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-image-caption strong[b-rptodjvh1p] {
    display: block;

    max-width: 420px;

    color: #ffffff;

    font-size: 1.08rem;
    font-weight: 700;

    line-height: 1.4;
}


/* =========================================================
   CONTEÚDO DOS BLOCOS
   ========================================================= */

.tracking-section-content > p[b-rptodjvh1p] {
    margin: 19px 0 0;

    color: #687b8d;

    font-size: 0.93rem;

    line-height: 1.78;
}

.tracking-points[b-rptodjvh1p] {
    display: grid;

    gap: 17px;

    margin-top: 28px;
}

.tracking-point[b-rptodjvh1p] {
    display: grid;

    grid-template-columns:
        42px
        minmax(0, 1fr);

    gap: 14px;

    align-items: start;
}

.tracking-point > span[b-rptodjvh1p] {
    width: 36px;
    height: 36px;

    display: flex;

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

    border-radius: 50%;

    background: #edf4f9;
    color: #174c7e;

    font-size: 0.64rem;
    font-weight: 800;
}

.tracking-point strong[b-rptodjvh1p] {
    color: #173a59;

    font-size: 0.90rem;
}

.tracking-point p[b-rptodjvh1p] {
    margin: 5px 0 0;

    color: #728393;

    font-size: 0.82rem;

    line-height: 1.62;
}


/* =========================================================
   FLUXO DO TRACKING
   ========================================================= */

.tracking-flow-section[b-rptodjvh1p] {
    padding: 90px 24px;

    background: #f4f7fa;
}

.tracking-flow-container[b-rptodjvh1p] {
    width: min(1180px, 100%);

    margin: 0 auto;
}

.tracking-flow-heading[b-rptodjvh1p] {
    max-width: 700px;
}

.tracking-flow-heading > p[b-rptodjvh1p] {
    max-width: 590px;

    margin: 18px 0 0;

    color: #718293;

    font-size: 0.92rem;

    line-height: 1.75;
}

.tracking-flow-grid[b-rptodjvh1p] {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    margin-top: 42px;
}


/* =========================================================
   CARDS
   ========================================================= */

.tracking-flow-card[b-rptodjvh1p] {
    position: relative;

    min-height: 190px;

    padding: 25px 23px;

    border: 1px solid #dfe7ee;

    border-radius: 14px;

    background: #ffffff;

    transition:
        transform 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.tracking-flow-card > span[b-rptodjvh1p] {
    color: #d72239;

    font-size: 0.67rem;
    font-weight: 800;

    transition:
        color 0.25s ease;
}

.tracking-flow-card h3[b-rptodjvh1p] {
    margin: 22px 0 0;

    color: #173a59;

    font-size: 0.98rem;

    transition:
        color 0.25s ease;
}

.tracking-flow-card p[b-rptodjvh1p] {
    margin: 9px 0 0;

    color: #718293;

    font-size: 0.82rem;

    line-height: 1.62;

    transition:
        color 0.25s ease;
}


/* =========================================================
   HOVER DOS CARDS
   ========================================================= */

.tracking-flow-card:hover[b-rptodjvh1p] {
    transform: translateY(-5px);

    border-color: transparent;

    background:
        linear-gradient(
            145deg,
            #0a2945,
            #113d63
        );

    box-shadow:
        0 20px 45px
        rgba(11, 45, 77, 0.16);
}

.tracking-flow-card:hover > span[b-rptodjvh1p] {
    color: #ff6879;
}

.tracking-flow-card:hover h3[b-rptodjvh1p] {
    color: #ffffff;
}

.tracking-flow-card:hover p[b-rptodjvh1p] {
    color:
        rgba(255, 255, 255, 0.68);
}


/* =========================================================
   DESTINO
   ========================================================= */

.tracking-destination-section[b-rptodjvh1p] {
    padding: 95px 24px;

    background: #ffffff;
}

.tracking-destination-container[b-rptodjvh1p] {
    width: min(1180px, 100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(0, 0.95fr)
        minmax(0, 1.05fr);

    gap: 72px;

    align-items: center;
}


/* =========================================================
   CTA FINAL
   PADRÃO CHINA -> BRASIL
   ========================================================= */

.tracking-final-cta[b-rptodjvh1p] {
    position: relative;

    padding: 58px 28px 62px;

    background:
        radial-gradient(
            circle at 80% 48%,
            rgba(56, 189, 248, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f8fafc 0%,
            #f5f9fc 100%
        );
}


/* linha lateral */

.tracking-final-cta[b-rptodjvh1p]::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 4px;

    background:
        linear-gradient(
            180deg,
            #ef2b2d,
            #0b2d4d
        );
}


/* container */

.tracking-final-cta-container[b-rptodjvh1p] {
    width: min(1180px, 100%);

    margin: 0 auto;

    display: flex;

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

    gap: 42px;
}


/* conteúdo */

.tracking-final-cta-content[b-rptodjvh1p] {
    max-width: 760px;
}

.tracking-final-kicker[b-rptodjvh1p] {
    display: inline-block;

    color: #d92527;

    font-size: 0.67rem;
    font-weight: 800;

    letter-spacing: 0.18em;
}

.tracking-final-cta-content h2[b-rptodjvh1p] {
    max-width: 760px;

    margin: 12px 0 0;

    color: #102d47;

    font-size:
        clamp(
            2.35rem,
            3.8vw,
            3.7rem
        );

    font-weight: 750;

    line-height: 1.04;
    letter-spacing: -0.04em;
}

.tracking-final-cta-content p[b-rptodjvh1p] {
    max-width: 700px;

    margin: 16px 0 0;

    color: #6d7f90;

    font-size: 0.90rem;

    line-height: 1.7;
}


/* =========================================================
   CTA - CARD DOS BOTÕES
   ========================================================= */

.tracking-final-cta-actions[b-rptodjvh1p] {
    min-width: 250px;

    padding: 10px;

    display: flex;

    flex-direction: column;

    gap: 9px;

    border: 1px solid #dfe7ef;

    border-radius: 11px;

    background:
        rgba(255, 255, 255, 0.86);

    box-shadow:
        0 14px 32px
        rgba(15, 23, 42, 0.07);
}


/* =========================================================
   CTA - BOTÃO PRINCIPAL
   ========================================================= */

.tracking-final-cta-primary[b-rptodjvh1p],
.tracking-final-cta-primary:link[b-rptodjvh1p],
.tracking-final-cta-primary:visited[b-rptodjvh1p] {
    min-height: 50px;

    padding: 0 22px;

    display: flex;

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

    border: 0 !important;

    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #0b2d4d,
            #0d3c68
        ) !important;

    color: #ffffff !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    box-shadow:
        0 9px 22px
        rgba(11, 45, 77, 0.16);

    transition:
        transform 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease;
}

.tracking-final-cta-primary:hover[b-rptodjvh1p],
.tracking-final-cta-primary:focus-visible[b-rptodjvh1p] {
    background:
        linear-gradient(
            90deg,
            #ef2b2d,
            #d92527
        ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        0 15px 28px
        rgba(239, 43, 45, 0.20);
}


/* =========================================================
   CTA - BOTÃO SECUNDÁRIO
   ========================================================= */

.tracking-final-cta-secondary[b-rptodjvh1p],
.tracking-final-cta-secondary:link[b-rptodjvh1p],
.tracking-final-cta-secondary:visited[b-rptodjvh1p] {
    min-height: 48px;

    padding: 0 22px;

    display: flex;

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

    border:
        1px solid #cfd9e3 !important;

    border-radius: 8px;

    background: #ffffff !important;

    color: #0b2d4d !important;

    font-size: 0.82rem;
    font-weight: 700;

    text-align: center;
    text-decoration: none;

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.tracking-final-cta-secondary:hover[b-rptodjvh1p],
.tracking-final-cta-secondary:focus-visible[b-rptodjvh1p] {
    border-color:
        #0b2d4d !important;

    color:
        #0b2d4d !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 8px 18px
        rgba(11, 45, 77, 0.08);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    .tracking-hero-container[b-rptodjvh1p],
    .tracking-origin-container[b-rptodjvh1p],
    .tracking-destination-container[b-rptodjvh1p] {
        grid-template-columns: 1fr;

        gap: 44px;
    }

    .tracking-flow-grid[b-rptodjvh1p] {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .destination-content[b-rptodjvh1p] {
        order: 1;
    }

    .tracking-destination-image[b-rptodjvh1p] {
        order: 2;
    }
}


/* =========================================================
   CTA - TABLET
   ========================================================= */

@media (max-width: 800px) {

    .tracking-final-cta[b-rptodjvh1p] {
        padding:
            52px
            20px
            56px;
    }

    .tracking-final-cta-container[b-rptodjvh1p] {
        flex-direction: column;

        align-items: stretch;

        gap: 30px;
    }

    .tracking-final-cta-content[b-rptodjvh1p],
    .tracking-final-cta-actions[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-final-cta-primary[b-rptodjvh1p],
    .tracking-final-cta-secondary[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .tracking-page[b-rptodjvh1p],
    .tracking-page *[b-rptodjvh1p],
    .tracking-page *[b-rptodjvh1p]::before,
    .tracking-page *[b-rptodjvh1p]::after {
        box-sizing: border-box;
    }

    .tracking-page[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        overflow-x: clip;
    }


    /* HERO */

    .tracking-hero[b-rptodjvh1p] {
        padding:
            62px
            18px
            66px;
    }

    .tracking-hero-container[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-hero h1[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        font-size: 2rem;

        overflow-wrap: break-word;
    }

    .tracking-hero-content[b-rptodjvh1p],
    .tracking-search-card[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-search-card[b-rptodjvh1p] {
        padding: 25px 21px;
    }

    .tracking-search[b-rptodjvh1p] {
        grid-template-columns: 1fr;
    }

    .tracking-search button[b-rptodjvh1p] {
        width: 100%;
    }


    /* SEÇÕES */

    .tracking-origin-section[b-rptodjvh1p],
    .tracking-flow-section[b-rptodjvh1p],
    .tracking-destination-section[b-rptodjvh1p] {
        padding:
            65px
            18px;
    }

    .tracking-origin-container[b-rptodjvh1p],
    .tracking-flow-container[b-rptodjvh1p],
    .tracking-destination-container[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }


    /* IMAGENS */

    .tracking-image[b-rptodjvh1p] {
        width: 100%;

        height: 330px;

        border-radius: 14px;
    }


    /* TÍTULOS */

    .tracking-section-content h2[b-rptodjvh1p],
    .tracking-flow-heading h2[b-rptodjvh1p] {
        font-size: 1.85rem;
    }


    /* CARDS */

    .tracking-flow-grid[b-rptodjvh1p] {
        grid-template-columns: 1fr;
    }

    .tracking-flow-card[b-rptodjvh1p] {
        width: 100%;

        min-height: auto;
    }


    /* CTA */

    .tracking-final-cta[b-rptodjvh1p] {
        padding:
            48px
            20px
            52px;
    }

    .tracking-final-cta-container[b-rptodjvh1p] {
        width: 100%;

        max-width: 100%;

        min-width: 0;
    }

    .tracking-final-cta-content h2[b-rptodjvh1p] {
        max-width: 100%;

        font-size:
            clamp(
                2rem,
                9vw,
                2.8rem
            );

        line-height: 1.08;

        overflow-wrap: break-word;
    }

    .tracking-final-cta-actions[b-rptodjvh1p] {
        padding: 9px;
    }
}


/* =========================================================
   CELULAR PEQUENO
   ========================================================= */

@media (max-width: 430px) {

    .tracking-hero h1[b-rptodjvh1p] {
        font-size: 1.85rem;
    }

    .tracking-image[b-rptodjvh1p] {
        height: 285px;
    }

    .tracking-section-content h2[b-rptodjvh1p],
    .tracking-flow-heading h2[b-rptodjvh1p] {
        font-size: 1.72rem;
    }

    .tracking-final-cta-content h2[b-rptodjvh1p] {
        font-size: 1.95rem;
    }
}


/* =========================================================
   ACESSIBILIDADE
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .tracking-image img[b-rptodjvh1p],
    .tracking-flow-card[b-rptodjvh1p],
    .tracking-flow-card h3[b-rptodjvh1p],
    .tracking-flow-card p[b-rptodjvh1p],
    .tracking-flow-card > span[b-rptodjvh1p],
    .tracking-final-cta-primary[b-rptodjvh1p],
    .tracking-final-cta-secondary[b-rptodjvh1p] {
        transition: none;
    }
}