/* ==========================================================

   ZOWN SISTEMAS

   Identidade visual oficial


   Azul escuro: #17306F

   Azul claro:  #6693F5

   Vermelho:    #FF0A0A

   Branco:      #FFFFFF

========================================================== */


/* ==========================================================

   VARIÁVEIS

========================================================== */


:root {


    --zown-primary: #17306F;

    --zown-primary-dark: #0F2458;

    --zown-primary-deep: #091B47;


    --zown-blue-light: #6693F5;

    --zown-blue-medium: #3F70D8;

    --zown-blue-soft: #EAF1FF;

    --zown-blue-soft-2: #F3F7FF;


    --zown-red: #FF0A0A;

    --zown-red-dark: #D90000;

    --zown-red-soft: #FFF0F0;


    --zown-white: #FFFFFF;


    --zown-secondary: #0F172A;


    --zown-surface: #FFFFFF;

    --zown-surface-soft: #F7F9FC;

    --zown-surface-blue: #F5F8FF;


    --zown-border: #E4E9F2;

    --zown-border-blue: #D8E4FF;


    --zown-text: #15213A;

    --zown-text-soft: #68758A;

    --zown-text-light: #94A3B8;


    --zown-success: #22C55E;

    --zown-warning: #F59E0B;

    --zown-danger: #EF4444;


    --zown-radius-lg: 28px;

    --zown-radius-md: 18px;

    --zown-radius-sm: 12px;


    --zown-shadow:

        0 20px 50px rgba(23, 48, 111, 0.12);


    --zown-shadow-soft:

        0 12px 30px rgba(23, 48, 111, 0.08);


    --zown-shadow-strong:

        0 30px 80px rgba(15, 36, 88, 0.22);


}


/* ==========================================================

   RESET / BASE

========================================================== */


*,

*::before,

*::after {

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    margin: 0;


    font-family:

        Inter,

        system-ui,

        -apple-system,

        BlinkMacSystemFont,

        "Segoe UI",

        sans-serif;


    color: var(--zown-text);


    background: var(--zown-white);


    overflow-x: hidden;


    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}


img {

    max-width: 100%;

}


a {

    transition: all 0.2s ease;

}


::selection {

    background: var(--zown-blue-light);

    color: var(--zown-white);

}


/* ==========================================================

   BOOTSTRAP OVERRIDES

========================================================== */


.btn-primary {

    --bs-btn-bg: var(--zown-primary);

    --bs-btn-border-color: var(--zown-primary);


    --bs-btn-hover-bg: var(--zown-primary-dark);

    --bs-btn-hover-border-color: var(--zown-primary-dark);


    --bs-btn-active-bg: var(--zown-primary-dark);

    --bs-btn-active-border-color: var(--zown-primary-dark);


    --bs-btn-disabled-bg: var(--zown-primary);

    --bs-btn-disabled-border-color: var(--zown-primary);


    font-weight: 700;


    border-radius: 12px;

}


.btn-outline-primary {

    --bs-btn-color: var(--zown-primary);

    --bs-btn-border-color: var(--zown-primary);


    --bs-btn-hover-bg: var(--zown-primary);

    --bs-btn-hover-border-color: var(--zown-primary);

    --bs-btn-hover-color: #FFFFFF;


    font-weight: 700;


    border-radius: 12px;

}


/* ==========================================================

   NAVBAR

========================================================== */


.zown-header {

    position: relative;


    z-index: 1000;

}


.zown-navbar,

.navbar {

    min-height: 82px;


    background:

        rgba(255, 255, 255, 0.96) !important;


    backdrop-filter: blur(18px);

    -webkit-backdrop-filter: blur(18px);


    border-bottom:

        1px solid

        rgba(228, 233, 242, 0.80);


    transition:

        min-height 0.3s ease,

        box-shadow 0.3s ease,

        background 0.3s ease;

}


.zown-navbar.zown-navbar-scrolled,

.navbar.zown-navbar-scrolled {

    min-height: 72px;


    background:

        rgba(255, 255, 255, 0.98) !important;


    box-shadow:

        0 10px 35px rgba(23, 48, 111, 0.09);

}


.zown-navbar-brand {

    display: inline-flex;


    align-items: center;


    margin-right: 30px;

}


.zown-navbar-logo {

    width: auto;

    height: 54px;

    max-width: 190px;


    object-fit: contain;

}


.zown-brand-text {

    font-size: 1.75rem;

    font-weight: 900;


    letter-spacing: -0.05em;


    color: var(--zown-primary);

}


.zown-navbar-menu {

    gap: 4px;

}


.zown-navbar .nav-link,

.navbar .nav-link {

    position: relative;


    padding:

        10px

        13px !important;


    font-size: 0.96rem;

    font-weight: 600;


    color: #34425A;


    border-radius: 9px;


    transition:

        color 0.2s ease,

        background 0.2s ease;

}


.zown-navbar .nav-link:hover,

.navbar .nav-link:hover {

    color: var(--zown-primary);


    background: var(--zown-blue-soft-2);

}


.zown-navbar .nav-link::after,

.navbar .nav-link::after {

    content: "";


    position: absolute;


    left: 50%;

    bottom: 2px;


    width: 0;

    height: 2px;


    border-radius: 999px;


    background: var(--zown-red);


    transform: translateX(-50%);


    transition: width 0.25s ease;

}


.zown-navbar .nav-link:hover::after,

.navbar .nav-link:hover::after {

    width: 35%;

}


.zown-navbar-actions {

    display: flex;


    align-items: center;


    margin-left: 20px;

}


/* ==========================================================

   PORTAL DO CLIENTE

========================================================== */


.zown-client-portal-button {

    display: inline-flex;


    align-items: center;

    justify-content: center;


    gap: 9px;


    min-height: 46px;


    padding:

        11px

        19px;


    border-radius: 12px;


    background:

        linear-gradient(

            135deg,

            var(--zown-primary),

            var(--zown-primary-dark)

        );


    color: var(--zown-white);


    text-decoration: none;


    font-size: 0.94rem;

    font-weight: 700;


    border:

        1px solid

        rgba(255, 255, 255, 0.10);


    box-shadow:

        0 8px 22px

        rgba(23, 48, 111, 0.18);


    transition:

        transform 0.2s ease,

        box-shadow 0.2s ease,

        background 0.2s ease;

}


.zown-client-portal-button:hover {

    color: var(--zown-white);


    transform: translateY(-2px);


    box-shadow:

        0 13px 30px

        rgba(23, 48, 111, 0.25);

}


.zown-client-portal-button > i:first-child {

    font-size: 1.08rem;


    color: var(--zown-blue-light);

}


.zown-portal-arrow {

    font-size: 0.82rem;


    opacity: 0.75;

}


.zown-client-portal-disabled {

    cursor: default;


    opacity: 0.55;

}


/* ==========================================================

   NAVBAR MOBILE

========================================================== */


.zown-navbar-toggler {

    border: 0 !important;


    box-shadow: none !important;

}


.zown-navbar-toggler:focus {

    box-shadow: none !important;

}


/* ==========================================================

   MAIN

========================================================== */


.zown-main {

    position: relative;


    min-height: 60vh;

}


/* ==========================================================

   TÍTULOS / SEÇÕES

========================================================== */


.zown-section-eyebrow {

    display: inline-flex;


    align-items: center;


    font-size: 0.80rem;

    font-weight: 800;


    letter-spacing: 0.10em;


    color: var(--zown-primary);


    text-transform: uppercase;

}


.zown-section-eyebrow::before {

    content: "";


    display: inline-block;


    width: 27px;

    height: 3px;


    margin-right: 10px;


    border-radius: 999px;


    background: var(--zown-red);

}


.zown-section-eyebrow\.light {

    color: var(--zown-blue-light);

}


.zown-section-eyebrow\.light::before {

    background: var(--zown-red);

}


.zown-section-title {

    margin-top: 14px;


    font-size:

        clamp(

            2.2rem,

            5vw,

            4.2rem

        );


    line-height: 1.05;


    font-weight: 800;


    letter-spacing: -0.045em;


    color: var(--zown-text);

}


.zown-section-title span {

    color: var(--zown-primary);

}


.zown-section-description {

    max-width: 720px;


    margin-top: 22px;


    font-size: 1.12rem;


    line-height: 1.75;


    color: var(--zown-text-soft);

}


.zown-text-link {

    display: inline-flex;


    align-items: center;


    color: var(--zown-primary);


    text-decoration: none;


    font-weight: 700;

}


.zown-text-link:hover {

    color: var(--zown-red);


    transform: translateX(3px);

}


/* ==========================================================

   HERO

========================================================== */


.zown-hero {

    position: relative;


    width: 100%;


    overflow: hidden;

}


.zown-hero-slide {

    position: relative;


    width: 100%;

    min-height: 720px;


    display: flex;

    align-items: center;


    overflow: hidden;


    background:

        linear-gradient(

            135deg,

            var(--zown-primary-deep),

            var(--zown-primary)

        );

}


.zown-hero-media {

    position: absolute;


    inset: 0;


    width: 100%;

    height: 100%;


    z-index: 1;

}


.zown-hero-media picture {

    display: block;


    width: 100%;

    height: 100%;

}


.zown-hero-image,

.zown-hero-video {

    position: absolute;


    inset: 0;


    width: 100%;

    height: 100%;


    object-fit: cover;

}


.zown-hero-overlay {

    position: absolute;


    inset: 0;


    z-index: 2;


    background:

        linear-gradient(

            90deg,

            rgba(9, 27, 71, 0.96) 0%,

            rgba(23, 48, 111, 0.82) 42%,

            rgba(23, 48, 111, 0.30) 100%

        );


    pointer-events: none;

}


.zown-hero-container {

    position: relative;


    z-index: 3;


    min-height: 720px;


    display: flex;

    align-items: center;

}


.zown-hero-content {

    max-width: 760px;


    color: var(--zown-white);

}


.zown-hero-title {

    margin: 0;


    font-size:

        clamp(

            3rem,

            6vw,

            5.8rem

        );


    font-weight: 850;


    line-height: 1.02;


    letter-spacing: -0.055em;


    color: var(--zown-white);

}


.zown-hero-subtitle {

    max-width: 660px;


    margin-top: 26px;

    margin-bottom: 0;


    font-size:

        clamp(

            1.08rem,

            1.7vw,

            1.35rem

        );


    line-height: 1.7;


    color:

        rgba(255, 255, 255, 0.84);

}


.zown-hero-highlight {

    display: inline-flex;


    align-items: center;


    padding:

        9px

        16px;


    border-radius: 999px;


    background:

        rgba(102, 147, 245, 0.16);


    border:

        1px solid

        rgba(102, 147, 245, 0.35);


    backdrop-filter: blur(12px);


    color: var(--zown-white);


    font-size: 0.82rem;

    font-weight: 800;


    letter-spacing: 0.08em;


    text-transform: uppercase;

}


.zown-hero-highlight::before {

    content: "";


    width: 7px;

    height: 7px;


    margin-right: 9px;


    border-radius: 50%;


    background: var(--zown-red);


    box-shadow:

        0 0 0 5px

        rgba(255, 10, 10, 0.12);

}


.zown-hero-left {

    margin-right: auto;


    text-align: left;

}


.zown-hero-center {

    margin-left: auto;

    margin-right: auto;


    text-align: center;

}


