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

.sobre-hero{

    position:relative;

    width:100%;

    min-height:460px;

    overflow:hidden;

    display:flex;

    align-items:center;

    margin:0;

    padding-top:100px;

}

/*==================================================
                IMAGEM DE FUNDO
==================================================*/

.sobre-bg{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:9% center;

    filter:grayscale(100%) brightness(.55);

    opacity:.35;

    z-index:1;

}

/*==================================================
                OVERLAY
==================================================*/

.sobre-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(5,21,38,.96) 0%,
        rgba(7,28,50,.90) 30%,
        rgba(7,28,50,.74) 58%,
        rgba(7,28,50,.30) 100%
    );

    z-index:2;

}

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

.sobre-hero .container{

    position:relative;

    z-index:3;

    width:100%;

    max-width:1400px;

    margin:auto;

    padding:0 40px;

}

/*==================================================
                GRID
==================================================*/

.sobre-content{

    display:grid;

    grid-template-columns:54% 46%;

    align-items:center;

    gap:20px;

}

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

.sobre-text{

    max-width:720px;

}

.sobre-tag{

    display:inline-block;

    color:#caa14d;

    font-family:'Manrope',sans-serif;

    font-size:17px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:16px;

}

.gold-line{

    width:90px;

    height:3px;

    background:#caa14d;

    margin-bottom:30px;

}

.sobre-text h1{

    margin:0 0 28px;

    color:#ffffff;

    font-family:'Cormorant Garamond',serif;

    font-size:42px;

    font-weight:500;

    line-height:1.02;

    letter-spacing:.5px;

}

.sobre-text p{

    max-width:660px;

    color:rgba(255,255,255,.92);

    font-family:'Manrope',sans-serif;

    font-size:20px;

    line-height:1.70;

}
/*==================================================
                FOTO DO ADVOGADO
==================================================*/

.sobre-image{

    position:relative;

    display:flex;

    justify-content:flex-end;

    align-items:flex-end;

    height:100%;

}

.sobre-image img{

    width:630px;

    max-width:none;

    height:auto;

    display:block;

    position:relative;

    z-index:10;

    margin-bottom:-90px;

    filter:drop-shadow(0 35px 60px rgba(0,0,0,.28));

    animation:fadeUp .9s ease;

}

