.seguros-bg {padding: 80px 0 200px;}
.seguros {display: grid; grid-template-columns: repeat(6, 1fr);gap: 10px 0;}
.seguros .seguro-item {display: flex; flex-direction: column; gap: 35px; text-align: center; align-items: center; justify-content: center; transition: var(--transition2); padding: 30px 0; border-radius: 20px;}
.seguros .seguro-item:hover {box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.2);}
.seguros .seguro-item .seguro-img {width: 100%;}
.seguros .seguro-item img{width: 100%; height: auto; aspect-ratio: 1/1; object-fit: contain; max-height:62px; max-width: 62px;}
.seguros .seguro-item > * {font:300 1.1162rem roboto; color: #81838a;}
.seguros .seguro-item > * b {font: 700 1.3294rem roboto; color: #363638;}


.seguranca-bg {background: #2B2B2B; position: relative; padding: 70px 0 75px; }
.seguranca-bg::after {content: ''; position: absolute; left: 0; top: 0; width: 20%; height: 22%; background: var(--branco);}
.seguranca {display: grid; grid-template-columns: 1fr 1.25fr;}
.seguranca .img {position: absolute; left: 10%; top: -35%; z-index: 1; pointer-events: none;}
.seguranca .img img {object-fit: contain; width: 100%; height: 100%;}
.seguranca .text-parent {grid-column: 2/3; display: flex; flex-direction: column; gap: 55px; align-items: flex-end;}
.seguranca .text-parent .titulo {font: 700 2.875rem / 3.3125rem titilium; color: var(--branco); text-align: left;}
.seguranca .text-parent .titulo-h1 { width: 100%; display: block;font-size: 1.6rem;}
.seguranca .text-parent .texto-pai {color: var(--branco); padding-left: 45px; max-width: 600px;}
.seguranca .text-parent .texto-pai > .texto {font: 300 0.9375rem / 1.625rem roboto; display: inline;}
.seguranca .text-parent .botoes {display: flex; justify-content: space-between; padding-left: 45px; max-width: 600px; width: 100%;}
.seguranca .text-parent .botoes > a {color: var(--branco); display: flex; align-items: center; justify-content: center;}
.seguranca .text-parent .botoes .btn-saiba-mais {font: 700 12.9px roboto; background: #0090B4; padding: 15px; position: relative; transition: var(--transition2);}
.seguranca .text-parent .botoes .btn-saiba-mais p {position: relative; z-index: 2;}
.seguranca .text-parent .botoes .btn-saiba-mais::after {content: ''; position: absolute; width: 0; height: 100%;transform: translate(-50%, -50%); background: #3cb1d1; top: 50%; left: 50%; transition: var(--transition2);}
.seguranca .text-parent .botoes .btn-saiba-mais:hover::after {width: 100%;}
.seguranca .text-parent .botoes .btn-saiba-mais:hover {background: none;}
.seguranca .text-parent .botoes .whats-href picture {background: #8CBE66; width: 50px; aspect-ratio: 1/1; height: auto; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.seguranca .text-parent .botoes .whats-href > p {background: #8CBE66; padding: 10px; font: 700 12.83px montserrat; border-radius:0 1.23rem 1.23rem 0; margin-left: -10px;}


.produtos-bg {padding: 4.6875rem 0;}
.produtos .produtos-lista {display: grid; grid-template-columns: repeat(2, 1fr);gap: 50px;}
.produtos .produto {display: flex; gap: 1.5625rem;}
.produtos .produto .titulo {font: 300 1.4431rem roboto; color: #81848C;}
.produtos .produto .titulo b {font-weight: 700; color: #363638;}
.produtos .produto .texto {font: 300 0.9375rem roboto; color: #737373;}
.produtos .produto .btn-saiba-mais {font: 700 12.9px montserrat; color: var(--branco); background: #0090B4; display: flex; align-items: flex-start; justify-content: center; max-width: 120px;padding: 12px 15px; position: relative; transition: var(--transition2);}
.produtos .produto .btn-saiba-mais::after {content: ''; position: absolute; background: #363636; height: 0; width: 100%; transform: translate(-50%, -50%); left: 50%; top: 50%; transition: var(--transition2); z-index: -1;}  
.produtos .produto .btn-saiba-mais:hover::after {height: 100%; z-index: -1;}
.produtos .produto .btn-saiba-mais:hover {background: none;}

.produtos .produto .texto-parent {display: flex; flex-direction: column; gap: 30px;}
.blog-bg {background: url('../../img/background.webp') no-repeat center center / cover; padding: 75px 0;}
.blog-bg .blog {display: flex; gap: 60px;}
.blog-bg .blog .left {display: flex; flex-direction: column; justify-content: space-between;}
.blog-bg .blog .title {font: 700 42px titilium; color: var(--branco); }
.blog-bg .blog .btn-blog {font: 700 12.9px montserrat; padding: 15px 20px; background: #007FA3; color: var(--branco); position: relative; transition: var(--transition2);}
.blog-bg .blog .btn-blog p {position: relative; z-index: 2;}
.blog-bg .blog .btn-blog::after {content: ''; position: absolute; height: 0; width: 100%; transform: translate(-50%, -50%); left: 50%; top: 50%; background: #363636; transition: var(--transition2);}
.blog-bg .blog .btn-blog:hover::after {height: 100%;}
.blog-bg .blog .btn-blog:hover {background: none;}
.blog-bg .blog .splide.slider {flex: 1 1 calc(70% - 20px); max-width: 65%;}
.blog-bg .post-blog .texto{font: 300 16.48px roboto; position: relative; color: var(--branco); text-align: center; width: 100%;}
.blog-bg .post-blog .texto::before {content: ''; position: absolute; left: 0; width: 4px; height: 100%; background: #007EA0;} 
.blog-bg .post-blog {display: flex; gap: 20px; flex-direction: column; align-items: center; justify-content: center;}

@media(max-width: 1750px){
 .seguranca .img {transform: scale(.72); left: 0;}
}

@media(max-width: 1250px) {
 .seguros {display: flex; flex-wrap: wrap; gap: 50px 20px;}
 .seguros .seguro-item {flex: 1 1 calc(15% - 20px)}

 .seguranca {display: flex;}
 .seguranca-bg::after,
 .seguranca .img {display: none;}
 .seguranca .text-parent .titulo {text-align: center;}
 .seguranca .text-parent .texto {padding: 0; max-width: 100%;}
 .seguranca-bg {padding: 50px 0;}
 .seguranca .text-parent .texto-pai {max-width: 100%; padding: 0;}
 .produtos .produtos-lista {grid-template-columns: 1fr;}
 .seguranca .text-parent .botoes {max-width: unset;}
 .blog-bg .post-blog .texto{width: 75%;}
 .blog-bg .blog .btn-blog {font-size: 11px;}
 .blog-bg .blog .title {font-size: 35px;}
 .blog-bg .blog .btn-blog p {text-align: center;}
}

@media(max-width: 990px) {
 .seguros .seguro-item {flex: 1 1 calc(25% - 20px);}
 .produtos .produto .texto-parent {gap: 20px;}
 .produtos .produto .titulo {font-size: 1.2rem;}
 .produtos .produto .texto {font-size: .875rem;}
 .blog-bg .blog {flex-direction: column;}
 .blog-bg .blog .splide.slider {flex: 1 1 100%; max-width: 100%;}
 .blog-bg .blog .left {gap: 20px;}
 .blog-bg .blog .title br {display: none;}
 .blog-bg .blog .title {text-align: center;}
 .blog-bg .post-blog .texto{width: 95%;}
 .seguros-bg {padding: 20px 0;}
 .blog-bg,
 .produtos-bg {padding: 30px 0;}
}


@media(max-width: 768px) {
 .seguros {gap: 0px;} 
 .seguros .seguro-item {flex: 1 1 calc(33% - 20px);}
 .seguranca .text-parent .titulo {font-size: 2rem;}
 .seguros .seguro-item {gap: 8px; }
 .seguros .seguro-item .seguro-img {transform: scale(.8);}
 .seguros .seguro-item > h1,
 .seguros .seguro-item > h2,
 .seguros .seguro-item > h1 b,
 .seguros .seguro-item > h2 b {font-size: 1rem;}
 .blog-bg .post-blog .texto::before {display: none;}
}

@media(max-width: 550px) {
 .seguros .seguro-item {flex: 1 1 calc(50% - 20px);}
 .produtos .produto {flex-direction: column; align-items: center; justify-content: center;}
 .produtos .produto .texto-parent {align-items: center; justify-content: center;}
 .seguranca .text-parent .botoes {flex-direction: column; gap: 40px;}
 .seguranca-bg {padding: 30px 0;}
 .seguranca .text-parent .titulo {font-size: 1.6rem;}
 .seguranca .text-parent {gap: 30px;}
}