/*==============================================*/
/*              CLASES GENERALES                */
/*==============================================*/
@font-face {
  font-family: "Arimo";
  src: url("../fonts/Arimo-VariableFont_wght.ttf");
}
@font-face {
  font-family: "Bebas";
  src: url("../fonts/BebasNeue-Regular.ttf");
}
@font-face {
  font-family: "Anton";
  src: url("../fonts/Anton-Regular.ttf");
}
@font-face {
  font-family: "MoreSugar";
  src: url("../fonts/MoreSugar-Regular.otf");
}
@font-face {
  font-family: "Shrikhand";
  src: url("../fonts/Shrikhand-Regular.ttf");
}
.noVisible {
  visibility: hidden;
  position: absolute;
  margin-top: -100000px;
}

body {
  min-height: 100%;
  font-family: "Arimo";
  font-size: 22px !important;
  overflow-x: hidden;
  text-rendering: auto !important;
  background-color: #000 !important;
}

.parrafoContenido {
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}

/*Elementos*/
.headerContenido {
  font-family: "Anton";
  font-size: 200px;
  color: #000 !important;
}

.parrafoContenido {
  font-family: "Arimo";
  font-size: 22px !important;
  color: #000 !important;
  line-height: 1.8571428571;
}
.parrafoContenido span {
  font-family: "ArimoBold";
}

.btnAccion {
  text-transform: uppercase;
  display: inline-block;
  border-width: 4px;
  padding: 18px;
  text-decoration: none;
  font-family: "Anton";
  font-size: 22px !important;
  color: #000 !important;
  background-color: #fff !important;
  transition: 0.35s ease-in-out;
  text-align: center;
  min-width: 250px !important;
}
.btnAccion:hover {
  background-color: #9f440d !important;
  border-color: #9f440d !important;
  color: #fff !important;
}

.contenedorCintillo {
  position: relative;
  height: 70vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 100vw;
  height: 70vh;
  background-color: #fff !important;
}

.contenidoCintillo {
  background-color: #000 !important;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenidoCintillo h2 {
  font-size: 48px;
  color: #fff !important;
  text-align: center;
  font-family: "Anton";
}
@media screen and (max-width: 800px) {
  .contenidoCintillo h2 {
    font-size: 22px;
    width: 80%;
  }
}

.contenedorPF {
  width: 100vw;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff !important;
  padding-top: 75px;
  padding-bottom: 75px;
}