/*==================================================
                ANIMAÇÃO
==================================================*/

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(45px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

/*==================================================
            CARTÃO DE CREDENCIAIS
==================================================*/

.credenciais{

    position:relative;

    margin-top:-85px;

    z-index:50;

}

.credenciais-container{

    width:100%;

    max-width:1450px;

    margin:auto;

    background:#ffffff;

    border-radius:24px;

    overflow:hidden;

    display:grid;

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

    box-shadow:0 25px 70px rgba(0,0,0,.12);

}

.credencial{

    padding:50px 40px;

    text-align:center;

    border-right:1px solid #ececec;

    transition:.35s;

}

.credencial:last-child{

    border-right:none;

}

.credencial:hover{

    background:#faf9f6;

}

.credencial-icon{

    width:74px;

    height:74px;

    margin:0 auto 10px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#caa14d;

    font-size:34px;

}

.credencial h4{

    margin-bottom:5px;

    color:#071c32;

    font-family:'Manrope',sans-serif;

    font-size:20px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.credencial p{

    margin:0;

    color:#6b7280;

    font-family:'Manrope',sans-serif;

    font-size:16px;

    line-height:1.7;

}


/*==================================================
            MISSÃO | VISÃO | VALORES
==================================================*/

.institucional{

    padding:70px 0;

    background:#f8f6f2;

}

.institucional .container{

    width:100%;

    max-width:1350px;

    margin:auto;

    padding:0 35px;

}

/*==================================================
                GRID
==================================================*/

.institucional-grid{

    display:grid;

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

    gap:32px;

}

/*==================================================
                CARD
==================================================*/

.institucional-card{

    background:#071c32;

    border-radius:18px;

    padding:55px 45px;

    text-align:center;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.institucional-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#caa14d;

    transform:scaleX(0);

    transition:.35s;

}

.institucional-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(0,0,0,.18);

}

.institucional-card:hover::before{

    transform:scaleX(1);

}

/*==================================================
                ÍCONE
==================================================*/

.institucional-icon{

    width:58px;

    height:58px;

    margin:0 auto 30px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    border:2px solid rgba(202,161,77,.35);

    color:#caa14d;

    font-size:34px;

}

/*==================================================
                TÍTULOS
==================================================*/

.institucional-card h3{

    margin:0 0 22px;

    color:#ffffff;

    font-family:'Cormorant Garamond',serif;

    font-size:29px;

    font-weight:500;

    letter-spacing:.5px;

}

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

.institucional-card p{

    margin:0;

    color:rgba(255,255,255,.90);

    font-family:'Manrope',sans-serif;

    font-size:15px;

    line-height:1.9;

}

.valores-texto{

    line-height:2;

}

/*==================================================
            EFEITO HOVER
==================================================*/

.institucional-card:hover .institucional-icon{

    background:#caa14d;

    color:#071c32;

    border-color:#caa14d;

    transform:rotate(6deg);

}

.institucional-icon{

    transition:.35s ease;

}

.institucional-card h3,
.institucional-card p{

    transition:.35s ease;

}

.institucional-card:hover h3{

    color:#ffffff;

}

.institucional-card:hover p{

    color:#ffffff;

}


/*==================================================
        EXPERIÊNCIA E QUALIFICAÇÕES
==================================================*/

.experiencia{

    padding:90px 0;

    background:#ffffff;

}

.experiencia .container{

    width:100%;

    max-width:1350px;

    margin:auto;

    padding:0 35px;

}

/*==================================================
                GRID
==================================================*/

.experiencia-grid{

    display:grid;

    grid-template-columns:1.6fr .9fr;

    gap:70px;

    align-items:start;

}

/*==================================================
            COLUNA ESQUERDA
==================================================*/

.experiencia-left h2{

    margin:0;

    color:#071c32;

    font-family:'Cormorant Garamond',serif;

    font-size:36px;

    font-weight:500;

    line-height:1.2;

}

.experiencia-left .gold-line{

    display:block;

    width:85px;

    height:3px;

    background:#caa14d;

    margin:18px 0 35px;

}

/*==================================================
                LISTA
==================================================*/

.experiencia-left ul{

    list-style:none;

    margin:0;

    padding:0;

}

.experiencia-left li{

    position:relative;

    padding-left:34px;

    margin-bottom:20px;

    color:#394654;

    font-family:'Manrope',sans-serif;

    font-size:18px;

    line-height:1.8;

}

.experiencia-left li::before{

    content:"";

    position:absolute;

    left:0;

    top:13px;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#caa14d;

}
/*==================================================
        CARTÃO PRO BONO
==================================================*/

.probono-card{

    position:relative;

    background:#fbf8f3;

    border-radius:20px;

    padding:55px 50px;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.35s ease;

    overflow:hidden;

}

.probono-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#caa14d;

    transform:scaleX(0);

    transition:.35s;

}

.probono-card:hover{

    transform:translateY(-8px);

    box-shadow:0 30px 60px rgba(0,0,0,.12);

}

.probono-card:hover::before{

    transform:scaleX(1);

}

/*==================================================
                ÍCONE
==================================================*/

.probono-icon{

    width:72px;

    height:72px;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#caa14d;

    font-size:38px;

    margin-bottom:28px;

}

/*==================================================
                TÍTULO
==================================================*/

.probono-card h3{

    margin:0;

    color:#071c32;

    font-family:'Cormorant Garamond',serif;

    font-size:24px;

    font-weight:500;

    line-height:1.25;

}

.probono-card .gold-line{

    display:block;

    width:85px;

    height:3px;

    background:#caa14d;

    margin:20px 0 28px;

}

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

.probono-card p{

    margin:0;

    color:#4b5563;

    font-family:'Manrope',sans-serif;

    font-size:16px;

    line-height:1.9;

}
/*==================================================
            PRO BONO
==================================================*/

