/* *************************** 

FRESHMEN CARE edit 06 mayo 2025  para 19JLV y demas Jubilees

VIVENTO #ff377b RosaVivento
JUBILEE #c08640 Dorado 
		#6435d0 Moradoso
****************************** */

body {  } 

 /*  para centrar el contenido del QR        */ 
main, footer {   
	max-width: 650px;
	margin: auto;  
	 /*  	background-color:pink; ------------------BORRA ESTA LINEA   */ 
}	
  
footer,  .wrapper.estiloQR, .wrapper.estiloQRjub {
	background-color: #000000!important; 
	max-width: 650px; /*  */
}  
#page-wrapper, 
footer {
	background-color: #000!important;
	max-width: 650px; /*  */
}


/* Esconde el Titulo del Menu Digital en desktop, par amostrarse solo en smartphones*/
.soloSmartphones { display: none; }   
 	@media (max-width: 768px) {   
		.soloSmartphones { display: block; }    
	}

/* Estas son los tweaks para cada uno de los 6 menu digital de Restaurantes 19JLV */

.Mayusculas { text-transform: uppercase; }
.menu_defaultblack {   	background-color: #000!important; line-height: 1.6em; }

.menu_allegra {   	background-color: #efeff1!important; }
.menu_nur {   	background-color: #f5f5f5!important; }
.menu_mainfloor {   	background-color: #f5f5f5!important; }
.menu_bigfan {   	background-color: #f6f4e8!important; }
.menu_thespot {   	background-color: #fff!important; }
.menu_joy {   	background-color: #f2ede7!important; }


/* Titulos de los Menus digitales en el scroll */

.menu_defaultblack h5 {  color: #c08640 !important;  }
.menu_defaultblack strong { color: #fff !important;  }
.menu_defaultblack p {  color: #ccc !important;  }

.menu_allegra h5 {  color: #c08640 !important;  }
.menu_allegra p {  color: #58433b !important;  }

.menu_nur h5 {  color: #861852 !important;  }
.menu_nur p {  color: #58433b !important;  /* rojo vino */ }

.menu_mainfloor h5 {  color: #c08640 !important;  }
.menu_mainfloor p {  color: #58433b !important;  }

.menu_bigfan h5 {  color: #f45c6a !important; /* azul  */ }
.menu_bigfan p {  color: #6435d0 !important;  /* rojo  */ }

.menu_thespot h5 {  color: #c08640 !important;  }
.menu_thespot p {  color: #58433b !important;  /* rojo  */ } 

.menu_joy h5 {  color: #e67d00 !important;  }
.menu_joy p {  color: #58433b !important;  }



 #NuestrasRedesSociales {
	background: #000!important;
	padding: 50px 20px;
}
		
.wrapper.estiloQR h2 {
	color: #ff377b !important;
}
.wrapper.estiloQRjub h2 {
	color: #c08640 !important;
}

p, h1, h2, h3, h4, h5, h6 {  padding: 20px; }


 p { 
	padding: 20px 10px!important; 
	font-size: 1em!important;
}  


/* BOTONES */ 
.BTN_link ,
.BTN_linkjub { 
	/**/
	padding:5px 15px; 
	margin: 10px;  
	display: inline-block ;
}


span.BTN_link  ,
span.BTN_linkjub  {
	color: #FFF!important;
	text-decoration: none;
	background-color: transparent;
	/* padding: 15px;    */
	line-height:35px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px   #666; 
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

a.BTN_link  ,
a.BTN_linkjub  {
	color: #FFF!important;
	text-decoration: none;
	background-color: #ff377b;
	/* padding: 15px;    */
	line-height:35px;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: solid 1px   #666; 
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	transition-duration: 0.2s;
}
a.BTN_linkjub {
	color: #FFF!important; 
	background-color: #c08640; 
}

a:hover.BTN_link ,
a:hover.BTN_linkjub  {
	color: #FFF!important;
	background-color: #ff377b!important;
	text-decoration: none!important;
}		

a:hover.BTN_linkjub  {
	color: #FFF!important;
	background-color: #6435d0!important; 
}		

 	@media (max-width: 650px) {    
		a.BTN_link {
			font-family:Arial, Helvetica, sans-serif, Calibri;
			font-size:12px;
			line-height: 15px;		
		}		
	}



.imageCentrada {
	margin: 0 auto; 
	text-align: center;	
  object-fit: cover;
}
.imageCentrada img {
	max-width: 650px;
			
	display:block;
	height:auto!important;
	max-width:100%!important;
	text-align:center;
			
	
}	
	@media (max-width: 500px) {
		.wrapper.estiloQR ,
		.wrapper.estiloQRjub {
			background-color: #000000!important; 
			/* 
			max-width: 450px; */
		}  
		
		.imageCentrada {
			margin: 0 auto; 
			text-align: center;	
		  object-fit: cover;
		}

		.imageCentrada img {
  object-fit: contain; 					
			display:block;
			height:auto!important;
			max-width:100%!important;
			text-align:center; 
			
		}	
	}
	
