@import url("general.css");

/* Nombre mezcal */
.nom-mezcal {
  padding: 90px 0px 100px 0px;
}

.nom-mezcal h2 {
  position: relative;
  color: var(--color-rosa);
  line-height: 40px;
  z-index: 2;
}

.nom-mezcal span {
  position: relative;
  font-size: 40px;
  letter-spacing: 0px;
  color: var(--color-dorado) !important;
  z-index: 2;
}

.nom-mezcal h5 {
  position: relative;
  padding: 40px 0px 0px 0px;
}

.nom-mezcal p {
  position: relative;
  z-index: 2;
  margin-bottom: 5px !important;
}

.nom-mezcal .rosa {
  color: var(--color-rosa);
}

/* Notas de cata*/
.catas {
  padding: 0px 0px 100px 0px;
}

.catas h2 {
  position: relative;
  padding: 0px 0px 40px 0px;
  color: var(--color-negro);
  line-height: 40px;
  z-index: 2;
}

.catas .rosa {
  color: var(--color-rosa);
}

.catas .sello {
  position: absolute;
  width: 130px;
  bottom: -30px;
  right: -60px;
  animation: rotarInfinito 10s linear infinite;
  transform-origin: center center; /* Asegura el giro desde el centro */
  display: block; /* Evita saltos por márgenes inline */
  margin: 0 auto; /* Centrado opcional */
}

.catas .cempa {
  position: absolute;
  max-width: 90%;
  right: 0px;
  margin-top: -750px;
  z-index: 0;
}

.catas .cempa2 {
  position: absolute;
  width: 30% !important;
  left: 0px;
  margin-top: 120px;
  z-index: 0;
}
.catas p{
  margin-bottom: 5px !important;
}

/* Mezcal 2 */
.nom-mezcal2 {
  padding: 90px 0px 100px 0px;
}

.nom-mezcal2 .col-m2 {
  padding-left: 0px !important;
}

.nom-mezcal2 h2 {
  position: relative;
  color: var(--color-rosa);
  line-height: 40px;
  z-index: 2;
}

.nom-mezcal2 span {
  position: relative;
  font-size: 40px;
  letter-spacing: 0px;
  color: var(--color-dorado) !important;
  z-index: 2;
}

.nom-mezcal2 h5 {
  position: relative;
  padding: 40px 0px 0px 0px;
}

.nom-mezcal2 p {
  position: relative;
  z-index: 2;
  margin-bottom: 5px !important;
}

.nom-mezcal2 .rosa {
  color: var(--color-rosa);
}

@keyframes rotarInfinito {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 991.98px) {
  .catas h2 {
    line-height: 55px;
  }
  .catas .cempa {
    position: absolute;
    max-width: 50%;
    right: 0px;
    margin-top: -750px;
    z-index: 0;
  }
  .catas .sello {
    width: 100px;
    right: 0px;
  }
  .nom-mezcal2 {
    padding: 00px 0px 100px 0px;
  }
}

@media (max-width: 767.98px) {
}