.probono-card em{

    font-style:italic;

}

.probono-card strong{

    font-weight:700;

}

.probono-card strong em{

    font-style:italic;

    font-weight:700;

    color:inherit;

}

/*==================================================
            PARA QUEM TRABALHAMOS
==================================================*/

.clientes{

    padding:95px 0;

    background:#f8f6f2;

}

.clientes .container{

    width:100%;

    max-width:1350px;

    margin:auto;

    padding:0 35px;

}

/*==================================================
                CABEÇALHO
==================================================*/

.clientes-header{

    text-align:center;

    max-width:850px;

    margin:0 auto 35px;

}

.clientes-header h2{

    margin:0;

    color:#071c32;

    font-family:'Cormorant Garamond',serif;

    font-size:35px;

    font-weight:500;

}

.clientes-header .gold-line{

    display:block;

    width:90px;

    height:3px;

    background:#caa14d;

    margin:20px auto 26px;

}

.clientes-header p{

    margin:0;

    color:#5b6672;

    font-family:'Manrope',sans-serif;

    font-size:18px;

    line-height:1.8;

}

/*==================================================
                GRID
==================================================*/

.clientes-grid{

    display:grid;

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

    gap:40px;

}

/*==================================================
                CARTÃO
==================================================*/

.cliente-card{

    background:#ffffff;

    border-radius:20px;

    padding:42px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.35s;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:330px;

}

.cliente-card:hover{

    transform:translateY(-8px);

    box-shadow:0 28px 55px rgba(0,0,0,.12);

}

/*==================================================
                TOPO
==================================================*/

.cliente-top{

    display:flex;

    align-items:flex-start;

    gap:28px;

}

/*==================================================
                ÍCONE
==================================================*/

.cliente-icon{

    width:58px;

    height:58px;

    border-radius:50%;

    background:#071c32;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    color:#caa14d;

    font-size:34px;

    transition:.35s;

}

.cliente-card:hover .cliente-icon{

    background:#caa14d;

    color:#071c32;

}
/*==================================================
                TÍTULOS
==================================================*/

.cliente-card h3{

    margin:0 0 18px;

    color:#071c32;

    font-family:'Cormorant Garamond',serif;

    font-size:30px;

    font-weight:500;

    line-height:1.2;

}

/*==================================================
                LISTA
==================================================*/

.cliente-card ul{

    list-style:none;

    margin:0;

    padding:0;

}

.cliente-card li{

    position:relative;

    padding-left:28px;

    margin-bottom:14px;

    color:#4b5563;

    font-family:'Manrope',sans-serif;

    font-size:17px;

    line-height:1.8;

}

.cliente-card li::before{

    content:"";

    position:absolute;

    left:0;

    top:13px;

    width:8px;

    height:8px;

    border-radius:50%;

    background:#caa14d;

}

/*==================================================
                BOTÃO
==================================================*/

.cliente-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    align-self:flex-start;

    margin-top:35px;

    padding:14px 34px;

    background:#071c32;

    color:#ffffff;

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:1px;

    border-radius:8px;

    transition:.35s ease;

}

.cliente-btn:hover{

    background:#caa14d;

    color:#071c32;

    transform:translateY(-2px);

}


/*=========================================
            HONORÁRIOS
==========================================*/

.fees-section{

    padding:110px 0;

    background:#f8f6f2;

}

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

.fees-header{

    max-width:760px;

    margin:auto;

    text-align:center;

    margin-bottom:70px;

}

.fees-header span{

    display:inline-block;

    color:#caa14d;

    font-family:'Manrope',sans-serif;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.fees-header h2{

    font-family:'Marcellus',serif;

    font-size:36px;

    font-weight:400;

    color:#071c32;

    margin-bottom:18px;

}

.fees-header p{

    color:#5d6772;

    font-family:'Manrope',sans-serif;

    font-size:17px;

    line-height:1.9;

}

/*=========================================
            GRID
==========================================*/

.fees-grid{

    display:grid;

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

    gap:35px;

}

/*=========================================
            CARD
==========================================*/

.fee-card{

    background:#ffffff;

    border:1px solid #ebe7df;

    border-radius:14px;

    padding:45px;

    transition:.35s;

}

.fee-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 50px rgba(0,0,0,.08);

}

