/*Main CSS*/
body, html {
	    font-family: Obviously, sans-serif;
	    max-width: 100%;
	    overflow-x: hidden;
}
/*Colores*/
:root {
	--main-color-naranja: #F65231;
}

.textNaranja {
	color: var(--main-color-naranja);
}
/*links*/
a {
	text-decoration: none;
}

.linkFondoNegro {
	color: #F65231;
}
.linkFondoNegro:hover {
	opacity: .7;
	color: #F65231;
}
/*titles*/
h1 {
	font-weight: bold;
}
/*buttons*/
button {
    margin: 25px 0px;
    border-radius: 18px;
    padding: 5px 20px;
    background-color: var(--main-color-naranja);
    color: #fff;
    border: 1px solid var(--main-color-naranja);
}
button:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid var(--main-color-naranja);
}
/*inputs*/
input, textarea {
	border-radius: 18px;
	padding: 10px;
}
/*clases error*/
.error {
    width: 100%;
    margin: auto;
    text-align: center;
   	color: #721c24;
    background-color: #f8d7da;
    border-bottom: 1px solid #f5c6cb;
    padding: 15px;
    position: absolute;
}
.success {
	width: 100%;
    margin: auto;
    text-align: center;
   	color: #155724;
    background-color: #d4edda;
    border-bottom: 1px solid #c3e6cb;
    padding: 15px;
    position: absolute;
}
/*-------------------------------------------------------------Barra scroll lateral solo en pc*/
@media screen and (min-width: 1024px) {
	/* width */
	::-webkit-scrollbar {
	  width: 10px;
	}

	/* Track */
	::-webkit-scrollbar-track {
	  /*box-shadow: inset 0 0 3px #fafafa;*/ 
	  border-radius: 10px;
	}
	 
	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: rgba(0, 0, 0,.8); 
	  border-radius: 10px;
		border:1px solid #707070;
	}

	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
	  background: #F45331;
		border:unset;
	}
}
/*Fin barra scroll lateral*/
/*_________________________________________________________RESPONSIVE_________________________________________________________________________*/

/*__________________________________________________________VISTA MOVIL______________________________________________________________________*/
@media screen and (max-width: 767px) and (min-width: 1px) {
	
	.displayNoneMovilTablet {
		display: none;
	}
	
	/*----------------------------------------------Iphone 11*/
	@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) { 
		
	}
	/*----------------------------------------------Iphone 11 PRO*/
	@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) { 
	
	}
	/*----------------------------------------------Iphone 11 PRO*/
	@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3) { 
	
	}

}
@media screen and (max-width: 767px) and (min-width: 1px) and (orientation: landscape) {

}
/*_________________________________________________________/VISTA MOVIL______________________________________________________________________*/
/*__________________________________________________________VISTA TABLET______________________________________________________________________*/
@media screen and (max-width: 1023px) and (min-width: 768px) {

	.displayNoneMovilTablet {
		display: none;
	}
	
	/*----------------------------------------------IPAD*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	}
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	}
	/*----------------------------------------------IPAD PRO*/
	/* Portrait*/
	@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

	}
	/*Landscape*/

	@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

	}
/*Tablet landscape*/
	@media (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
  
  
	}

}
/*_________________________________________________________/VISTA TABLET______________________________________________________________________*/
/*__________________________________________________________VISTA PC______________________________________________________________________*/
@media screen and (max-width: 1439px) and (min-width: 1024px) {

	/*-----------------------------------------Width Mac 1280 fixes*/
	@media screen and (max-width: 1439px) and (min-width: 1280px) {
	

	
	}	
	
}
@media screen and (max-width: 1439px) and (min-width: 1024px) and (orientation: landscape) { 

}
/*__________________________________________________________/VISTA PC______________________________________________________________________*/

/*__________________________________________________________VISTA PC GRANDE______________________________________________________________________*/
@media screen and (max-width: 1919px) and (min-width: 1440px) {

	
}

@media screen and (max-width: 1919px) and (min-width: 1440px) and (orientation: landscape) {

	
}
/*__________________________________________________________/VISTA PC GRANDE______________________________________________________________________*/
/*__________________________________________________________VISTA 1920 en adelante*/
@media screen and (min-width: 1920px) {

	
}

@media screen and (min-width: 1920px) and (orientation: landscape) {

	
}
/*__________________________________________________________/VISTA 1920 en adelante*/

/*_____________________________________________________FIN RESPONSIVE________________________________________________________________________*/