/*
  Property of Rince na Lisboa
  author: Vitor Vaz da Silva
  06-2024
*/
.rnl-body{
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  /* overflow: hidden; - não mostra e não permite scroll */
  overflow-y: scroll;
  scrollbar-width: none;
  font-size:8px;
  font-family: "Open Sans", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
  /* colors */
  --cor-fundo-claro:#ffffff; /*#fefefa; babypowder  #F6E9D9; /* #E0E3E3; /* #EEE; */
  --cor-fundo-leve:#ffffff;  /* ficou branco.... era: #F0FFF0;*/
  --cor-fundo:#E6D9C9; /* /#E8DCDD; //#CCC; */
  --cor-letra:#006633; /* /#000;  */
  --cor-botao:#507070; /* /#707070; */
  --cor-botao-sel:#003300; /* /#707070; */  
  --cor-botao-cima:#1792d2;
  --cor-botao-fundo:#C0C0C0;
  --cor-principal:#707070;
  --cor-titulo:#1792d2;
  --cor-subtitulo:orange;
  --cor-preto:#000;
  --cor-metalizado:#B38A4C;
  --cor-container:#ffffff;  /* ficou branco.... era: #F4FFF4; */
  --cor-footer:#fefefa;
  /* dimensions */
  --logo-width:120px; 
  --logo-width-small:90px;  
  --logo-width-very-small:40px;
  /* languages */
  background-color:white; /*var(--cor-fundo-leve);*/
}

.rnl-3_menu{
  display:flex;
  flex-direction:row;
  position: sticky; top: 0;
  z-index: 999; 
  width:90%;
 }
 
 .rnl-floating {
	display: flex;
    z-index: 999;
    position: absolute;
  }
  
 .rnl-icon{
  display: flex;
  /* border: 1px solid green; */
}

.rnl-emoji{
	max-height:3rem;
}

.rnl-option{
	display: flex;
	margin-bottom:0;
	padding-bottom:0;
	padding:0 0.5em;
	margin:0;
	font-size:1.2rem;
	background: var(--cor-fundo-leve); 
}

.rnl-icon-option{
	display: flex;
	margin-bottom:0;
	padding-bottom:0;
	/* padding:0 0.5em; */
	padding:1em 0.5em;
	margin:0;
	/* font-size:0.8rem; */
	background: var(--cor-fundo-leve); 
}

.rnl-logo{
    max-width:20%;
}

.rnl-label{
	font-size:1.7rem;
}

.rnl-label-2{
	font-size:2rem;
}

.rnl-tit{
	font-size:1.5rem;
}

.rnl-txt{
	font-size:0.8rem;
}

.rnl-error-txt{
	font-size:1.2rem;
}

.rnl-button-1{
  text-decoration: none;
  color: white;
  background:var(--cor-metalizado);
  font-family: 'Lato', sans-serif;
  font-weight:300;
  font-size:1.8rem;
  padding: .25em;
  text-align: center;
  line-height: 1.2rem;
  margin:0.5em auto;
  	border-radius: 0.5em;
}

.rnl-button-1:visited, .rnl-button-1:active{
  color: white;
  background:var(--cor-metalizado);
}

.rnl-button-1:focus, .rnl-button-1:hover{
  color: white;
  background:var(--cor-metalizado);
  opacity: 0.5;
}

.rnl-flex{
	display:flex;
	text-align: center;
}

 .rnl-20{
    max-width:20%;
 }
 
 .rnl-40{
    max-width:40%;
 }
 
 .rnl-80{
    max-width:80%;
 }
 
 .rnl-100{
    max-width:100%;
 } 
 
.rnl-pad-L-1{
    padding-left:1%;
 }
.rnl-pad-L-3{
    padding-left:3%;
 }
.rnl-pad-L-5{
    padding-left:5%;
 }
.rnl-pad-L-10{
    padding-left:10%;
 } 
 
.rnl-mrg-L-1{
    margin-left:1%;
 }
.rnl-mrg-L-3{
    margin-left:3%;
 }
.rnl-mrg-L-5{
    margin-left:5%;
 }
.rnl-mrg-L-10{
    margin-left:10%;
 } 
 
 .rnl-mrg-R-1{
    margin-right:1%;
 }
.rnl-mrg-R-3{
    margin-right:3%;
 }
.rnl-mrg-R-5{
    margin-right:5%;
 }
.rnl-mrg-R-10{
    margin-right:10%;
 } 
 
.rnl-mrg-T-1{
    margin-top:0.1rem;
 }
.rnl-mrg-T-3{
    margin-top:0.3rem;
 }
.rnl-mrg-T-5{
    margin-top:0.5rem;
 }
.rnl-mrg-T-10{
    margin-top:1rem;
 } 
 
 .rnl-mrg-B-1{
    margin-bottom:0.1rem;
 }
.rnl-mrg-B-3{
    margin-bottom:0.3rem;
 }
.rnl-mrg-B-5{
    margin-bottom:0.5rem;
 }
