.elementor-188 .elementor-element.elementor-element-8b5b6d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:190px;--padding-bottom:120px;--padding-left:80px;--padding-right:80px;}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-8b5b6d1{--padding-top:120px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-9cbcbd5 *//* ==================================================
   VIVA COM ATENÇÃO
   ARTIGO EDITORIAL
   DESIGN BRAVUS
================================================== */

.viva-artigo{

    --viva-verde:#65725E;
    --viva-verde-escuro:#4E5A48;
    --viva-salvia:#A8B29C;
    --viva-creme:#F9F5EE;
    --viva-areia:#E9DFD0;
    --viva-marrom:#927052;
    --viva-texto:#333731;
    --viva-cinza:#73776F;

    background:#F9F5EE;

    color:var(--viva-texto);

    font-family:"DM Sans",sans-serif;
}


/* ==================================================
   CONTAINER
================================================== */

.viva-artigo-container{

    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:auto;
}


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

.viva-artigo-hero{

    padding:
        clamp(65px,7vw,110px)
        0
        45px;
}


.viva-hero-container{

    max-width:950px;

    text-align:center;
}


.viva-editoria{

    display:inline-flex;

    align-items:center;

    padding:
        8px
        15px;

    margin-bottom:25px;

    border:
        1px solid
        rgba(101,114,94,.25);

    border-radius:999px;

    color:var(--viva-verde);

    font-size:11px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;
}


.viva-artigo-titulo{

    max-width:950px;

    margin:0 auto;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(48px,6vw,82px);

    font-weight:500;

    line-height:.98;

    letter-spacing:-2.5px;
}


/* GARANTIA:
   resumo não aparece no hero */

.viva-artigo-resumo-hero{
    display:none !important;
}


/* ==================================================
   META
================================================== */

.viva-artigo-meta{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:35px;

    margin-top:34px;
}


.viva-meta-autor{

    display:flex;

    align-items:center;

    gap:12px;
}


.viva-meta-autor img{

    width:44px;

    height:44px;

    object-fit:cover;

    object-position:center;

    border-radius:50%;
}


.viva-meta-autor div{

    text-align:left;
}


.viva-meta-por{

    display:block;

    color:#969990;

    font-size:10px;

    letter-spacing:1.5px;

    text-transform:uppercase;
}


.viva-meta-autor strong{

    color:
        var(--viva-verde-escuro);

    font-size:13px;
}


.viva-meta-info{

    display:flex;

    align-items:center;

    gap:10px;

    color:#81867D;

    font-size:12px;
}


/* ==================================================
   IMAGEM DESTACADA
================================================== */

.viva-featured{

    margin:0;

    overflow:hidden;

    border-radius:28px;

    box-shadow:
        0 30px 70px
        rgba(57,66,53,.09);
}


.viva-featured img{

    display:block;

    width:100%;

    max-height:700px;

    object-fit:cover;
}


/* ==================================================
   LAYOUT PRINCIPAL
================================================== */

.viva-layout-artigo{

    display:grid;

    grid-template-columns:
        80px
        minmax(0,760px)
        60px;

    justify-content:center;

    align-items:start;

    gap:40px;

    padding-top:65px;
}


/* ==================================================
   COMPARTILHAMENTO
================================================== */

.viva-share{

    position:sticky;

    top:130px;

    height:max-content;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;
}


.viva-share-label{

    writing-mode:vertical-rl;

    transform:
        rotate(180deg);

    margin-bottom:10px;

    color:#8D9189;

    font-size:9px;

    font-weight:500;

    letter-spacing:2px;

    text-transform:uppercase;
}


/* BOTÕES */

.viva-artigo .viva-share-button{

    width:44px !important;

    height:44px !important;

    min-width:44px !important;

    min-height:44px !important;

    padding:0 !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border:
        1px solid
        rgba(101,114,94,.25)
        !important;

    border-radius:50% !important;

    background:
        transparent
        !important;

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;

    color:
        var(--viva-verde)
        !important;

    text-decoration:
        none
        !important;

    cursor:pointer;

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


/* BLOQUEIA HOVER ROSA DO ELEMENTOR */

.viva-artigo
.viva-share-button:hover,

.viva-artigo
.viva-share-button:focus,

.viva-artigo
.viva-share-button:active{

    background:
        var(--viva-verde)
        !important;

    background-color:
        var(--viva-verde)
        !important;

    background-image:
        none
        !important;

    border-color:
        var(--viva-verde)
        !important;

    box-shadow:
        none
        !important;

    outline:
        none
        !important;

    transform:
        translateY(-3px);
}


/* ==================================================
   ÍCONES SVG
   MÁSCARA CSS PARA FORÇAR COR VERDE
================================================== */

.viva-share-svg{

    display:block;

    width:22px;

    height:22px;

    background:
        var(--viva-verde);

    mask-position:center;

    mask-repeat:no-repeat;

    mask-size:contain;

    -webkit-mask-position:center;

    -webkit-mask-repeat:no-repeat;

    -webkit-mask-size:contain;

    transition:
        background .3s ease,
        transform .3s ease;
}


/* FACEBOOK */

.viva-icon-facebook{

    mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/facebook-2.svg");

    -webkit-mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/facebook-2.svg");
}


/* LINKEDIN */

.viva-icon-linkedin{

    mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/linkedin.svg");

    -webkit-mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/linkedin.svg");
}


/* WHATSAPP */

.viva-icon-whatsapp{

    mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/whatsapp-4.svg");

    -webkit-mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/whatsapp-4.svg");
}


/* COPIAR */

.viva-icon-copy{

    mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/link-quebrado-1.svg");

    -webkit-mask-image:
        url("https://vivacomatencao.com.br/wp-content/uploads/2026/08/link-quebrado-1.svg");
}


/* ÍCONE BRANCO NO HOVER */

.viva-share-button:hover
.viva-share-svg,

.viva-share-button:focus
.viva-share-svg{

    background:#FFFFFF;
}


/* ==================================================
   PARA COMEÇAR
================================================== */

.viva-resumo-destaque{

    position:relative;

    padding:
        38px
        42px;

    margin-bottom:38px;

    background:#F1EADF;

    border-radius:22px;
}


.viva-resumo-destaque::before{

    content:"";

    position:absolute;

    left:0;

    top:24px;

    bottom:24px;

    width:3px;

    background:
        var(--viva-verde);

    border-radius:20px;
}


.viva-resumo-kicker{

    display:block;

    margin-bottom:12px;

    color:
        var(--viva-marrom);

    font-size:10px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;
}


.viva-resumo-destaque p{

    margin:0;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:28px;

    line-height:1.35;
}


/* ==================================================
   SUMÁRIO
================================================== */

.viva-artigo .viva-toc{

    overflow:hidden;

    margin-bottom:52px;

    border:
        0
        !important;

    border-radius:22px;

    background:#FFFFFF;

    box-shadow:
        0 12px 35px
        rgba(62,73,57,.06);
}


/* CABEÇALHO VERDE */

.viva-artigo
.viva-toc-cabecalho{

    width:100%;

    display:flex !important;

    align-items:center !important;

    justify-content:
        space-between !important;

    padding:
        24px
        28px
        !important;

    margin:0 !important;

    border:
        0
        !important;

    border-radius:
        0
        !important;

    appearance:
        none
        !important;

    -webkit-appearance:
        none
        !important;

    background:
        var(--viva-verde)
        !important;

    background-color:
        var(--viva-verde)
        !important;

    background-image:
        none
        !important;

    box-shadow:
        none
        !important;

    color:
        #FFFFFF
        !important;

    text-align:
        left
        !important;

    cursor:pointer;

    transition:
        background .25s ease
        !important;
}


/* REMOVE ROSA DO WORDPRESS / ELEMENTOR */

.viva-artigo
.viva-toc-cabecalho:hover,

.viva-artigo
.viva-toc-cabecalho:focus,

.viva-artigo
.viva-toc-cabecalho:focus-visible,

.viva-artigo
.viva-toc-cabecalho:active{

    background:
        #596650
        !important;

    background-color:
        #596650
        !important;

    background-image:
        none
        !important;

    color:
        #FFFFFF
        !important;

    border:
        0
        !important;

    box-shadow:
        none
        !important;

    outline:
        none
        !important;
}


/* GUIA DE LEITURA */

.viva-artigo
.viva-toc-kicker{

    display:block;

    margin-bottom:5px;

    color:
        rgba(255,255,255,.72)
        !important;

    font-family:
        "DM Sans",
        sans-serif;

    font-size:9px;

    font-weight:600;

    line-height:1.2;

    letter-spacing:2.4px;

    text-transform:uppercase;
}


/* NESTE ARTIGO */

.viva-artigo
.viva-toc-cabecalho strong{

    display:block;

    color:
        #FFFFFF
        !important;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:29px;

    font-weight:500;

    line-height:1.1;
}


/* ÍCONE + */

.viva-artigo
.viva-toc-icone{

    width:40px;

    height:40px;

    flex:
        0 0 40px;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:0;

    border:
        1px solid
        rgba(255,255,255,.35);

    border-radius:50%;

    background:
        rgba(255,255,255,.12)
        !important;

    color:
        #FFFFFF
        !important;

    font-family:
        Arial,
        sans-serif;

    font-size:25px;

    font-weight:300;

    line-height:1;

    transition:
        transform .35s ease,
        background .25s ease;
}


.viva-artigo
.viva-toc-cabecalho:hover
.viva-toc-icone{

    background:
        rgba(255,255,255,.20)
        !important;
}


.viva-artigo
.viva-toc.aberto
.viva-toc-icone{

    transform:
        rotate(45deg);
}


/* CONTEÚDO FECHADO */

.viva-artigo
.viva-toc-conteudo{

    max-height:0;

    overflow:hidden;

    visibility:hidden;

    opacity:0;

    background:#FFFFFF;

    transition:
        max-height .55s ease,
        opacity .3s ease,
        visibility .3s ease;
}


/* CONTEÚDO ABERTO */

.viva-artigo
.viva-toc.aberto
.viva-toc-conteudo{

    max-height:1500px;

    visibility:visible;

    opacity:1;
}


/* LINKS */

.viva-artigo
.viva-toc-link{

    display:flex;

    align-items:flex-start;

    gap:18px;

    padding:
        17px
        28px;

    border-top:
        1px solid
        rgba(101,114,94,.10);

    background:#FFFFFF;

    color:
        #51564F
        !important;

    text-decoration:
        none
        !important;

    transition:
        padding-left .25s ease,
        background .25s ease,
        color .25s ease;
}


.viva-artigo
.viva-toc-link:hover{

    padding-left:35px;

    background:#F5F2EB;

    color:
        var(--viva-verde)
        !important;
}


.viva-toc-numero{

    flex-shrink:0;

    color:#9A9D95;

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:19px;
}


.viva-toc-texto{

    line-height:1.45;
}


/* ==================================================
   TEXTO DO ARTIGO
================================================== */

.viva-conteudo{

    color:#454A43;

    font-size:17px;

    line-height:1.85;
}


.viva-conteudo p{

    margin:
        0
        0
        23px;
}


/* ==================================================
   H2
================================================== */

.viva-conteudo h2{

    position:relative;

    margin:
        58px
        0
        24px;

    padding-top:10px;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(37px,4vw,49px);

    font-weight:500;

    line-height:1.07;

    letter-spacing:-1px;

    scroll-margin-top:120px;
}


.viva-conteudo h2::before{

    content:
        attr(data-numero);

    display:block;

    margin-bottom:10px;

    color:
        var(--viva-marrom);

    font-family:
        "DM Sans",
        sans-serif;

    font-size:10px;

    font-weight:600;

    letter-spacing:3px;
}


.viva-conteudo h2:first-child{

    margin-top:25px;
}


/* ==================================================
   H3
================================================== */

.viva-conteudo h3{

    margin:
        36px
        0
        16px;

    color:
        var(--viva-verde);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:30px;

    font-weight:500;

    line-height:1.15;
}


/* ==================================================
   CITAÇÕES
================================================== */

.viva-conteudo blockquote{

    position:relative;

    margin:
        40px
        0;

    padding:
        38px
        45px;

    border:0;

    border-radius:22px;

    background:#EFE7DB;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:
        clamp(24px,2.2vw,31px);

    font-style:italic;

    line-height:1.35;
}


.viva-conteudo
blockquote p{

    margin:0;
}


.viva-conteudo
blockquote::before{

    content:"“";

    position:absolute;

    top:8px;

    left:17px;

    color:
        rgba(101,114,94,.24);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:62px;

    line-height:1;

    pointer-events:none;
}


/* ==================================================
   LISTAS
================================================== */

.viva-conteudo ul,
.viva-conteudo ol{

    margin:
        30px
        0;

    padding:0;

    list-style:none;
}


.viva-conteudo li{

    position:relative;

    margin-bottom:11px;

    padding:
        17px
        22px
        17px
        52px;

    background:#F3EFE7;

    border-radius:14px;
}


.viva-conteudo
ul li::before{

    content:"";

    position:absolute;

    left:22px;

    top:27px;

    width:7px;

    height:7px;

    background:
        var(--viva-verde);

    border-radius:50%;
}


.viva-conteudo ol{

    counter-reset:
        vivaLista;
}


.viva-conteudo ol li{

    counter-increment:
        vivaLista;
}


.viva-conteudo
ol li::before{

    content:
        counter(
            vivaLista,
            decimal-leading-zero
        );

    position:absolute;

    left:17px;

    top:17px;

    color:
        var(--viva-verde);

    font-size:11px;

    font-weight:600;
}


/* ==================================================
   LINKS
================================================== */

.viva-conteudo a{

    color:
        var(--viva-verde);

    text-decoration:
        underline
        rgba(101,114,94,.35);

    text-underline-offset:4px;
}


/* ==================================================
   IMAGENS
================================================== */

.viva-conteudo img{

    max-width:100%;

    height:auto;

    margin:
        28px
        0;

    border-radius:20px;
}


/* ==================================================
   PROGRESSO
================================================== */

.viva-progresso{

    position:sticky;

    top:130px;

    height:280px;

    display:flex;

    align-items:center;

    flex-direction:column;

    gap:12px;
}


.viva-progresso span{

    writing-mode:
        vertical-rl;

    color:#9B9C96;

    font-size:9px;

    letter-spacing:2px;

    text-transform:uppercase;
}


.viva-progresso-linha{

    width:1px;

    height:180px;

    overflow:hidden;

    background:#DDD8CF;
}


.viva-progresso-fill{

    width:100%;

    height:0;

    background:
        var(--viva-verde);
}


/* ==================================================
   AUTORA
================================================== */

.viva-autora-section{

    padding:
        80px
        0
        100px;
}


.viva-autora-card{

    position:relative;

    width:100%;

    max-width:1000px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        250px
        minmax(0,1fr);

    gap:50px;

    align-items:center;

    padding:
        48px
        50px;

    overflow:hidden;

    background:#F1ECE3;

    border:
        1px solid
        rgba(101,114,94,.13);

    border-radius:28px;

    box-shadow:
        0 16px 50px
        rgba(62,72,58,.055);
}


/* CÍRCULO DECORATIVO */

.viva-autora-card::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    right:-105px;

    top:-115px;

    border:
        1px solid
        rgba(101,114,94,.12);

    border-radius:50%;

    pointer-events:none;
}


/* ==================================================
   FOTO AUTORA
================================================== */

.viva-autora-foto-wrap{

    position:relative;

    width:250px;
}


.viva-autora-foto-wrap::before{

    content:"";

    position:absolute;

    width:96%;

    height:96%;

    left:-9px;

    bottom:-9px;

    background:#AAB29D;

    border-radius:
        130px
        130px
        24px
        24px;

    z-index:0;
}


.viva-autora-foto-wrap img{

    position:relative;

    z-index:1;

    display:block;

    width:250px;

    height:300px;

    object-fit:cover;

    object-position:center;

    border-radius:
        130px
        130px
        24px
        24px;
}


/* ==================================================
   TEXTO AUTORA
================================================== */

.viva-autora-conteudo{

    position:relative;

    z-index:2;

    width:100%;
}


.viva-autora-kicker{

    display:block;

    margin-bottom:8px;

    color:
        var(--viva-marrom);

    font-family:
        "DM Sans",
        sans-serif;

    font-size:9px;

    font-weight:600;

    letter-spacing:2.8px;

    text-transform:uppercase;
}


.viva-autora-conteudo h3{

    margin:0;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:43px;

    font-weight:500;

    line-height:1;
}


.viva-autora-cargo{

    display:block;

    margin-top:9px;

    color:#73776F;

    font-size:12px;
}


.viva-autora-bio{

    width:100%;

    max-width:620px;

    margin-top:22px;
}


.viva-autora-bio p{

    margin:
        0
        0
        15px;

    color:#5D625A;

    font-size:14px;

    line-height:1.75;
}


.viva-autora-bio
p:last-child{

    margin-bottom:0;
}


/* FOOTER AUTORA */

.viva-autora-footer{

    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:30px;

    width:100%;

    margin-top:24px;

    padding-top:20px;

    border-top:
        1px solid
        rgba(101,114,94,.13);
}


.viva-autora-footer span{

    color:
        var(--viva-verde);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:18px;

    font-style:italic;
}


.viva-autora-footer a{

    position:relative;

    z-index:3;

    color:
        var(--viva-verde)
        !important;

    font-size:12px;

    font-weight:600;

    text-decoration:
        none
        !important;
}


.viva-autora-footer a:hover{

    color:
        var(--viva-verde-escuro)
        !important;

    text-decoration:
        none
        !important;
}


/* ==================================================
   RELACIONADOS
================================================== */

.viva-relacionados{

    padding:
        85px
        0
        110px;

    background:#EEE8DE;
}


.viva-section-head span{

    color:
        var(--viva-marrom);

    font-size:10px;

    letter-spacing:2px;

    text-transform:uppercase;
}


.viva-section-head h2{

    margin:
        7px
        0
        35px;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:45px;

    font-weight:500;
}


.viva-relacionados-grid{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:25px;
}


.viva-rel-card{

    overflow:hidden;

    border-radius:22px;

    background:#F9F5EE;

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}


.viva-rel-card a{

    display:block;

    height:100%;

    color:inherit;

    text-decoration:none;
}


.viva-rel-card:hover{

    transform:
        translateY(-7px);

    box-shadow:
        0 20px 50px
        rgba(65,75,58,.08);
}


.viva-rel-img{

    height:230px;

    overflow:hidden;
}


.viva-rel-img img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:
        transform .6s ease;
}


