.corretora { padding: 50px 0; }
.corretora-content-parent { display: grid; grid-template-columns: repeat(2, 1fr); gap: 45px; }
.corretora-content-parent .titulo { font: 700 46px titilium; color: #2B2B2B; }
.corretora-content-parent .titulo span { font-style: italic; color: #0085AC; } 
.corretora-content-parent .content > .texto { font: 300 15px / 1.575 roboto; color: #737373; hyphens: auto; margin-top: 25px; padding-right: 90px; }
.corretora-content-parent .content .whats-href { display: flex; align-items: center;font: 700 18.44px montserrat; color: #fff; margin-top: 35px; }
.corretora-content-parent .content .whats-href .texto { height: 55px; transition: .4s ease; display: flex; align-items: center; background: #8CBE66; padding: 0 25px 0 60px; white-space: nowrap; margin-left: -55px; position: relative; z-index: -1; border-radius: 19.67px; }
.corretora-content-parent .content .whats-href .img { display: flex; transition: .4s ease; background: #8CBE66; border-radius: 50%; height: 75px; width: 75px; align-items: center; justify-content: center; }
.corretora-content-parent .content .whats-href:hover .texto { background: #679e3e; color: #fff; }
.corretora-content-parent .content .whats-href:hover .img { background: #679e3e }

.corretora-content-parent > .img { width: 100%; max-width: calc(1130px / 2); }
.corretora-content-parent > .img img { width: 100%; height: 100%; object-fit: cover; }
.corretora-content-parent .right { position: relative; }
.corretora-content-parent .right::after {width: 152px; height: auto; aspect-ratio: 1/1; position: absolute; content: ''; background: url('../../img/selo.png') no-repeat center center; transform: translate(-50%, -50%); left: 0; top: 50%;}

.vantagens-bg { padding: 85px 0 100px; position: relative; }
.vantagens-bg .vantagens { display: flex; gap: 80px; }
.vantagens .card.card-1 { padding: 50px 65px 50px 50px; }
.vantagens .card.card-1 .texto { padding-right: 30px; }
.vantagens .card { padding: 50px 50px 50px 65px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius: 30px; flex: 1 1 calc(50% - 40px); }
.vantagens .card.card-2 { text-align: right; }
.vantagens .titulo { font: 700 35px / 1 titilium; color: #2B2B2B; }
.vantagens .titulo span { font-style: italic; color: #0085AC; }
.vantagens .texto { font: 300 15px / 1.575 roboto; color: #737373; margin-top: 30px; }
.vantagens .texto b { color: #000; font-weight: 700; }
.img.corretor { position: absolute; transform: translate(-50%, -50%); left: 52%; bottom: -290px; }


.diferenciais { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }
.diferenciais .diferencial-item { display: flex; align-items: center; gap: 15px; }
.diferenciais .diferencial-item img { object-fit: contain; display: block; width: 50px; height: 50px;  }
.diferenciais .diferencial-item .text { font: 300 19.8px roboto; color: #81848C; }
.diferenciais .diferencial-item .text b { font-weight: 700; color: #000;}


.seguros-bg { padding: 100px 0; background: url(../../img/corretora/bg.webp) no-repeat center center / cover; }
.seguros-parent .titulo { font: 700 46px titilium; color: #fff; text-align: center; }
.seguros-bg .seguros { display: grid; grid-template-columns: repeat(5, 1fr); gap: 65px; margin-top: 55px; }
.seguros .seguro-item {display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center; color: #fff; font: 300 17.86px / 1.3 roboto; white-space: nowrap; transition: .4s ease; }
.seguros .seguro-item:hover { backdrop-filter: blur(10px);}
 
.seguros .seguro-item b { font-weight: 700; }

.seguros-profissionais-bg { padding: 90px 0; }
.seguros-profissionais .titulo { font: 700 46px titilium; color: #2B2B2B; text-align: center; }
.seguros-profissionais .seguro-selecao { display: flex; flex-wrap: wrap; justify-content: center; gap: 35px 55px; margin-top: 55px; }
.seguros-profissionais .seguro-selecao .seguro-item { display: flex; flex-direction: column; align-items: center; gap: 15px; text-align: center; color: #000; font: 300 17.86px / 1.3 roboto; white-space: nowrap;}
.seguros-profissionais .seguro-selecao .seguro-item b { font-weight: 700; }

.planos-de-saude-bg { padding: 80px 0; box-shadow: 0 0 20px -3px rgba(0, 0, 0, 0.23);}
.planos-de-saude { display: grid; grid-template-columns: repeat(2, 1fr); gap: 55px; }
.planos-de-saude .images { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px 50px; }
.planos-de-saude .images .img { display: block; margin: 0 auto; max-width: 200px; }
.planos-de-saude .images .img img { width: 100%; height: 100%; object-fit: contain; }
.planos-de-saude .content .titulo  { font: 700 46px titilium; color: #2B2B2B; }
.planos-de-saude .content .text { font: 300 15px / 1.5 roboto; color: #737373; margin-top: 25px;}

.carta-verde-bg { padding: 90px 0; }
.carta-verde { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
.carta-verde .titulo { font: 700 46px titilium; color: #2B2B2B; }
.carta-verde .texto { font: 300 15px / 1.5 roboto; color: #737373; margin-top: 25px; padding-right: 40px;}
.carta-verde .btns { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 30px; }
.carta-verde .btn  { height: 35px; display: flex; align-items: center; justify-content: center; padding: 0 15px; text-transform: uppercase; color: #fff; font: 700 12.9px / 1.8 montserrat; background: #0085AC; }



@media(max-width: 1250px){
    .img.corretor { max-width: 260px; bottom: -220px; }
    .img.corretor img { width: 100%; height: 100%; object-fit: contain; }
    .seguros-bg .seguros { grid-template-columns: repeat(4, 1fr); }
    .seguros-profissionais .seguro-selecao { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
    .carta-verde-bg { padding: 40px 0; }
    .carta-verde { grid-template-columns: 1fr; }
    .carta-verde .titulo { text-align: center; }
    .carta-verde .btns { justify-content: center; }
    .carta-verde .texto { text-align: center; }
    .carta-verde .img { max-width: 90%; display: block; max-height: 315px; margin: 0 auto; }
    .carta-verde .img img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 auto; }
    .corretora-content-parent .right::after { display: none; }
}


@media(max-width: 990px){
    .corretora { padding: 30px 0; }
    .corretora-content-parent { gap: 20px; }
    .corretora-content-parent { grid-template-columns: 1fr; justify-items: center; }
    .corretora-content-parent .content .whats-href { justify-content: center; }
    .corretora-content-parent .titulo { text-align: center; margin: 0 auto; display: block; }
    .diferenciais { grid-template-columns: repeat(2, 1fr); }
    .diferenciais .diferencial-item:last-child { grid-column: 1/-1; margin: 0 auto; }
    .diferenciais .diferencial-item .text { font-size: clamp(14px, 2vw, 18px);}
    .seguros-parent .titulo,
    .seguros-profissionais .titulo,
    .planos-de-saude .content .titulo,
    .corretora-content-parent .titulo { font-size: clamp(27px, 3.8vw, 39px); }
    .corretora-content-parent .content > .texto { font-size: clamp(14px, 2vw, 18px); margin-top: 10px; padding: 0; }
    .img.corretor { display: none; }
    .vantagens-bg { padding: 30px 0; }
    .vantagens-bg .vantagens { flex-direction: column; gap: 30px; }
    .vantagens-bg .vantagens .card { text-align: center; padding: 50px !important; }

    .vantagens-bg .vantagens .card .texto { padding: 0; font-size: clamp(13px, 1.7vw, 15px); }

    .vantagens .titulo { font-size: clamp(22px, 3.3vw, 32px); }
    .planos-de-saude .content .text { font-size: clamp(13px, 1.7vw, 15px); margin-top: 10px; }
    .seguros .seguro-item { font-size: clamp(13px, 1.7vw, 15px); }
    .seguros-bg .seguros { gap: 30px; grid-template-columns: repeat(3, 1fr); }
    .seguros-profissionais .seguro-selecao .seguro-item { font-size: clamp(12px, 1.5vw, 15px); }

    .seguros-profissionais-bg,
    .planos-de-saude-bg,
    .seguros-bg { padding: 30px 0; }

    .planos-de-saude { display: flex; flex-direction: column-reverse; }
    .corretora-content-parent .content .whats-href { font-size: 14px; }

}

@media (max-width: 768px){
    .diferenciais { grid-template-columns: 1fr; }
    .diferenciais .diferencial-item:last-child  { margin: 0; }
    /* .seguros-bg .seguros { grid-template-columns: repeat(2, 1fr); } */
}


@media(max-width: 600px) {
    .seguros-profissionais .seguro-selecao .seguro-item:last-child { grid-column: 1/-1; margin: 0 auto; }
    .seguros-bg .seguros { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
    .corretora-content-parent .content .whats-href { font-size: 10px; }
}