.zown-hero-center .zown-hero-subtitle {

    margin-left: auto;

    margin-right: auto;

}


.zown-hero-right {

    margin-left: auto;


    text-align: right;

}


.zown-hero-right .zown-hero-subtitle {

    margin-left: auto;

}


.zown-hero-buttons {

    display: flex;

    flex-wrap: wrap;


    gap: 14px;


    margin-top: 34px;

}


.zown-hero-primary-button,

.zown-hero-secondary-button {

    padding:

        14px

        24px;


    border-radius: 12px;


    font-weight: 700;


    transition:

        transform 0.2s ease,

        box-shadow 0.2s ease;

}


.zown-hero-primary-button {

    background:

        linear-gradient(

            135deg,

            var(--zown-blue-light),

            var(--zown-blue-medium)

        ) !important;


    border-color: transparent !important;


    box-shadow:

        0 12px 28px

        rgba(102, 147, 245, 0.30);

}


.zown-hero-primary-button:hover {

    transform: translateY(-3px);


    box-shadow:

        0 16px 35px

        rgba(102, 147, 245, 0.40);

}


.zown-hero-secondary-button:hover {

    transform: translateY(-3px);

}


.zown-hero-indicators {

    z-index: 10;


    margin-bottom: 22px;

}


.zown-hero-indicators button {

    width: 36px !important;

    height: 4px !important;


    border: 0 !important;


    border-radius: 999px !important;


    background-color: var(--zown-white) !important;

}


.zown-hero-indicators button.active {

    background-color: var(--zown-red) !important;

}


.zown-hero-control {

    width: 7%;

}


.zown-hero-default {

    min-height: 680px;


    display: flex;

    align-items: center;


    padding:

        110px

        0;


    background:

        radial-gradient(

            circle at 80% 35%,

            rgba(102, 147, 245, 0.36),

            transparent 42%

        ),

        radial-gradient(

            circle at 88% 80%,

            rgba(255, 10, 10, 0.12),

            transparent 28%

        ),

        linear-gradient(

            135deg,

            var(--zown-primary-deep),

            var(--zown-primary)

        );


    color: var(--zown-white);

}


/* ==========================================================

   HERO ANIMATIONS

========================================================== */


.animation-fade {

    opacity: 0;


    animation:

        zownFade

        0.9s

        ease

        forwards;

}


@keyframes zownFade {


    to {

        opacity: 1;

    }


}


.animation-slide_up {

    opacity: 0;


    transform:

        translateY(46px);


    animation:

        zownSlideUp

        0.9s

        ease

        forwards;

}


@keyframes zownSlideUp {


    to {

        opacity: 1;


        transform:

            translateY(0);

    }


}


.animation-slide_left {

    opacity: 0;


    transform:

        translateX(-60px);


    animation:

        zownSlideLeft

        0.9s

        ease

        forwards;

}


@keyframes zownSlideLeft {


    to {

        opacity: 1;


        transform:

            translateX(0);

    }


}


.animation-slide_right {

    opacity: 0;


    transform:

        translateX(60px);


    animation:

        zownSlideRight

        0.9s

        ease

        forwards;

}


@keyframes zownSlideRight {


    to {

        opacity: 1;


        transform:

            translateX(0);

    }


}


.animation-zoom {

    opacity: 0;


    transform:

        scale(0.92);


    animation:

        zownZoom

        0.9s

        ease

        forwards;

}


@keyframes zownZoom {


    to {

        opacity: 1;


        transform:

            scale(1);

    }


}


/* ==========================================================

   NÚMEROS

========================================================== */


.zown-stats-section {

    position: relative;


    margin-top: -55px;


    z-index: 20;

}


.zown-stats-wrapper {

    background:

        rgba(255, 255, 255, 0.97);


    border:

        1px solid

        rgba(228, 233, 242, 0.90);


    border-radius:

        var(--zown-radius-lg);


    box-shadow:

        var(--zown-shadow);


    overflow: hidden;

}


.zown-stat-item {

    position: relative;


    height: 100%;


    padding:

        34px

        22px;


    text-align: center;


    border-right:

        1px solid

        var(--zown-border);

}


.zown-stat-item::before {

    content: "";


    position: absolute;


    top: 0;

    left: 50%;


    width: 36px;

    height: 3px;


    border-radius: 999px;


    background: var(--zown-red);


    transform:

        translateX(-50%);

}


.zown-stat-item:last-child {

    border-right: 0;

}


.zown-stat-icon {

    margin-bottom: 12px;


    font-size: 1.3rem;


    color:

        var(--zown-blue-light);

}


.zown-stat-value {

    font-size:

        clamp(

            2.2rem,

            4vw,

            3.6rem

        );


    line-height: 1;


    font-weight: 850;


    color:

        var(--zown-primary);

}


.zown-stat-title {

    margin-top: 10px;


    font-size: 0.98rem;

    font-weight: 600;


    color:

        var(--zown-text-soft);

}


/* ==========================================================

   INTRO

========================================================== */


.zown-intro-section {

    padding:

        140px

        0

        110px;

}


/* ==========================================================

   SOLUÇÕES

========================================================== */


.zown-solutions-section {

    padding:

        110px

        0;


    background:

        var(--zown-surface-soft);

}


.zown-solution-card {

    position: relative;


    height: 100%;


    overflow: hidden;


    border-radius: 24px;


    background:

        var(--zown-white);


    border:

        1px solid

        var(--zown-border);


    box-shadow:

        var(--zown-shadow-soft);


    transition:

        transform 0.25s ease,

        box-shadow 0.25s ease,

        border-color 0.25s ease;

}


.zown-solution-card:hover {

    transform:

        translateY(-8px);


    border-color:

        rgba(102, 147, 245, 0.38);


    box-shadow:

        0 24px 55px

        rgba(23, 48, 111, 0.15);

}


.zown-solution-image {

    position: relative;


    height: 280px;


    overflow: hidden;

}


.zown-solution-image img {

    width: 100%;

    height: 100%;


    object-fit: cover;


    transition:

        transform

        0.5s ease;

}


.zown-solution-card:hover

.zown-solution-image img {

    transform:

        scale(1.06);

}


.zown-solution-overlay {

    position: absolute;


    inset: 0;


    background:

        linear-gradient(

            to top,

            rgba(15, 36, 88, 0.42),

            transparent 58%

        );

}


.zown-solution-content {

    padding: 28px;

}


.zown-solution-icon {

    width: 48px;

    height: 48px;


    display: flex;

    align-items: center;

    justify-content: center;


    margin-bottom: 18px;


    border-radius: 14px;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-size: 1.35rem;

}


.zown-solution-content h3 {

    color:

        var(--zown-text);


    font-size: 1.35rem;

    font-weight: 800;

}


.zown-solution-content p {

    margin-top: 10px;


    color:

        var(--zown-text-soft);


    line-height: 1.65;

}


.zown-solution-link {

    display: inline-flex;


    align-items: center;


    gap: 6px;


    margin-top: 8px;


    font-weight: 700;


    color:

        var(--zown-primary);


    transition:

        color 0.2s ease,

        gap 0.2s ease;

}


.zown-solution-card:hover

.zown-solution-link {

    gap: 10px;


    color:

        var(--zown-red);

}


.zown-empty-state {

    padding: 50px;


    border-radius:

        var(--zown-radius-md);


    border:

        1px dashed

        var(--zown-border);


    text-align: center;


    color:

        var(--zown-text-soft);

}


/* ==========================================================

   ESTOQUE COMPARTILHADO

========================================================== */


.zown-feature-showcase {

    padding:

        120px

        0;

}


.zown-benefit-list {

    display: flex;

    flex-direction: column;


    gap: 20px;


    margin-top: 34px;

}


.zown-benefit-item {

    display: flex;


    align-items: flex-start;


    gap: 16px;

}


.zown-benefit-icon {

    flex:

        0 0 auto;


    width: 46px;

    height: 46px;


    display: flex;

    align-items: center;

    justify-content: center;


    border-radius: 14px;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-size: 1.2rem;

}


.zown-benefit-item strong {

    display: block;


    color:

        var(--zown-text);


    font-size: 1.02rem;

}


.zown-benefit-item span {

    display: block;


    margin-top: 4px;


    color:

        var(--zown-text-soft);

}


.zown-stock-demo {

    padding: 30px;


    border-radius: 26px;


    background:

        radial-gradient(

            circle at 90% 10%,

            rgba(102, 147, 245, 0.25),

            transparent 38%

        ),

        linear-gradient(

            160deg,

            var(--zown-primary-deep),

            var(--zown-primary)

        );


    color:

        var(--zown-white);


    box-shadow:

        0 30px 70px

        rgba(15, 36, 88, 0.30);

}


.zown-demo-header {

    display: flex;


    align-items: center;

    justify-content: space-between;


    gap: 20px;


    margin-bottom: 24px;

}


.zown-demo-header span {

    display: block;


    color:

        #B5C6EA;


    font-size: 0.85rem;

}


.zown-demo-header strong {

    display: block;


    margin-top: 4px;


    font-size: 1.2rem;

}


.zown-demo-status {

    display: flex;


    align-items: center;


    gap: 8px;


    padding:

        7px

        12px;


    border-radius: 999px;


    background:

        rgba(34, 197, 94, 0.14);


    color:

        #86EFAC;


    font-size: 0.82rem;

}


.zown-demo-status span {

    width: 8px;

    height: 8px;


    border-radius: 50%;


    background:

        #22C55E;

}


.zown-stock-location {

    display: flex;


    justify-content: space-between;

    align-items: center;


    gap: 20px;


    padding: 18px;


    margin-bottom: 12px;


    border-radius: 16px;


    background:

        rgba(255, 255, 255, 0.07);


    border:

        1px solid

        rgba(255, 255, 255, 0.10);

}


.zown-stock-location.active {

    background:

        rgba(102, 147, 245, 0.20);


    border-color:

        rgba(102, 147, 245, 0.55);


    box-shadow:

        inset

        3px

        0

        0

        var(--zown-blue-light);

}


.zown-stock-location > div {

    display: flex;


    align-items: center;


    gap: 14px;

}


.zown-location-icon {

    width: 42px;

    height: 42px;


    display: flex;

    align-items: center;

    justify-content: center;


    border-radius: 12px;


    background:

        rgba(255, 255, 255, 0.10);


    color:

        var(--zown-blue-light);

}


.zown-stock-location strong {

    font-size: 1rem;

}


.zown-stock-location span {

    display: block;


    margin-top: 2px;


    color:

        #B5C6EA;


    font-size: 0.82rem;

}


.zown-stock-zero {

    color:

        #FFB0B0;

}


.zown-demo-result {

    display: flex;


    align-items: center;

    justify-content: space-between;


    gap: 20px;


    margin-top: 18px;


    padding: 18px;


    border-radius: 16px;


    background:

        linear-gradient(

            135deg,

            rgba(34, 197, 94, 0.18),

            rgba(34, 197, 94, 0.10)

        );


    border:

        1px solid

        rgba(34, 197, 94, 0.30);

}


.zown-demo-result span {

    display: block;


    color:

        #BBF7D0;


    font-size: 0.82rem;

}


.zown-demo-result strong {

    display: block;


    margin-top: 2px;

}


.zown-demo-result i {

    color:

        #4ADE80;


    font-size: 1.6rem;

}


/* ==========================================================

   PDV

========================================================== */


