/* Aqui va todo el css como no estas usando vite.js para manejar los recourses de tu proyecto, entonces crea n app.css y llamalo desde el public directo  */
.swiper-pagination-bullet-active {
  /* width: 50px; */
  border-radius: 3px;
  background-color: rgba(255, 255, 255, .8);
  padding-left: 25px;

}

body {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  height: auto !important;
}

.title {
  font-size: 24px;
  font-weight: bolder;
  color: #000;
}

select {
  padding-right: 30px;
  /* da espacio extra a la derecha */
  background-position: right 10px center;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem;
}