@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Changa&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');

/* body {
    font-family: 'Lato', sans-serif;
    font-family: 'Sora', sans-serif;
    font-family: 'Ubuntu', sans-serif;e
} */

:root {
  --navbar-height: 65px;
  --slideshow-height: 450px;
}

/* Cuando el ancho de la pantalla sea mayor que 1050px */
@media (min-width: 1050px) {
  #navbar-button { /* Se oculta el #navbar-button */
    display: none;
  }
}

/* Cuando el ancho de la pantalla sea menor que 1050px */
@media (max-width: 1050px) {
  #navbar-links {
    display: none; /* Se ocultan los links de la navbar */
  }
  #banner-message { /* Se oculta el mensaje largo del banner */
    display: none;
  }
}

#navbar {
  height: var(--navbar-height); /* Se establece el alto de la navbar */
}

#navbar-logo {
  height: 150%; /* Ajusta la altura de la imagen al doble de su contenedor (de la navbar) */
  vertical-align: bottom; /* Alinea la imagen en la parte inferior a fin de que se superponga al elemento abajo de la navbar */
  margin-left: 5%; /* Deja un pequeño espacio a la izquierda */
  margin-top: 10px; /* Deja un pequeño espacio arriba */

}

#navbar-right-section {
  margin-right: 5%; /* Deja un espacio a la derecha de los links de la navbar */
}

/* .navbar-link {
  text-transform: uppercase;  Se pone en mayúsculas el texto de los links de la sidebar 
} */

#sidebar-header {
  height: var(--navbar-height); /* Se establece el alto del header de la sidebar */
}

#sidebar-logo {
  height: 100%; /* Ajusta la altura de la imagen al doble de su contenedor (de la navbar) */
  vertical-align: bottom; /* Alinea la imagen en la parte inferior a fin de que se superponga al elemento abajo de la navbar */
  margin-left: 5%; /* Deja un pequeño espacio a la izquierda */
  margin-top: 10px; /* Deja un pequeño espacio arriba */
}

.slide {
  width: 100%; /* Se establece el ancho del slide */
  object-fit: cover; /* Se ajusta la imagen al tamaño del slide */
  object-position: bottom; /* Se ajusta la imagen en la parte inferior */
  max-height: 70vh;
}

.icon-image img {
  margin-bottom: -15px; /* Se ajusta el margen inferior de la imagen */
}

.brand-logo-container {
  min-width: 225px;
}

.brand-logo {
  height: 130px; /* Se establece el alto de la imagen */
}

.brand-slogan {
  font-style: italic; /* Se pone en cursiva el texto del slogan */
}

.brand-button-container {
  height: 40.5px;
}

.brand-description {
  height: 45px; /* Se establece el alto de la descripción */
}

.map-responsive{
  overflow:hidden;
  position:relative;
  height:0;
}

.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

.footer-logo {
  height: 48px; /* Se establece el alto de la imagen */
}

/* Resuelve superposición de navbar sobre botones de slider*/
#header > .w3-top.w3-border-bottom {
    z-index: 2 !important;
}

@media only screen and (min-width: 1050px) {
  #contact-section {
    margin: 0 auto;
    width: 65%;
  }
}

#navbar a {
    font-family: 'Lato', sans-serif;
    font-family: 'Sora', sans-serif;
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Changa', sans-serif;
    font-family: 'Merienda', cursive;
    font-weight: bolder;
    color: #0d2782;
    font-size: 1.2em;

}

#navbar .w3-button:hover {
    color: #949499!important;
}