/* Personalización básica y branding */



body {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto; /* Opcional pero recomendado para fuentes variables */
  font-weight: 400; /* Puedes usar de 100 a 900 */
  font-style: normal; /* O 'italic' si quieres cursiva */
  background-color: #f8f9fa; /* Bootstrap light background */
}
/* Alinea logo y hamburguesa en la misma línea sin recuadro ni sombra extra */
.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
}

/* Eliminar borde y sombra del botón hamburguesa pero mantener tamaño */
.navbar-toggler {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Tamaño estándar del icono hamburguesa */
.navbar-toggler-icon {
  width: 24px;
  height: 24px;
}

/* Coloca el botón hamburguesa a la derecha */
.navbar-toggler.ms-auto {
  margin-left: auto;
}


.logo img {
  max-height: 50px;
}

/* Footer personalizado */
.main-footer {
  background-color: #e9ecef;
  padding: 1rem 0;
  font-size: 0.9rem;
  color: #6c757d;
}

/* Enlaces del footer */
.footer-link {
  color: #6c757d;
  text-decoration: none;
  margin: 0 0.5rem;
}

.footer-link:hover {
  text-decoration: underline;
}

/* Para ajustar el iframe si quieres */
.mapa iframe {
  border-radius: 0.25rem;
}

/* Opcional: Ajustes extra para mejorar la visual si quieres */
.contacto h2, .contacto h3 {
  color: #343a40;
}