.zown-pdv-section {

    padding:

        120px

        0;


    background:

        radial-gradient(

            circle at 18% 25%,

            rgba(102, 147, 245, 0.28),

            transparent 40%

        ),

        radial-gradient(

            circle at 90% 80%,

            rgba(255, 10, 10, 0.08),

            transparent 30%

        ),

        linear-gradient(

            135deg,

            var(--zown-primary-deep),

            var(--zown-primary)

        );

}


.zown-pdv-window {

    overflow: hidden;


    border-radius: 24px;


    background:

        var(--zown-white);


    box-shadow:

        0 30px 70px

        rgba(0, 0, 0, 0.28);

}


.zown-window-top {

    display: flex;


    align-items: center;

    justify-content: space-between;


    padding:

        14px

        18px;


    border-bottom:

        1px solid

        var(--zown-border);


    color:

        var(--zown-text-soft);


    font-size: 0.86rem;

}


.zown-window-dots {

    display: flex;


    gap: 6px;

}


.zown-window-dots span {

    width: 10px;

    height: 10px;


    border-radius: 50%;

}


.zown-window-dots span:nth-child(1) {

    background:

        var(--zown-red);

}


.zown-window-dots span:nth-child(2) {

    background:

        var(--zown-warning);

}


.zown-window-dots span:nth-child(3) {

    background:

        var(--zown-success);

}


.zown-pdv-content {

    padding: 30px;

}


.zown-offline-message,

.zown-pdv-success {

    display: flex;


    align-items: center;


    gap: 16px;


    padding: 18px;


    border-radius: 16px;

}


.zown-offline-message {

    background:

        var(--zown-red-soft);


    color:

        #A61B1B;

}


.zown-offline-icon {

    width: 46px;

    height: 46px;


    display: flex;

    align-items: center;

    justify-content: center;


    border-radius: 13px;


    background:

        #FFE3E3;


    color:

        var(--zown-red);


    font-size: 1.35rem;

}


.zown-offline-message strong,

.zown-pdv-success strong {

    display: block;

}


.zown-offline-message span,

.zown-pdv-success span {

    display: block;


    margin-top: 3px;


    font-size: 0.90rem;


    opacity: 0.82;

}


.zown-pdv-success {

    margin-top: 16px;


    background:

        #F0FDF4;


    color:

        #166534;

}


.zown-pdv-success > i {

    font-size: 1.5rem;

}


.zown-sync-line {

    display: flex;


    align-items: center;

    justify-content: space-between;


    gap: 20px;


    margin-top: 24px;

    padding-top: 22px;


    border-top:

        1px solid

        var(--zown-border);


    color:

        #475569;

}


.zown-sync-status {

    display: flex;


    align-items: center;


    gap: 8px;


    font-size: 0.86rem;

}


.zown-sync-status span {

    width: 8px;

    height: 8px;


    border-radius: 50%;


    background:

        var(--zown-warning);

}


.zown-dark-benefits {

    display: grid;


    grid-template-columns:

        repeat(

            2,

            minmax(0, 1fr)

        );


    gap: 14px;


    margin-top: 34px;

}


.zown-dark-benefits div {

    display: flex;


    align-items: center;


    gap: 10px;


    padding:

        14px

        16px;


    border-radius: 14px;


    background:

        rgba(255, 255, 255, 0.08);


    border:

        1px solid

        rgba(255, 255, 255, 0.10);


    color:

        #EAF1FF;

}


.zown-dark-benefits i {

    color:

        var(--zown-blue-light);

}


/* ==========================================================

   RECURSOS

========================================================== */


.zown-features-section {

    padding:

        120px

        0;


    background:

        var(--zown-surface-soft);

}


.zown-feature-card {

    height: 100%;


    padding: 28px;


    border-radius: 22px;


    background:

        var(--zown-white);


    border:

        1px solid

        var(--zown-border);


    transition:

        transform 0.25s ease,

        box-shadow 0.25s ease,

        border-color 0.25s ease;

}


.zown-feature-card:hover {

    transform:

        translateY(-6px);


    box-shadow:

        var(--zown-shadow-soft);


    border-color:

        rgba(102, 147, 245, 0.45);

}


.zown-feature-top {

    display: flex;


    align-items: center;

    justify-content: space-between;


    margin-bottom: 22px;

}


.zown-feature-icon {

    width: 52px;

    height: 52px;


    display: flex;

    align-items: center;

    justify-content: center;


    border-radius: 15px;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-size: 1.4rem;

}


.zown-feature-arrow {

    color:

        var(--zown-blue-light);


    font-size: 1.2rem;

}


.zown-feature-card:hover

.zown-feature-arrow {

    color:

        var(--zown-red);

}


.zown-feature-card h3 {

    color:

        var(--zown-text);


    font-size: 1.25rem;

    font-weight: 800;

}


.zown-feature-card p {

    margin-top: 10px;


    color:

        var(--zown-text-soft);


    line-height: 1.65;

}


.zown-feature-image {

    margin-top: 22px;


    border-radius: 16px;


    overflow: hidden;

}


.zown-feature-image img {

    width: 100%;

    height: 190px;


    object-fit: cover;

}


/* ==========================================================

   FLUXO

========================================================== */


.zown-flow-section {

    padding:

        120px

        0;

}


.zown-flow-wrapper {

    display: flex;


    align-items: stretch;

    justify-content: center;


    gap: 16px;


    margin-top: 60px;

}


.zown-flow-item {

    flex: 1;


    position: relative;


    padding:

        26px

        22px;


    border-radius: 20px;


    border:

        1px solid

        var(--zown-border);


    background:

        var(--zown-white);


    text-align: center;


    transition:

        transform 0.25s ease,

        border-color 0.25s ease,

        box-shadow 0.25s ease;

}


.zown-flow-item:hover {

    transform:

        translateY(-6px);


    border-color:

        var(--zown-border-blue);


    box-shadow:

        var(--zown-shadow-soft);

}


.zown-flow-number {

    position: absolute;


    top: 16px;

    right: 18px;


    color:

        #CBD5E1;


    font-size: 0.75rem;

    font-weight: 800;

}


.zown-flow-icon {

    width: 58px;

    height: 58px;


    display: flex;

    align-items: center;

    justify-content: center;


    margin:

        0

        auto

        18px;


    border-radius: 16px;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-size: 1.5rem;

}


.zown-flow-item:hover

.zown-flow-icon {

    background:

        var(--zown-primary);


    color:

        var(--zown-white);

}


.zown-flow-item strong {

    display: block;


    font-size: 1.05rem;

}


.zown-flow-item span {

    display: block;


    margin-top: 8px;


    color:

        var(--zown-text-soft);


    font-size: 0.90rem;

}


.zown-flow-arrow {

    display: flex;


    align-items: center;


    color:

        var(--zown-blue-light);


    font-size: 1.4rem;

}


/* ==========================================================

   LOJA ONLINE / COMMERCE

========================================================== */


.zown-commerce-section {

    padding:

        120px

        0;


    background:

        var(--zown-surface-blue);

}


.zown-check-grid {

    display: grid;


    grid-template-columns:

        repeat(

            2,

            minmax(0, 1fr)

        );


    gap: 14px;


    margin-top: 30px;

}


.zown-check-grid div {

    display: flex;


    align-items: center;


    gap: 10px;


    color:

        #334155;


    font-weight: 600;

}


.zown-check-grid i {

    color:

        var(--zown-success);

}


.zown-commerce-visual {

    position: relative;

}


.zown-commerce-browser {

    overflow: hidden;


    border-radius: 24px;


    background:

        var(--zown-white);


    border:

        1px solid

        var(--zown-border);


    box-shadow:

        var(--zown-shadow);

}


.zown-commerce-browser-top {

    display: flex;


    align-items: center;


    gap: 14px;


    padding:

        14px

        18px;


    border-bottom:

        1px solid

        var(--zown-border);

}


.zown-commerce-browser-top

> div:first-child {

    display: flex;


    gap: 6px;

}


.zown-commerce-browser-top

> div:first-child span {

    width: 9px;

    height: 9px;


    border-radius: 50%;

}


.zown-commerce-browser-top

> div:first-child span:nth-child(1) {

    background:

        var(--zown-red);

}


.zown-commerce-browser-top

> div:first-child span:nth-child(2) {

    background:

        var(--zown-warning);

}


.zown-commerce-browser-top

> div:first-child span:nth-child(3) {

    background:

        var(--zown-success);

}


.zown-browser-address {

    flex: 1;


    padding:

        7px

        12px;


    border-radius: 8px;


    background:

        var(--zown-surface-soft);


    color:

        var(--zown-text-light);


    font-size: 0.82rem;

}


.zown-product-grid {

    display: grid;


    grid-template-columns:

        repeat(

            3,

            1fr

        );


    gap: 14px;


    padding: 24px;

}


.zown-product-card {

    padding: 14px;


    border-radius: 14px;


    border:

        1px solid

        var(--zown-border);

}


.zown-product-image {

    height: 110px;


    display: flex;


    align-items: center;

    justify-content: center;


    margin-bottom: 12px;


    border-radius: 12px;


    background:

        var(--zown-blue-soft-2);


    color:

        var(--zown-blue-light);


    font-size: 2rem;

}


.zown-product-card strong {

    display: block;

}


.zown-product-card span {

    display: inline-block;


    margin-top: 4px;


    color:

        var(--zown-success);


    font-size: 0.80rem;

}


.zown-product-card

span.promotion {

    color:

        var(--zown-red);

}


.zown-sync-badge {

    position: absolute;


    right: -18px;

    bottom: -18px;


    display: flex;


    align-items: center;


    gap: 12px;


    padding:

        16px

        18px;


    border-radius: 16px;


    background:

        var(--zown-primary);


    color:

        var(--zown-white);


    box-shadow:

        var(--zown-shadow);

}


.zown-sync-badge i {

    color:

        var(--zown-blue-light);


    font-size: 1.4rem;

}


.zown-sync-badge strong,

.zown-sync-badge span {

    display: block;

}


.zown-sync-badge span {

    color:

        #B5C6EA;


    font-size: 0.80rem;

}


/* ==========================================================

   SUPORTE

========================================================== */


.zown-support-section {

    padding:

        120px

        0;

}


.zown-support-media {

    position: relative;

}


.zown-support-media img,

.zown-support-video {

    width: 100%;

    height: 520px;


    object-fit: cover;


    border-radius: 26px;


    box-shadow:

        var(--zown-shadow);

}


.zown-support-placeholder {

    height: 520px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 26px;


    background:

        linear-gradient(

            135deg,

            var(--zown-blue-soft),

            var(--zown-blue-soft-2)

        );


    color:

        var(--zown-primary);


    font-size: 5rem;

}


.zown-support-floating-card {

    position: absolute;


    left: 24px;

    bottom: 24px;


    display: flex;


    align-items: center;


    gap: 12px;


    padding:

        16px

        18px;


    border-radius: 16px;


    background:

        rgba(255, 255, 255, 0.95);


    backdrop-filter:

        blur(10px);


    box-shadow:

        var(--zown-shadow-soft);

}


.zown-support-online {

    width: 42px;

    height: 42px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 50%;


    background:

        #F0FDF4;

}


.zown-support-online span {

    width: 10px;

    height: 10px;


    border-radius: 50%;


    background:

        var(--zown-success);


    box-shadow:

        0 0 0 5px

        rgba(34, 197, 94, 0.12);

}