.contenidoPF {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenidoPF img {
  width: 100%;
  height: auto;
}

.headerContenidoN {
  font-family: "Anton";
  font-size: 200px;
  color: #fff !important;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.parrafoContenidoN {
  font-family: "Arimo";
  font-size: 22px !important;
  color: #fff !important;
  text-align: left;
}

.contenedorPrivacy {
  width: 100%;
  background-color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 150px;
  padding-bottom: 75px;
}

.contenidoLegal {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  flex-direction: column;
  padding-top: 75px;
  padding-bottom: 75px;
}

.headerContenidoLegal {
  font-family: "Anton";
  font-size: 200px;
  color: #000 !important;
  text-align: center;
}

.headerContenidoPrivacy {
  font-family: "Anton";
  font-size: 100px;
  color: #000 !important;
  text-align: center;
}

.parrafoContenidoLegal {
  font-family: "Arimo";
  font-size: 22px !important;
  color: #000 !important;
  text-align: left;
  line-height: 40px;
  width: 70%;
}
.parrafoContenidoLegal span {
  display: block;
  width: 95%;
  margin-left: 5%;
}

/*----------------------*/
/*AJUSTES DE LA TIENDA*/
/*----------------------*/
.ec-header-h1 {
  color: #000 !important;
  font-family: "Anton";
  text-align: center;
  font-size: 44px !important;
  margin-bottom: 25px !important;
}

.ec-store__content-wrapper {
  padding: 25px !important;
  color: #000 !important;
}
.ec-store__content-wrapper a {
  color: #000 !important;
}
.ec-store__content-wrapper p {
  color: #000 !important;
}

.ec-price-item {
  color: #000 !important;
  font-family: "Anton";
}

.grid-product__title-inner {
  color: #000 !important;
}

.form-control__select-text {
  color: #000 !important;
}

.icon-default path[stroke] {
  stroke: #fff !important;
}

.grid-category__title {
  border: 4px solid #fff !important;
}

.grid-category__title-inner {
  color: #000 !important;
  font-family: "Anton";
  font-size: 22px !important;
}

.form-control__button {
  background-color: transparent !important;
  border: 4px solid #000 !important;
  font-family: "Anton";
  color: #000 !important;
  border-radius: 0px !important;
  padding: 9px !important;
  transition: 0.35s ease-in-out !important;
}
.form-control__button:hover {
  background-color: transparent !important;
  border: 4px solid #9f440d !important;
  color: #9f440d !important;
}

.popupContent {
  background-color: #000 !important;
}

.ec-minicart__counter:after {
  background-color: #9f440d !important;
}

.ec-notice__wrap {
  background-color: #000 !important;
}

.ec-notice__text {
  color: #000 !important;
}

.ec-notice__icon {
  color: #9f440d !important;
}

.grid__products {
  max-width: 100% !important;
}

.grid-product:nth-child(n+1) {
  width: 33% !important;
}

@media screen and (max-width: 800px) {
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__wrap-inner,
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__categories,
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products,
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__filters {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center !important;
    width: 100%;
  }
  html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products[data-cols="2"] .grid-product:nth-child(n+1) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
div.ecwid-productBrowser {
  width: 80vw !important;
}

.icoJM {
  color: #000 !important;
  vertical-align: middle;
  height: 20%;
  margin-top: 40%;
  transition: 0.35s ease-in-out;
}
.icoJM:hover {
  color: #9f440d !important;
  cursor: pointer;
}

.grid-product__textblock {
  color: #000 !important;
}

.details-gallery__images-spacer {
  max-width: 60% !important;
}

.product-details__description {
  width: 80% !important;
  margin-left: 10% !important;
  text-align: left !important;
}

.product-details-module__submodule {
  display: none !important;
}

/*Forms*/
.formTitle {
  text-align: center !important;
  color: #000 !important;
  font-size: 22px !important;
  font-family: "Anton";
}

.form {
  width: 80%;
  margin-left: 10%;
}
.form label {
  color: #000 !important;
}
.form input {
  border-radius: 0px;
}
.form button {
  text-transform: uppercase;
  font-family: "Arimo";
  border-radius: 0px;
  border: 4px solid #fff !important;
  color: #fff !important;
  width: 100%;
  padding-left: 5px;
  margin-top: 25px;
  transition: 0.35s ease-in-out;
}
.form button i {
  margin-left: 10px;
}
.form button:hover {
  color: #fff !important;
  background-color: #9f440d !important;
}
.form .g1 {
  padding-right: 5px;
}
.form .g2 {
  padding-left: 5px;
}
.form textarea {
  border-radius: 0px;
}

/*Age agreement*/
.logoAgeAgreement {
  width: 30vw;
}
@media screen and (max-width: 700px) {
  .logoAgeAgreement {
    width: 70vw;
  }
}

#formAgeAgreement {
  display: flex;
  justify-content: center;
  align-items: center;
}

#modalAgeAgreement {
  padding: 0px !important;
}
#modalAgeAgreement .modal-dialog {
  margin-top: 0px;
  padding: 0px !important;
  max-width: unset;
  width: 100% !important;
}
#modalAgeAgreement .modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0px !important;
  background-color: transparent !important;
  background-image: url("../img/jaguarModal.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#modalAgeAgreement .modal-body {
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column !important;
}
#modalAgeAgreement .modal-body .input-group {
  margin: 0px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
#modalAgeAgreement .modal-body h2 {
  margin-top: 0px;
  font-size: 30px;
  width: 100% !important;
  text-align: center;
  font-family: "Anton";
  color: #000 !important;
  margin-bottom: 0px !important;
}
#modalAgeAgreement .modal-body p {
  width: 70%;
  margin-top: 0px;
  font-size: 16px;
  text-align: center;
  font-family: "Bebas";
  color: #000 !important;
  margin-bottom: 0px !important;
}

