/* Cassel — Modelo Área de Atuação Conversão. Herda Bootstrap + classes do tema. */

.area-atuacao-conversao { color: #292929; }

/* ===== BOTÃO conversão ===== */
.area-atuacao-conversao .btn-conversao {
    display: inline-block;
    background: #EE3048;
    color: #fff !important;
    border: 2px solid #EE3048;
    padding: 1rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-decoration: none;
    border-radius: 0;
    line-height: 1.2;
    transition: background .15s, border-color .15s, transform .15s;
}
.area-atuacao-conversao .btn-conversao:hover {
    background: #97192F;
    border-color: #97192F;
    transform: translateY(-2px);
    text-decoration: none;
}

/* ===== HERO (.area-single-header herdada do tema) ===== */
.area-atuacao-conversao .area-single-header .col-titulo .inner {
    justify-content: center;
    padding-top: 32px;
    gap: 1rem;
    min-height: 0;
}
.area-atuacao-conversao .area-single-header .col-titulo .inner .outer-ico { margin-bottom: 0; }
.area-atuacao-conversao .area-single-header .row { align-items: center; }
.area-atuacao-conversao .area-single-header .col-img .div-img { aspect-ratio: 767/511; }
.area-atuacao-conversao .area-single-header .col-titulo .inner .aac-hero-cta {
    position: relative;
    z-index: 1;
    margin-top: 1.5rem;
}

/* ===== APRESENTAÇÃO (cinza EFEFEF, 2-col, centralizado vertical) ===== */
.area-atuacao-conversao .aac-apresentacao { background: #fff; padding: 70px 0; }
.area-atuacao-conversao .aac-apresentacao h2 {
    font-size: 1.8rem;
    color: #3B3B3C;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 1rem;
    border-left: 4px solid #EE3048;
}
.area-atuacao-conversao .aac-apresentacao .col-lg-8 p { font-size: 1.02rem; line-height: 1.7; margin-bottom: 1.1em; }
@media (max-width: 991px) { .area-atuacao-conversao .aac-apresentacao h2 { margin-bottom: 1.5rem; } }

/* ===== CARDS (buscamos-quem-somos herdada + overlay) ===== */
.area-atuacao-conversao .buscamos-quem-somos:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    z-index: 0;
    pointer-events: none;
}
.area-atuacao-conversao .buscamos-quem-somos > .container { position: relative; z-index: 1; }
.area-atuacao-conversao .buscamos-quem-somos .itens .item .head { margin-bottom: .5rem; }

/* CTA row dentro de cards */
.area-atuacao-conversao .aac-cards .aac-cards-cta {
    position: relative;
    z-index: 1;
    margin-top: 4rem;
    padding-top: 2rem;
    text-align: center;
}
.area-atuacao-conversao .aac-cards .aac-cards-cta-titulo {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.3;
    margin: 0 0 1.2rem;
    font-weight: 600;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* ===== TEMAS (box-atuacao herdada, cards 4+3) ===== */
.area-atuacao-conversao .box-atuacao.aac-temas { padding-top: 1px; }
.area-atuacao-conversao .aac-temas .item { width: 25%; padding: 12px 6px 0; }
@media (max-width: 991px) { .area-atuacao-conversao .aac-temas .item { width: 50%; } }
@media (max-width: 575px) { .area-atuacao-conversao .aac-temas .item { width: 100%; } }
.area-atuacao-conversao .aac-temas .item .aac-tema-card {
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    border-radius: 6px;
    transition: background .15s;
}
.area-atuacao-conversao .aac-temas .item .aac-tema-card:hover { background: #C9C9C9; }
.area-atuacao-conversao .aac-temas .aac-tema-card .outer-ico { height: 22px; margin-bottom: 9px; }
.area-atuacao-conversao .aac-temas .aac-tema-card .outer-ico img { height: 100%; width: auto; }
.area-atuacao-conversao .aac-temas .aac-tema-card h3 {
    color: #292929;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    margin: 0;
    width: 190px;
    max-width: 100%;
}

/* ===== CARROSSEL amicus+monit (bg claro, letras escuras) ===== */
.area-atuacao-conversao .aac-carousel {
    background: #f4f5f7;
    padding: 80px 0;
    position: relative;
}
.area-atuacao-conversao .aac-carousel:before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px;
    background: linear-gradient(90deg, #EE3048 0%, #97192F 100%);
}
.area-atuacao-conversao .aac-carousel .aac-slide { padding: 1rem; }
.area-atuacao-conversao .aac-carousel .aac-slide-img-col img {
    width: 100%; height: auto; object-fit: cover; aspect-ratio: 4/3;
    clip-path: polygon(0 0, 100% 0, 100% 88%, 88% 100%, 0 100%);
    box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
.area-atuacao-conversao .aac-carousel .aac-slide-text-col { padding: 1rem 2rem; }
.area-atuacao-conversao .aac-carousel .aac-slide-text-col h2 {
    color: #3B3B3C;
    font-size: 1.8rem;
    line-height: 1.2;
    margin: 0 0 1.2rem;
    font-weight: 600;
}
.area-atuacao-conversao .aac-carousel .aac-slide-text {
    color: #292929;
    font-size: 1rem;
    line-height: 1.65;
}
.area-atuacao-conversao .aac-carousel .aac-slide-text p { margin-bottom: 1em; }
.area-atuacao-conversao .aac-carousel .owl-nav button {
    background: #EE3048 !important; color: #fff !important;
    width: 44px; height: 44px; border-radius: 50% !important;
    font-size: 1.5rem !important; line-height: 1; margin: 1rem;
}
.area-atuacao-conversao .aac-carousel .owl-nav button:hover { background: #97192F !important; }
.area-atuacao-conversao .aac-carousel .owl-dots .owl-dot span { background: #d4d4d8; width: 12px; height: 12px; }
.area-atuacao-conversao .aac-carousel .owl-dots .owl-dot.active span { background: #EE3048; }

/* ===== ADVOGADO ALICE (box-sobre-equipe herdada do tema) ===== */
.area-atuacao-conversao .aac-advogado .row { align-items: center; min-height: 480px; }
.area-atuacao-conversao .aac-advogado .col-esq {
    display: flex;
    align-items: center !important;
    justify-content: flex-start !important;
}
.area-atuacao-conversao .aac-advogado .destaque-esq { align-self: center; }
.area-atuacao-conversao .aac-advogado .aac-adv-foto-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.area-atuacao-conversao .aac-advogado > .container > h2.estilo-h2 { display: none; }
.area-atuacao-conversao .aac-advogado .aac-adv-h2 {
    display: block;
    font-size: 22px;
    line-height: 30px;
    font-style: italic;
    font-weight: 300;
    color: #fff;
    margin: 0 0 1.6rem;
    padding-left: .6rem;
    border-left: 3px solid #EE3048;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-nome {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .02em;
    line-height: 1.1;
}
.area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-cargo {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    color: #EE3048;
    letter-spacing: .08em;
}
.area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-linha {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .04em;
}
.area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-link {
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    margin-top: 4px;
    transition: color .15s;
}
.area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-link:hover { color: #EE3048; }
.area-atuacao-conversao .aac-advogado .aac-adv-foto-img {
    width: auto;
    max-height: 450px;
    max-width: 100%;
    height: auto;
    border-radius: 6px;
    box-shadow: 0 14px 36px rgba(0,0,0,.4);
    clip-path: polygon(0 0, 100% 0, 100% 92%, 92% 100%, 0 100%);
    object-fit: cover;
}
@media (max-width: 991px) {
    .area-atuacao-conversao .aac-advogado .row { min-height: 0; }
    .area-atuacao-conversao .aac-advogado .aac-adv-foto-img { max-height: 320px; }
    .area-atuacao-conversao .aac-advogado .destaque-esq { display: block !important; padding-bottom: 24px; }
    .area-atuacao-conversao .aac-advogado .destaque-esq:after { display: none; }
}

/* ===== BANNER FINAL (cinza EFEFEF + botão vermelho) ===== */
.area-atuacao-conversao .aac-banner-final {
    background: #EFEFEF;
    padding: 60px 0;
    text-align: center;
}
.area-atuacao-conversao .aac-banner-final .aac-container { max-width: 1100px; margin: 0 auto; padding: 0 1.25rem; }
.area-atuacao-conversao .aac-banner-final h2 {
    color: #3B3B3C;
    font-size: 1.8rem;
    margin: 0 auto 1.5rem;
    max-width: 800px;
}

/* Carrossel: H2 amicus/monit com detalhe vermelho à esquerda */
.area-atuacao-conversao .aac-carousel .aac-slide-text-col h2 {
    border-left: 4px solid #EE3048;
    padding-left: 1rem;
}

/* ============================================================
   HIERARQUIA TIPOGRÁFICA (H1 > H2 > H3) — desktop e mobile
   Desktop: H1=35px (tema), H2=26px, H3=18px
   Mobile:  H1=18px (tema), H2=16px, H3=14px
   ============================================================ */

/* H2 padronizado (desktop) — todas as sections */
.area-atuacao-conversao .aac-apresentacao h2,
.area-atuacao-conversao .aac-carousel .aac-slide-text-col h2,
.area-atuacao-conversao .aac-banner-final h2,
.area-atuacao-conversao .aac-cards .aac-cards-cta-titulo,
.area-atuacao-conversao .aac-advogado .aac-adv-h2 {
    font-size: 26px;
    line-height: 1.2;
}

/* H3 padronizado (desktop) — cards áreas + temas */
.area-atuacao-conversao .aac-cards .itens .item .head h3,
.area-atuacao-conversao .aac-temas .aac-tema-card h3 {
    font-size: 18px;
    line-height: 1.3;
}

/* MOBILE — H2 16px, H3 14px (sempre menores que H1=18px do tema) */
@media (max-width: 991px) {
    .area-atuacao-conversao .aac-apresentacao h2,
    .area-atuacao-conversao .aac-cards .estilo-h2,
    .area-atuacao-conversao .aac-temas h2,
    .area-atuacao-conversao .aac-carousel .aac-slide-text-col h2,
    .area-atuacao-conversao .aac-banner-final h2,
    .area-atuacao-conversao .aac-cards .aac-cards-cta-titulo,
    .area-atuacao-conversao .aac-advogado .aac-adv-h2,
    .area-atuacao-conversao .aac-advogado .destaque-esq .aac-adv-nome {
        font-size: 16px !important;
        line-height: 1.25 !important;
    }
    .area-atuacao-conversao .aac-cards .itens .item .head h3,
    .area-atuacao-conversao .aac-temas .aac-tema-card h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    /* H1 hero — garante 18px se já não estiver */
    .area-atuacao-conversao .area-single-header .col-titulo .inner h1 {
        font-size: 18px;
        line-height: 1.2;
    }
}

/* ============================================================
   PADRONIZAÇÃO: padding container + tamanho parágrafo uniforme
   ============================================================ */

/* Carrossel slide: padding igual ao Bootstrap .container (sem extra 2rem) */
/* Parágrafos uniformes — 18px desktop, 16px mobile (padrão tema klavika body) */
.area-atuacao-conversao .aac-apresentacao p,
.area-atuacao-conversao .aac-carousel .aac-slide-text p,
.area-atuacao-conversao .aac-banner-final p,
.area-atuacao-conversao .aac-cards .descritivo p,
.area-atuacao-conversao .aac-cards .descritivo {
    font-size: 18px !important;
    line-height: 1.65 !important;
    margin-bottom: 1em;
}
@media (max-width: 991px) {
    .area-atuacao-conversao .aac-apresentacao p,
    .area-atuacao-conversao .aac-carousel .aac-slide-text p,
    .area-atuacao-conversao .aac-banner-final p,
    .area-atuacao-conversao .aac-cards .descritivo p,
    .area-atuacao-conversao .aac-cards .descritivo {
        font-size: 16px !important;
    }
}


/* Carrossel slide: padding vertical, lateral herda Bootstrap gutter (15px) */
.area-atuacao-conversao .aac-carousel .aac-slide { padding-top: 1rem; padding-bottom: 1rem; }

/* Mobile: alinha padding lateral do carrossel amicus/monit com hero (Bootstrap container) */
@media (max-width: 991px) {
    .area-atuacao-conversao .aac-carousel .aac-slide-text-col { padding-left: 0; padding-right: 0; }
}