html { height:100%;}    
body {  height:100%; }



/* //////////////////////////////// */



.espaciovacio {height: 100px;}

@media (max-width: 991px) {.espaciovacio {height: 80px;}}



/* //////////////////////////////// */



.navbar { background: #fff; height: 100px; display: flex; align-items: center; transition: height 0.3s ease; }

.navbar-shrink { height: 60px;}

.navbar-brand img { height: 50px; margin-top: -5px; }
    
.navbar .nav-link { font-family: 'Lato', sans-serif; font-size: 16px; color: #333 !important; font-weight: 400; text-align: center; padding-left: 20px !important; padding-right: 20px !important; }
  
.navbar .nav-link:hover { color: #000 !important; }
  
/* Iconos redes sociales*/
.social-icons { gap: 0; }
.social-icons .nav-link { padding-left: 10px !important; padding-right: 10px !important; }  
.social-icons .nav-link i { font-size: 1rem;}

.dropdown-menu { padding:0px; text-align: center; border: 0px; }
.dropdown-item { color: rgba(78, 85, 105, 1); padding:7px 0px;}
.dropdown-item:hover { color: #000; background: none;}


@media (max-width: 991px) {

.navbar { height: 80px; }
.navbar .container { padding: 0px;}
.navbar-shrink { height: 80px; }

/* Logo centrado */
.cosoparacentrar { display: flex; justify-content: center; width: 100%;  }
.navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); margin: 0 !important; }
.navbar-toggler { margin-left: auto; margin-right: 10px; border: none !important; box-shadow: none !important;} 

.navbar-collapse { width: 100%; position: absolute; top: 80px; left: 0; z-index: 998; background: #d4d4d4;}

.navbar-nav .nav-item { border-top: 1px solid #999; }

.navbar-nav .nav-item:last-child { border-bottom: 1px solid #FF6AB5; /* opcional, para que cierre la caja */ }

.navbar .nav-link { padding-top: 15px; padding-bottom: 20px; color: #333 !important; }


.custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='grey' stroke-width='02' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.dropdown-menu { background-color: rgba(78, 85, 105, 1); border-top: 1px solid #FF6AB5; border-radius: 0; }

.dropdown-item { color: #fff !important; padding: 10px 20px; text-align: center; }

.navbar-collapse.collapse.show { display: block !important; }

}



/* //////////////////////////////// */



.zone-selector { height:100px; background-color: #ff554d;}
.zone-selector .container { height:100%;}
.zone-selector .container .row { display: flex; align-items: center; height:100%; }

@media (max-width: 991px) {
.zone-selector { height:auto; padding: 20px 30px 40px 30px; text-align: center;}
}



/* //////////////////////////////// */



.mapubi {height: calc(100% - 220px) ; overflow: hidden;}

#map { width: 100%; height: 100%; }

.map-container { height: 100%; }

.info-local-container { height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px; }

.info-local { color: #333; }
.info-local a:link { text-decoration: none; color: #333; }
.info-local a:visited { text-decoration: none; color: #333; }

.info_locales { background: #A6DBD5; }


@media (max-width: 991px) {
.mapubi {height: auto;}
#map { height: 700px; }
.info_locales { height: 200px;}
.info-local-container { padding: 0px 40px; }

}


/* //////////////////////////////// */


.footer { height: 20px; background: #000; display: flex; align-items: center; justify-content: center; overflow: hidden; color:#999;}
.footer p {}