.btnAgreement {
  width: fit-content;
  padding: 9px;
  background-color: transparent;
  color: #000 !important;
  font-size: 16px;
  font-family: "Anton";
  border: none;
  transition: 0.35s ease-in-out;
  margin: 25px;
  line-height: 0px;
}
.btnAgreement:hover {
  font-size: 14px;
  background-color: #9f440d !important;
  color: #fff !important;
  padding: 18px;
}

.favorite-product__button-add button {
  background-color: transparent !important;
  border: none !important;
  color: #000 !important;
}
.favorite-product__button-add button:hover {
  background-color: transparent !important;
  border: none !important;
  color: #9f440d !important;
}

/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*MEDIA QUERIES*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
.menu {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.35s ease-in-out;
  z-index: 100;
  position: fixed;
  top: 0;
}
.menu ul {
  margin: 0px;
  list-style: none;
  color: #fff !important;
}
.menu ul li {
  font-family: "Anton";
  padding: 9px;
  cursor: pointer;
}
.menu img {
  width: 100px !important;
  height: auto;
}
.onTop {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.7);
}

.scrolling {
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  margin-top: -100px !important;
}

.drawer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 300;
  width: 100vw;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  padding: 0px;
}
.drawer ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: 100vh;
  background-color: #000 !important;
  list-style: none;
  margin: 0px;
}
.drawer ul li {
  width: 100%;
  padding: 0px;
  padding-top: 9px;
  padding-bottom: 9px;
  margin-left: 0px;
}
.drawer ul li a {
  text-decoration: none;
  font-family: "Anton";
  color: #fff !important;
  cursor: pointer;
  transition: 0.35s ease-in-out;
  font-size: 16px !important;
}
.drawer ul li a:hover {
  color: #9f440d !important;
}
@media screen and (max-width: 700px) {
  .drawer ul {
    width: 100vw;
  }
}

.closeDrawer {
  position: absolute;
  right: 35px;
  top: 18px;
  background-color: #000 !important;
  border-radius: 1000px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.35s ease-in-out;
}
.closeDrawer i {
  color: #fff !important;
}
.closeDrawer:hover {
  background-color: #fff !important;
}
.closeDrawer:hover i {
  color: #9f440d !important;
}

.hideNav {
  margin-top: 0px !important;
}

.rrssTop {
  list-style: none;
  display: inline-flex;
}
.rrssTop ul {
  color: #fff !important;
}
.rrssTop li {
  margin-left: 15px;
  margin-right: 15px;
}
.rrssTop a {
  color: #fff !important;
  vertical-align: middle;
}
.rrssTop a:hover {
  color: #9f440d !important;
}
.rrssTop i {
  vertical-align: middle !important;
  margin-top: 12px;
}

.btnLanguage {
  color: #fff !important;
  font-size: 16px !important;
  font-family: "Anton";
}

.dropdown-menu {
  width: fit-content !important;
  background-color: #000000 !important;
}
.dropdown-menu li {
  color: #000 !important;
}
.dropdown-menu li a {
  text-decoration: none;
}

.footer {
  z-index: 1;
}

