.navbar {
    border-bottom: 1px solid black;
}

.navbar-nav .nav-item {
    display: flex;
    align-items: center; /* Centrar verticalmente */
  }
  
  .navbar-nav .nav-item::after {
    content: "";
    flex: 1;
    height: 50%; /* Altura de la línea */
    border-right: 1px solid #333; /* Estilo y color de la línea */
    margin-left: 10px; /* Espacio entre el texto y la línea */
    margin-right: 10PX;
  }

  .background-image-container {
    background-image: url('../img/dogo.jpg');
    /*height: 42vw;*/
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .btn-custom {
    background-color: #E10811; /* Cambia este valor al color deseado */
    color: #fff; /* Cambia este valor al color deseado */
    /* Otros estilos según sea necesario */
  }
  .text-custom {
    color: #E10811; /* Cambia este valor al color deseado */
    /* Otros estilos según sea necesario */
  }
  .bg-rojo{
    background-color: #E10811;
  }
  .texto-justificado{
    text-align: justify;
  }
  .nota {
    position: absolute;
    top: 0px;
    left: 5%;
    background-color: #E10811;
    color: white;
    padding: 12px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 13px; /* Radio de la esquina inferior izquierda */
    border-bottom-right-radius: 13px;
    font-size: 16px;
}
  
  h4.separador-precio {
    position: relative; /* Posición relativa para poder usar posición absoluta en el seudoelemento */
  }
  
  .separador-precio::after{
    content: "";
    position: absolute; /* Posición absoluta para que la línea se posicione al final del contenedor */
    left: 0; /* Posiciona la línea al principio del contenedor */
    bottom: 0; /* Posiciona la línea en la parte inferior del contenedor */
    width: 35%;
    border-top: 1px solid #333; /* Estilo y color de la línea */
  }

.btn-menu
{
  width: 5em; 
  height: 5em; 
  font-size: 1.6em;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}
  @keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); } 
    100% { transform: scale(1); }
}

/* Aplica la animación a la imagen */
.pulse-image {
  width: 100%;
  position: absolute; 
  animation: pulse 2s infinite;
}
.pulse-image-center{
  top:7%; 
  left: 0%;
}
.pulse-image-merch{
  top: -10%; left: 5%;
}
.divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.imagen-footer {
  position: relative;
  text-align: center;
  /*background-color: #f8f9fa; /* Color de fondo del footer */
  height: 255px;
  background-image: url('../img/divider5.png'); /* Ruta de la imagen */
  background-repeat: repeat-x; /* Repetir la imagen horizontalmente */
}