:root{
    --rv3-bg:#020c1b;
    --rv3-bg-2:#06162b;
    --rv3-panel:#081d38;
    --rv3-panel-2:#0a2343;
    --rv3-border:#123d67;
    --rv3-border-soft:rgba(49,145,226,.20);

    --rv3-white:#f7fbff;
    --rv3-text:#a9bfd7;
    --rv3-muted:#6f8ba8;

    --rv3-blue:#328cff;
    --rv3-cyan:#27d1ff;
    --rv3-green:#27e19a;

    --rv3-radius:18px;
}

*{
    box-sizing:border-box;
}

html{
    margin:0;
    padding:0;
    background:var(--rv3-bg);
}

body{
    margin:0;
    min-height:100vh;
    color:var(--rv3-white);
    background:
        radial-gradient(
            circle at 14% 8%,
            rgba(30,100,255,.14),
            transparent 28%
        ),
        radial-gradient(
            circle at 92% 78%,
            rgba(0,190,255,.07),
            transparent 30%
        ),
        var(--rv3-bg);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    -webkit-font-smoothing:antialiased;
}

a{
    color:inherit;
    text-decoration:none;
}

.rv3-container{
    width:min(1480px, calc(100% - 72px));
    margin:0 auto;
}


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

.rv3-header{
    height:74px;
    border-bottom:1px solid rgba(65,129,190,.14);
    background:rgba(2,11,25,.92);
}

.rv3-header-inner{
    height:100%;
    display:flex;
    align-items:center;
}

.rv3-brand{
    display:flex;
    align-items:center;
    gap:10px;
}

.rv3-brand img{
    width:38px;
    height:38px;
    object-fit:contain;
}

.rv3-brand span{
    display:flex;
    flex-direction:column;
    line-height:1;
}

.rv3-brand strong{
    font-size:15px;
    letter-spacing:.02em;
}

.rv3-brand strong em{
    color:var(--rv3-cyan);
    font-style:normal;
}

.rv3-brand small{
    margin-top:5px;
    color:#7893ad;
    font-size:7px;
}

.rv3-nav{
    display:flex;
    align-items:center;
    gap:30px;
    margin-left:auto;
}

.rv3-nav a{
    color:#9eb4ca;
    font-size:13px;
    font-weight:700;
}

.rv3-nav a:hover,
.rv3-nav a.is-active{
    color:var(--rv3-cyan);
}

.rv3-actions{
    display:flex;
    gap:10px;
    margin-left:30px;
}

.rv3-btn{
    min-height:40px;
    padding:0 18px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:800;
}

.rv3-btn-ghost{
    border:1px solid #16436d;
    background:#07182c;
}

.rv3-btn-primary{
    border:1px solid rgba(75,192,255,.42);
    background:linear-gradient(
        135deg,
        #347eff,
        #22c8f4
    );
    box-shadow:0 8px 28px rgba(32,143,255,.18);
}


/* =========================================================
   INTRO
   ========================================================= */

.rv3-intro{
    padding:44px 0 30px;
}

.rv3-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;

    margin-bottom:14px;

    color:var(--rv3-cyan);
    font-size:11px;
    font-weight:900;
    letter-spacing:.10em;
}

.rv3-intro-row{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
    align-items:end;
    gap:70px;
}

.rv3-intro-title h1{
    max-width:850px;
    margin:0;

    font-size:clamp(42px,4vw,66px);
    line-height:.98;
    letter-spacing:-.045em;
}

.rv3-intro-title h1 span{
    color:#4ba8ff;
}

.rv3-intro-copy{
    display:flex;
    justify-content:flex-end;
    padding-bottom:6px;
}

.rv3-intro-copy p{
    max-width:460px;
    margin:0;

    color:var(--rv3-text);
    font-size:17px;
    line-height:1.55;
}


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

.rv3-resources{
    padding:26px 0 32px;
}

