*{
  margin:0; 
  padding:0;
  box-sizing: border-box;
}



h1{margin-top:6px; text-align:center; background-color:#3367d6; color:#fff;padding:15px; box-sizing:border-box;}
h2{text-align:center; font-weight:bold; /*text-decoration: underline;*/}

h2::before{
  content: '';
  border:3px solid #3367d6;
  margin-right:5px;
}


h3{
  background-color:#abc3e9;
  font-weight: normal;
  font-style:italic;
}

h3>p{
  padding:10px;
  text-align: justify;
}


.fvermelho{background-color:#FF0000}
.fbranco{background-color:#fff}
.fverdeEscuro{background-color:#007852}
.fverdeClaro{background-color:#8cad97; display:block;}
.fazul{background-color:#3367d6}
.fazulclaro{background-color:#abc3e9}
.fcinza{background-color:#ddd}
.fcinzaEscuro{background-color:#bdb6b6; margin:-15px; width:100%; margin:0; padding:0;}


/*.titulo{background-color:#3367d6;color:#fff;padding: 10px;}*/
.cabecalho{display: flex;justify-content: space-around;align-items: center;
height:150px; color:#fff;border-radius:5px;}
.conteudo{display:flex;flex-direction:row;padding:0px; font-family:arial; font-size:18px; }

.conteudo > div{padding:10px; box-sizing:border-box; width:50%; }
.conteudo2 > div{padding:10px; box-sizing:border-box; width:100%; font-size:18px; font-family:arial; }
    
.texto{font-size:22px;}
.item-0{font-size:40px;font-weight: bold}
.item-1{font-size:20px;background-color:#666;padding:10px;border-radius:6px;       display:block; box-sizing:border-box;}
    
.item-2{text-align:center;display:none;margin-top:5px;}
.centro{text-align:center;width:100%;}
    

a{text-decoration:none;}    
   
.link a:hover{
      transform: scale(1.1); /* Aumenta 10% */
      cursor:pointer;
}
    
.botao-pulsante {
  padding: 10px 20px;
  background-color: #FF0000;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  /*display:block;*/
  /*box-sizing:border-box;*/
  animation: pulsar 1.5s infinite; /* Aplica a animação */
}

/* Define a animação 'pulsar' */
@keyframes pulsar {
  0% {
    transform: scale(1); /* Tamanho original */
  }
  50% {
    transform: scale(1.1); /* Aumenta 10% */
  }
  100% {
    transform: scale(1); /* Volta ao tamanho original */
  }
}


footer{text-align:center;background-color:#000;padding:12px;color:#fff;
      margin-bottom:0px; width:100%;box-sizing: border-box;margin-top:15px;
      font-size:11px;
  }

  
  
.vermelho{color: #FF0000;}
.negrito{font-weight: bold;}



.fotorama-texto{
width:100%;
/*font:bold 15px verdana;*/
padding:10px;
font-size:18px;
background-color:#313131;
color:#fff;
box-sizing: border-box;
height:auto;
/*border-radius:10px;*/
}


.fotorama__caption__wrap{
    font-family: arial;
    font-size:17px;
    width:100%;
    padding:5px 0;
    color:#fff;
    background-color:#000;
    text-align:center;
}


h2{padding:15px 0;}


header{
  /*background: linear-gradient(#0450af, #5adbe4);*/
  background: #3367d6;
  /*background-color:#0450af; /*#598dca*/
  width:100%;
  height:100px;
  border-bottom:8px solid #000 /*#598dca*/;
  box-sizing: border-box; 

}

.header{
  padding:10px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  /*height:130px;*/
}

.imgheader{
height:50px;
width:auto;
}


.container-flex {
  display: flex; 
  flex-wrap: wrap;
  gap: 10px;
  width:100%;
  justify-content: center;
  background-color: #bdb6b6;
  /*border-radius:15px;*/
   /*align-items: center;*/
}

figure{
   padding:5px 0;
   box-sizing: border-box;
   margin-bottom:-12px;
}


figcaption{
  display: flex; 
  flex-grow: 0;   /* Impede que os itens cresçam para preencher o espaço restante */
  flex-shrink: 0; 
  flex-wrap: wrap;
  max-width:100%;
  padding:10px; 
  background-color:#313131; 
  box-sizing: border-box; color:#fff; 
  border-radius:0px;
  /*flex-basis: 250px;*/ 
  /*width: 300px; /* Define o tamanho fixo desejado para o item */
  /*height:auto;*/
  box-sizing:border-box;
  padding-left:10px;
}


.item {
  flex-basis: 250px; /* Define o tamanho fixo desejado para o item */
  /* ou width: 150px; */
  flex-grow: 0;   /* Impede que os itens cresçam para preencher o espaço restante */
  flex-shrink: 0; /* Impede que os itens encolham abaixo do tamanho base (opcional, se quiser um tamanho estritamente fixo) */
  /* Outros estilos visuais */
  height: 250px;
  background-color: lightblue;
  border: 1px solid blue;
  object-fit: cover;
 }


.item img{margin-bottom:-15px;}

/*MENU DO CELULAR*/
#nav {
background: #0450af; /*#598dca;*/ /*cor de fundo*/ repeat-x bottom; /*****/
width:100%; /*largura do menu*/
font: 14px verdana, "ms sans serif", arial;
color: #a78578;
margin: 0 auto 0px;
padding: 0px auto 0px;
height:53px;
box-sizing: border-box;
}


#navleft {
width: 980px;
float: left;
margin: 0;
padding: 0;
}
#navright {
width: 250px;
font-size: 11px;
float: right;
margin:0px;
padding:0px;
}
#nav ul {
 float: left;
 list-style: none;
 margin: 0;
padding:60; /*define distancia do começo do menu*/
}
#nav li {
 list-style: none;
 margin: 0;
 padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
background: #0450af; /*#598dca;*/ /*cor de fundo da caixa do menu*/ /******/
color: #000000; /*cor da fonte*/
 display: block;
 text-transform: none;
 padding: 15px 5px 17px 10px;
       margin: 0 5px 0 0;

}
#nav li a:hover, #nav li a:active {
background: linear-gradient(#0450af, #5adbe4);
/*background:  #0450af; /*#598dca;*/ /*cor de fundo ao passar o mouse no menu*/ /******/
color:#FFFFFF; /*cor da fonte ao passar o mouse no menu*/ /***/
 padding: 15px 5px 17px 10px;
       margin: 0 5px 0 0;
 text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: linear-gradient(#0450af, #5adbe4);
/*background:  #0450af; /*#598dca;*/ /******/
width: 150px; /*largura do texto no submenu*/
color: #000000; /*cor de fundo da letra no submenu*/
        font: normal 14px verdana, "ms sans serif", arial;
 text-transform: none;
 float: none;
 margin: 0;
padding:7px 7px;/*DISTANCIA DA LETRA NO SUBMENU*/
        border-bottom:0px dotted  #363636;
        border-right:0px solid #363636;
        border-left:0px solid #363636;
}
#nav li li a:hover, #nav li li a:active {
background: linear-gradient(#0450af, #5adbe4);
/*background:  #0450af;  /*#598dca;*/ /*cor do fundo no submenu*/ /******/
color: #FFFFFF; /*cor da fonte ao passar o mouse no submenu*/ /***/
padding:7px 7px; /*DISTANIA DA LETRA NOSUBMENU*/
}
#nav li {
 float: left;
 padding: 0;
}
#nav li ul {
 z-index: 9999;
 position: absolute;
 left: -999em;
 height: auto;
 width: 170px;
 margin: 0;
 padding: 0;
}
#nav li ul a {
 width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 163px; /*largura do sub sub menu*/
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
 left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 

{
 left: auto;
}
#nav li:hover, #nav li.sfhover {
 position: static;
}
/* FIM DO MENU*/


/* animação */
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}


#menucelular{
background: linear-gradient(#3367d6, #5adbe4);
/*background:  #0450af; /*#598dca;*/
color:#FFF;
padding: 0;
box-sizing: border-box;
width:100%;
float:left;
margin-top:6px;
border-bottom:6px solid #fff;
margin-bottom:6px;
}

#menucelular .link{
font:normal 17px arial;
color:#fff;
margin: 5px 0 0px 15px;
line-height:30px;
text-decoration:none;
display:block;
width:100%;
}

#menuceluluar .link:hover{
  background-color:#ddd;
}

#menucelular .cat{
font:bold 19px arial;
line-height:22px;
color:#000;
margin:6px 5px;
text-decoration:none;
border-bottom:1px solid;
font-style:italic;
  }

/*FIM DO MENU*/


.whats{display:none;}


.redes{
  margin:0 20px 0 0;
}





/*NO CELULAR*/
@media screen and (max-width: 601px) {

  
  .fotorama-texto{font-size:16px}

  body{width:100%; margin:0; padding:0; box-sizing:border-box}

  img.item{
    min-height:55px;
  }

  header{
    border-bottom:7px solid #000;
    height:82px;
    width:100%; 
    margin-top:0;   
    /*padding-top:-10px;*/
  } 

  .header{
   display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction:row;

}

 .img_header{
  margin-top:-10px;
  height:40px; 
  width:auto;
}

h2{padding:15px 0; font-style:italic; font-size:20px;}

.imgCidrin{
  margin-top:7px;
}

.imgX{
  margin-top:15px;
}


.item img{
  margin-bottom:-15px; 
  padding:10px;
  max-width:90%;
  height:auto;
  object-fit: cover;

}


.item-3{
  /*display:flex;
  align-self: flex-start;*/
  /*order:2;
  margin-top:-15px;*/
  /*align-self: flex-start;*/
  align-self:flex-start;
  margin-bottom:1px;
  /*order:1;*/

}


.item-4 {
  align-self:flex-end;
  margin-right:10px;
  margin-top:-7px;
  /*order:0;*/
  /*display:flex;
  align-self: flex-end;*/  
}


.item-5{
  display:none;
 /*display:flex;
 flex-direction: column;
 justify-content: center;*/
}


  .conteudo{
    display:flex;
    flex-direction:column;
    width:100%;
  }

  .perfil{

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    background-color:#313131;
    box-sizing: border-box;
    margin:30px 0 0 0;
    width:100%;
    text-transform: justify;
    height:auto;

  }

 .perfil-texto{
    width:98%;
    order:1;
    margin-left:10px;
    background:#313131;
    box-sizing: border-box;
    }

 .perfil-foto{
    background-color:#313131;
    order:0;
    width:320px;
    height:auto;
    margin:0 auto;
    padding:0;
    box-sizing: border-box;
    object-fit: cover;
     }
  
  .conteudo > div{
     width:100%;
  }
  
.item-1{display:none;}
.item-2{display:block;margin:8px 0;}
.imagem{margin-top:30px;display:flex;justify-content: center;}

.whats{display:block; position:fixed; bottom:25px; right:15px; }
.imgwhats {width:50px; height:auto; border-radius:50%;}

footer{font-size:13px;}



}



/*NO COMPUTADOR*/
@media screen and (min-width: 600px) {

  .imgCidrin{margin-bottom:8px;}

  #nav{width:350px; padding:0; margin:0; box-sizing: border-box;}

  nav{max-width:100%;}

   body{
      width:100%; padding:0; box-sizing:border-box; margin:0 auto;
    }

   h2{padding:15px 0; font-style:italic;}

   .redes-mobile{display:none;}

   footer{font-size:13px;}

   .imagensDest{width:90%; margin:0 auto;}
   .container-flex{width:90%; margin:0 auto;}
   .conteudo-pagina{width:90%; margin:0 auto;}

   .imgCel{display:none;}

   .perfil{display:flex; 
    justify-content: space-between; 
    height:auto; 
    flex-direction: row; 
    align-items: center; 
    }

   .perfil-texto{
    margin-left:40px;
    box-sizing:border-box;    
    }

    .perfil-foto{
      height: 580px; width:auto;
    }

  }
}