.contenedorFooter {
  background-color: #000 !important;
  padding: 25px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.logoFooter {
  z-index: 1;
  margin-top: 25px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.logoFooter img {
  width: 150px;
}
@media screen and (max-width: 800px) {
  .logoFooter img {
    width: 40vw;
  }
}
@media screen and (max-width: 800px) {
  .logoFooter {
    padding: 9px;
  }
}

.rrssFooter {
  z-index: 1;
  list-style: none;
  display: inline-flex;
  margin-top: 25px;
  padding: 0px !important;
}
.rrssFooter li {
  padding: 9px;
  margin-left: 0px;
}
.rrssFooter i {
  color: #fff !important;
  transition: 0.35s ease-in-out;
}
.rrssFooter i:hover {
  color: #9f440d !important;
}

.enlaces-footer {
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .enlaces-footer {
    width: 90%;
  }
}

.card-footer {
  width: 33%;
}
@media screen and (max-width: 800px) {
  .card-footer {
    width: 90%;
  }
}

.headerFooter {
  color: #fff !important;
  font-size: 12px !important;
  font-family: "Anton";
}

.siteMap {
  z-index: 1;
  list-style: none !important;
  font-family: "Bebas";
  font-size: 16px !important;
  text-decoration: none !important;
}
.siteMap li {
  width: 100%;
  margin-bottom: 5px;
  color: #fff !important;
  text-align: center;
}
.siteMap li a {
  text-decoration: none;
  color: #fff !important;
  transition: 0.35s ease-in-out;
}
.siteMap li a:hover {
  color: #9f440d !important;
}

.txtFooter {
  z-index: 1;
  text-align: center;
  color: #fff !important;
  font-family: "Bebas";
  font-size: 12px !important;
}
.txtFooter a {
  font-family: "Anton";
  text-decoration: none;
  color: #fff !important;
}
.txtFooter a:hover {
  color: #9f440d !important;
}

.btnShopFlotante {
  z-index: 3;
  width: 70px;
  height: 70px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 18px;
  right: 18px;
  padding: 9px;
  background-color: #000 !important;
  border-color: #9f440d !important;
  border-style: solid;
  border-width: 2px;
  border-radius: 1000px;
}

.carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  background-color: #fff !important;
  border: 10px !important;
  border-radius: 10px !important;
}

/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*MEDIA QUERIES*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1200px) {
  .navbar-brand {
    margin-left: 25px;
  }
  .navbar-nav {
    width: 100% !important;
    margin-left: 0% !important;
    font-size: 16px !important;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    padding: 25px;
  }
  .nav-link {
    text-align: center;
    text-decoration: none;
    font-size: 16px !important;
    font-family: "Anton";
    color: #fff !important;
  }
  .nav-link:hover {
    color: #9f440d !important;
  }
  .activo {
    font-family: "Anton";
    font-size: 16px !important;
    color: #9f440d !important;
  }
  .btnLanguage {
    color: #fff !important;
    font-size: 16px !important;
    width: 50%;
    margin-left: 25%;
  }
  .rrssTop {
    list-style: none;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    padding: 5px;
  }
  .rrssTop li {
    margin-left: 15px;
    margin-right: 15px;
  }
  .rrssTop a {
    color: #fff !important;
    vertical-align: middle;
  }
  .rrssTop a:hover {
    color: #9f440d !important;
  }
  .rrssTop i {
    vertical-align: middle !important;
    margin-top: 0px;
  }
  .footer {
    z-index: 1;
  }
  .contenedorFooter {
    background-color: #000 !important;
    padding: 25px;
    z-index: 1;
  }
  .txtFooter {
    z-index: 1;
    text-align: center;
    color: #fff !important;
    font-family: "Bebas";
    font-size: 12px !important;
  }
  .txtFooter a {
    font-family: "Anton";
    text-decoration: none;
    color: #fff !important;
  }
  .txtFooter a:hover {
    color: #9f440d !important;
  }
  .carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    background-color: #fff !important;
    border: 10px !important;
    border-radius: 10px !important;
  }
}
.contenedorBTH {
  overflow: hidden;
  z-index: 0;
}

.videoBanner {
  width: 100vw;
  position: absolute;
  z-index: 0;
}

.topBanner {
  width: 100vw;
  height: 100vh;
}

.contenidoBannerVideo {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
  z-index: 2;
}
.contenidoBannerVideo h1 {
  font-family: "Anton";
  color: #fff !important;
  font-size: 44px !important;
}
@media screen and (max-width: 800px) {
  .contenidoBannerVideo h1 {
    font-family: "Anton";
    color: #fff !important;
    font-size: 22px !important;
  }
}

.contenedorPH {
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #fff !important;
  padding-top: 75px;
  padding-bottom: 75px;
}

.contenidoPH {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  width: 70vw;
}
.contenidoPH h2 {
  font-family: "Anton";
  color: #000 !important;
  text-align: center;
  font-size: 32px;
}
@media screen and (max-width: 800px) {
  .contenidoPH h2 {
    font-size: 22px;
  }
}