.rnl-mrg-B-10{
    margin-bottom:1rem;
 } 
  
.rnl-gap-10{
	display: flex;
    gap: 10px;
}
 
.rnl-vertical{
   display:flex;
   flex-direction: column;
 }
 
.rnl-horizontal{ 
	display:flex;
	flex-direction: row;
}

.rnl-centrado{
  text-align:center;
}

.rnl-grid-centrado{
  display:grid;
  justify-items: center;
}

.rnl-div-centrado{
  margin:0 auto;
}

.rnl-esconde{
   display:none;
   max-height: 0;
 }
 
 .rnl-inverte-H{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
 }
 
.rnl-logo-20{
    flex: 0 0 20%; /* Flex-grow: 0, Flex-shrink: 0, Flex-basis: 20% */
    display: flex;
    justify-content: center;
    align-items: center;
}

.rnl-logo-20 img { /* para o campo img que está dentro desse rnl-logo-20 */ 
    max-width: 100%;
    max-height: 100%;
}

.rnl-centrado-VH{
	display: flex;
  align-items: center;
  justify-content: center;
}

.rnl-largura-80vw{
	display:flex;
	width:80vw;
}

.rnl-largura-80min{
	display:flex;
	width:80vmin;
}

.rnl-largura-60min{
	display:flex;
	width:60vmin;
}

.rnl-largura-80{
	display:flex;
	width:80%;
}

.rnl-largura-60{
	display:flex;
	width:60%;
}

.rnl-logo-40{
    max-width:60%;
}

.rnl-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:var(--cor-container);
}
 
 .rnl-container-dentro-ecra {
    display: flex;
    width: 80%;
    height: 80%;
}

.rnl-container-txt {
    flex: 1; /* Flex-grow: 1 */
    padding: 20px;
    overflow-y: auto;
}

.rnl-largura-completa{
  width:100vw;
}

.rnl-caixa-newsletter{
	background:#FFCECE;
	max-width:500px; 
}

.rnl-conteudo-newsletter{
	padding:20px;
}

.rnl-newsletter-tit{
  text-decoration: none;
  color: black;
  font-weight:normal;
  font-size:30pt;
}

.rnl-newsletter-txt{
  text-decoration: none;
  color: black;
  font-weight:normal;
  font-size:14pt;
}

.rnl-newsletter-mail{
	color: black;
	background: white;
	padding:10px;
}

.rnl-newsletter-button{
	color: white;
	background: black;
	padding:10px;
}

.rnl-user-tit{
  text-decoration: none;
  color: black;
  font-weight:normal;
  font-family: 'Montserrat', sans-serif;
}


.rnl-user-txt{
  text-decoration: none;
  color: black;
  font-weight:normal;
  font-family: 'Open Sans', sans-serif;
}


.largura-100{
  width:100%;
}

.rnl-footer {
  display:flex;
  justify-content: center;
  width:100%;
  font-size:0.5rem;
  background: var(--cor-footer); 
  /* * / border: 3px solid magenta; /**/
  margin-top:1rem;
}

.caixa-0{
}

.caixa-1{
	border:3px solid magenta;
 }
 
.caixa-1:empty { 
    border: none;
}
 
 .caixa-2{
	border:3px solid red;
 }
 
 .caixa-3{
	border:3px solid green;
 }
 
 .caixa-4{
	border:3px solid blue;
 }
 
 .caixa-5{
	border:3px solid yellow;
 }
 
 .before-menu{
  display:flex;
  flex-direction:row;
 }
 
.centrado{  margin:0 auto; }
.horizontal{  display:flex; flex-direction: row; }
.vertical{  display:flex; flex-direction: column; }
.center-and-wrap{ justify-content: center; flex-wrap: wrap; }
.rnl-div {display:flex; align-items: center;}
.flag-icon{ height: 2em; }

.esconde{
   display:none;
 }
 
 /* smartphones, iPhone, portrait 480x320 phones */
 
 
@media (max-width:500px)  { 
  body{
    max-width:100%;
	/* background-color: lightgreen; */
  }
  .rnl-container {
    max-width:100vw;
	/* border:3px solid green; */
  }
  .links-area{
  max-width:100%;
  }
  .rnl-icon{
  }
  .text-area {
    font-size:0.8rem;
    letter-spacing:0.125rem;
    line-height:1.25rem;
  }  
  .text-area + p{
    line-height:1.5rem;
  }
  .logo{
    max-width:var(--logo-width-small);
  }
  .rnl-largura-80{
    width:60%;
  }
  .rnl-largura-60{
    width:40%;
	border:5px solid blue;
  }  
  .menu-bar-menu{
    display:none;
  }
  .menu-icon-menu{
    display:flex;
  }
  li:hover > ul.menu-dropdown li {
    display: none;
	cursor:pointer;
  }
  nav li:focus, a:focus,
  nav li:hover, a:hover{
	cursor:pointer;  
  } 
  li > ul.menu-dropdown {
    display:none;
  }
}