/*======== CATALOGO 1 ========*/
.catalogo1-slider {
  background-image: url("../img/carta/banner.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  align-items: center;
}
.catalogo1-slider-div {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(3px);
  padding: 2rem 1rem;
}
.catalogo1-slider-int {
  max-width: 900px;
  text-align: center;
  color: white;
}
/*==================SECCIÓN 2=================*/
.catalogo2 {
  margin-top: 5rem;
}
.catalogo2-div {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
/*----------------*/
.catalogo2-categorias {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.catalogo2-categorias-titulo {
  color: black;
}
.catalogo2-items-btn {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  color: black;
  text-align: left;
  background-color: transparent;
  border: 2px solid #d4d4d4;
  border-radius: 0.5rem;
  margin-bottom: 10px;
  transition: all 0.15s ease-in-out;
}
.catalogo2-items-btn:hover {
  font-weight: bold;
  transform: scale(1.02);
  box-shadow: 0 0 5px 0px #dfdfdf;
}
.catalogo2-btn-activo {
  font-weight: bold;
  box-shadow: 0 0 5px 0px #dfdfdf;
}
/*----------------*/
.catalogo2-productos {
  display: flex;
  flex-direction: column;
  margin-bottom: 5rem;
  gap: 2.5rem;
}
.catalogo2-productos-div {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(30%, 0.33333fr));
}
/*--------*/
.catalogo2-productos-items {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  box-shadow: 0 0 5px 0 black;
  border-radius: 0.5rem;
  transition: all 0.15s ease-in-out;
  max-width: 450px;
}
.catalogo2-productos-items:hover {
  transform: scale(1.025);
}
.catalogo2-productos-img {
  max-width: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.5rem 0.5rem 0 0;
}
.catalogo2-productos-img::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
}
.catalogo2-productos-textos {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  color: black !important;
  height: 100%;
}
.catalogo2-textos-descripcion {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Limita a 2 líneas */
  line-clamp: 2; /* Propiedad estándar */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*==================RESPONSIVE=================*/

@media (max-width: 992px) {
  .catalogo1-slider {
    height: unset;
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media (max-width: 820px) {
  .catalogo2-productos-div {
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
  }
}
@media (max-width: 580px) {
  .catalogo2-productos-div {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    justify-items: center;
  }
}