/* Add here all your CSS customizations */

:root{
	--naranja: #d6a617;
	--azulC: #3197cd;
	--azulO: #002530;
	--scrollbarBG: #CFD8DC;
}
a:hover{
	text-decoration: none;
}
#header.header-effect-shrink .header-logo img{
  width: 130px; 
  height: auto;
}

#contacto{
	background: var(--azulO);
}
.directionLocal{
	white-space: pre-line;
	line-height: 20px;
}
.directionLocal span{

}
.logoCreator{
	max-width: 140px;
	height: auto;
}

body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--azulC) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--azulC) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

/*** 

====================================================================
  Responsive
====================================================================

***/
/*Lap 1366px*/
@media only screen and (max-width: 1366px){
    
}
/*Ipad Pro Vertical*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait){
    
}

/*Ipad Pro Horizontal*/
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: landscape){
    
}

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

/*Ipad Vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
    
}

/*Phone Vertical*/
@media only screen
  and (min-device-width: 320px) 
  and (max-device-width: 736px) 
  and (orientation: portrait){ 
  	.flexRow{display: block;}
  	.bckgdSlide{background-size: cover!important; background-position-y: initial!important; left: -170px!important;}
  	#header.header-effect-shrink .header-logo img{width: 100px; height: auto;}
    



}

/*Phone Horizontal*/
@media only screen
  and (min-width: 320px) 
  and (max-width: 736px) 
  and (orientation: landscape){ 
}