.seguros-bg {padding: 75px 0 90px;}
.seguros-bg .seguro-item img {width: 130px; height: 50px; object-fit: contain;} 
.seguros .texto {font: 300 15px / 26px roboto; color: #737373;}
.seguros .titulo-servico {padding: 45px 0 75px; text-align: center; font: 300 23.09px roboto; color: #81848C;}
.seguros .titulo-servico b {color: #363638;}
.seguros .seguro-selecao {display: flex;}
.seguros .seguro-selecao .seguro-item {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; flex: 1 1 calc(15% - 20px); padding: 20px; transition: var(--transition2);}
.seguros .seguro-selecao .seguro-item .nome-plano {text-align: center; font: 300 17.86px / 26.27px roboto; color: #81848C;}
.seguros .seguro-selecao .seguro-item .nome-plano b {color: #363638; font-weight: 700;}
.seguros .seguro-selecao .seguro-item .btn-saiba-mais {font: 300 16.87px roboto; color: var(--branco); background: #0090B4;border: none; display: flex; align-items: flex-start; justify-content: center; max-width: 120px;padding: 12px 15px; position: relative; transition: var(--transition2); text-transform: uppercase;}



.seguros-bg {padding: 80px 0;}
.seguros-bg .seguros {display: grid; grid-template-columns: 1fr 1.8fr; gap: 60px; padding-bottom: 80px;}
.seguros .lista-seguros {display: flex; flex-direction: column; gap: 10px;}

.lista-seguros .seguro-item { cursor: pointer; position: relative; display: flex; flex-direction: column;}
.lista-seguros > div.ativo .text::after,
.lista-seguros > div.ativo .text::before {background: #fff;}
.lista-seguros .seguro-item.active .text::after {transform: rotate(180deg);}
.lista-seguros .seguro-item.active .text::before {transform: rotate(360deg)}
.lista-seguros > div .text::after,
.lista-seguros > div .text::before {content: ''; position: absolute; width: 10px; height: 3px; background: #2B2B2B; right: 20px; top: 48%; transition: var(--transition3);}
.lista-seguros > div .text::before {transform: rotate(90deg);}
.lista-seguros .seguro-item .lista-children {flex-direction: column; padding: 5px 0 10px 70px; display: none;}
.lista-seguros .lista-children > a {font: 300 1.1075rem / 2.2319rem roboto; color: #2B2B2B;}
.lista-seguros .lista-children .children-link.ativo {font-weight: 700; color: #0085AC;}
.lista-seguros .seguro-item .conteudo {display: flex; gap: 10px; flex-direction: row; margin-left: 20px; position: relative;}
.lista-seguros .seguro-item .conteudo::before {content: ''; position: absolute; width: 10px; height: 100%; background: #0085AC; left: -20px; top: 0;}
.lista-seguros .seguro-item.ativo .conteudo::before {background: #2B2B2B;}
.lista-seguros .seguro-item .text {width: 100%;position: relative; font: 400 17.72px roboto; color: #2B2B2B; background: #D6E6F4; align-items: center; display: flex; padding: 20px; transition: var(--transition2);}
.lista-seguros .seguro-item.ativo .text {color: #fff; background: #0085AC;}
.seguro-item.ativo .img {background: #2B2B2B;}
.seguro-item .img {aspect-ratio: 1/1; width: 63px; height: auto; transition: var(--transition2); background: #0085AC; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.seguro-item .img svg {max-width: 43px;}
/* .seguro-item .lista-children {position: absolute; bottom: 0; transform: translate(-50%, -50%); left: 50%; height: 0;} */

.seguros .conteudo {display: flex; flex-direction: column; gap: 45px;}
.seguros .conteudo .picture {max-height: 280px; overflow: hidden; height: 280px; display: flex; align-items: center; justify-content: center; background: url(../../img/planos/background.png) no-repeat center center; background-size: cover;}
.seguros .conteudo .picture img { object-fit: contain; object-position: bottom;} 
.seguros .conteudo .titulo {font: 600 2.4369rem titilium; color: #2B2B2B;}
.seguros .conteudo .texto {font: 300 0.9375rem / 1.625rem roboto; color: #737373;} 
.seguros .conteudo .texto > * {display: inline;}


.seguros .expand {display: none;}


.seguros-bg:has(> .seguros.default) {padding: 80px 0 0;}
.seguros-bg .seguros.default {display: flex; flex-direction: column; gap: 35px;}
.seguros.default .titulo-servico {text-align: center; font: 300 1.4431rem roboto; color: #81848C;}
.seguros.default .titulo-servico b{font-weight: 700; color: #363638;}
.seguros.default .seguro-selecao {display: flex; flex-wrap: wrap;}
.seguros.default .seguro-selecao > div {overflow: hidden; position: relative;}
.seguros.default .seguro-item .conteudo {position: absolute; left: -100%; transition: var(--transition2); width: 100%; height: 100%; background: var(--branco); display: flex; gap: 30px; flex-direction: column; align-items: center; justify-content: center;}
.seguros.default .seguro-item .conteudo .item.child a p {font: 500 16px roboto; transition: var(--transition2); color: var(--preto); opacity: 0.2;}
.seguros.default .seguro-item .conteudo .item.child:hover a p {opacity: 1;}
.seguros.default .seguro-item:hover .conteudo {left: 0;}
.seguros.default .seguro-item {display: flex; flex: 1 1 16%; flex-direction: column; gap: 35px; text-align: center; align-items: center; justify-content: center; transition: var(--transition2); padding: 30px 0; border-radius: 20px;}
.seguros.default .seguro-item:hover {box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);}
.seguros.default .seguro-item .seguro-img {width: 100%;}
.seguros.default .seguro-item img{width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; max-height:62px; max-width: 62px;}
.seguros.default .seguro-item > * {font:300 1.1162rem roboto; color: #81838a;}
.seguros.default .seguro-item > * b {font: 700 1.3294rem roboto; color: #363638;}

.seguros.default .texto {font:300 15px / 26px roboto; color: #737373;}

@media(max-width: 1250px){
 .seguros-bg .seguros {display: flex; flex-direction: column;}
 .seguros .expand {display: block; padding: 20px 0; background: #0085AC; color: var(--branco); margin-bottom: 20px; transition: var(--transition2);}
 .seguros .expand.ativo {background: #2B2B2B; color: var(--branco);}
 .seguros .expand > p {font: 500 1.125rem montserrat; padding: 0 0 0 20px; position: relative; transition: var(--transition2);}
 .seguros .expand > p::before,
 .seguros .expand > p::after {content: ''; position: absolute; background-color: #fff; width: 15px; height: 3px; right: 20px; top: 50%; transition: var(--transition2);}
 .seguros .expand > p::before {rotate: 90deg;}
 .seguros .expand.ativo > p::before {rotate: 360deg;}
 .seguros .expand.ativo > p::after {rotate: 360deg;}
 .seguros > .conteudo {padding: 30px 0 0;}
 .seguros-bg .seguros {gap: 0;}
 .seguros .lista-seguros {display: none;}
 .seguros .conteudo .titulo {font-size: 1.7rem;}
 .seguros-bg {padding: 40px 0;}

}

@media(max-width: 990px){
    .seguros > .conteudo {padding: 0px;}
    .seguros-bg {padding: 15px 0;}
    .seguros-bg .seguros {padding-bottom: 30px;}
    .seguros.default .seguro-item {flex: 1 1 33%;}
}

@media(max-width: 600px) {
    .seguros.default .seguro-item {flex: 1 1 45%;}
}