/*
Theme Name: SOS Pinda 2025
Theme URI: https://www.sospinda.com.br
Author: VOLUME COMUNICAÇÃO
Author URI: http://www.volume.com.br
Description: Tema desenvolvido por VOLUME
Version: 2.0
*/

/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    --azul: #104bac;
    --azulclaro: #669aec;
    --cinza: #4d4d4d;
	--cinzaclaro: #cdcdcd;
    --texto: #505050;
    --borda: #dee2e6;
}


html, body {  font-family: "Roboto", sans-serif; background:#fff; color: var(--texto); font-size: 16px;}

a:link {color:var(--vermelho);}
a:visited {color:var(--vermelho);}
a:active {color:var(--vermelho);}
a:hover {color:var(--texto); text-decoration:none;}



img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



@media (min-width: 300px) {}

@media (min-width: 500px) {}

@media (min-width: 769px) {}

  

.center { text-align: center;}




@media (min-width:768px) {
    .wrapright .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-right: 0;
    }

}



@media (min-width:992px) {
    .wrapright .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-right: 0;
    }
}

@media (min-width:1200px) {
    .wrapright .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-right: 0;
    }
}


@media (min-width:768px) {
    .wrapleft .container {
        width: calc(((100% - 750px) / 2) + 750px) !important;
        margin-left: 0;
    }


}

@media (min-width:992px) {
    .wrapleft .container {
        width: calc(((100% - 970px) / 2) + 970px) !important;
        margin-left: 0;
    }

}

@media (min-width:1200px) {
    .wrapleft .container {
        width: calc(((100% - 1170px) / 2) + 1170px) !important;
        margin-left: 0;
    }
}