.rv3-section-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:50px;

    margin-bottom:18px;
}

.rv3-section-head span{
    display:block;
    margin-bottom:6px;

    color:var(--rv3-cyan);
    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
}

.rv3-section-head h2{
    margin:0;

    font-size:28px;
    line-height:1.08;
    letter-spacing:-.025em;
}

.rv3-section-head > p{
    max-width:500px;
    margin:0;

    color:#7895b1;
    font-size:13px;
    line-height:1.5;
    text-align:right;
}

.rv3-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:14px;
}

.rv3-card{
    min-height:190px;
    padding:21px 22px 19px;

    border:1px solid var(--rv3-border-soft);
    border-radius:var(--rv3-radius);

    background:
        linear-gradient(
            145deg,
            rgba(9,31,59,.96),
            rgba(5,22,43,.94)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.015),
        0 14px 34px rgba(0,0,0,.08);
}

.rv3-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:15px;
}

.rv3-icon{
    width:42px;
    height:42px;

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

    border:1px solid #14518a;
    border-radius:12px;

    color:var(--rv3-cyan);
    background:#08264a;

    font-size:20px;
}

.rv3-icon-whatsapp{
    color:var(--rv3-green);
}

.rv3-number{
    color:#3b91ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
}

.rv3-card h3{
    margin:0 0 7px;

    font-size:19px;
    line-height:1.15;
}

.rv3-card > p{
    min-height:39px;
    margin:0;

    color:var(--rv3-text);
    font-size:13px;
    line-height:1.5;
}

.rv3-tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:15px;
}

.rv3-tags span{
    padding:5px 9px;

    border:1px solid rgba(40,142,221,.22);
    border-radius:999px;

    color:#8eb9df;
    background:rgba(18,73,119,.22);

    font-size:10px;
    font-weight:700;
}


/* =========================================================
   INTEGRAÇÕES
   ========================================================= */

.rv3-integrations{
    padding:0 0 38px;
}

.rv3-integrations-shell{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:34px;
    align-items:center;

    padding:25px 28px;

    border:1px solid rgba(48,147,230,.26);
    border-radius:20px;

    background:
        radial-gradient(
            circle at 88% 50%,
            rgba(31,145,255,.10),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            rgba(7,31,61,.98),
            rgba(5,22,43,.96)
        );
}

.rv3-integrations-copy > span{
    display:block;
    margin-bottom:8px;

    color:var(--rv3-cyan);
    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
}

.rv3-integrations-copy h2{
    max-width:440px;
    margin:0;

    font-size:29px;
    line-height:1.08;
    letter-spacing:-.03em;
}

.rv3-integrations-copy h2 strong{
    display:block;
    color:#48a8ff;
}

.rv3-integrations-copy p{
    max-width:460px;
    margin:10px 0 0;

    color:var(--rv3-text);
    font-size:13px;
    line-height:1.5;
}