.viva-rel-card:hover
.viva-rel-img img{

    transform:
        scale(1.04);
}


.viva-rel-info{

    padding:24px;
}


.viva-rel-editoria{

    color:
        var(--viva-marrom);

    font-size:9px;

    letter-spacing:2px;

    text-transform:uppercase;
}


.viva-rel-info h3{

    margin:
        10px
        0
        20px;

    color:
        var(--viva-verde-escuro);

    font-family:
        "Cormorant Garamond",
        serif;

    font-size:27px;

    font-weight:500;

    line-height:1.1;
}


.viva-rel-leia{

    color:
        var(--viva-verde);

    font-size:12px;
}


/* ==================================================
   TOAST
================================================== */

.viva-toast{

    position:fixed;

    left:50%;

    bottom:30px;

    z-index:9999;

    padding:
        12px
        20px;

    border-radius:999px;

    background:
        var(--viva-verde-escuro);

    color:#FFFFFF;

    font-size:12px;

    opacity:0;

    pointer-events:none;

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

    transition:.3s;
}


.viva-toast.ativo{

    opacity:1;

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


/* ==================================================
   TABLET
================================================== */

@media(max-width:1024px){


    .viva-layout-artigo{

        grid-template-columns:
            60px
            minmax(0,700px);

        gap:30px;
    }


    .viva-progresso{

        display:none;
    }


    .viva-autora-card{

        max-width:850px;

        grid-template-columns:
            210px
            minmax(0,1fr);

        gap:38px;

        padding:40px;
    }


    .viva-autora-foto-wrap{

        width:210px;
    }


    .viva-autora-foto-wrap img{

        width:210px;

        height:260px;
    }

}


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

@media(max-width:767px){


    .viva-artigo-container{

        width:
            calc(100% - 34px);
    }


    /* HERO */

    .viva-artigo-hero{

        padding:
            48px
            0
            32px;
    }


    .viva-artigo-titulo{

        font-size:44px;

        line-height:1;

        letter-spacing:-1.4px;
    }


    .viva-artigo-meta{

        flex-direction:column;

        gap:15px;

        margin-top:27px;
    }


    .viva-meta-info{

        font-size:11px;
    }


    /* IMAGEM */

    .viva-featured{

        border-radius:18px;
    }


    /* LAYOUT */

    .viva-layout-artigo{

        display:block;

        padding-top:38px;
    }


    .viva-share,
    .viva-progresso{

        display:none;
    }


    /* PARA COMEÇAR */

    .viva-resumo-destaque{

        padding:
            28px
            24px;

        margin-bottom:30px;

        border-radius:18px;
    }


    .viva-resumo-destaque p{

        font-size:24px;
    }


    /* SUMÁRIO */

    .viva-artigo
    .viva-toc{

        margin-bottom:40px;

        border-radius:18px;
    }


    .viva-artigo
    .viva-toc-cabecalho{

        padding:
            20px
            21px
            !important;
    }


    .viva-artigo
    .viva-toc-cabecalho strong{

        font-size:26px;
    }


    .viva-artigo
    .viva-toc-icone{

        width:36px;

        height:36px;

        flex:
            0 0 36px;

        font-size:22px;
    }


    .viva-artigo
    .viva-toc-link{

        padding:
            15px
            21px;
    }


    /* TEXTO */

    .viva-conteudo{

        font-size:16px;

        line-height:1.8;
    }


    /* H2 */

    .viva-conteudo h2{

        margin:
            45px
            0
            20px;

        padding-top:5px;

        font-size:37px;

        line-height:1.08;

        scroll-margin-top:90px;
    }


    .viva-conteudo
    h2::before{

        margin-bottom:8px;
    }


    /* H3 */

    .viva-conteudo h3{

        margin:
            30px
            0
            15px;

        font-size:28px;
    }


    /* CITAÇÃO MOBILE */

    .viva-conteudo
    blockquote{

        margin:
            30px
            0;

        padding:
            30px
            24px
            30px
            48px;

        border-radius:18px;

        font-size:24px;

        line-height:1.35;
    }


    .viva-conteudo
    blockquote::before{

        top:12px;

        left:12px;

        font-size:46px;

        line-height:1;
    }


    /* LISTAS */

    .viva-conteudo li{

        padding:
            16px
            18px
            16px
            46px;
    }


    /* AUTORA */

    .viva-autora-section{

        padding:
            55px
            0
            70px;
    }


    .viva-autora-card{

        grid-template-columns:1fr;

        gap:30px;

        padding:
            28px
            25px;

        border-radius:23px;
    }


    .viva-autora-foto-wrap{

        width:180px;
    }


    .viva-autora-foto-wrap{
    width:100%;
}

.viva-autora-foto-wrap img{
    width:100%;
    height:auto;
    aspect-ratio: 4 / 5;

    object-fit:cover;
    object-position:center;

    border-radius:
        160px
        160px
        24px
        24px;
}

.viva-autora-foto-wrap::before{
    width:100%;
    height:100%;

    border-radius:
        160px
        160px
        24px
        24px;
}


    .viva-autora-foto-wrap::before{

        border-radius:
            95px
            95px
            20px
            20px;
    }


    .viva-autora-conteudo h3{

        font-size:37px;
    }


    .viva-autora-bio{

        max-width:none;
    }


    .viva-autora-bio p{

        font-size:13.5px;

        line-height:1.7;
    }


    .viva-autora-footer{

        align-items:flex-start;

        flex-direction:column;

        gap:10px;
    }


    /* RELACIONADOS */

    .viva-relacionados{

        padding:
            58px
            0
            70px;
    }


    .viva-relacionados-grid{

        grid-template-columns:1fr;
    }


    .viva-section-head h2{

        font-size:37px;
    }

}/* End custom CSS */