.zown-support-floating-card strong,

.zown-support-floating-card span {

    display: block;

}


.zown-support-floating-card span {

    color:

        var(--zown-text-soft);


    font-size: 0.80rem;

}


.zown-support-subtitle {

    margin-top: 18px;


    color:

        #475569;


    font-size: 1.15rem;

}


.zown-support-options {

    display: flex;

    flex-direction: column;


    gap: 16px;


    margin-top: 30px;

}


.zown-support-option {

    display: flex;


    align-items: flex-start;


    gap: 14px;

}


.zown-support-option > i {

    width: 46px;

    height: 46px;


    display: flex;


    align-items: center;

    justify-content: center;


    flex: 0 0 auto;


    border-radius: 13px;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-size: 1.2rem;

}


.zown-support-option strong,

.zown-support-option span {

    display: block;

}


.zown-support-option span {

    margin-top: 3px;


    color:

        var(--zown-text-soft);

}


/* ==========================================================

   AVALIAÇÕES

========================================================== */


.zown-testimonials-section {

    padding:

        120px

        0;


    background:

        var(--zown-surface-soft);

}


.zown-testimonial-card {

    position: relative;


    height: 100%;


    padding: 28px;


    border-radius: 22px;


    background:

        var(--zown-white);


    border:

        1px solid

        var(--zown-border);


    box-shadow:

        0 10px 26px

        rgba(23, 48, 111, 0.05);


    transition:

        transform 0.25s ease,

        box-shadow 0.25s ease;

}


.zown-testimonial-card::before {

    content: "";


    position: absolute;


    top: 0;

    left: 28px;


    width: 42px;

    height: 3px;


    background:

        var(--zown-red);


    border-radius:

        0 0 10px 10px;

}


.zown-testimonial-card:hover {

    transform:

        translateY(-5px);


    box-shadow:

        var(--zown-shadow-soft);

}


.zown-testimonial-stars {

    display: flex;


    gap: 3px;


    color:

        var(--zown-warning);

}


.zown-testimonial-card blockquote {

    margin:

        22px

        0

        28px;


    color:

        #334155;


    font-size: 1.10rem;


    line-height: 1.75;

}


.zown-testimonial-client {

    display: flex;


    align-items: center;


    gap: 12px;

}


.zown-testimonial-client img {

    width: 48px;

    height: 48px;


    border-radius: 50%;


    object-fit: cover;

}


.zown-testimonial-client

img.company-logo {

    border-radius: 10px;


    object-fit: contain;


    background:

        var(--zown-white);


    border:

        1px solid

        var(--zown-border);

}


.zown-client-avatar {

    width: 48px;

    height: 48px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 50%;


    background:

        var(--zown-blue-soft);


    color:

        var(--zown-primary);


    font-weight: 800;

}


.zown-testimonial-client strong,

.zown-testimonial-client span {

    display: block;

}


.zown-testimonial-client span {

    color:

        var(--zown-text-soft);


    font-size: 0.85rem;

}


/* ==========================================================

   CLIENTES

========================================================== */


.zown-clients-section {

    padding:

        90px

        0;

}


.zown-clients-title {

    margin-top: 12px;


    color:

        var(--zown-text);


    font-size:

        clamp(

            1.8rem,

            3vw,

            2.6rem

        );


    font-weight: 800;

}


.zown-client-logos {

    display: grid;


    grid-template-columns:

        repeat(

            auto-fit,

            minmax(140px, 1fr)

        );


    align-items: center;


    gap: 22px;


    margin-top: 46px;

}


.zown-client-logo {

    min-height: 90px;


    display: flex;


    align-items: center;

    justify-content: center;


    padding: 16px;


    border-radius: 16px;


    border:

        1px solid

        var(--zown-border);


    background:

        var(--zown-white);


    transition:

        transform 0.2s ease,

        box-shadow 0.2s ease,

        border-color 0.2s ease;

}


.zown-client-logo:hover {

    transform:

        translateY(-4px);


    border-color:

        var(--zown-border-blue);


    box-shadow:

        var(--zown-shadow-soft);

}


.zown-client-logo img {

    max-height: 56px;

    max-width: 130px;


    object-fit: contain;


    filter:

        grayscale(100%);


    opacity: 0.72;


    transition:

        filter 0.2s ease,

        opacity 0.2s ease;

}


.zown-client-logo:hover img {

    filter:

        grayscale(0%);


    opacity: 1;

}


/* ==========================================================

   RESPONSABILIDADE SOCIAL

========================================================== */


.zown-social-section {

    padding:

        120px

        0;


    background:

        radial-gradient(

            circle at 85% 20%,

            rgba(102, 147, 245, 0.17),

            transparent 38%

        ),

        linear-gradient(

            135deg,

            var(--zown-primary-deep),

            var(--zown-primary)

        );


    color:

        var(--zown-white);

}


.zown-social-section

.zown-section-title {

    color:

        var(--zown-white);

}


.zown-social-section

.zown-section-description {

    color:

        #B5C6EA;

}


.zown-social-grid {

    display: grid;


    grid-template-columns:

        repeat(

            2,

            minmax(0, 1fr)

        );


    gap: 18px;

}


.zown-social-card {

    min-height: 180px;


    display: flex;

    flex-direction: column;


    align-items: center;

    justify-content: center;


    gap: 14px;


    padding: 24px;


    border-radius: 20px;


    background:

        rgba(255, 255, 255, 0.07);


    border:

        1px solid

        rgba(255, 255, 255, 0.10);


    text-align: center;


    transition:

        transform 0.2s ease,

        background 0.2s ease;

}


.zown-social-card:hover {

    transform:

        translateY(-5px);


    background:

        rgba(255, 255, 255, 0.11);

}


.zown-social-card a {

    color: inherit;


    text-decoration: none;

}


.zown-social-card img {

    max-width: 130px;

    max-height: 70px;


    object-fit: contain;

}


/* ==========================================================

   CTA FINAL

========================================================== */


.zown-final-cta {

    padding:

        110px

        0;

}


.zown-final-cta-box {

    position: relative;


    overflow: hidden;


    display: flex;


    align-items: center;

    justify-content: space-between;


    gap: 40px;


    padding: 50px;


    border-radius: 28px;


    background:

        radial-gradient(

            circle at 84% 20%,

            rgba(102, 147, 245, 0.35),

            transparent 36%

        ),

        linear-gradient(

            135deg,

            var(--zown-primary),

            var(--zown-primary-deep)

        );


    color:

        var(--zown-white);


    box-shadow:

        var(--zown-shadow);

}


.zown-final-cta-box::after {

    content: "";


    position: absolute;


    right: -45px;

    bottom: -100px;


    width: 250px;

    height: 250px;


    border:

        24px solid

        rgba(255, 10, 10, 0.10);


    border-radius: 50%;


    pointer-events: none;

}


.zown-final-cta h2 {

    position: relative;


    z-index: 2;


    margin:

        12px

        0

        0;


    color:

        var(--zown-white);


    font-size:

        clamp(

            2rem,

            4vw,

            3.6rem

        );


    line-height: 1.10;


    font-weight: 850;


    letter-spacing: -0.04em;

}


.zown-final-cta p {

    position: relative;


    z-index: 2;


    max-width: 640px;


    margin-top: 18px;

    margin-bottom: 0;


    color:

        rgba(255, 255, 255, 0.80);


    font-size: 1.05rem;

}


.zown-final-cta-actions {

    position: relative;


    z-index: 2;


    display: flex;


    flex-wrap: wrap;


    gap: 12px;


    flex:

        0 0 auto;

}


/* ==========================================================

   FOOTER

========================================================== */


.zown-footer {

    position: relative;


    overflow: hidden;


    padding:

        76px

        0

        26px;


    background:

        linear-gradient(

            150deg,

            #091B47 0%,

            #0F2458 48%,

            #17306F 100%

        );


    color:

        var(--zown-white);

}


.zown-footer::before {

    content: "";


    position: absolute;


    width: 420px;

    height: 420px;


    top: -250px;

    right: -150px;


    border-radius: 50%;


    background:

        rgba(102, 147, 245, 0.10);


    pointer-events: none;

}


.zown-footer::after {

    content: "";


    position: absolute;


    width: 260px;

    height: 260px;


    left: -160px;

    bottom: -170px;


    border:

        24px solid

        rgba(255, 10, 10, 0.07);


    border-radius: 50%;


    pointer-events: none;

}


.zown-footer .container {

    position: relative;


    z-index: 2;

}


.zown-footer-main {

    padding-bottom: 54px;

}


.zown-footer-brand {

    display: inline-flex;


    align-items: center;


    text-decoration: none;

}


.zown-footer-logo {

    width: auto;

    height: 72px;

    max-width: 210px;


    object-fit: contain;

}


.zown-footer-brand-text {

    color:

        var(--zown-white);


    font-size: 2rem;

    font-weight: 900;


    letter-spacing: -0.05em;

}


.zown-footer-description {

    max-width: 360px;


    margin:

        24px

        0

        0;


    color:

        rgba(255, 255, 255, 0.67);


    font-size: 0.96rem;


    line-height: 1.75;

}


.zown-footer-portal {

    display: inline-flex;


    align-items: center;


    gap: 9px;


    margin-top: 24px;


    padding:

        11px

        16px;


    border:

        1px solid

        rgba(255, 255, 255, 0.18);


    border-radius: 11px;


    color:

        var(--zown-white);


    background:

        rgba(255, 255, 255, 0.06);


    text-decoration: none;


    font-size: 0.90rem;

    font-weight: 700;

}


.zown-footer-portal:hover {

    color:

        var(--zown-white);


    background:

        rgba(255, 255, 255, 0.12);


    border-color:

        rgba(102, 147, 245, 0.50);


    transform:

        translateY(-2px);

}


.zown-footer-title {

    position: relative;


    margin-bottom: 23px;


    color:

        var(--zown-white);


    font-size: 0.95rem;

    font-weight: 800;

}


.zown-footer-title::after {

    content: "";


    position: absolute;


    left: 0;

    bottom: -9px;


    width: 25px;

    height: 2px;


    border-radius: 999px;


    background:

        var(--zown-red);

}


.zown-footer-links {

    display: flex;

    flex-direction: column;


    gap: 11px;


    margin: 0;

    padding: 0;


    list-style: none;

}


.zown-footer-links a {

    display: inline-flex;


    color:

        rgba(255, 255, 255, 0.62);


    text-decoration: none;


    font-size: 0.91rem;

}


.zown-footer-links a:hover {

    color:

        var(--zown-white);


    transform:

        translateX(4px);

}


.zown-footer-contact {

    display: flex;

    flex-direction: column;


    gap: 14px;

}


.zown-footer-contact-item {

    display: flex;


    align-items: center;


    gap: 12px;


    color:

        inherit;


    text-decoration: none;

}


.zown-footer-contact-item:hover {

    color:

        inherit;


    transform:

        translateX(3px);

}


.zown-footer-contact-icon {

    flex:

        0 0 auto;


    width: 38px;

    height: 38px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 11px;


    background:

        rgba(102, 147, 245, 0.13);


    color:

        var(--zown-blue-light);


    border:

        1px solid

        rgba(102, 147, 245, 0.16);

}


.zown-footer-contact-icon.whatsapp {

    color:

        #4ADE80;


    background:

        rgba(34, 197, 94, 0.10);


    border-color:

        rgba(34, 197, 94, 0.14);

}