.portafolioPH {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 9px;
}
.portafolioPH img {
  width: 100%;
  height: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 800px) {
  .portafolioPH {
    width: 90vw;
    margin-left: 5vw !important;
  }
}

.contenedorTA {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: fit-content;
  background-color: #fff !important;
  padding-top: 75px;
  padding-bottom: 75px;
  width: 100%;
}

.contenidoTA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
}
.contenidoTA h1 {
  font-family: "Anton";
  font-size: 370px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoTA p {
  color: #000 !important;
  text-align: justify;
  font-size: 18px;
  margin-top: 25px;
  width: 70%;
  padding: 0px;
}
@media screen and (max-width: 800px) {
  .contenidoTA p {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .contenidoTA {
    width: 90%;
  }
  .contenidoTA h1 {
    font-size: 100px;
  }
}

.carruselTA {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 25px;
  justify-content: space-evenly;
  align-items: center;
}
.carruselTA img {
  width: 30%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .carruselTA img {
    width: 90%;
    height: auto;
  }
}

.contenedorAS {
  padding-bottom: 75px;
  background-color: #fff !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenidoAS {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenidoAS h2 {
  font-family: "Anton";
  font-size: 48px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoAS p {
  color: #000 !important;
  text-align: justify;
  font-size: 18px;
  margin-top: 25px;
  width: 70%;
}
@media screen and (max-width: 800px) {
  .contenidoAS p {
    width: 90%;
  }
}
.contenidoAS img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoAS {
    width: 90%;
  }
  .contenidoAS h2 {
    font-size: 40px;
  }
}

.contenedorMezcal {
  padding-bottom: 75px;
  background-color: #fff !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenidoMezcal {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenidoMezcal h2 {
  font-family: "Moresugar";
  font-size: 48px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoMezcal p {
  color: #000 !important;
  text-align: justify;
  width: 100%;
  font-size: 18px;
  margin-top: 25px;
  width: 65%;
}
@media screen and (max-width: 800px) {
  .contenidoMezcal p {
    width: 90%;
  }
}
.contenidoMezcal img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoMezcal {
    width: 90%;
  }
  .contenidoMezcal h2 {
    font-size: 70px;
  }
}

.contenedorTequila {
  padding-bottom: 75px;
  background-color: #fff !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenidoTequila {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenidoTequila h2 {
  font-family: "Shrikhand";
  text-transform: uppercase;
  font-size: 48px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoTequila p {
  color: #000 !important;
  text-align: justify;
  width: 100%;
  font-size: 18px;
  margin-top: 25px;
  width: 65%;
}
@media screen and (max-width: 800px) {
  .contenidoTequila p {
    width: 90%;
  }
}
.contenidoTequila img {
  width: 70%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoTequila img {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .contenidoTequila {
    width: 90%;
  }
  .contenidoTequila h2 {
    font-size: 70px;
  }
}

.contenedorSotol {
  padding-bottom: 75px;
  background-color: #fff !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenidoSotol {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenidoSotol h2 {
  font-family: "Anton";
  font-size: 48px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoSotol p {
  color: #000 !important;
  text-align: justify;
  width: 100%;
  font-size: 18px;
  margin-top: 25px;
  width: 65%;
}
@media screen and (max-width: 800px) {
  .contenidoSotol p {
    width: 90%;
  }
}
.contenidoSotol .imgSotol {
  width: 33%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoSotol .imgSotol {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .contenidoSotol {
    width: 90%;
  }
  .contenidoSotol h2 {
    font-size: 70px;
  }
}

.contenedorBacanora {
  padding-bottom: 75px;
  background-color: #fff !important;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.contenidoBacanora {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.contenidoBacanora h2 {
  font-family: "Anton";
  font-size: 48px;
  color: #000 !important;
  margin-top: 75px;
}
.contenidoBacanora p {
  color: #000 !important;
  text-align: justify;
  width: 100%;
  font-size: 18px;
  margin-top: 25px;
  width: 65%;
}
@media screen and (max-width: 800px) {
  .contenidoBacanora p {
    width: 90%;
  }
}
.contenidoBacanora .imgBacanora {
  width: 33%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoBacanora .imgBacanora {
    width: 90%;
  }
}
.contenidoBacanora .imgMosaico {
  margin-top: 75px;
  width: 70%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .contenidoBacanora .imgMosaico {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .contenidoBacanora {
    width: 90%;
  }
  .contenidoBacanora h2 {
    font-size: 70px;
  }
}

.data-cards {
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .data-cards {
    width: 90%;
  }
}

.card-data {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.card-data h3 {
  font-family: "Anton";
  font-size: 44px !important;
  text-align: center;
}
.card-data p {
  font-family: "Arimo";
  font-size: 12px !important;
  text-align: center !important;
}
@media screen and (max-width: 800px) {
  .card-data {
    width: 90%;
  }
}

.contenidoTopMainShop {
  padding: 25px;
  padding-top: 150px;
  width: 80%;
  border-bottom: 4px solid #000 !important;
}
.contenidoTopMainShop h1 {
  text-align: center !important;
  color: #000 !important;
  font-size: 200px;
}
@media screen and (max-width: 800px) {
  .contenidoTopMainShop h1 {
    font-size: 70px;
    margin-top: 100px;
  }
}
@media screen and (max-width: 800px) {
  .contenidoTopMainShop {
    padding-top: 50px;
  }
}

.contenedorMainShop {
  padding-bottom: 75px;
  padding-top: 0px;
  min-height: fit-content;
  background-color: #fff !important;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mainShop {
  background-color: #fff !important;
  display: flex;
  justify-content: center !important;
}
@media screen and (max-width: 800px) {
  .mainShop {
    width: 90%;
  }
}

.contenedorTU {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: fit-content;
  background-color: #fff !important;
  padding-top: 75px;
  padding-bottom: 75px;
}

.contenidoTU {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
}
.contenidoTU h1 {
  font-family: "Anton";
  font-size: 240px;
  color: #000 !important;
  margin-top: 75px;
}
@media screen and (max-width: 800px) {
  .contenidoTU {
    width: 90%;
  }
  .contenidoTU h1 {
    font-size: 80px;
  }
}

.portada-nosotros {
  width: 100%;
  height: auto;
  overflow: hidden;
  height: fit-content;
  margin-top: 25px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.portada-nosotros img {
  width: 45%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .portada-nosotros img {
    width: 90%;
    order: 2;
  }
}
.portada-nosotros p {
  color: #000 !important;
  text-align: justify;
  font-size: 18px;
  margin-top: 25px;
  width: 45%;
}
@media screen and (max-width: 800px) {
  .portada-nosotros p {
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  .portada-nosotros {
    width: 90%;
    flex-direction: column;
  }
}

.carruselTU {
  margin-top: 25px;
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.carruselTU img {
  width: 47%;
  height: auto;
}
@media screen and (max-width: 800px) {
  .carruselTU img {
    width: 100%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 800px) {
  .carruselTU {
    width: 90%;
    justify-content: center;
  }
}

.contenedorTopContactUs {
  background-image: url("../img/contact/bannercontactUs.png");
  background-size: 70%;
  margin-top: 100px !important;
  min-height: 500px;
  max-height: 500px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.contenedorContactUs {
  padding: 25px;
  background-color: #000 !important;
  background-size: 100%;
  z-index: 1;
}

.contenidoContactUs {
  width: 80%;
  margin-left: 10%;
  margin-top: 25px;
  padding: 25px;
  text-overflow: clip !important;
}
.contenidoContactUs p {
  text-align: center !important;
  text-overflow: clip !important;
}

/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*MEDIA QUERIES*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 500px) {
  .contenedorTopContactUs {
    background-image: url("../img/contact/bannercontactUs.png");
    background-size: 350%;
    min-height: 500px;
    max-height: 500px;
    overflow: hidden;
    background-attachment: fixed;
    background-position-y: -100px;
    background-repeat: no-repeat;
  }
  .contenedorContactUs {
    padding: 25px;
    background-color: #000 !important;
    background-size: 100%;
    z-index: 1;
  }
  .contenidoContactUs {
    width: 100%;
    margin-left: 0%;
    margin-top: 25px;
    padding: 0px;
  }
  .contenidoContactUs p {
    text-align: center !important;
  }
}

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