.rv3-integration-cards{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.rv3-integration-card{
    min-height:116px;

    display:grid;
    grid-template-columns:54px minmax(0,1fr);
    gap:14px;
    align-items:center;

    padding:16px;

    border:1px solid rgba(46,143,223,.25);
    border-radius:15px;

    background:rgba(8,34,65,.72);
}

.rv3-integration-logo{
    width:54px;
    height:54px;

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

    border-radius:14px;
    background:#092b53;
}

.rv3-sigma span{
    color:#32cfff;
    font-size:28px;
    font-weight:900;
}

.rv3-xcloud{
    color:#35c99e;
    font-size:28px;
}

.rv3-integration-card small{
    display:block;
    margin-bottom:4px;

    color:var(--rv3-cyan);
    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.rv3-integration-card h3{
    margin:0;

    font-size:16px;
    line-height:1.2;
}

.rv3-integration-card p{
    margin:6px 0 0;

    color:#8ca9c5;
    font-size:11px;
    line-height:1.4;
}


/* =========================================================
   DESKTOP GRANDE
   Objetivo: alta densidade sem miniaturizar
   ========================================================= */

@media (min-width:1200px) and (min-height:800px){

    .rv3-intro{
        padding-top:34px;
        padding-bottom:20px;
    }

    .rv3-resources{
        padding-top:18px;
        padding-bottom:24px;
    }

    .rv3-card{
        min-height:176px;
    }

}


/* =========================================================
   MOBILE / TABLET
   COMPOSIÇÃO PRÓPRIA
   ========================================================= */

@media (max-width:767px){

    .rv3-container{
        width:calc(100% - 28px);
    }

    .rv3-header{
        height:66px;
    }

    .rv3-brand img{
        width:34px;
        height:34px;
    }

    .rv3-brand strong{
        font-size:13px;
    }

    .rv3-brand small{
        font-size:6px;
    }

    .rv3-nav{
        display:none;
    }

    .rv3-actions{
        margin-left:auto;
        gap:7px;
    }

    .rv3-btn{
        min-height:36px;
        padding:0 12px;
        font-size:11px;
        border-radius:9px;
    }

    .rv3-intro{
        padding:28px 0 20px;
    }

    .rv3-eyebrow{
        margin-bottom:11px;
        font-size:9px;
    }

    .rv3-intro-row{
        display:block;
    }

    .rv3-intro-title h1{
        max-width:100%;
        font-size:38px;
        line-height:1;
    }

    .rv3-intro-copy{
        display:block;
        padding:0;
    }

    .rv3-intro-copy p{
        max-width:100%;
        margin-top:14px;
        font-size:14px;
        line-height:1.5;
    }

    .rv3-resources{
        padding:16px 0 22px;
    }

    .rv3-section-head{
        display:block;
        margin-bottom:14px;
    }

    .rv3-section-head h2{
        font-size:24px;
    }

    .rv3-section-head > p{
        max-width:none;
        margin-top:9px;
        font-size:12px;
        text-align:left;
    }

    /*
     * Mobile não é desktop apertado:
     * cards em duas colunas compactas.
     */
    .rv3-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:9px;
    }

    .rv3-card{
        min-height:0;
        padding:15px 13px;
        border-radius:14px;
    }

    .rv3-card-top{
        margin-bottom:11px;
    }

    .rv3-icon{
        width:36px;
        height:36px;
        font-size:17px;
        border-radius:10px;
    }

    .rv3-number{
        font-size:9px;
    }

    .rv3-card h3{
        min-height:36px;
        margin-bottom:5px;
        font-size:15px;
    }

    .rv3-card > p{
        min-height:54px;
        font-size:11px;
        line-height:1.45;
    }

    .rv3-tags{
        gap:5px;
        margin-top:10px;
    }

    .rv3-tags span{
        padding:4px 7px;
        font-size:8px;
    }

    .rv3-integrations{
        padding-bottom:24px;
    }

    .rv3-integrations-shell{
        display:block;
        padding:18px 15px;
        border-radius:16px;
    }

    .rv3-integrations-copy h2{
        font-size:24px;
    }

    .rv3-integrations-copy p{
        margin-top:8px;
        font-size:12px;
    }

    .rv3-integration-cards{
        grid-template-columns:1fr;
        gap:9px;
        margin-top:16px;
    }

    .rv3-integration-card{
        min-height:0;
        grid-template-columns:45px minmax(0,1fr);
        gap:11px;
        padding:13px;
    }

    .rv3-integration-logo{
        width:45px;
        height:45px;
        border-radius:11px;
    }

    .rv3-sigma span{
        font-size:23px;
    }

    .rv3-xcloud{
        font-size:23px;
    }

    .rv3-integration-card h3{
        font-size:14px;
    }

    .rv3-integration-card p{
        margin-top:4px;
        font-size:10px;
    }
}


/* celulares estreitos */
@media (max-width:390px){

    .rv3-container{
        width:calc(100% - 22px);
    }

    .rv3-btn-primary{
        display:none;
    }

    .rv3-intro-title h1{
        font-size:34px;
    }

    .rv3-card{
        padding:13px 11px;
    }

    .rv3-card h3{
        font-size:14px;
    }

}

/* =========================================================
   RECURSOS V2 - R4 FINAL POLISH
   Ajuste fino do desktop R3 aprovado
   Não altera estrutura/conteúdo
   ========================================================= */

@media (min-width: 1100px){

    /* -----------------------------------------------------
       HERO
       Reduz vazio e melhora equilíbrio entre os dois lados
       ----------------------------------------------------- */

    .rv3-intro{
        padding-top: 30px !important;
        padding-bottom: 16px !important;
    }

    .rv3-intro-row{
        align-items: center !important;
        gap: 54px !important;
        margin-bottom: 20px !important;
    }

    .rv3-intro-title{
        flex: 1.35 !important;
    }

    .rv3-intro-copy{
        flex: .75 !important;
        align-self: center !important;
        padding-top: 6px !important;
    }

    .rv3-intro-title h1{
        line-height: .98 !important;
        letter-spacing: -2.2px !important;
        margin-bottom: 0 !important;
    }

    .rv3-intro-copy p{
        font-size: 15px !important;
        line-height: 1.55 !important;
        max-width: 430px !important;
        margin-left: auto !important;
    }

    /* -----------------------------------------------------
       CABEÇALHO DOS RECURSOS
       Aproxima da apresentação principal
       ----------------------------------------------------- */

    .rv3-section-head{
        margin-top: 0 !important;
        margin-bottom: 13px !important;
    }

    .rv3-section-head h2{
        margin-top: 4px !important;
        margin-bottom: 0 !important;
    }

    /* -----------------------------------------------------
       GRID PRINCIPAL
       Menos altura morta sem comprimir conteúdo
       ----------------------------------------------------- */

    .rv3-grid{
        gap: 12px !important;
    }

    .rv3-card{
        min-height: 166px !important;
        padding: 19px 20px 17px !important;
    }

    .rv3-card-top{
        margin-bottom: 13px !important;
    }

    .rv3-card h3{
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px !important;
    }

    .rv3-card > p,
    .rv3-card-copy{
        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }

    /* -----------------------------------------------------
       TAGS
       Mais legíveis e mais próximas do conteúdo
       ----------------------------------------------------- */

    .rv3-tags{
        margin-top: 14px !important;
        gap: 6px !important;
    }

    .rv3-tag{
        font-size: 10px !important;
        line-height: 1 !important;
        padding: 6px 9px !important;
    }

    /* -----------------------------------------------------
       INTEGRAÇÕES
       Mantém destaque, mas reduz peso vertical
       ----------------------------------------------------- */

    .rv3-integrations{
        margin-top: 18px !important;
        padding: 20px 24px !important;
        min-height: auto !important;
    }

    .rv3-integrations-copy h2{
        line-height: 1.08 !important;
        margin-bottom: 8px !important;
    }

    .rv3-integrations-copy p{
        font-size: 12px !important;
        line-height: 1.45 !important;
    }

    .rv3-integration-card{
        min-height: 102px !important;
        padding: 17px 18px !important;
    }

    .rv3-integration-card h3{
        font-size: 15px !important;
    }

    .rv3-integration-card p{
        font-size: 11px !important;
        line-height: 1.4 !important;
    }
}

/* =========================================================
   R4 NÃO DEVE ALTERAR MOBILE
   ========================================================= */


/* R4B - HERO SEM BLOCO FLUTUANTE */
@media (min-width:1100px){
.rv3-intro-row{
display:block !important;
margin-bottom:18px !important;
}

.rv3-intro-title{
width:100% !important;
max-width:820px !important;
}
}

/* R4C - HERO FINAL */
@media (min-width:1100px){

.rv3-intro-title{
max-width:1100px !important;
}

.rv3-intro-title h1{
max-width:1100px !important;
font-size:clamp(48px,4.3vw,70px) !important;
line-height:.98 !important;
}

.rv3-section-head{
display:block !important;
}

.rv3-section-head > p{
display:none !important;
}

}

/* R4C - HERO FINAL */
@media (min-width:1100px){

.rv3-intro-title{
max-width:1100px !important;
}

.rv3-intro-title h1{
max-width:1100px !important;
font-size:clamp(48px,4.3vw,70px) !important;
line-height:.98 !important;
}

.rv3-section-head{
display:block !important;
}

.rv3-section-head > p{
display:none !important;
}

}

/* R4D - TITULO HERO EM UMA LINHA */
@media (min-width:1100px){

.rv3-intro-title{
max-width:1280px !important;
}

.rv3-intro-title h1{
max-width:1280px !important;
font-size:clamp(46px,3.8vw,64px) !important;
white-space:nowrap !important;
}

}

/* =========================================================
   RECURSOS V2 - M1 MOBILE
   MOBILE PROPRIO
   DESKTOP R4D INTOCADO
   ========================================================= */

@media (max-width:767px){

    body{
        overflow-x:hidden;
    }

    .rv3-container{
        width:calc(100% - 24px) !important;
    }

    /* HEADER */
    .rv3-header{
        height:64px !important;
    }

    .rv3-header-inner{
        height:64px !important;
    }

    .rv3-brand{
        gap:8px !important;
    }

    .rv3-brand img{
        width:34px !important;
        height:34px !important;
    }

    .rv3-brand strong{
        font-size:13px !important;
    }

    .rv3-brand small{
        font-size:6px !important;
    }

    .rv3-nav{
        display:none !important;
    }

    .rv3-actions{
        margin-left:auto !important;
        gap:7px !important;
    }

    .rv3-btn{
        min-height:34px !important;
        padding:0 11px !important;
        font-size:10px !important;
        border-radius:9px !important;
    }

    .rv3-btn-primary{
        display:none !important;
    }

    /* HERO */
    .rv3-intro{
        padding:24px 0 14px !important;
    }

    .rv3-eyebrow{
        margin-bottom:9px !important;
        font-size:8px !important;
        letter-spacing:.08em !important;
    }

    .rv3-intro-row{
        display:block !important;
        margin-bottom:0 !important;
    }

    .rv3-intro-title{
        max-width:none !important;
        width:100% !important;
    }

    .rv3-intro-title h1{
        max-width:none !important;
        margin:0 !important;
        font-size:34px !important;
        line-height:1 !important;
        letter-spacing:-1.3px !important;
        white-space:normal !important;
    }

    /* BLOCO RECURSOS */
    .rv3-resources{
        padding:12px 0 18px !important;
    }

    .rv3-section-head{
        display:block !important;
        margin:0 0 12px !important;
    }

    .rv3-section-head span{
        margin-bottom:4px !important;
        font-size:8px !important;
    }

    .rv3-section-head h2{
        margin:0 !important;
        font-size:22px !important;
        line-height:1.06 !important;
    }

    .rv3-section-head > p{
        display:none !important;
    }

    /* 2 COLUNAS MOBILE */
    .rv3-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .rv3-card{
        min-height:154px !important;
        padding:13px 12px 12px !important;
        border-radius:13px !important;
    }

    .rv3-card-top{
        margin-bottom:9px !important;
    }

    .rv3-icon{
        width:34px !important;
        height:34px !important;
        border-radius:9px !important;
        font-size:16px !important;
    }

    .rv3-number{
        font-size:8px !important;
    }

    .rv3-card h3{
        min-height:34px !important;
        margin:0 0 5px !important;
        font-size:14px !important;
        line-height:1.15 !important;
    }

    .rv3-card > p{
        min-height:46px !important;
        margin:0 !important;
        font-size:10px !important;
        line-height:1.4 !important;
    }

    .rv3-tags{
        gap:4px !important;
        margin-top:9px !important;
    }

    .rv3-tags span{
        padding:4px 6px !important;
        font-size:7px !important;
    }

    /* INTEGRACOES */
    .rv3-integrations{
        padding:0 0 20px !important;
        margin:0 !important;
    }

    .rv3-integrations-shell{
        display:block !important;
        padding:16px 14px !important;
        border-radius:15px !important;
    }

    .rv3-integrations-copy > span{
        margin-bottom:5px !important;
        font-size:8px !important;
    }

    .rv3-integrations-copy h2{
        max-width:none !important;
        margin:0 !important;
        font-size:22px !important;
        line-height:1.06 !important;
    }

    .rv3-integrations-copy p{
        margin:7px 0 0 !important;
        font-size:10px !important;
        line-height:1.4 !important;
    }

    .rv3-integration-cards{
        grid-template-columns:1fr !important;
        gap:8px !important;
        margin-top:13px !important;
    }

    .rv3-integration-card{
        min-height:0 !important;
        grid-template-columns:42px minmax(0,1fr) !important;
        gap:10px !important;
        padding:11px 12px !important;
        border-radius:12px !important;
    }

    .rv3-integration-logo{
        width:42px !important;
        height:42px !important;
        border-radius:10px !important;
    }

    .rv3-sigma span{
        font-size:21px !important;
    }

    .rv3-xcloud{
        font-size:21px !important;
    }

    .rv3-integration-card small{
        margin-bottom:2px !important;
        font-size:7px !important;
    }

    .rv3-integration-card h3{
        margin:0 !important;
        font-size:13px !important;
    }

    .rv3-integration-card p{
        margin:3px 0 0 !important;
        font-size:9px !important;
        line-height:1.35 !important;
    }
}

@media (max-width:390px){

    .rv3-container{
        width:calc(100% - 20px) !important;
    }

    .rv3-intro-title h1{
        font-size:31px !important;
    }

    .rv3-card{
        padding:12px 10px 11px !important;
    }

    .rv3-card h3{
        font-size:13px !important;
    }

}

/* =========================================================
   RECURSOS V2 - M2 MOBILE FINAL POLISH
   SOMENTE MOBILE
   ========================================================= */

@media (max-width:767px){

/* HERO MAIS COMPACTO */
.rv3-intro{
padding-top:20px !important;
padding-bottom:10px !important;
}

.rv3-intro-title h1{
font-size:32px !important;
line-height:1.02 !important;
letter-spacing:-1px !important;
}

.rv3-resources{
padding-top:8px !important;
}

/* CABEÇALHO DOS RECURSOS */
.rv3-section-head{
margin-bottom:10px !important;
}

.rv3-section-head h2{
font-size:21px !important;
}

/* CARDS PRINCIPAIS */
.rv3-grid{
gap:7px !important;
}

.rv3-card{
min-height:132px !important;
padding:11px 11px 10px !important;
}

.rv3-card-top{
margin-bottom:7px !important;
}

.rv3-icon{
width:32px !important;
height:32px !important;
font-size:15px !important;
}

.rv3-card h3{
min-height:0 !important;
margin-bottom:5px !important;
font-size:14px !important;
line-height:1.15 !important;
}

.rv3-card > p{
min-height:0 !important;
font-size:10.5px !important;
line-height:1.35 !important;
}

/* TAGS MAIS LEGÍVEIS */
.rv3-tags{
margin-top:9px !important;
gap:4px !important;
}

.rv3-tags span{
padding:4px 6px !important;
font-size:7.5px !important;
}

/* BLOCO DE INTEGRACOES */
.rv3-integrations{
padding-bottom:14px !important;
}

.rv3-integrations-shell{
padding:14px 12px !important;
}

.rv3-integrations-copy h2{
font-size:21px !important;
}

/* texto redundante removido apenas no mobile */
.rv3-integrations-copy p{
display:none !important;
}

.rv3-integration-cards{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:7px !important;
margin-top:11px !important;
}

.rv3-integration-card{
display:block !important;
min-height:96px !important;
padding:10px !important;
}

.rv3-integration-logo{
width:36px !important;
height:36px !important;
margin-bottom:7px !important;
}

.rv3-sigma span{
font-size:19px !important;
}

.rv3-xcloud{
font-size:19px !important;
}

.rv3-integration-card small{
font-size:7px !important;
}

.rv3-integration-card h3{
margin-top:2px !important;
font-size:12px !important;
line-height:1.15 !important;
}

.rv3-integration-card p{
margin-top:4px !important;
font-size:8.5px !important;
line-height:1.3 !important;
}

}

/* aparelhos realmente estreitos */
@media (max-width:380px){

.rv3-intro-title h1{
font-size:29px !important;
}

.rv3-card{
padding-left:9px !important;
padding-right:9px !important;
}

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

.rv3-integration-card{
display:grid !important;
grid-template-columns:38px minmax(0,1fr) !important;
gap:9px !important;
min-height:0 !important;
}

.rv3-integration-logo{
margin-bottom:0 !important;
}

}

/* =========================================================
   RECURSOS V2 - M3 FINAL MOBILE
   MICROAJUSTES DE TIPOGRAFIA / DENSIDADE / ALINHAMENTO
   DESKTOP R4D INTOCADO
   ========================================================= */

@media (max-width:767px){

/* HERO — respiro controlado */
.rv3-intro{
padding-bottom:13px !important;
}

.rv3-intro-title h1{
line-height:1.03 !important;
}

.rv3-resources{
padding-top:9px !important;
}

/* TÍTULO DA ÁREA */
.rv3-section-head{
margin-bottom:9px !important;
}

.rv3-section-head span{
line-height:1.2 !important;
}

.rv3-section-head h2{
line-height:1.08 !important;
}

/* CARDS — acabamento e consistência */
.rv3-card{
min-height:138px !important;
padding:11px 10px 10px !important;
display:flex !important;
flex-direction:column !important;
}

.rv3-card-top{
margin-bottom:6px !important;
}

.rv3-card h3{
margin-bottom:5px !important;
font-size:14px !important;
line-height:1.16 !important;
}

.rv3-card > p{
font-size:10.7px !important;
line-height:1.34 !important;
}

/* mantém tags alinhadas na base do card */
.rv3-tags{
margin-top:auto !important;
padding-top:8px !important;
gap:4px !important;
}

.rv3-tags span{
font-size:7.7px !important;
line-height:1 !important;
}

/* INTEGRAÇÕES — fechamento mais compacto */
.rv3-integrations{
padding-top:0 !important;
padding-bottom:12px !important;
}

.rv3-integrations-shell{
padding:13px 11px 11px !important;
}

.rv3-integrations-copy > span{
margin-bottom:4px !important;
}

.rv3-integrations-copy h2{
font-size:21px !important;
line-height:1.05 !important;
}

.rv3-integration-cards{
gap:7px !important;
margin-top:10px !important;
}

.rv3-integration-card{
min-height:104px !important;
padding:9px !important;
}

.rv3-integration-logo{
width:34px !important;
height:34px !important;
margin-bottom:6px !important;
}

.rv3-integration-card small{
font-size:7.2px !important;
}

.rv3-integration-card h3{
font-size:12px !important;
line-height:1.12 !important;
}

.rv3-integration-card p{
font-size:8.7px !important;
line-height:1.28 !important;
}

}

/* celulares estreitos continuam protegidos */
@media (max-width:380px){

.rv3-card{
min-height:140px !important;
}

.rv3-integration-card{
min-height:0 !important;
}

}