.zown-footer-contact-item small {

    display: block;


    color:

        rgba(255, 255, 255, 0.45);


    font-size: 0.72rem;

}


.zown-footer-contact-item strong {

    display: block;


    margin-top: 1px;


    color:

        rgba(255, 255, 255, 0.78);


    font-size: 0.86rem;

    font-weight: 600;


    word-break: break-word;

}


.zown-footer-bottom {

    display: flex;


    align-items: center;

    justify-content: space-between;


    gap: 25px;


    padding-top: 24px;


    border-top:

        1px solid

        rgba(255, 255, 255, 0.10);

}


.zown-footer-copyright {

    color:

        rgba(255, 255, 255, 0.48);


    font-size: 0.84rem;

}


.zown-social-links {

    display: flex;


    align-items: center;


    gap: 9px;

}


.zown-social-links a {

    width: 38px;

    height: 38px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 11px;


    color:

        rgba(255, 255, 255, 0.72);


    background:

        rgba(255, 255, 255, 0.05);


    border:

        1px solid

        rgba(255, 255, 255, 0.08);


    text-decoration: none;

}


.zown-social-links a:hover {

    color:

        var(--zown-white);


    background:

        var(--zown-primary);


    border-color:

        var(--zown-blue-light);


    transform:

        translateY(-3px);

}


/* ==========================================================

   WHATSAPP FLUTUANTE

========================================================== */


.zown-whatsapp-floating {

    position: fixed;


    right: 24px;

    bottom: 24px;


    width: 62px;

    height: 62px;


    display: flex;


    align-items: center;

    justify-content: center;


    border-radius: 50%;


    background:

        #25D366;


    color:

        var(--zown-white);


    text-decoration: none;


    font-size: 30px;


    box-shadow:

        0 12px 32px

        rgba(37, 211, 102, 0.30);


    z-index: 9999;


    transition:

        transform 0.2s ease,

        box-shadow 0.2s ease;

}


.zown-whatsapp-floating:hover {

    color:

        var(--zown-white);


    transform:

        translateY(-4px)

        scale(1.05);


    box-shadow:

        0 18px 38px

        rgba(37, 211, 102, 0.38);

}


.zown-whatsapp-floating > i {

    position: relative;


    z-index: 3;

}


.zown-whatsapp-tooltip {

    position: absolute;


    right: 76px;


    padding:

        9px

        13px;


    border-radius: 9px;


    background:

        var(--zown-primary-dark);


    color:

        var(--zown-white);


    white-space: nowrap;


    font-size: 0.82rem;

    font-weight: 600;


    opacity: 0;


    pointer-events: none;


    transform:

        translateX(7px);


    transition:

        opacity 0.2s ease,

        transform 0.2s ease;

}


.zown-whatsapp-floating:hover

.zown-whatsapp-tooltip {

    opacity: 1;


    transform:

        translateX(0);

}


.zown-whatsapp-pulse {

    position: absolute;


    inset: -5px;


    border:

        2px solid

        rgba(37, 211, 102, 0.40);


    border-radius: 50%;


    animation:

        zownWhatsappPulse

        2.2s

        infinite;

}


@keyframes zownWhatsappPulse {


    0% {

        opacity: 0.75;


        transform:

            scale(0.88);

    }


    70% {

        opacity: 0;


        transform:

            scale(1.28);

    }


    100% {

        opacity: 0;


        transform:

            scale(1.28);

    }


}


/* ==========================================================

   REVEAL

========================================================== */


[data-zown-reveal] {

    opacity: 0;


    transform:

        translateY(24px);


    transition:

        opacity 0.7s ease,

        transform 0.7s ease;

}


[data-zown-reveal].is-visible {

    opacity: 1;


    transform:

        translateY(0);

}


/* ==========================================================

   RESPONSIVO - TABLET

========================================================== */


@media (max-width: 991px) {


    .zown-navbar,

    .navbar {

        min-height: 74px;

    }


    .zown-navbar-logo {

        height: 48px;

    }


    .zown-navbar .navbar-collapse {

        margin-top: 12px;


        padding:

            14px

            0

            18px;


        border-top:

            1px solid

            var(--zown-border);

    }


    .zown-navbar-menu {

        align-items: stretch !important;

    }


    .zown-navbar .nav-link,

    .navbar .nav-link {

        padding:

            11px

            10px !important;

    }


    .zown-navbar .nav-link::after,

    .navbar .nav-link::after {

        display: none;

    }


    .zown-navbar-actions {

        margin:

            12px

            0

            0;

    }


    .zown-client-portal-button {

        width: 100%;

    }


    .zown-hero-slide,

    .zown-hero-container {

        min-height: 640px;

    }


    .zown-stats-section {

        margin-top: -30px;

    }


    .zown-stat-item {

        border-bottom:

            1px solid

            var(--zown-border);

    }


    .zown-flow-wrapper {

        flex-direction: column;

    }


    .zown-flow-arrow {

        justify-content: center;


        transform:

            rotate(90deg);

    }


    .zown-final-cta-box {

        flex-direction: column;


        align-items: flex-start;

    }


    .zown-final-cta-actions {

        width: 100%;

    }


}


/* ==========================================================

   RESPONSIVO - CELULAR

========================================================== */


@media (max-width: 767px) {


    .zown-navbar-logo {

        height: 44px;

        max-width: 155px;

    }


    .zown-hero-slide,

    .zown-hero-container {

        min-height: 620px;

    }


    .zown-hero-container {

        align-items: flex-end;


        padding-bottom: 80px;

    }


    .zown-hero-title {

        font-size: 2.75rem;

    }


    .zown-hero-subtitle {

        font-size: 1rem;

    }


    .zown-hero-buttons {

        flex-direction: column;


        align-items: stretch;

    }


    .zown-hero-buttons .btn {

        width: 100%;

    }


    .zown-hero-left,

    .zown-hero-center,

    .zown-hero-right {

        margin-left: 0;

        margin-right: 0;


        text-align: left;

    }


    .zown-hero-control {

        display: none;

    }


    .zown-stats-section {

        margin-top: 0;


        padding-top: 20px;

    }


    .zown-stat-item {

        padding:

            26px

            14px;

    }


    .zown-intro-section,

    .zown-solutions-section,

    .zown-feature-showcase,

    .zown-pdv-section,

    .zown-features-section,

    .zown-flow-section,

    .zown-commerce-section,

    .zown-support-section,

    .zown-testimonials-section,

    .zown-social-section,

    .zown-final-cta {

        padding-top: 82px;

        padding-bottom: 82px;

    }


    .zown-section-title {

        font-size: 2.25rem;

    }


    .zown-dark-benefits {

        grid-template-columns:

            1fr;

    }


    .zown-check-grid {

        grid-template-columns:

            1fr;

    }


    .zown-product-grid {

        grid-template-columns:

            1fr;

    }


    .zown-sync-badge {

        position: static;


        margin-top: 16px;

    }


    .zown-support-media img,

    .zown-support-video,

    .zown-support-placeholder {

        height: 380px;

    }


    .zown-social-grid {

        grid-template-columns:

            1fr;

    }


    .zown-final-cta-box {

        padding:

            32px

            24px;

    }


    .zown-final-cta-actions {

        flex-direction: column;

    }


    .zown-final-cta-actions .btn {

        width: 100%;

    }


    .zown-footer {

        padding-top: 60px;

    }


    .zown-footer-main {

        padding-bottom: 40px;

    }


    .zown-footer-bottom {

        flex-direction: column;


        align-items: flex-start;

    }


    .zown-footer-logo {

        height: 62px;

    }


    .zown-whatsapp-floating {

        right: 16px;

        bottom: 16px;


        width: 56px;

        height: 56px;


        font-size: 27px;

    }


    .zown-whatsapp-tooltip {

        display: none;

    }


}


/* ==========================================================

   ACESSIBILIDADE

========================================================== */


@media (

    prefers-reduced-motion:

    reduce

) {


    html {

        scroll-behavior: auto;

    }


    *,

    *::before,

    *::after {

        animation-duration:

            0.01ms !important;


        animation-iteration-count:

            1 !important;


        transition-duration:

            0.01ms !important;


        scroll-behavior:

            auto !important;

    }


}

/* ==========================================================
   ==========================================================
   ZOWN SISTEMAS — NOVA IDENTIDADE VISUAL
   Logo: ZOWN vermelho + SISTEMAS azul-marinho

   Vermelho = marca, ação comercial e conversão
   Azul-marinho = tecnologia, sistema e confiança
   Azul-claro = conectividade e inovação
   Preto/grafite = profundidade e visual tecnológico
   ==========================================================
   ========================================================== */

:root {
    --zown-red: #FF0A0A;
    --zown-red-dark: #D90000;
    --zown-red-deep: #B80000;
    --zown-red-soft: #FFF0F0;
    --zown-red-soft-2: #FFF7F7;

    --zown-primary: #17306F;
    --zown-primary-dark: #0F2458;
    --zown-primary-deep: #091B47;

    --zown-navy: #17306F;
    --zown-navy-dark: #0F2458;
    --zown-navy-deep: #091B47;

    --zown-blue-light: #6693F5;
    --zown-blue-medium: #3F70D8;
    --zown-blue-soft: #EAF1FF;
    --zown-blue-soft-2: #F4F7FF;

    --zown-black: #080A0F;
    --zown-graphite: #111827;
    --zown-graphite-light: #1F2937;

    --zown-white: #FFFFFF;

    --zown-surface: #FFFFFF;
    --zown-surface-soft: #F8F9FC;
    --zown-surface-blue: #F5F8FF;

    --zown-border: #E5E9F2;
    --zown-border-blue: #D7E2FB;
    --zown-border-red: #FFD5D5;

    --zown-text: #121827;
    --zown-text-soft: #667085;
    --zown-text-light: #98A2B3;

    --zown-shadow:
        0 20px 55px rgba(15, 36, 88, 0.12);

    --zown-shadow-soft:
        0 12px 35px rgba(15, 36, 88, 0.08);

    --zown-shadow-strong:
        0 30px 80px rgba(8, 10, 15, 0.28);

    --zown-shadow-red:
        0 14px 32px rgba(255, 10, 10, 0.20);
}


/* ==========================================================
   BASE / SELEÇÃO
========================================================== */

::selection {
    background: var(--zown-red);
    color: var(--zown-white);
}


/* ==========================================================
   BOTÕES
========================================================== */

