/* Estilo del menú flotante */
  .floating-menu {
    position: absolute;
    top: 60px; /* Ajusta según la altura de tu navbar */
    right: 10px;
    background-color: white;
    color: black;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    display: none; /* Oculto por defecto */
    z-index: 1050; /* Por encima del contenido */
  }

  .floating-menu ul {
    padding: 0;
    margin: 0;
  }

  .floating-menu li {
    padding: 10px 20px;
  }

  .floating-menu li a {
    color: black;
    text-decoration: none;
    display: block;
  }




  .dropdown-submenu {
    display: none;
    padding-left: 15px;
  }
  .dropdown-submenu.show {
    display: block;
  }
  .dropdown-header {
      cursor: pointer;
      color: #000000;
  }
  .dropdown-header:hover {
    text-decoration: underline; /* Opcional: subraya el texto al pasar el cursor */
  }



.extra-bold {
    font-weight: bold;
}


.body {
      background-color: #F5F5F5; /* Establece el color de fondo del cuerpo */
    }



 .Alerta {
  display: flex;
  align-items: center; 
  justify-content: center; 
  height: 80px;
  font-size: 18px;
  font-weight: normal;
  color: white;
  background-color: red;
  border: 3px solid black;
  text-indent: 0px;
  text-align: center; 
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;}




.margenes {
        margin-left: 10px;
        margin-right: 10px;}



.CartelGris {background-color: #C0C0C0;
	     border: 2px solid #000;
	     padding-top: 2px;
	     padding-bottom: 3px;
	     padding-left: 10px;
	     margin-top: 10px;
	     margin-left: 10px;
	     margin-right: 10px;
             font-size: 23px;
	     font-family: 'Montserrat', sans-serif;
	     font-weight: bold;}



.footer {
  background: linear-gradient(to top, #003366,  #F5F5F5);
  padding: 20px;
  margin-top: 50px;
  text-align: center;
}

.footer-nav {
  list-style-type: none;
  padding: 0;
  color: black;
  font-size: 15px;
  text-align: left;
  font-weight: bold;
}

.footer-item {
  text-align: center;
  margin-bottom: 10px; /* Espacio entre elementos */
}

.footer-link {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}

.footer-link:hover {
  color: blue; /* Cambia el color al pasar el cursor por encima */
}
 

body, .navbar-brand {
            font-family: 'Montserrat', sans-serif;
        }

.Cartel_dia1 {
    background-color: #C0C0C0;
    position: relative;
    top: 0px;
    border: 2px solid #000;
    padding: 5px;
}

.diario-celu {
  display: block;
}

.diario-compu {
  display: none;
;}


.Cartel_Lugar {
    margin-top: -10px; /* Ajusta este valor según lo necesites */
    margin-bottom: 10px; /* Ajusta este valor según lo necesites */
    font-size: 16px;
}

.Aclaracion {
             font-size:15px; 
             margin-left: 10px; 
             text-justify: left;
             margin-top: 5px; 
             margin-bottom: 10px;}



.mapa { display: block; margin-left: auto;
  margin-right: auto;
  width: 95%;
        border-radius: 15px; /* Esquinas redondeadas */
}

#navbarDropdown {
  color: white;
}


.navbar-brand {font-size: 25px;}

.navbar-nav .nav-link {
    color: white; /* Define el color blanco para los enlaces */
}



.navbar-dark .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}



 /* Aqui van los estilos especiales para pantallas grandes */
@media (min-width: 600px) {

.CartelGris {font-size: 27px;}

.Aclaracion {
             font-size:18px;}

.Cartel_Lugar {
    margin-top: 0px;
    margin-bottom: 18px; /* Ajusta este valor según lo necesites */
    font-size: 22px;
}

.diario-celu {
  display: none;
;}

.diario-compu {
display: flex; justify-content:center; align-items:center;
;}

.mapa { display: block; margin-left: auto;
  margin-right: auto;
  height: 65vh;
  width: auto;}

#navbarDropdown {
  color: white;
}

.navbar-brand {font-size: 40px;}


.footer-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

    



.Alerta {
    font-size: 25px;;
        }



}