a {
    text-decoration: none;
    color:white;
}
.tabla {
    display: flex;
}
.navbar {
    justify-content: center;
    display: flex;
    color: coral;
}
h3, h5{
     color:white;
}


#inferior {
    color: #FFF;
    background: #000;
    position: fixed; /* ¡CAMBIO CLAVE! Esto lo fija al viewport */
    left: 0;         /* Ocupa todo el ancho desde la izquierda */
    right: 0;        /* Ocupa todo el ancho hasta la derecha */
    bottom: 0;       /* Lo ancla a la parte inferior de la pantalla */
    width: 100%;     /* Asegura que ocupe el 100% del ancho disponible */
    padding: 15px 0; /* Agrega un poco de espacio interno para el contenido */
    text-align: center; /* Opcional: centra el texto dentro del div */
    z-index: 1000;   /* Opcional: asegura que esté por encima de otros elementos */
}

.my-3{
    color:white;
}
body{
    background-color:white;
}
.nav-link active {
   font-family:'Comic Sans MS';
   font-size: 22px;
}


a:hover {
    color: red ;
    cursor: pointer;
}

.contacto1 {
    display: flex;
   
    color: white;   
  
}

.bi {
    font-size: 10em !important;
   
}

label {
    color: white;
    font-size:20px;
}

.princialpro{
    background: #000;

}
.princialpro h1{
    text-align: center;
}
#contact{
    align-content: center;
}
svg{
    color: white;
}

.col-lg-4 text-lg-start primero{
    margin-left: 20px !important;
}

.addToCard{
    background-color: white;
    border-radius:10px;
   outline:none;
}

.addToCard:hover {
    background-color: red !important;
    font-family:'Comic Sans MS';
    font-size: 18px;
    border-color: transparent;
    transition: background-color 0.3s ease-in-out;
 }
 .card{
    border-radius: 30px;
 }

 .bn3637 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 2rem;
    font-weight: 700;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    backface-visibility: hidden;
    border: 0.3rem solid transparent;
    border-radius: 3rem;
  }
  .bn38 {
    border-color: transparent;
    transition: background-color 0.3s ease-in-out;
    text-decoration: none;
  }
    
  .bn38:hover {
    background-color: #60605e;
    text-decoration: none;
    color: darkgoldenrod;
  }

  .btn1{
    text-decoration: none;
    font-size: 30px;
   color :white;
   border-color: transparent;

  }
.btn1:hover{
    text-decoration: none;
    color: greenyellow;
}

.texto-con-borde-blanco {
    color: white; /* Color de relleno del texto */
    -webkit-text-stroke-width: 1px; /* Ancho del borde para WebKit (Chrome, Safari, Edge) */
    -webkit-text-stroke-color: black; /* Color del borde para WebKit */
    text-stroke-width: 1px; /* Para navegadores que soportan la propiedad estándar */
    text-stroke-color: black; /* Para navegadores que soportan la propiedad estándar */
    /* Propiedades adicionales si el texto es pequeño, para que el borde se vea mejor */
    font-size: 2em; /* Ejemplo, ajusta el tamaño */
    font-weight: bold; /* Para que el texto sea más grueso */
  }