.btn-primary {
    --bs-btn-bg: var(--zown-red);
    --bs-btn-border-color: var(--zown-red);

    --bs-btn-hover-bg: var(--zown-red-dark);
    --bs-btn-hover-border-color: var(--zown-red-dark);

    --bs-btn-active-bg: var(--zown-red-deep);
    --bs-btn-active-border-color: var(--zown-red-deep);

    --bs-btn-disabled-bg: var(--zown-red);
    --bs-btn-disabled-border-color: var(--zown-red);

    color: #FFFFFF;

    font-weight: 700;

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

.btn-primary:hover {
    color: #FFFFFF;

    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(255, 10, 10, 0.26);
}

.btn-outline-primary {
    --bs-btn-color: var(--zown-navy);
    --bs-btn-border-color: var(--zown-navy);

    --bs-btn-hover-bg: var(--zown-navy);
    --bs-btn-hover-border-color: var(--zown-navy);
    --bs-btn-hover-color: #FFFFFF;
}


/* ==========================================================
   NAVBAR
========================================================== */

.zown-navbar,
.navbar {
    background:
        rgba(255, 255, 255, 0.97) !important;

    border-bottom:
        1px solid rgba(23, 48, 111, 0.08);
}

.zown-navbar.zown-navbar-scrolled,
.navbar.zown-navbar-scrolled {
    background:
        rgba(255, 255, 255, 0.985) !important;

    box-shadow:
        0 10px 35px rgba(9, 27, 71, 0.10);
}

.zown-brand-text {
    color: var(--zown-red);
}

.zown-navbar .nav-link,
.navbar .nav-link {
    color: var(--zown-navy-dark);
}

.zown-navbar .nav-link:hover,
.navbar .nav-link:hover {
    color: var(--zown-red);

    background: var(--zown-red-soft-2);
}

.zown-navbar .nav-link::after,
.navbar .nav-link::after {
    background:
        linear-gradient(
            90deg,
            var(--zown-red),
            var(--zown-red-dark)
        );
}


/* ==========================================================
   PORTAL DO CLIENTE
========================================================== */

.zown-client-portal-button {
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        );

    color: var(--zown-white);

    box-shadow:
        0 10px 25px rgba(255, 10, 10, 0.22);
}

.zown-client-portal-button:hover {
    background:
        linear-gradient(
            135deg,
            var(--zown-red-dark),
            var(--zown-red-deep)
        );

    color: var(--zown-white);

    box-shadow:
        0 15px 34px rgba(255, 10, 10, 0.30);
}

.zown-client-portal-button > i:first-child {
    color: var(--zown-white);
}


/* ==========================================================
   TÍTULOS E DESTAQUES
========================================================== */

.zown-section-eyebrow {
    color: var(--zown-navy);
}

.zown-section-eyebrow::before {
    width: 30px;

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

.zown-section-eyebrow.light {
    color: var(--zown-blue-light);
}

.zown-section-eyebrow.light::before {
    background: var(--zown-red);
}

.zown-section-title span {
    color: var(--zown-red);
}

.zown-text-link {
    color: var(--zown-navy);
}

.zown-text-link:hover {
    color: var(--zown-red);
}


/* ==========================================================
   HERO — SOMENTE HOME
========================================================== */

.zown-hero-slide {
    background:
        radial-gradient(
            circle at 82% 20%,
            rgba(102, 147, 245, 0.23),
            transparent 34%
        ),
        radial-gradient(
            circle at 93% 78%,
            rgba(255, 10, 10, 0.14),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 38%,
            var(--zown-navy) 100%
        );
}

.zown-hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(8, 10, 15, 0.96) 0%,
            rgba(9, 27, 71, 0.90) 42%,
            rgba(23, 48, 111, 0.44) 76%,
            rgba(255, 10, 10, 0.10) 100%
        );
}

.zown-hero-highlight {
    background:
        rgba(255, 10, 10, 0.12);

    border:
        1px solid rgba(255, 10, 10, 0.30);

    color: var(--zown-white);
}

.zown-hero-highlight::before {
    background: var(--zown-red);

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

.zown-hero-primary-button {
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        ) !important;

    border-color:
        transparent !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 14px 32px rgba(255, 10, 10, 0.28);
}

.zown-hero-primary-button:hover {
    background:
        linear-gradient(
            135deg,
            var(--zown-red-dark),
            var(--zown-red-deep)
        ) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 18px 40px rgba(255, 10, 10, 0.38);
}

.zown-hero-secondary-button {
    color: #FFFFFF;

    border-color:
        rgba(255, 255, 255, 0.65);
}

.zown-hero-secondary-button:hover {
    background: #FFFFFF;

    color: var(--zown-navy-dark);

    border-color: #FFFFFF;
}

.zown-hero-indicators button.active {
    background-color:
        var(--zown-red) !important;
}

.zown-hero-default {
    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(102, 147, 245, 0.28),
            transparent 38%
        ),
        radial-gradient(
            circle at 92% 82%,
            rgba(255, 10, 10, 0.18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 40%,
            var(--zown-navy) 100%
        );
}


/* ==========================================================
   NÚMEROS
========================================================== */

.zown-stat-item::before {
    background:
        linear-gradient(
            90deg,
            var(--zown-red),
            var(--zown-red-dark)
        );
}

.zown-stat-icon {
    color: var(--zown-navy);
}

.zown-stat-value {
    color: var(--zown-red);
}


/* ==========================================================
   SOLUÇÕES
========================================================== */

.zown-solution-card:hover {
    border-color:
        rgba(255, 10, 10, 0.35);

    box-shadow:
        0 24px 55px rgba(9, 27, 71, 0.14);
}

.zown-solution-icon {
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            var(--zown-red-soft)
        );

    color: var(--zown-navy);
}

.zown-solution-link {
    color: var(--zown-navy);
}

.zown-solution-card:hover
.zown-solution-link {
    color: var(--zown-red);
}


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

.zown-benefit-icon {
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            #FFFFFF
        );

    color: var(--zown-navy);

    border:
        1px solid var(--zown-border-blue);
}


/* ==========================================================
   ESTOQUE / MOCKUP TECNOLÓGICO
========================================================== */

.zown-stock-demo {
    background:
        radial-gradient(
            circle at 92% 8%,
            rgba(102, 147, 245, 0.25),
            transparent 35%
        ),
        radial-gradient(
            circle at 8% 92%,
            rgba(255, 10, 10, 0.10),
            transparent 30%
        ),
        linear-gradient(
            155deg,
            var(--zown-black),
            var(--zown-navy-deep) 55%,
            var(--zown-navy)
        );

    box-shadow:
        var(--zown-shadow-strong);
}

.zown-stock-location.active {
    background:
        linear-gradient(
            90deg,
            rgba(255, 10, 10, 0.15),
            rgba(102, 147, 245, 0.10)
        );

    border-color:
        rgba(255, 10, 10, 0.38);

    box-shadow:
        inset 4px 0 0 var(--zown-red);
}


/* ==========================================================
   PDV
========================================================== */

.zown-pdv-section {
    background:
        radial-gradient(
            circle at 15% 25%,
            rgba(255, 10, 10, 0.18),
            transparent 34%
        ),
        radial-gradient(
            circle at 82% 68%,
            rgba(102, 147, 245, 0.22),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 48%,
            var(--zown-navy) 100%
        );
}

.zown-offline-message {
    background: var(--zown-red-soft);

    color: var(--zown-red-dark);

    border:
        1px solid var(--zown-border-red);
}

.zown-offline-icon {
    background:
        rgba(255, 10, 10, 0.10);

    color: var(--zown-red);
}

.zown-dark-benefits i {
    color: var(--zown-red);
}


/* ==========================================================
   CARDS DE RECURSOS
========================================================== */

.zown-feature-card {
    position: relative;
}

.zown-feature-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 28px;

    width: 0;
    height: 3px;

    border-radius:
        0 0 999px 999px;

    background: var(--zown-red);

    transition:
        width 0.25s ease;
}

.zown-feature-card:hover::before {
    width: 44px;
}

.zown-feature-card:hover {
    border-color:
        rgba(255, 10, 10, 0.28);
}

.zown-feature-icon {
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            #FFFFFF
        );

    color: var(--zown-navy);

    border:
        1px solid var(--zown-border-blue);
}

.zown-feature-card:hover
.zown-feature-arrow {
    color: var(--zown-red);
}


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

.zown-flow-item:hover {
    border-color:
        rgba(255, 10, 10, 0.30);
}

.zown-flow-icon {
    background: var(--zown-blue-soft);

    color: var(--zown-navy);
}

.zown-flow-item:hover
.zown-flow-icon {
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        );

    color: #FFFFFF;
}

.zown-flow-arrow {
    color: var(--zown-red);
}


/* ==========================================================
   LOJA ONLINE / COMMERCE
========================================================== */

.zown-commerce-section {
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F9FD 100%
        );
}

.zown-product-image {
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            var(--zown-red-soft-2)
        );

    color: var(--zown-navy);
}

.zown-product-card span.promotion {
    color: var(--zown-red);
}

.zown-sync-badge {
    background:
        linear-gradient(
            135deg,
            var(--zown-navy),
            var(--zown-black)
        );

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

.zown-sync-badge i {
    color: var(--zown-red);
}


/* ==========================================================
   SUPORTE
========================================================== */

.zown-support-placeholder {
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            var(--zown-red-soft-2)
        );

    color: var(--zown-navy);
}

.zown-support-option > i {
    background: var(--zown-blue-soft);

    color: var(--zown-navy);

    border:
        1px solid var(--zown-border-blue);
}


/* ==========================================================
   DEPOIMENTOS
========================================================== */

.zown-testimonial-card::before {
    background:
        linear-gradient(
            90deg,
            var(--zown-red),
            var(--zown-red-dark)
        );
}

.zown-client-avatar {
    background: var(--zown-red-soft);

    color: var(--zown-red);
}


/* ==========================================================
   RESPONSABILIDADE SOCIAL
========================================================== */

.zown-social-section {
    background:
        radial-gradient(
            circle at 83% 15%,
            rgba(255, 10, 10, 0.16),
            transparent 35%
        ),
        radial-gradient(
            circle at 15% 85%,
            rgba(102, 147, 245, 0.17),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 45%,
            var(--zown-navy) 100%
        );
}


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

.zown-final-cta-box {
    border:
        1px solid rgba(255, 255, 255, 0.08);

    background:
        radial-gradient(
            circle at 88% 16%,
            rgba(255, 10, 10, 0.22),
            transparent 34%
        ),
        radial-gradient(
            circle at 72% 80%,
            rgba(102, 147, 245, 0.18),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 46%,
            var(--zown-navy) 100%
        );

    box-shadow:
        var(--zown-shadow-strong);
}

.zown-final-cta-box::before {
    content: "";

    position: absolute;

    top: 0;
    left: 50px;

    width: 90px;
    height: 4px;

    border-radius:
        0 0 999px 999px;

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

.zown-final-cta-box::after {
    border-color:
        rgba(255, 10, 10, 0.12);
}

.zown-final-cta .btn-light {
    color: var(--zown-red);

    font-weight: 800;

    border: 0;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.15);
}

.zown-final-cta .btn-light:hover {
    color: var(--zown-red-dark);

    transform: translateY(-2px);
}


/* ==========================================================
   FOOTER
========================================================== */

.zown-footer {
    border-top:
        4px solid var(--zown-red);

    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(102, 147, 245, 0.12),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            var(--zown-black) 0%,
            var(--zown-navy-deep) 48%,
            var(--zown-navy-dark) 100%
        );
}

.zown-footer-title::after {
    background: var(--zown-red);
}

.zown-footer-portal:hover {
    border-color:
        rgba(255, 10, 10, 0.50);
}

.zown-social-links a:hover {
    background: var(--zown-red);

    border-color: var(--zown-red);

    color: #FFFFFF;
}


/* ==========================================================
   PLANOS
========================================================== */

.zown-plan-featured {
    border-color:
        var(--zown-red) !important;

    box-shadow:
        0 24px 60px rgba(255, 10, 10, 0.12);
}

.zown-plan-featured::before {
    background:
        linear-gradient(
            180deg,
            rgba(255, 10, 10, 0.06),
            transparent 35%
        );
}

.zown-plan-badge {
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        );

    box-shadow:
        var(--zown-shadow-red);
}

