@charset "utf-8";
/* CSS Document */

*{margin:0 auto; padding:0; font-size:100%; border:none; outline:none; font-weight:300; box-sizing:border-box; font-family:'lato', sans-serif;}

body{background-image: url("../imagens/bgtop.jpg");	background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
p {padding: 10px; line-height: 25px; color: #000;}
a {color:#fff; text-decoration: none; }

li {color: #000;text-indent:2em;}

html {scroll-behavior: smooth;}
:target {scroll-margin-top: 100px;} 

.site {display: flex; flex-direction: column;  transition: all .2s;}

.topo{width: 100%; height: 100px; background-color: #000000; padding: 10px; z-index: 9999; position: fixed;}
.logo{width: 80px; height: 80px; background-color: #ffffff; margin-left: 15px; border-radius: 20px;padding: 5.5px; float:left;}
.logo-imagem{background-image: url("../imagens/logo.jpg");background-size: cover; width: 65px; height: 65px;}

.btn-menu{width:30px; height: 30px; color:#fff; float: right; font-size: 1.3em; text-align: center; cursor:pointer; background-color: rgba(255,255,255,0.0)}

.menu{display: none; width:100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.7); top:0; left:0;}
.btn-close{font-size: 1.5em; color: #fff; float: right; cursor:pointer; margin-right: 17px; margin-top: 10px;}
.menu ul{width:100%; float: left; text-align: right;}
.menu li{padding: 20.5px;}
.menu li a{font-size: 2em; color:#fff; padding: 1.5% 3%;}
.menu li a:hover{text-decoration:underline; color: #900020;}


.corpo{width: 98%; height: auto; z-index: 9998; background-color: rgba(255,255,255,0.70);  margin-top: 110px; border-radius: 10px; }

.mapa{width:100%; height:450px;}

.conteudo{width: 95%; height: auto; border-radius: 10px; background-color: #fff; margin-top: 10px; margin-bottom: 10px; text-align:justify; border: 1px solid #000;box-shadow: 2px 2px 5px rgba(0,0,0,0.5)}

.conteudo-title{border-bottom: 0px solid #000; background-color: #900020; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.conteudo-title-font{color: #fff; font-weight: bold;}

.link{color:#0a65d5;}
.divcampo {margin-left:20px; margin-bottom: 5px;}
.campo{width:95%; height: 40px; padding:5px; border: 1px solid #000; border-radius: 10px; margin-top: 5px; background-color:aliceblue; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.campomsg {height: 100px;}
.send{width:200px; height: 50px; margin-top: 5px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5);}
.central{text-align:center;}

/* Carrossel */

.slide-controller:nth-child(1):checked ~ .slide-show .slides-list {
    --selected-item: 0;
}

.slide-controller:nth-child(2):checked ~ .slide-show .slides-list {
    --selected-item: 1;
}

.slide-controller:nth-child(3):checked ~ .slide-show .slides-list {
    --selected-item: 2;
}

.slide-controller:nth-child(4):checked ~ .slide-show .slides-list {
    --selected-item: 3;
}

.slide-show {overflow: hidden;}

.slides-list {
    --selected-item: 0; --total-items: 4; list-style-type: none; margin: 10px 0; padding: 0;
    position: relative; left: calc(var(--selected-item) * -100%); width: calc(var(--total-items) * 100%);
    transition: left 0.4s cubic-bezier(0.680, -0.550, 0.265, 1.550); display: grid; grid-auto-flow: column;
    grid-auto-columns: 1fr;}


.rodape{width: 100%; height: 100px; background-color: #900020; padding: 10px; margin-top: 20px; color: #fff; text-align: center;}

.rodape-icons {font-size: 0; /* Para remover espaço entre as divs */}

.box {
    display: inline-block;
    /*width: 50%; /* Cada div ocupa metade da largura do container */
    min-width: 35px; /* Para garantir uma largura mínima */
    font-size: 16px; /* Defina a fonte desejada */
    box-sizing: border-box; /* Inclui a borda na largura total da div */
}



@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scroll-section {
  animation: fade-in linear;
  animation-timeline: view();
  animation-range: entry 0% cover 30%;
}



@media screen and (min-width:640px) 
{
    
    .conteudo {width: 600px;}    
}

@media screen and (min-width:768px)
{
    .conteudo {width: 750px;}  
    .logo{margin-left: 150px;}        
}

@media screen and (min-width:970px)
{
    .conteudo {width: 900px;}
    .btn-menu{display:none !important;}
	.btn-close{display:none !important;}
    :target {scroll-margin-top: 100px;}    

.menu{width:700px; height: 32px; top: 20px; float:none; left:25%; display:block !important;transition: all .4s; z-index:9999; }

.menu ul{width:100%; float:none; text-align:center; }
.menu li{padding: 2px; }
.menu ul li{float:left; width:175px; height:40px; list-style: none; }
.menu li a{font-size: 0.6em; color:#fff; padding: 0px; font-weight: bold;}
.menu li a:hover{text-decoration:underline; color: #ffa400;}

.campo{width:750px;}
    .conteudocemter{text-align:center;}

}

@media screen and (min-width:1280px) {
        .logo{margin-left: 150px;}
        .menu{left: 35%;}        
}


@media screen and (min-width:1366px)
{
    .logo{margin-left: 240px;}
    menu{width:700px; height: 32px; float:none; left:28%; display:block !important;transition: all .4s; z-index:9999;}    
    
    }

@media screen and (min-width:1440px) {
    .logo{margin-left: 260px;}
    .menu{left:30%;}        
}

@media screen and (min-width:1600px) {
        .logo{margin-left: 500px;}
        .menu{left:35%;}       
}