@charset "utf-8";

/* Estilo general para las banderas */
.language-flag {
  width: 20px;  /* Tamaño de las banderas */
  height: auto;  /* Mantener la proporción */
  display: block;
  margin: 0 auto;
}

/* Estilo para móviles: alinear banderas a la izquierda */
@media (max-width: 767px) {
  .navbar-nav > li > a {
    text-align: left;
  }

  .navbar-nav > li > a > .language-flag {
    margin: 0;                /* Quitar centrado */
    display: inline-block;    /* Mostrar en línea */
    vertical-align: middle;   /* Alinear verticalmente si hay texto */
  }
}

/* Estilo para escritorio (>=768px): banderas apiladas */
@media (min-width: 768px) {
  .navbar-nav .language-flag {
    display: block;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
  }

  .navbar-nav li {
    padding: 0;
  }
}

/* Ajuste del espacio de los enlaces del menú */
.navbar-default .navbar-nav > li > a {
  padding: 15px 10px;
}

.bottom {
    width: 100%;
    position: absolute;
    bottom: 2%;
    text-align: center; /* Centra el botón horizontalmente */
}

.bottom a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #25D366; /* Color verde de WhatsApp */
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 25px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra suave */
}

.bottom a:hover {
    background-color: #128C7E; /* Color más oscuro al hacer hover */
}

.whatsapp-logo {
    width: 20px; /* Tamaño del logo de WhatsApp */
    margin-right: 10px; /* Espaciado entre el logo y el texto */
}
    margin-right: 10px; /* Espaciado entre el ícono y el texto */
}