.zown-plan-badge i {
    color: #FFFFFF;
}

.zown-plan-icon {
    color: var(--zown-navy);
}

.zown-plan-icon.featured {
    background: var(--zown-red);

    color: #FFFFFF;
}

.zown-plan-price-value .currency,
.zown-plan-price-value strong,
.zown-plan-consult {
    color: var(--zown-red);
}

.zown-plan-button {
    color: var(--zown-navy);

    border-color: var(--zown-navy);
}

.zown-plan-button:hover {
    background: var(--zown-navy);

    color: #FFFFFF;
}

.zown-plan-button-primary {
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        );

    border-color:
        var(--zown-red);

    box-shadow:
        var(--zown-shadow-red);
}

.zown-plan-button-primary:hover {
    background:
        linear-gradient(
            135deg,
            var(--zown-red-dark),
            var(--zown-red-deep)
        );

    border-color:
        var(--zown-red-dark);
}


/* ==========================================================
   FAQ
========================================================== */

.zown-faq .accordion-button:not(.collapsed) {
    color: var(--zown-navy);

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

.zown-faq-icon {
    background: var(--zown-red-soft);

    color: var(--zown-red);
}


/* ==========================================================
   RECURSOS
========================================================== */

.zown-resource-media-card:hover {
    border-color:
        rgba(255, 10, 10, 0.30);
}

.zown-resource-gallery-content > span {
    color: var(--zown-red);
}


/* ==========================================================
   SEGMENTOS
========================================================== */

.zown-segment-placeholder {
    background:
        radial-gradient(
            circle at 70% 30%,
            rgba(255, 10, 10, 0.09),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            var(--zown-blue-soft-2)
        );

    color: var(--zown-navy);
}


/* ==========================================================
   SEGMENTOS — CELULAR
   Deixa os cards menores e mais compactos
========================================================== */

@media (max-width: 767px) {

    /* Diminui o espaço geral da seção */
    .zown-solutions-section {
        padding: 55px 0;
    }

    /* Diminui o espaço entre um segmento e outro */
    .zown-solutions-section .row.g-4 {
        --bs-gutter-y: 14px;
    }

    /* Card */
    .zown-segment-card {
        border-radius: 16px;
        overflow: hidden;
    }

    /* Imagem do segmento */
    .zown-segment-card .zown-solution-image {
        height: 130px;
    }

    .zown-segment-card .zown-solution-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /* Caso o segmento não tenha imagem */
    .zown-segment-card .zown-segment-placeholder {
        height: 130px;
        min-height: 130px;

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

    .zown-segment-card .zown-segment-placeholder i {
        font-size: 2rem;
    }

    /* Parte branca com textos */
    .zown-segment-card .zown-solution-content {
        padding: 15px 16px 16px;
    }

    /* Ícone */
    .zown-segment-card .zown-solution-icon {
        width: 36px;
        height: 36px;

        margin-bottom: 9px;

        border-radius: 10px;

        font-size: 0.95rem;
    }

    /* Nome do segmento */
    .zown-segment-card .zown-solution-content h3 {
        margin: 0;

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

    /* Descrição */
    .zown-segment-card .zown-segment-short {
        margin-top: 6px;
        margin-bottom: 4px;

        font-size: 0.84rem;
        line-height: 1.4;
    }

    /* Conhecer solução */
    .zown-segment-card .zown-solution-link {
        margin-top: 5px;

        font-size: 0.84rem;
    }

}

/* ==========================================================
   CABEÇALHO COMPACTO DAS PÁGINAS INTERNAS
========================================================== */

.zown-page-header {
    position: relative;

    overflow: hidden;

    padding:
        78px
        0
        72px;

    background:
        radial-gradient(
            circle at 87% 15%,
            rgba(255, 10, 10, 0.07),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 85%,
            rgba(102, 147, 245, 0.10),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F9FD 100%
        );

    border-bottom:
        1px solid var(--zown-border);
}

.zown-page-header::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 0;

    width: 90px;
    height: 4px;

    border-radius:
        999px 999px 0 0;

    background:
        linear-gradient(
            90deg,
            var(--zown-navy) 0%,
            var(--zown-red) 50%,
            var(--zown-navy) 100%
        );

    transform:
        translateX(-50%);
}

.zown-page-title {
    max-width: 900px;

    margin:
        16px auto 0;

    color:
        var(--zown-navy-dark);

    font-size:
        clamp(
            2.25rem,
            4.5vw,
            4rem
        );

    line-height: 1.06;

    font-weight: 850;

    letter-spacing:
        -0.045em;
}

.zown-page-title span {
    color: var(--zown-red);
}

.zown-page-description {
    max-width: 690px;

    margin-top: 20px;

    color:
        var(--zown-text-soft);

    font-size:
        1.08rem;

    line-height: 1.7;
}


/* ==========================================================
   UTILITÁRIOS DA NOVA MARCA
========================================================== */

.zown-red-accent {
    width: 54px;
    height: 4px;

    margin:
        18px 0;

    border-radius: 999px;

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

.zown-text-red {
    color:
        var(--zown-red) !important;
}

.zown-text-navy {
    color:
        var(--zown-navy) !important;
}

.zown-tech-dark {
    color: #FFFFFF;

    background:
        linear-gradient(
            135deg,
            var(--zown-black),
            var(--zown-navy-deep)
        );
}


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

@media (max-width: 767px) {

    .zown-page-header {
        padding:
            58px 0 55px;
    }

    .zown-page-title {
        font-size: 2.15rem;
    }

    .zown-page-description {
        font-size: 1rem;
    }

    .zown-final-cta-box::before {
        left: 24px;

        width: 65px;
    }

}

/* ==========================================================
   ==========================================================
   HOME — NOVOS BLOCOS DO ECOSSISTEMA ZOWN
   Compatível com a nova Home:
   PDV + retaguarda + estoque + logística + montagem +
   ponto eletrônico + catálogo + WhatsApp + site integrado
   ==========================================================
   ========================================================== */


/* ==========================================================
   ECOSSISTEMA ZOWN
========================================================== */

.zown-ecosystem-section {
    padding: 20px 0 120px;
    background: var(--zown-white);
}

.zown-ecosystem-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.zown-ecosystem-card {
    position: relative;
    overflow: hidden;
    min-height: 180px;
    padding: 26px;
    border-radius: 20px;
    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8FAFF
        );
    border: 1px solid var(--zown-border);
    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.zown-ecosystem-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background:
        linear-gradient(
            90deg,
            var(--zown-red),
            var(--zown-navy)
        );
}

.zown-ecosystem-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 10, 10, 0.26);
    box-shadow: var(--zown-shadow-soft);
}

.zown-ecosystem-icon {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            var(--zown-red-soft),
            var(--zown-blue-soft)
        );
    color: var(--zown-navy);
    font-size: 1.35rem;
}

.zown-ecosystem-card strong {
    display: block;
    color: var(--zown-text);
    font-size: 1.05rem;
}

.zown-ecosystem-card > span {
    display: block;
    margin-top: 7px;
    color: var(--zown-text-soft);
    font-size: 0.9rem;
    line-height: 1.5;
}


/* ==========================================================
   LOGÍSTICA / PAINEL DE ROTAS
========================================================== */

.zown-logistics-section {
    padding: 120px 0;
    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F8FAFD
        );
}

.zown-route-panel {
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(255, 10, 10, 0.12),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            var(--zown-black),
            var(--zown-navy-deep)
        );
    color: #FFFFFF;
    box-shadow: var(--zown-shadow-strong);
}

.zown-route-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.zown-route-top span {
    display: block;
    color: #AFC2EA;
    font-size: 0.8rem;
}

.zown-route-top strong {
    display: block;
    margin-top: 4px;
    font-size: 1.18rem;
}

.zown-route-count {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255, 10, 10, 0.13);
    color: #FF8D8D !important;
    border: 1px solid rgba(255, 10, 10, 0.22);
}

.zown-route-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    margin-bottom: 11px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.zown-route-item.active {
    background:
        linear-gradient(
            90deg,
            rgba(255, 10, 10, 0.12),
            rgba(102, 147, 245, 0.10)
        );
    border-color: rgba(255, 10, 10, 0.30);
    box-shadow: inset 3px 0 0 var(--zown-red);
}

.zown-route-number {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--zown-blue-light);
    font-size: 0.8rem;
    font-weight: 800;
}

.zown-route-item > div:nth-child(2) {
    flex: 1;
}

.zown-route-item strong,
.zown-route-item span {
    display: block;
}

.zown-route-item span {
    margin-top: 3px;
    color: #AFC2EA;
    font-size: 0.8rem;
}

.zown-route-item > i {
    color: var(--zown-blue-light);
    font-size: 1.2rem;
}

.zown-route-item.completed > i {
    color: #4ADE80;
}

.zown-route-item.active > i {
    color: var(--zown-red);
}

.zown-route-progress {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.zown-route-progress > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.zown-route-progress span {
    color: #AFC2EA;
    font-size: 0.82rem;
}

.zown-route-progress-bar {
    overflow: hidden;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
}

.zown-route-progress-bar span {
    display: block;
    width: 58%;
    height: 100%;
    border-radius: inherit;
    background:
        linear-gradient(
            90deg,
            var(--zown-red),
            var(--zown-blue-light)
        );
}


/* ==========================================================
   PAINEL DE MONTAGEM
========================================================== */

.zown-assembly-section {
    padding: 120px 0;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(255, 10, 10, 0.14),
            transparent 34%
        ),
        radial-gradient(
            circle at 10% 82%,
            rgba(102, 147, 245, 0.16),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--zown-black),
            var(--zown-navy-deep)
        );
}

.zown-assembly-board {
    padding: 28px;
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.28);
}

.zown-assembly-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.zown-assembly-header span,
.zown-assembly-header strong {
    display: block;
}

.zown-assembly-header span {
    color: var(--zown-text-soft);
    font-size: 0.78rem;
}

.zown-assembly-header strong {
    margin-top: 3px;
    color: var(--zown-text);
    font-size: 1.15rem;
}

.zown-assembly-header > i {
    color: var(--zown-red);
    font-size: 1.7rem;
}

.zown-assembly-order {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px;
    margin-top: 10px;
    border-radius: 14px;
    border: 1px solid var(--zown-border);
    background: #FAFBFD;
}

.zown-assembly-order-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    background:
        linear-gradient(
            135deg,
            var(--zown-red-soft),
            var(--zown-blue-soft)
        );
    color: var(--zown-navy);
}

.zown-assembly-order strong,
.zown-assembly-order span {
    display: block;
}

.zown-assembly-order > div:nth-child(2) span {
    margin-top: 2px;
    color: var(--zown-text-soft);
    font-size: 0.8rem;
}

.zown-assembly-status {
    flex: 0 0 auto;
    padding: 6px 9px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
}

.zown-assembly-status.waiting {
    color: #92400E;
    background: #FFF7ED;
}

.zown-assembly-status.progress {
    color: var(--zown-navy);
    background: var(--zown-blue-soft);
}

.zown-assembly-status.done {
    color: #166534;
    background: #F0FDF4;
}


/* ==========================================================
   PONTO ELETRÔNICO
========================================================== */

.zown-timeclock-section {
    padding: 120px 0;
    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F9FD
        );
}