/*=========================================
            ÍCONE
==========================================*/

.fee-icon{

    width:55px;

    height:55px;

    background:#071c32;

    color:#caa14d;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    margin-bottom:28px;

}

/*=========================================
            TÍTULO
==========================================*/

.fee-card h3{

    position:relative;

    padding-bottom:18px;

    margin-bottom:25px;

    font-family:'Marcellus',serif;

    font-size:24px;

    font-weight:400;

    color:#071c32;

}

.fee-card h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:80px;

    height:2px;

    background:#caa14d;

}

/*=========================================
            LISTA
==========================================*/

.fee-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.fee-card li{

    position:relative;

    padding-left:28px;

    margin-bottom:18px;

    font-family:'Manrope',sans-serif;

    font-size:16px;

    line-height:1.8;

    color:#4b5661;

}

.fee-card li:last-child{

    margin-bottom:0;

}

.fee-card li::before{

    content:"✓";

    position:absolute;

    left:0;

    top:1px;

    color:#caa14d;

    font-weight:700;

}

/*=========================================
        TERMOS EM INGLÊS
==========================================*/

.fee-card em{

    font-style:italic;

    font-weight:600;

    color:#071c32;

    letter-spacing:.2px;

}


/*=========================================
            NOTA
==========================================*/

.fees-note{

    margin-top:55px;

    padding:35px;

    border-radius:12px;

    background:#071c32;

    display:flex;

    align-items:flex-start;

    gap:20px;

}

.fees-note i{

    color:#caa14d;

    font-size:30px;

    margin-top:2px;

}

.fees-note p{

    color:#ffffff;

    margin:0;

    line-height:1.9;

}

.fees-note strong{

    color:#caa14d;

}

/*==================================================
            SOBRE HERO MOBILE (768px)
==================================================*/

@media (max-width:768px){

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

.sobre-hero{

    min-height:auto;

    padding:95px 0 45px;

    display:flex;

    align-items:center;

}

.sobre-hero .container{

    width:90%;

    margin:auto;

    padding:0;

}

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

.sobre-content{

    display:grid;

    grid-template-columns:1fr 145px;

    gap:18px;

    align-items:center;

}

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

.sobre-text{

    width:100%;

}

.sobre-tag{

    font-size:10px;

    letter-spacing:2px;

    margin-bottom:10px;

}

.gold-line{

    width:50px;

    margin-bottom:16px;

}

.sobre-text h1{

    font-size:24px;

    line-height:1.15;

    margin-bottom:14px;

}

.sobre-text p{

    font-size:13px;

    line-height:1.75;

    max-width:100%;

}

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

.sobre-image{

    display:flex;

    justify-content:flex-start;

    align-items:center;

    margin-left:-28px;   /* aproxima a imagem do texto */

}

.sobre-image img{

    width:245px;

    height:auto;

    border-radius:15px;

    display:block;

}

/*=========================
        FUNDO
=========================*/

.sobre-bg{

    object-position:72% center;

    opacity:.18;

}

.sobre-overlay{

    background:linear-gradient(

        180deg,

        rgba(7,28,50,.90),

        rgba(7,28,50,.78),

        rgba(7,28,50,.62)

    );

}

}

/*==================================================
            CREDENCIAIS MOBILE (768px)
==================================================*/

