.sales-hero-image-light { opacity: 0.84; }
.sales-hero-image-dark { opacity: 0; }
.sales-hero-overlay { background: linear-gradient(90deg, rgba(7, 17, 31, 0.58), rgba(7, 17, 31, 0.18)); }
.sales-hero-title {
    max-width: 880px;
    font-family: "Inter", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Arial, ui-sans-serif, system-ui, sans-serif;
    font-size: clamp(2.35rem, 4.8vw, 4.2rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 0.98;
    text-wrap: balance;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    text-shadow: 0 14px 38px rgba(2, 6, 23, 0.42);
}
.sales-hero-stat-card {
    animation: sales-hero-float 7s ease-in-out infinite;
    animation-delay: var(--float-delay, 0s);
    transform-origin: center;
}
@keyframes sales-hero-float {
    0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
    35% { transform: translate3d(0, -8px, 0) rotate(0.7deg); }
    70% { transform: translate3d(0, 5px, 0) rotate(-0.6deg); }
}
@media (prefers-reduced-motion: reduce) {
    .sales-hero-stat-card { animation: none; }
}

.sales-mobile-scroll,
.sales-mobile-category-carousel,
.sales-mobile-product-carousel {
    scrollbar-width: none;
}

.sales-mobile-scroll::-webkit-scrollbar,
.sales-mobile-category-carousel::-webkit-scrollbar,
.sales-mobile-product-carousel::-webkit-scrollbar {
    display: none;
}

.sales-mobile-faq summary::-webkit-details-marker {
    display: none;
}

.sales-mobile-faq .faq-label-open {
    display: none;
}

.sales-mobile-faq[open] .faq-label-closed {
    display: none;
}

.sales-mobile-faq[open] .faq-label-open {
    display: inline-flex;
}

.sales-mobile-glass {
    background: rgba(255, 255, 255, 0.74);
    border: 1px solid rgba(15, 118, 110, 0.14);
    box-shadow: 0 16px 34px rgba(13, 27, 47, 0.08);
    backdrop-filter: blur(16px);
}

.sales-mobile-hero-card {
    background-color: #fbfaf7;
    color: #0d1b2f;
    box-shadow: 0 18px 42px rgba(13, 27, 47, 0.1);
}

.sales-mobile-hero-radial {
    background:
        radial-gradient(circle at top right, rgba(110, 231, 183, 0.22), transparent 42%),
        radial-gradient(circle at bottom left, rgba(15, 118, 110, 0.16), transparent 38%);
}

.sales-mobile-hero-image {
    height: 100%;
    object-fit: cover;
    object-position: right center;
    transition: opacity 0.7s ease;
    width: 100%;
    left: 50px;
}

.sales-mobile-hero-image-light {
    opacity: 0.8;
}

.sales-mobile-hero-image-dark {
    opacity: 0;
}

.sales-mobile-hero-scrim {
    background: linear-gradient(90deg, rgba(251, 250, 247, 0.88), rgba(251, 250, 247, 0.58) 46%, rgba(251, 250, 247, 0.16));
}

.sales-mobile-hero-card .text-white {
    color: #0d1b2f !important;
}

.sales-mobile-hero-card .text-\[\#c8d1dc\],
.sales-mobile-hero-card .text-\[\#d7e0ec\],
.sales-mobile-hero-card .text-\[\#e7edf6\] {
    color: #5f6877 !important;
}

.sales-mobile-hero-card .text-\[\#6ee7b7\] {
    color: #0f766e !important;
}

.sales-mobile-hero-card .bg-white {
    background-color: #0d1b2f !important;
    color: #ffffff !important;
}

.sales-mobile-hero-card .bg-white\/10,
.sales-mobile-hero-card .bg-white\/\[0\.07\] {
    background-color: rgba(15, 118, 110, 0.08) !important;
}

.sales-mobile-hero-card .border-white\/15,
.sales-mobile-hero-card .border-white\/10 {
    border-color: rgba(15, 118, 110, 0.2) !important;
}

html[data-theme="dark"] .sales-hero-image-light { opacity: 0; }
html[data-theme="dark"] .sales-hero-image-dark { opacity: 0.78; }
html[data-theme="dark"] .sales-hero-overlay { background: linear-gradient(90deg, rgba(2, 6, 23, 0.68), rgba(2, 6, 23, 0.28)); }
html[data-theme="dark"] .sales-mobile-glass {
    background: linear-gradient(180deg, rgba(20, 35, 58, 0.92), rgba(20, 35, 58, 0.72));
    border-color: rgba(148, 163, 184, 0.16);
    box-shadow: 0 18px 42px rgba(2, 6, 23, 0.4);
}
html[data-theme="dark"] .sales-mobile-hero-card {
    background-color: #0d1b2f;
    border-color: transparent;
    color: #ffffff;
    box-shadow: 0 28px 60px rgba(2, 6, 23, 0.2);
}
html[data-theme="dark"] .sales-mobile-hero-image-light {
    opacity: 0;
}
html[data-theme="dark"] .sales-mobile-hero-image-dark {
    opacity: 0.8;
}
html[data-theme="dark"] .sales-mobile-hero-scrim {
    background: linear-gradient(90deg, rgba(13, 27, 47, 0.9), rgba(13, 27, 47, 0.62) 46%, rgba(13, 27, 47, 0.2));
}
html[data-theme="dark"] .sales-mobile-hero-radial {
    background:
        radial-gradient(circle at top right, rgba(110, 231, 183, 0.18), transparent 42%),
        radial-gradient(circle at bottom left, rgba(255, 255, 255, 0.08), transparent 38%);
}
html[data-theme="dark"] .sales-mobile-hero-card .text-white {
    color: #ffffff !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .text-\[\#c8d1dc\] {
    color: #c8d1dc !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .text-\[\#d7e0ec\] {
    color: #d7e0ec !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .text-\[\#e7edf6\] {
    color: #e7edf6 !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .text-\[\#6ee7b7\] {
    color: #6ee7b7 !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .bg-white {
    background-color: #ffffff !important;
    color: #0d1b2f !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .bg-white\/10,
html[data-theme="dark"] .sales-mobile-hero-card .bg-white\/\[0\.07\] {
    background-color: rgba(255, 255, 255, 0.1) !important;
}
html[data-theme="dark"] .sales-mobile-hero-card .border-white\/15,
html[data-theme="dark"] .sales-mobile-hero-card .border-white\/10 {
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.static-mobile-nav {
    box-shadow: 0 -12px 35px rgba(15, 23, 42, 0.08);
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

section[id] {
    scroll-margin-top: 5rem;
}

.static-page-main {
    padding-top: 4rem !important;
}

html[data-theme="dark"] body {
    background: #08111f;
}

html[data-theme="dark"] .static-mobile-nav {
    border-color: #26344d !important;
    background: rgba(8, 17, 31, 0.95) !important;
    box-shadow: 0 -14px 36px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .static-mobile-nav a {
    color: #aab6c8 !important;
}

.static-mobile-contact-actions {
    bottom: calc(4.45rem + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 22px rgba(15, 23, 42, 0.07);
    opacity: 1;
    transform: translateY(0);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    visibility: visible;
}

.static-mobile-contact-actions.is-docked {
    opacity: 0;
    pointer-events: none;
    transform: translateY(0.5rem);
    visibility: hidden;
}

html[data-theme="dark"] .static-mobile-contact-actions {
    background: rgba(8, 17, 31, 0.95) !important;
    border-color: #26344d !important;
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.2);
}

html[data-theme="dark"] .static-mobile-contact-whatsapp {
    background-color: #5eead4 !important;
    color: #06111f !important;
}

html[data-theme="dark"] .static-mobile-contact-email {
    background-color: #14233a !important;
    border: 1px solid #26344d !important;
    color: #f8fafc !important;
}

.static-mobile-nav a.is-active {
    background-color: #eef7f4 !important;
    color: #0f766e !important;
}

html[data-theme="dark"] .static-mobile-nav a.is-active {
    background-color: rgba(94, 234, 212, 0.16) !important;
    color: #5eead4 !important;
}

html[data-theme="dark"] header {
    background: rgba(8, 17, 31, 0.92) !important;
    border-color: #26344d !important;
}

html[data-theme="dark"] header a,
html[data-theme="dark"] header button {
    color: #f8fafc !important;
}

html[data-theme="dark"] header [class*="bg-white"] {
    background-color: rgba(20, 35, 58, 0.92) !important;
    border-color: #26344d !important;
}

html[data-theme="dark"] .catalog-static-section,
html[data-theme="dark"] .bg-\[\#fbfaf7\],
html[data-theme="dark"] .bg-\[\#f7f5ef\],
html[data-theme="dark"] .bg-white {
    background-color: #08111f !important;
    border-color: #26344d !important;
}

html[data-theme="dark"] .catalog-static-card {
    background-color: #14233a !important;
    border-color: #26344d !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .catalog-static-card h2,
html[data-theme="dark"] .catalog-static-card h3,
html[data-theme="dark"] .catalog-static-card p,
html[data-theme="dark"] .catalog-static-section h2,
html[data-theme="dark"] .catalog-static-section h3 {
    color: #f8fafc !important;
}

html[data-theme="dark"] .catalog-static-card .text-\[\#687385\],
html[data-theme="dark"] .catalog-static-card .text-\[\#8791a1\],
html[data-theme="dark"] .catalog-static-section .text-\[\#5f6877\] {
    color: #aab6c8 !important;
}

html[data-theme="dark"] .catalog-static-chip {
    background-color: rgba(94, 234, 212, 0.14) !important;
    color: #5eead4 !important;
}

.sales-hero-primary-cta {
    background-color: #ffffff !important;
    color: #0d1b2f !important;
}

html[data-theme="dark"] .sales-hero-primary-cta {
    background-color: #ffffff !important;
    color: #0d1b2f !important;
}

html[data-theme="dark"] .text-\[\#0d1b2f\] {
    color: #f8fafc !important;
}

html[data-theme="dark"] .text-\[\#687385\],
html[data-theme="dark"] .text-\[\#5f6877\],
html[data-theme="dark"] .text-\[\#8791a1\] {
    color: #aab6c8 !important;
}

html[data-theme="dark"] .border-\[\#e2ddd3\],
html[data-theme="dark"] .border-\[\#ded8cc\],
html[data-theme="dark"] .border-\[\#e5e0d7\],
html[data-theme="dark"] .border-\[\#eee9df\] {
    border-color: #26344d !important;
}

html[data-theme="dark"] .sales-hero-primary-cta {
    background-color: #ffffff !important;
    color: #0d1b2f !important;
}

@media (max-width: 767px) {
    body {
        min-width: 0;
    }

    .static-page-main {
        padding-bottom: calc(0) !important;
    }

    body > .flex,
    main,
    main > div,
    main section {
        min-width: 0;
        max-width: 100vw;
    }

    main section {
        overflow-x: clip;
    }

    .sales-mobile-hero-card {
        box-sizing: border-box;
        width: calc(100vw - 2rem) !important;
        max-width: calc(100vw - 2rem) !important;
        min-width: 0;
    }

    .sales-mobile-hero-card * {
        min-width: 0;
    }

    .sales-mobile-hero-card h1 {
        overflow-wrap: normal;
        word-break: normal;
    }

    .sales-mobile-hero-card .grid.grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sales-mobile-hero-card .grid.grid-cols-2 > a {
        min-width: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
    }

    .sales-mobile-hero-card .grid.grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sales-mobile-glass {
        min-width: 0;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .sales-mobile-glass p:last-child {
        overflow-wrap: normal;
        word-break: normal;
    }

    .static-mobile-nav > div {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: calc(100vw - 1rem) !important;
        max-width: none !important;
    }

    .static-mobile-nav a {
        min-width: 0;
        gap: 0.2rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        font-size: 10px;
    }

    .static-mobile-nav svg {
        flex-shrink: 0;
    }

    .sales-mobile-category-carousel,
    .sales-mobile-product-carousel {
        display: flex;
        overflow-x: auto;
        gap: 0.75rem;
        padding-right: 1.25rem;
        padding-bottom: 0.15rem;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
        max-width: 100%;
    }

    .sales-mobile-category-carousel > a,
    .sales-mobile-product-carousel > article {
        min-width: min(20rem, calc(100vw - 5.5rem));
        max-width: min(20rem, calc(100vw - 5.5rem));
        flex: 0 0 min(20rem, calc(100vw - 5.5rem));
        scroll-snap-align: start;
    }
}