.zown-clock-demo {
    overflow: hidden;
    border-radius: 26px;
    background: var(--zown-black);
    color: #FFFFFF;
    box-shadow: var(--zown-shadow-strong);
}

.zown-clock-camera {
    position: relative;
    min-height: 330px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(
            circle at 50% 50%,
            rgba(102, 147, 245, 0.22),
            transparent 42%
        ),
        radial-gradient(
            circle at 85% 15%,
            rgba(255, 10, 10, 0.10),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #101726,
            #08101F
        );
}

.zown-face-frame {
    position: relative;
    width: 170px;
    height: 205px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.66);
    font-size: 7rem;
}

.zown-face-frame .corner {
    position: absolute;
    width: 34px;
    height: 34px;
    border-color: var(--zown-red);
}

.zown-face-frame .top-left {
    top: 0;
    left: 0;
    border-top: 3px solid;
    border-left: 3px solid;
}

.zown-face-frame .top-right {
    top: 0;
    right: 0;
    border-top: 3px solid;
    border-right: 3px solid;
}

.zown-face-frame .bottom-left {
    bottom: 0;
    left: 0;
    border-bottom: 3px solid;
    border-left: 3px solid;
}

.zown-face-frame .bottom-right {
    bottom: 0;
    right: 0;
    border-bottom: 3px solid;
    border-right: 3px solid;
}

.zown-clock-recognition {
    position: absolute;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 13px;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.14);
    color: #86EFAC;
    border: 1px solid rgba(34, 197, 94, 0.22);
    white-space: nowrap;
    font-size: 0.78rem;
}

.zown-clock-recognition span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #22C55E;
}

.zown-clock-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(255, 255, 255, 0.08);
}

.zown-clock-info > div {
    padding: 18px;
    background: #0D1421;
}

.zown-clock-info span,
.zown-clock-info strong {
    display: block;
}

.zown-clock-info span {
    color: #8998B5;
    font-size: 0.7rem;
}

.zown-clock-info strong {
    margin-top: 4px;
    font-size: 0.9rem;
}

.zown-clock-success {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 17px;
    color: #86EFAC;
    background: rgba(34, 197, 94, 0.08);
    border-top: 1px solid rgba(34, 197, 94, 0.12);
    font-size: 0.88rem;
}


/* ==========================================================
   CATÁLOGO POR VENDEDOR
========================================================== */

.zown-catalog-section {
    padding: 120px 0;
    background: #FFFFFF;
}

.zown-catalog-demo {
    padding: 27px;
    border-radius: 26px;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(255, 10, 10, 0.05),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #F8FAFE
        );
    border: 1px solid var(--zown-border);
    box-shadow: var(--zown-shadow);
}

.zown-catalog-profile {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 25px;
}

.zown-catalog-avatar {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            var(--zown-red),
            var(--zown-red-dark)
        );
    color: #FFFFFF;
    font-weight: 800;
}

.zown-catalog-profile span,
.zown-catalog-profile strong {
    display: block;
}

.zown-catalog-profile span {
    color: var(--zown-text-soft);
    font-size: 0.75rem;
}

.zown-catalog-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.zown-catalog-products > div {
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 14px;
    background: #FFFFFF;
    border: 1px solid var(--zown-border);
    text-align: center;
}

.zown-catalog-products i {
    margin-bottom: 12px;
    color: var(--zown-navy);
    font-size: 2rem;
}

.zown-catalog-products strong {
    font-size: 0.86rem;
}

.zown-catalog-products span {
    margin-top: 4px;
    color: var(--zown-red);
    font-size: 0.7rem;
}

.zown-catalog-link {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    padding: 13px 15px;
    border-radius: 12px;
    background:
        linear-gradient(
            90deg,
            var(--zown-red-soft),
            var(--zown-blue-soft)
        );
    color: var(--zown-navy);
    font-size: 0.82rem;
    font-weight: 700;
}


/* ==========================================================
   WHATSAPP DENTRO DO SAAS
========================================================== */

.zown-whatsapp-saas-section {
    padding: 120px 0;
    background:
        radial-gradient(
            circle at 88% 15%,
            rgba(255, 10, 10, 0.14),
            transparent 32%
        ),
        radial-gradient(
            circle at 10% 82%,
            rgba(102, 147, 245, 0.18),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--zown-black),
            var(--zown-navy-deep)
        );
}

.zown-chat-window {
    overflow: hidden;
    border-radius: 25px;
    background: #FFFFFF;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.28);
}

.zown-chat-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 19px;
    border-bottom: 1px solid var(--zown-border);
}

.zown-chat-company {
    display: flex;
    align-items: center;
    gap: 11px;
}

.zown-chat-logo {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #E9FBEF;
    color: #16A34A;
    font-size: 1.3rem;
}

.zown-chat-company strong,
.zown-chat-company span {
    display: block;
}

.zown-chat-company span {
    margin-top: 2px;
    color: var(--zown-text-soft);
    font-size: 0.73rem;
}

.zown-chat-online {
    padding: 6px 10px;
    border-radius: 999px;
    background: #EAFBF1;
    color: #15803D;
    font-size: 0.7rem;
    font-weight: 700;
}

.zown-chat-body {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    background: #F7F9FC;
}

.zown-chat-message {
    max-width: 78%;
    padding: 11px 13px;
    border-radius: 14px;
    color: #344054;
    font-size: 0.87rem;
    line-height: 1.5;
}

.zown-chat-message small {
    display: block;
    margin-top: 5px;
    font-size: 0.65rem;
    opacity: 0.6;
}

.zown-chat-message.customer {
    align-self: flex-start;
    background: #FFFFFF;
    border: 1px solid var(--zown-border);
}

.zown-chat-message.agent {
    align-self: flex-end;
    background:
        linear-gradient(
            135deg,
            var(--zown-blue-soft),
            var(--zown-red-soft-2)
        );
    color: var(--zown-navy);
}

.zown-chat-input {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 18px;
    color: var(--zown-text-light);
    border-top: 1px solid var(--zown-border);
    font-size: 0.8rem;
}

.zown-chat-input span {
    flex: 1;
}

.zown-chat-input i {
    color: var(--zown-red);
}


/* ==========================================================
   AJUSTES DA HOME PARA A NOVA IDENTIDADE
========================================================== */

.zown-ecosystem-section + .zown-solutions-section {
    border-top:
        1px solid rgba(23, 48, 111, 0.05);
}

.zown-timeclock-section .zown-benefit-icon,
.zown-logistics-section .zown-benefit-icon {
    position: relative;
}

.zown-timeclock-section .zown-benefit-icon::after,
.zown-logistics-section .zown-benefit-icon::after {
    content: "";
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--zown-red);
    border: 2px solid #FFFFFF;
}


/* ==========================================================
   RESPONSIVO — NOVAS SEÇÕES DA HOME
========================================================== */

@media (max-width: 1199px) {

    .zown-ecosystem-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 991px) {

    .zown-logistics-section,
    .zown-assembly-section,
    .zown-timeclock-section,
    .zown-catalog-section,
    .zown-whatsapp-saas-section {
        padding:
            100px 0;
    }

}

@media (max-width: 767px) {

    .zown-ecosystem-section,
    .zown-logistics-section,
    .zown-assembly-section,
    .zown-timeclock-section,
    .zown-catalog-section,
    .zown-whatsapp-saas-section {
        padding:
            82px 0;
    }

    .zown-ecosystem-section {
        padding-top: 10px;
    }

    .zown-ecosystem-grid {
        grid-template-columns: 1fr;
    }

    .zown-clock-info {
        grid-template-columns: 1fr;
    }

    .zown-catalog-products {
        grid-template-columns: 1fr;
    }

    .zown-route-panel,
    .zown-assembly-board,
    .zown-catalog-demo {
        padding: 22px;
    }

    .zown-route-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .zown-assembly-order {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .zown-assembly-status {
        margin-left: 55px;
    }

    .zown-clock-camera {
        min-height: 290px;
    }

    .zown-face-frame {
        width: 145px;
        height: 180px;
        font-size: 6rem;
    }

    .zown-chat-body {
        min-height: 310px;
        padding: 18px;
    }

    .zown-chat-message {
        max-width: 90%;
    }

    .zown-chat-header {
        align-items: flex-start;
    }

    .zown-chat-online {
        flex: 0 0 auto;
    }

}

@media (max-width: 480px) {

    .zown-assembly-status {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .zown-clock-recognition {
        max-width: calc(100% - 30px);
        white-space: normal;
        text-align: center;
    }

}

/* ==========================================================
   PÁGINA DE RECURSOS
========================================================== */

.zown-resource-heading-description {
    max-width: 460px;
    margin: 0;
    color: var(--zown-text-soft);
    font-size: 1rem;
    line-height: 1.7;
}


/* CARD DE RECURSO */

.zown-resource-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.zown-resource-card h3 {
    margin-bottom: 0;
}

.zown-resource-short {
    margin-top: 12px;
    margin-bottom: 0;
    color: var(--zown-text-soft);
    line-height: 1.7;
}


/* MÍDIA DO RECURSO */

.zown-resource-media {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--zown-surface-soft);
}

.zown-resource-media img,
.zown-resource-media video {
    display: block;
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.zown-resource-media-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(
            to top,
            rgba(15, 36, 88, 0.18),
            transparent 55%
        );
}


/* ==========================================================
   BLOCO DE INTEGRAÇÃO
========================================================== */

.zown-resource-integration-section {
    padding: 110px 0;
    background: var(--zown-white);
}

.zown-resource-integration-box {
    padding: 50px;

    border-radius: var(--zown-radius-lg);

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(102, 147, 245, 0.30),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            var(--zown-primary-deep),
            var(--zown-primary)
        );

    color: var(--zown-white);

    box-shadow:
        var(--zown-shadow-strong);
}

.zown-resource-integration-box h2 {
    margin-top: 14px;
    margin-bottom: 0;

    font-size:
        clamp(
            2rem,
            4vw,
            3.5rem
        );

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.04em;

    color: var(--zown-white);
}

.zown-resource-integration-box h2 span {
    color: var(--zown-blue-light);
}

.zown-resource-integration-box p {
    max-width: 680px;

    margin-top: 20px;
    margin-bottom: 0;

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

    font-size: 1.05rem;

    line-height: 1.7;
}


/* ÍCONES */

.zown-resource-integration-icons {
    display: grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap: 14px;
}

.zown-resource-integration-icons > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 125px;

    padding: 20px;

    border-radius: 18px;

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

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

    text-align: center;
}

.zown-resource-integration-icons i {
    margin-bottom: 10px;

    font-size: 1.8rem;

    color: var(--zown-blue-light);
}

.zown-resource-integration-icons span {
    color: var(--zown-white);

    font-size: 0.95rem;

    font-weight: 700;
}


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

@media (max-width: 991px) {

    .zown-resource-heading-description {
        max-width: 100%;
    }

    .zown-resource-integration-box {
        padding: 38px;
    }

}


@media (max-width: 767px) {

    .zown-resource-integration-section {
        padding: 80px 0;
    }

    .zown-resource-integration-box {
        padding: 30px 24px;
    }

    .zown-resource-integration-icons {
        grid-template-columns: 1fr 1fr;
        margin-top: 20px;
    }

    .zown-resource-media img,
    .zown-resource-media video {
        height: 200px;
    }

}


@media (max-width: 480px) {

    .zown-resource-integration-icons {
        grid-template-columns: 1fr;
    }

}