@media (max-width:768px){

/*=========================
        SECÇÃO
=========================*/

.credenciais{

    margin-top:50px;

    padding:0 0 45px;

    background:#ffffff;

}

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

.credenciais-container{

    width:90%;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:14px;

}

/*=========================
            CARD
=========================*/

.credencial{

    display:grid;

    grid-template-columns:50px 1fr;

    column-gap:16px;

    align-items:flex-start;

    padding:18px;

    background:#ffffff;

    border:1px solid #ece7df;

    border-left:4px solid #caa14d;

    border-radius:10px;

    box-shadow:0 8px 22px rgba(0,0,0,.05);

}

/*=========================
            ÍCONE
=========================*/

.credencial-icon{

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#071c32;

    color:#caa14d;

    border-radius:50%;

    font-size:17px;

    grid-row:1 / span 2;

}

/*=========================
            TÍTULO
=========================*/

.credencial h4{

    margin:2px 0 6px;

    font-family:'Marcellus',serif;

    font-size:16px;

    font-weight:400;

    color:#071c32;

    line-height:1.3;

}

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

.credencial p{

    margin:0;

    font-family:'Manrope',sans-serif;

    font-size:13px;

    line-height:1.7;

    color:#5d6772;

}

}

/*==================================================
        MISSÃO • VISÃO • VALORES MOBILE
==================================================*/

@media (max-width:768px){

.institucional{

    padding:55px 0;

}

.institucional .container{

    width:90%;

}

.institucional-grid{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/*=========================
        CARD
=========================*/

.institucional-card{

    padding:26px 22px;

    background:#ffffff;

    border:1px solid #ece7df;

    border-radius:12px;

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

    transition:.30s;

}

.institucional-card:hover{

    transform:translateY(-3px);

}

/*=========================
        ÍCONE
=========================*/

.institucional-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#071c32;

    color:#caa14d;

    border-radius:50%;

    font-size:18px;

    margin-bottom:18px;

}

/*=========================
        TÍTULO
=========================*/

.institucional-card h3{

    margin:0 0 12px;

    font-family:'Marcellus',serif;

    font-size:20px;

    font-weight:400;

    color:#071c32;

    line-height:1.3;

}

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

.institucional-card p{

    margin:0;

    font-family:'Manrope',sans-serif;

    font-size:13px;

    line-height:1.85;

    color:#5d6772;

}

}

/*==================================================
    EXPERIÊNCIA + PRO BONO MOBILE (768px)
==================================================*/

@media (max-width:768px){

/*=========================
        SECÇÃO
=========================*/

.experiencia{

    padding:60px 0;

}

.experiencia .container{

    width:90%;

    margin:auto;

}

/*=========================
        GRID
=========================*/

.experiencia-grid{

    display:flex;

    flex-direction:column;

    gap:30px;

}

/*=========================
    EXPERIÊNCIA
=========================*/

.experiencia-left{

    width:100%;

}

.experiencia-left h2{

    font-size:26px;

    line-height:1.3;

    margin-bottom:14px;

}

.experiencia-left .gold-line{

    width:60px;

    margin-bottom:22px;

}

.experiencia-left ul{

    margin:0;

    padding:0;

    list-style:none;

}

.experiencia-left li{

    position:relative;

    padding-left:24px;

    margin-bottom:14px;

    font-size:13px;

    line-height:1.8;

    color:#5d6772;

}

.experiencia-left li::before{

   
    position:absolute;

    left:0;

    top:1px;

    color:#caa14d;

    font-weight:700;

}

/*=========================
        PRO BONO
=========================*/

.probono-card{

    padding:26px 22px;

    background:#071c32;

    border-radius:12px;

}

.probono-icon{

    width:48px;

    height:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#caa14d;

    color:#071c32;

    border-radius:50%;

    font-size:18px;

    margin-bottom:18px;

}

.probono-card h3{

    margin:0 0 14px;

    font-size:20px;

    line-height:1.4;

    color:#ffffff;

}

.probono-card .gold-line{

    width:55px;

    margin-bottom:18px;

}

.probono-card p{

    margin:0;

    font-size:13px;

    line-height:1.9;

    color:rgba(255,255,255,.85);

}

}

/*==================================================
        CLIENTES MOBILE (768px)
==================================================*/

