@charset "UTF-8";
/* ESTILOS NAVBAR - HOVER Y COLOR BLANCO */
/* Estilo base de los links de la navbar */
.navbar-nav .nav-link {
  color: white !important; /* Texto blanco */
  transition: background-color 0.3s, color 0.3s; /* Suavidad del hover */
  padding: 5px 10px; /* Espacio interno alrededor del texto */
  border-radius: 5px; /* Bordes redondeados */
}

/* Hover  */
.navbar-nav .nav-link:hover {
  background-color: white; /* Fondo blanco de hover */
  color: #b70f0a !important; /* Color de texto rojo */
}

/* Estilos generales */
/* Tipografías */
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  background-color: #f0f0f0;
}

/* Estilos para página productos */
.tarjeta--sp {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  border: 0.5px solid transparent;
}

.tarjeta--sp:hover {
  transform: scale(1.1);
  border-color: black;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Animaciones de botones */
.boton--cta {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 0.5px solid transparent;
}

.boton--cta:hover {
  transform: scale(1.15);
  border-color: #860000;
  box-shadow: 0 5px 15px rgba(134, 0, 0, 0.4);
}

/*# sourceMappingURL=styles.css.map */