/* header */
.bartop { background: #FFF; font-size: 12px; font-weight: 300; padding: 6px 0px; }
.lc { padding-right: 5px;}
.tl { padding-left: 20px; padding-right: 5px;}
.bartop .icon { height: 21px;}
.navbar-light { background: #fff !important; padding-top: 30px; padding-bottom: 30px; -webkit-box-shadow: 0px 5px 17px 1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 5px 17px 1px rgba(0,0,0,0.18);
    box-shadow: 0px 5px 17px 1px rgba(0,0,0,0.18);}
.menutop { font-size: 17px;}
.menutop li { padding-left: 15px;}
.menutop a:link, .menutop a:active, .menutop a:visited { color: var(--texto); font-weight: 600;}
.menutop a:hover { color: var(--azul);}
.menutop i { font-size: 22px;
    margin-bottom: -2px;
    padding-right: 3px;}
.buttonb { background: var(--azul); color:#fff !important; padding: 3px 10px; border-radius: 5px; font-weight: 400 !important;     margin-top: 3px;
    display: block;}
/* slide */



@media (min-width: 300px) {.slidehome h2 { font-weight: 400;
    line-height: 14px;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left;
    color: var(--texto);}}

@media (min-width: 500px) {.slidehome h2 {font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 18px;
    text-align: left;
    color: var(--texto);}}

@media (min-width: 769px) {.slidehome h2 {font-weight: 400;
    line-height: 47px;
    margin-bottom: 25px;
    font-size: 41px;
    text-align: left;
    color: var(--texto);}}


    .slidehome h6 { font-weight: 300; font-size: 12px; padding-bottom: 25px; padding-top: 10px;}
.btprinc { background: var(--azul); border-radius: 5px; color: #FFF !important; text-decoration: none; display: inline-block; padding: 7px 13px; vertical-align: middle; font-size: 16px; border: 0px !important; margin-top: 20px;}
.btprinc .fa-brands { font-size: 20px !important;}

.slidehome h2>strong{ color: red;}

.btprinc:hover { background: var(--texto); color: #FFF;}

.wpcf7-spinner {  display: block !important;}

/* representadas */

.representadas {
      margin: 0;
      padding: 20px 0px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
    }
   
    .carousel-container {
        width: 100%;
        overflow: hidden;
        background: #ffffff;
      }
  
      .carousel-track {
        display: flex;
        white-space: nowrap; /* Garante que o conteúdo fique em uma única linha */
        animation: scroll 10s linear infinite;
      }
  
      @keyframes scroll {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
  
      .carousel-track img {
        width: 150px; /* Ajuste o tamanho dos logos */
        height: auto;
        margin: 0 10px;
      }
  
      /* Duplicação para scroll contínuo */
      .carousel-track.duplicate {
        position: absolute;
      }

      .leftrep { position: absolute; background: rgb(255,255,255);
        background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 999; left: 0px; height: 100%; width: 80px; }

        .rightrep { background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); z-index: 999; position: absolute; right: 0px; height: 100%; width: 80px;}


/* SOBRE NOS */

.sobrenos { padding-top: 40px; padding-bottom: 40px;}

h3 { font-weight: 300; font-size: 41px ; display: block;  padding-bottom: 25px; color:var(--azul) }
h3 b { font-weight: 600; }
h3 strong { font-weight: 600; }
.comline:after {
    content: "";
    display: block;
    /* left: 0; */
    /* bottom: 0; */
    height: 7px;
    margin-top: 10px;
    width: 180px;
    border-bottom: 7px solid var(--azul);
  }
.listnew{
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding-left: 0px;
margin-left: 0px;
}

.listnewf{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
    }

    .listnew .ms-2, .listnewf .ms-2{ padding-top:5px; padding-left: 0px; margin-left: 0px !important;}


    .bxdado {     border-radius: 10px;
        border: 1px solid var(--borda);
        text-align: center;
        padding: 31px 20px;
        font-size: 37px;
        font-weight: 500;
        line-height: 32px;
    margin-top: 15px;
margin-bottom: 15px;}
        .bxdado b{     font-size: 53px;
            line-height: 77px;
        
        }
        .bxdado strong{ font-size: 60px; color: var(--vermelho);    line-height: 77px;
        } 
    .left { text-align: left;}


    .icoseg { height: 30px; padding-right: 15px;}

    .ltf { font-weight: 300 !important;}


    .seguros { padding-top: 50px; padding-bottom: 50px;}
    .depoimento {   border: 1px solid var(--borda); height: 100%; padding: 20px 25px; border-radius: 10px; }
    .depoimento small { color:grey;}
    .depoimento span { color:#e7b92d; font-size: 18px;}
    .imgdepo { border-radius: 100px;}

    .prevb { color: gray;
        left: -125px; }


    .nextb { color: gray;
        right: -125px; }

        .prevbb { color: gray; display: inline-block; background: transparent !important; border: none !important;  padding: 0px; margin-top: -15px;      }
    
    
        .nextbb {padding: 0px; display: inline-block; color: gray; background: transparent !important; border: none !important;  margin-top: -15px;  }
    

        .projetos { background: rgb(238,238,238);
            background: linear-gradient(180deg, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); padding-top: 60px; padding-bottom: 80px; margin-top: 25px; margin-bottom: 25px;}

        .projetos .card { border: none; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
            -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
            box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);}
            .blog .card a:link, .blog .card a:active, .blog .card a:visited { font-weight: bold; text-decoration: none; color: #000 !important; }



            .novidades { background: rgb(255,255,255);
                background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 51%, rgba(16,75,172,1) 51%, rgba(16,75,172,1) 100%); padding-top: 60px; padding-bottom: 80px; margin-top: 25px; margin-bottom: 25px;}
    
            .projetos .card { border: none; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
                -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
                box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);}
                .blog .card a:link, .blog .card a:active, .blog .card a:visited { font-weight: bold; text-decoration: none; color: #000 !important; }


        @media (min-width: 300px) {.fullcaption p { color: var(--texto); text-align: left; font-size: 13px;} .fullcaption { right: 0 !important; left: 0 !important;  bottom: 0px; top: 0px; height: 100%; } .imgblog{float: none;  
            margin-right: 20px; margin-bottom: 20px;  width: 100%;}  .rtc { text-align: center;}.ltc { text-align: center;}}

@media (min-width: 500px) {.fullcaption p { color: var(--texto); text-align: left; font-size: 14px;} .fullcaption { right: 0 !important; left: 0 !important;  bottom: 0px; top: 0px; height: 100%;} .imgblog{float: left;  
    margin-right: 20px; margin-bottom: 20px;  width: 542px;}  .rtc { text-align: right;}.ltc { text-align: left;}}

@media (min-width: 769px) {.fullcaption p { color: var(--texto); text-align: left; font-size: 18px;} .fullcaption { right: 0 !important; left: 0 !important; bottom: 0px; top: 0px; height: 100%;} .imgblog{float: left;  
     margin-right: 20px; margin-bottom: 20px; width: 542px;} .rtc { text-align: right;} .ltc { text-align: left;}}

.right { text-align: right;}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: var(--vermelho);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: #f3c2c5;
}
.iconeq { width: 29px;}
.equipe { background: #fff;}


footer { background: var(--azul); padding-top: 40px; padding-bottom: 30px; color:#fff; margin-top: 60px; font-weight: 300;}

footer a:link, footer a:active, footer a:visited { color: #fff; text-decoration: none !important;}

.wp-block-gallery img { border-radius: 10px;}

.page { padding-top: 60px;}

.btpage a:link, .btpage a:active, .btpage a:visited { border-radius: 5px; border: 1px solid var(--borda); text-decoration: none; padding: 20px 10px; width: 100%; margin-top: 10px; display: block; color: #000; font-weight: 500; }

.btpage a:hover { background: var(--vermelho); color: #fff; border: 1px solid var(--vermelho);}
.list-group-item { border-top: 0px !important; border-left: 0px !important; border-right: 0px !important;}

.topc { padding-top: 8px;}






.btmore,.btmore:active, .btmore:visited { border: 1px solid var(--texto); border-radius: 5px; padding: 10px 15px; color: var(--azul) !important; text-transform: uppercase; text-decoration: none; margin-top: 20px; display: inline-block;background: #fff;}

.btmore:hover { border: 1px solid #fff; border-radius: 5px; padding: 10px 15px; color: #fff !important; background: var(--azul)}


.linkcomo, .linkcomo:active, .linkcomo:visited { border-radius: 5px; padding:45px 5px; background-color: var(--azul); text-align: center; display: block; margin-top: 10px; margin-bottom: 10px; color:#fff !important; text-decoration: none; font-size: 25px; font-weight: 400;}
.linkcomo:hover { background-color: var(--azulclaro);}

.bltransp { background-color: var(--azul); border-radius: 5px; text-align: center; padding: 20px 5px;}
.bltransp .ano{ font-size: 30px; text-align: center; color: #fff !important; text-decoration: none;}
.bltransp .ano a:link, .bltransp .ano a:active, .bltransp .ano a:visited{  color: #fff !important; text-decoration: none;}
.bltransp .ano a:hover { color: var(--azulclaro) !important}
.avancar { border: none !important; background: transparent !important; color:#fff !important;     display: block;
    margin: 0px;
    padding: 0px; font-size: 18px; text-align: center !important; width: 100%; padding: 10px 5px;}


    .espac { margin-bottom: 20px;}

    .alert-warning { display: none;}

    h5 {  color:  var(--azul); }
    

    .titulop { color: var(--azul); padding: 20px 0px;}

.boxin { border-radius: 5px; border: 1px solid var(--cinzaclaro); color: var(--azul); padding: 20px 10px 10px 10px; margin-top: 15px;}
.bluecolor {  color: var(--azul);  }