@media (max-width:768px){

/*=========================
        SECÇÃO
=========================*/

.clientes{

    padding:60px 0;

}

.clientes .container{

    width:90%;

    margin:auto;

}

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

.clientes-header{

    margin-bottom:35px;

}

.clientes-header h2{

    font-size:27px;

    line-height:1.3;

    margin-bottom:14px;

}

.clientes-header .gold-line{

    width:55px;

}

/*=========================
        GRID
=========================*/

.clientes-grid{

    display:flex;

    flex-direction:column;

    gap:20px;

}

/*=========================
        CARD
=========================*/

.cliente-card{

    padding:24px 22px;

    border-radius:12px;

    border:1px solid #ece7df;

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

}

/*=========================
        TOPO
=========================*/

.cliente-top{

    display:flex;

    align-items:flex-start;

    gap:16px;

}

/*=========================
        ÍCONE
=========================*/

.cliente-icon{

    width:46px;

    height:46px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#071c32;

    color:#caa14d;

    border-radius:50%;

    font-size:17px;

}

/*=========================
        TÍTULO
=========================*/

.cliente-card h3{

    margin:0 0 12px;

    font-family:'Marcellus',serif;

    font-size:18px;

    font-weight:400;

    color:#071c32;

}

/*=========================
        LISTA
=========================*/

.cliente-card ul{

    margin:0;

    padding:0;

    list-style:none;

}

.cliente-card li{

    position:relative;

    padding-left:18px;

    margin-bottom:10px;

    font-size:13px;

    line-height:1.75;

    color:#5d6772;

}

.cliente-card li::before{


    position:absolute;

    left:0;

    color:#caa14d;

    font-size:16px;

}

/*=========================
        BOTÃO
=========================*/

.cliente-btn{

    width:100%;

    height:46px;

    margin-top:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

    font-weight:700;

}

}

/*==================================================
            CLIENTES MOBILE (768px)
==================================================*/

@media (max-width:768px){

.clientes{

    padding:55px 0;

}

.clientes .container{

    width:90%;

    margin:auto;

}

.clientes-header{

    margin-bottom:32px;

}

.clientes-header h2{

    font-size:25px;

    line-height:1.3;

}

.clientes-header .gold-line{

    width:55px;

    margin-top:14px;

}

.clientes-grid{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.cliente-card{

    padding:22px;

    border-radius:10px;

    border:1px solid #ebe7df;

    background:#fff;

    box-shadow:0 10px 25px rgba(0,0,0,.04);

}

.cliente-top{

    display:flex;

    align-items:flex-start;

    gap:15px;

}

.cliente-icon{

    width:44px;

    height:44px;

    flex-shrink:0;

    font-size:16px;

}

.cliente-card h3{

    margin:0 0 12px;

    font-size:18px;

}

.cliente-card ul{

    margin:0;

    padding:0;

}

.cliente-card li{

    font-size:13px;

    line-height:1.75;

    margin-bottom:8px;

}

.cliente-btn{

    width:100%;

    height:44px;

    margin-top:20px;

    font-size:11px;

}

}
/*==================================================
            HONORÁRIOS MOBILE
==================================================*/

@media (max-width:768px){

.fees-section{

    padding:55px 0;

}

.fees-section .container{

    width:90%;

    margin:auto;

}

.fees-header{

    margin-bottom:35px;

}

.fees-header span{

    font-size:10px;

    letter-spacing:2px;

}

.fees-header h2{

    font-size:26px;

    margin-top:10px;

}

.fees-grid{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.fee-card{

    padding:24px 22px;

    border-radius:10px;

}

.fee-icon{

    width:46px;

    height:46px;

    font-size:18px;

    margin-bottom:18px;

}

.fee-card h3{

    font-size:20px;

    padding-bottom:14px;

    margin-bottom:18px;

}

.fee-card h3::after{

    width:55px;

}

.fee-card ul{

    margin:0;

    padding:0;

}

.fee-card li{

    font-size:13px;

    line-height:1.8;

    padding-left:24px;

    margin-bottom:12px;

}

.fees-note{

    margin-top:24px;

    padding:20px;

    border-radius:10px;

}

.fees-note i{

    font-size:18px;

}

.fees-note p{

    font-size:13px;

    line-height:1.8;

}

}