body p + h2,
body p + header h2,
body p + h3,
body p + h4,
body ul + h2,
body ul + header h2,
body ul + h3,
body ul + h4,
body ol + h2,
body ol + header h2,
body ol + h3,
body ol + h4,
body table + h2,
body table + header h2,
body table + h3,
body table + h4,
body blockquote + h2,
body blockquote + header h2,
body blockquote + h3,
body blockquote + h4,
body form + h2,
body form + header h2,
body form + h3,
body form + h4 {
  margin-top: 0;
}
body ul.products::before,
body ul.products::after {
  display: none;
}
body ul.products li.product,
body ul.products .wc-block-grid__product,
body .wc-block-grid__products li.product,
body .wc-block-grid__products .wc-block-grid__product {
  margin-bottom: initial;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

li {
  list-style: none;
}

img {
  width: 100%;
}

/*
  3. Allow percentage-based heights in the application
*/
html,
body {
  height: 100%;
  hanging-punctuation: first last;
}

input {
  width: 100%;
}

input[type=color] {
  width: 3em;
  height: 2em;
}

/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  font-family: var(--ff1) !important;
  background: linear-gradient(to bottom, rgba(255, 250, 234, 0.8039215686), #fffaea);
}

/*
6. Improve media defaults
*/
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/*
7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

textarea {
  resize: vertical;
  form-sizing: content;
  max-height: 5em;
}

button {
  all: unset;
  cursor: pointer;
}

body ul,
body li {
  margin: 0;
  padding: 0;
}
body p,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  overflow-wrap: break-word;
  /* text-wrap: balance; */
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  font-weight: normal;
}
body p {
  font-family: var(--ff2);
  font-size: clamp(var(--fzm), 2vw + 0.5rem, var(--fzm));
}

/*
8. Avoid text overflows
*/
/*
9. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

@media (prefers-reduced-motion: no-preference) {
  :has(:target),
  :root {
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
  }
}
/* :root {color-scheme: light dark;
--colorText: #2E1C19;
--colorBackground: #feecb5;
--fontfamily: "azo-sans-web",
sans-serif;
color: light-dark(green, blue);
} */
:root {
  --color-white: #fff;
  --color-black: #000;
  --color-clima-primary: #58C8F4;
  --color-clima-bg: #4C6873;
  --color-clima-light: #A0DBF2;
  --color-clima-accent: #295E73;
  --color-clima-extra: #7EADBF;
  /* Primary */
  --color-primary-900: #3F2A10;
  --color-primary-800: #69451A;
  --color-primary-700: #946125;
  --color-primary-600: #A96F2A;
  --color-primary-500: #AA7738;
  --color-primary-400: #D8A161;
  --color-primary-300: #E2B988;
  --color-primary-200: #EBD0B0;
  --color-primary-100: #F5E8D7;
  --color-primary-50: #FAF3EB;
  /* Azul */
  --color-azul-900: #053345;
  --color-azul-800: #09668A;
  --color-azul-700: #0E99D0;
  --color-azul-600: #35BDF2;
  --color-azul-500: #58C8F4;
  --color-azul-400: #6BCEF5;
  --color-azul-300: #7DD4F6;
  --color-azul-200: #A2E0F9;
  --color-azul-100: #C7EDFB;
  --color-azul-50: #DAF3FD;
  /* Neutro */
  --color-neutro-bgDark: #152129;
  --color-neutro-title2: #1C2B36;
  --color-neutro-title: #273B49;
  --color-neutro-text: #687782;
  --color-neutro-light: #8E9BA4;
  --color-neutro-lighter: #B7C0C7;
  --color-neutro-border: #ECF0F3;
  --color-neutro-bgAlt: #F9FAFB;
  --color-neutro-bg: #FBFDFE;
  /* Logo Colors */
  --color-whatsapp: linear-gradient(to bottom, #5ad065, #23b039);
  /* Diseno */
  --borde-radius2: 16px;
  --borde-radius: 8px;
  --borde-radius-s: 4px;
  /* Fonts */
  --ff1: "Oswald", sans-serif;
  --ff2: "Noto Serif", serif;
  --fzbig: 61px;
  --fzxxl: 49px;
  --fzxl: 39px;
  --fzx: 31px;
  --fzl: 25px;
  --fzm: 21px;
  --fznormal: 16px;
  /* Font Clamps */
  --fzbig_fn: clamp(var(--fzxl), 4vw + .5rem, var(--fzbig));
  --fzxxl_fn: clamp(var(--fzxl), 3vw + .5rem, var(--fzxxl));
  --fzxl_fn: clamp(var(--fzx), 2vw + .5rem, var(--fzxl));
  --fzx_fn: clamp(var(--fzl), 2vw + .5rem, var(--fzx));
  --fzl_fn: clamp(var(--fzm), 2vw + .5rem, var(--fzl));
  --fzm_fn: clamp(var(--fznormal), 2vw + .5rem, var(--fzm));
  --fznormal_fn: clamp(var(--fznormal), 2vw + .5rem, var(--fznormal));
  --delay: 0;
}

.activeAnimation {
  animation-play-state: running !important;
}

.showUp {
  transform: translateY(100px);
  opacity: 0;
  animation: showUp 1.2s ease-in-out forwards;
}

.fade {
  opacity: 0;
  animation: fade 1.2s ease-in-out forwards;
}

.container-pcL {
  width: min(1200px, 90%);
  margin-inline: auto;
}

.container-pc {
  width: min(1000px, 90%);
  margin-inline: auto;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.btn {
  border: 1px;
  display: inline-block;
  padding: 0.4em 1em;
  border-radius: 100px;
  transition: color 0.3s ease-in-out;
}
.btn:hover {
  color: color-mix(in srgb, currentColor, transparent);
}

[class^=btn--ghost] {
  outline: 1px solid currentColor;
  padding: 0.7em 1em;
  border-radius: 4px;
  font-family: var(--ff2);
  background-color: transparent;
  color: var(--color-white);
  transition: 0.3s ease-in-out;
}

.btn--ghost__primary {
  color: var(--color-primary-900);
}
.btn--ghost__primary:hover {
  background-color: var(--color-primary-900);
  color: var(--color-white);
}

.btn--whatsapp {
  background: var(--color-whatsapp);
  color: color-mix(in srgb, var(--color-white) 99%, transparent);
  outline: 3px solid currentColor;
}

.boxShadow, .visionMision img, .whatWeDo .container_img img {
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.18);
}

.patronBG, .visionMision {
  --color: color-mix(in srgb, var(--color-primary-900) 85%, transparent);
  background: linear-gradient(to right, var(--color), var(--color)), url("../images/patron.jpg") center repeat;
}

@keyframes showUp {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade {
  to {
    opacity: 1;
  }
}
.whatWeDo {
  gap: 4rem;
  margin-block: 100px;
  columns: 500px 2;
  column-rule: 1px solid color-mix(in srgb, var(--color-primary-900) 20%, transparent);
  column-gap: 7em;
  color: var(--color-primary-900);
}
@media screen and (max-width: 768px) {
  .whatWeDo {
    display: grid;
  }
}
.whatWeDo .container_img {
  position: relative;
  order: 2;
}
.whatWeDo .container_img img {
  width: 80%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: var(--borde-radius2);
}
.whatWeDo .container_img img:nth-child(1) {
  display: inline-block;
  margin-top: clamp(5rem, 4vw + 0.5rem, 7rem);
}
.whatWeDo .container_img img:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  width: 55%;
}
.whatWeDo .section_subtitle {
  font-family: var(--ff1);
  margin-bottom: 1em;
}
.whatWeDo .section_listName {
  font-weight: 600;
  font-size: var(--fznormal_fn);
  margin-bottom: 1em;
}
.whatWeDo .whatWeDo_list {
  columns: 150px 2;
  column-gap: 3em;
}
.whatWeDo .whatWeDo_list li {
  list-style: initial;
  margin-left: 1em;
  font-family: var(--ff2);
}

.visionMision {
  width: min(1200px, 100%);
  margin-inline: auto;
  padding: 118px 6%;
  display: grid;
  gap: 7rem;
  color: var(--color-white);
}
@media screen and (min-width: 768px) {
  .visionMision {
    border-radius: var(--borde-radius2);
  }
}
.visionMision .article {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(2rem, 2vw + 0.5rem, 3rem);
}
.visionMision .article:nth-child(2) {
  position: relative;
}
.visionMision .article:nth-child(2)::before {
  content: "";
  position: absolute;
  width: 100%;
  display: block;
  height: 1px;
  background: color-mix(in srgb, var(--color-white) 40%, transparent);
  top: -50px;
}
.visionMision .article:nth-child(2) .visionMision_text {
  order: 1;
}
.visionMision img {
  width: 100%;
  border-radius: var(--borde-radius);
}
.visionMision_title {
  font-size: var(--fzbig_fn);
  line-height: 1.2;
  margin-bottom: 0.6em;
}
.visionMision_description {
  font-size: var(--fznormal_fn);
  line-height: 1.5;
}

.unics {
  position: relative;
  margin-bottom: 200px;
  margin-top: 400px;
}
@media screen and (min-width: 768px) {
  .unics {
    margin-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  .unics > div {
    position: absolute;
    bottom: 10%;
    left: 0;
    right: 0;
    margin-inline: auto;
  }
}
.unics::before, .unics::after {
  content: "";
  width: 100%;
  aspect-ratio: 2/3;
  background: center center/cover no-repeat;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/Comedor.jpg");
  z-index: -1;
  position: absolute;
  top: -40%;
}
@media screen and (min-width: 768px) {
  .unics::before, .unics::after {
    border-radius: 0 var(--borde-radius2) var(--borde-radius2) 0;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 55%;
    aspect-ratio: 8/6;
  }
}
.unics::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .unics::after {
    display: initial;
    position: absolute;
    left: auto;
    right: 0;
    top: 15%;
    border-radius: var(--borde-radius2) 0 0 var(--borde-radius2);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/Habitacion.jpg");
  }
}
.unics .section_title {
  color: var(--color-white) !important;
}
.unics .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}
.unics .card {
  width: 100%;
  max-width: 100% !important;
}

.site-search {
  margin-bottom: 0 !important;
}
.site-search .widget {
  margin-bottom: 0 !important;
}
.site-search .search-field {
  border-radius: var(--borde-radius) !important;
  padding-block: 0.6em !important;
}
.site-search .widget_product_search form::before {
  top: 0.75em !important;
}

.default404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 80vh;
}

.product_page {
  margin-top: 200px;
  margin-top: clamp(100px, 13vw + 0.5rem, 200px);
}
.product_page .product_imgInfo {
  /* display: flex; */
  display: grid;
  /* grid-template-columns: 1fr 1fr; */
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin-block: 2rem;
}
@media screen and (min-width: 768px) {
  .product_page .product_imgInfo {
    gap: min(5rem, 10%);
  }
}
.product_page .product-gallery {
  width: min(500px, 100%);
  position: relative;
}
.product_page .product-gallery .flex-viewport,
.product_page .product-gallery img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.product_page .product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  right: 0;
  z-index: 100;
}
.product_page .product-gallery .flex-control-nav.flex-control-thumbs {
  display: flex;
  margin-top: 1rem;
  gap: 1rem;
}
.product_page .product-summary {
  margin-top: 1.4em;
}
.product_page .product-summary .product_title {
  font-size: var(--fzxxl_fn);
  color: var(--color-azul-900);
  color: var(--color-primary-900);
  margin-bottom: 2rem;
}
.product_page .product-summary .price {
  font-family: var(--ff1);
  font-size: var(--fzxl_fn);
  color: var(--color-primary-500);
  margin-bottom: 2rem;
}
.product_page .product-summary .woocommerce-product-details__short-description {
  font-family: var(--ff2);
  font-size: var(--fznormal_fn);
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--color-neutro-light);
  padding-bottom: 2rem;
}
.product_page .product-summary .woocommerce-product-details__short-description p {
  font-size: inherit;
}
.product_page .product-summary .quantity {
  display: none;
}
.product_page .product-summary .single_add_to_cart_button {
  display: none;
}
.product_page .product-summary .product-externalInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 1rem;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .product_page .product-summary .product-externalInfo {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
}
.product_page .product-summary .product-externalInfo .whatsapp-share-btn {
  font-family: var(--ff1);
  padding: 0.4em 1em;
  border-radius: 4px;
  background-color: #25d366;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .product_page .product-summary .product-externalInfo .whatsapp-share-btn {
    width: 100%;
    order: 2;
  }
}
.product_page .product-summary .product-externalInfo .whatsapp-share-btn img {
  width: 1.1em;
}
.product_page .product-summary .product-externalInfo .socialMedia {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .product_page .product-summary .product-externalInfo .socialMedia {
    flex-wrap: wrap;
  }
  .product_page .product-summary .product-externalInfo .socialMedia span {
    text-align: center;
    display: block;
    flex-shrink: 0;
    flex-grow: 1;
    width: 100%;
  }
}
.product_page .product-summary .product-infoPoint {
  font-family: var(--ff2);
  font-size: clamp(14px, 2vw + 0.5rem, 14px);
  margin: 0;
  margin-top: 1rem;
}
.product_page .product-summary .product-infoPoint li {
  list-style: disc;
  margin-left: 1em;
}
.product_page .custom-product-tabs-container .woocommerce-Tabs-panel p {
  font-size: var(--fznormal_fn);
}
.product_page .custom-product-tabs-container .woocommerce-Tabs-panel p + P {
  margin-top: 1.4em;
}
@media screen and (max-width: 768px) {
  .product_page #tab-description {
    margin-top: 2rem;
  }
}
.product_page .relatedProducts {
  background: var(--color-primary-100);
  padding-block: 80px;
}
.product_page .relatedProducts .related.products {
  width: 100%;
}
.product_page .products-list .related.products > h2 {
  font-size: var(--fzxxl_fn);
  color: var(--color-primary-900);
  line-height: 1.2;
  margin-bottom: 0.7em;
}

.categoriesPage {
  margin-top: 4rem;
  margin-bottom: 6rem;
}
.categoriesPage .cards {
  margin-bottom: 80px;
}
.categoriesPage .sliderArea .slide {
  aspect-ratio: 9/6;
}
.categoriesPage .mainCategorias__description {
  display: none;
}
.categoriesPage .sliderBtn {
  max-width: 44px;
}
.categoriesPage .mainCategories {
  margin-top: 0;
  margin-bottom: 100px;
  padding: 0;
}
.categoriesPage .mainCategories__header {
  margin-bottom: 0 !important;
  justify-content: end;
}

@media screen and (min-width: 768px) {
  .categories_options {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.nav_categories {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  font-family: var(--ff2);
  color: var(--color-neutro-title);
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .nav_categories {
    justify-content: initial;
    overflow-x: scroll;
    padding-block: 1em;
  }
}

.storefront-sorting {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .storefront-sorting {
    flex-direction: row;
  }
}
.storefront-sorting .woocommerce-ordering {
  /* order: 2; */
}
.storefront-sorting select {
  border: 2px solid transparent;
  background: var(--color-neutro-bg);
  padding: 0.6em 1.2em;
  transition: 0.4s;
  color: var(--color-neutro-title);
  border-radius: var(--borde-radius);
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1882352941);
}
.storefront-sorting select:hover,
.storefront-sorting select:focus {
  background: var(--color-primary-100);
}
.storefront-sorting .woocommerce-result-count {
  font-size: var(--fznormal_fn);
}

.cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  font-family: var(--ff2);
  /* Items */
}
@media screen and (min-width: 768px) {
  .cards {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.cards .card {
  /* flex-basis: 280px; */
  flex-grow: 1;
  max-width: 337px;
  background: var(--color-neutro-bg);
  padding: 2em;
  color: var(--color-neutro-title);
  border-radius: calc(var(--borde-radius) * 2);
  opacity: 0;
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1882352941);
}
@media screen and (min-width: 768px) {
  .cards .card {
    padding: 2.5em;
  }
}
.cards .card_title {
  font-size: var(--fzm_fn);
  font-weight: bold;
  margin-bottom: 1.2em;
  line-height: 1.2;
}
.cards .card_description {
  font-size: var(--fznormal_fn);
}

.sliderArea {
  width: 100%;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
@media screen and (min-width: 768px) {
  .sliderArea {
    overflow: hidden;
  }
}
.sliderArea .slider {
  display: flex;
  gap: 1rem;
}
.sliderArea .sliderBtn {
  transition: scale 0.3s ease-in-out;
  max-width: 44px !important;
}
.sliderArea .sliderBtn:hover {
  scale: 1.2;
}
.sliderArea .slide {
  position: relative;
  scroll-snap-align: center;
  flex-shrink: 0;
  aspect-ratio: 9/14;
  width: min(286px, 90%);
  background: url("../assets/images/Categoria_2.jpg") center/cover no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 1.5rem;
  padding-bottom: 2rem;
  border-radius: calc(var(--borde-radius) * 2);
  overflow: hidden;
  z-index: 2;
}
.sliderArea .slide > * {
  position: relative;
  z-index: 1;
}
.sliderArea .slide::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.9));
}

.products-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1.5rem;
  color: var(--color-primary-900);
}
.products-list > * {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .products-list {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.products-list > .woocommerce {
  width: 100%;
}
.products-list > .woocommerce > .products {
  justify-content: flex-start;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  gap: 1.5rem;
}
.products-list ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1.5rem;
}
@media screen and (min-width: 768px) {
  .products-list ul.products {
    grid-template-columns: repeat(4, 1fr);
  }
}
.products-list .product {
  flex-basis: 80px;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .products-list .product {
    max-width: 277px;
  }
}
.products-list .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  color: var(--color-primary-900);
}
.products-list .woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover img {
  rotate: 2deg;
}
.products-list img {
  border-radius: 8px;
  margin-bottom: 1.5rem;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  transition: rotate 0.3s ease-in-out;
}
.products-list .woocommerce-loop-product__title {
  font-size: clamp(22px, 4vw + 0.5rem, 22px) !important;
  line-height: 1.2 !important;
  font-family: var(--ff1) !important;
  margin-bottom: 0.6em !important;
}
.products-list .desc-loop {
  font-family: var(--ff1) !important;
  font-weight: normal !important;
  font-size: var(--fznormal_fn) !important;
  line-height: 1.4;
}
.products-list .price {
  font-size: var(--fznormal_fn) !important;
  font-family: var(--ff1) !important;
  display: block !important;
  margin-top: 1em !important;
  color: inherit !important;
}
.products-list .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  display: none;
}

.storefront-breadcrumb {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}

.view-all-container {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}

.footer {
  margin-bottom: 70px;
}
@media screen and (min-width: 768px) {
  .footer {
    margin-bottom: 0;
  }
}
.footer .footerSuperior {
  background: #2D2B30;
  padding-block: 100px;
  color: var(--color-white);
  text-align: center;
}
.footer .footerSuperior > .container-pcL {
  display: grid;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .footer .footerSuperior > .container-pcL {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    align-items: center;
    justify-content: center;
  }
}
.footer .footer_branding {
  /* text-align: center; */
}
.footer .footer_logo {
  max-width: 150px;
  display: inline-block;
}
.footer .footer_logo img {
  width: 100%;
}
.footer .footer_slogan {
  margin-top: 0.5em;
  font-family: var(--ff2);
  font-size: var(--fzm_fn);
  line-height: 1.4;
}
.footer .footer_contact p {
  font-family: var(--ff1);
  font-size: var(--fznormal_fn);
  margin-bottom: 0.7em;
}
.footer .footer_nav ul {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.footer .footer_socialMedia {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.footer .footer_socialMedia .footer_socialMedia_icon {
  width: 40px;
  background-color: var(--color-primary-400);
  aspect-ratio: 1/1;
  padding: 0.6em;
  border-radius: 50%;
}
.footer .footer_socialMedia .footer_socialMedia_icon img {
  height: 100%;
  object-fit: contain;
}
.footer .footer_banner {
  display: flex;
  padding: 1.5rem 2rem;
  background-color: var(--color-primary-200);
  gap: 2rem;
}
.footer .footer_banner p {
  font-family: var(--ff1);
  font-size: var(--fznormal_fn);
  margin: 0;
}

/* #region //* Header */
body {
  position: relative;
}

.bannerInfo {
  width: 100%;
  position: fixed;
  top: 0;
  background: var(--color-primary-900);
  text-align: center;
  padding: 1em;
  color: var(--color-white);
  font-family: var(--ff2);
  z-index: 100;
  font-size: clamp(13px, 2vw + 0.5rem, 13px);
}

/* Nav Main */
.mainNav {
  display: none;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  padding-block: 0.2em;
  position: fixed;
  width: 100%;
  top: 47px;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .mainNav {
    display: block;
  }
}
.mainNav .container-pcL {
  display: flex;
  justify-content: space-between;
}
.mainNav .mainNav_items {
  display: flex;
  gap: 20px;
  align-items: center;
  text-transform: uppercase;
}
.mainNav .mainNav_logo {
  max-height: 54px;
  width: 76px;
}
.mainNav .mainNav_logo a {
  height: 100%;
  display: flex;
  justify-content: center;
}
.mainNav .mainNav_logo img {
  height: 100%;
}
.mainNav .menu-item:hover {
  color: var(--color-primary-500);
}
.mainNav .current_page_item,
.mainNav .current-menu-item {
  color: var(--color-primary-600);
}

.nav_mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-primary-900);
  height: 70px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .nav_mobile {
    display: none;
  }
}
.nav_mobile ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
}
.nav_mobile .searchContainer {
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
  width: min(60%, 300px);
  translate: 0 0;
  opacity: 0;
  user-select: none;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.nav_mobile .searchContainer .site-search {
  display: block;
}
.nav_mobile .searchContainer.active {
  user-select: initial;
  pointer-events: initial;
  visibility: visible;
  opacity: 1;
  translate: 0 -50%;
}

.header {
  position: relative;
  min-height: 90vh;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.55) 63%);
  padding-block: 100px;
  display: flex;
  flex-direction: column;
}
.header > .container-pcL {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 1;
  padding-bottom: 3rem;
}
.header .header__content {
  width: min(940px, 100%);
  margin-inline: auto;
  text-align: center;
  color: var(--color-white);
}
.header .header__title {
  width: min(200px, 30%);
  margin-inline: auto;
  margin-bottom: 0.5rem;
  transform: translateY(100px);
  opacity: 0;
  animation: showUp 2s ease-in-out forwards;
}
.header .header__subtitle {
  font-size: var(--fzxxl_fn);
  text-wrap: pretty;
  line-height: 1.2;
  margin-bottom: 0.5em;
  transform: translateY(100px);
  opacity: 0;
  animation: showUp 2s 0.3s ease-in-out forwards;
}
.header .header__description {
  font-family: var(--ff2);
  font-size: var(--fzm_fn);
  line-height: 1.4;
  color: var(--color-neutro-bgAlt);
  transform: translateY(100px);
  opacity: 0;
  animation: showUp 2s 0.6s ease-in-out forwards;
  /* padding: 1rem; */
}

.header_sliderArea {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  overflow-x: scroll;
  z-index: -1;
  scrollbar-width: none;
}
.header_sliderArea .slider {
  width: 100%;
  height: 100%;
  display: flex;
  translate: 0% 0;
  gap: 0;
  animation: slideAutomatically 18s ease-in-out infinite;
}
@keyframes slideAutomatically {
  0% {
    translate: 0 0;
    opacity: 0;
  }
  6% {
    translate: 0 0;
    opacity: 1;
  }
  8% {
    translate: 0 0;
    opacity: 1;
  }
  35% {
    translate: -100% 0;
  }
  36% {
    translate: -100% 0;
  }
  64% {
    translate: -200% 0;
  }
  65% {
    translate: -200% 0;
  }
  93% {
    translate: -300% 0;
    opacity: 1;
  }
  100% {
    translate: -300% 0;
    opacity: 0;
  }
}
.header_sliderArea .slide {
  width: 100%;
  height: 100%;
  padding: 0;
  aspect-ratio: initial;
  border: 2px solid #000;
}
.header_sliderArea .slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.header_secondary {
  margin-top: 6rem;
  position: relative;
  width: min(1200px, 90%);
  margin-inline: auto;
  /* aspect-ratio: 16/9; */
  /* aspect-ratio: 22/9; */
  height: max(45vh, 450px);
  background: no-repeat center center/cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding: clamp(3rem, 4vw + 0.5rem, 6rem);
  border-radius: 16px;
  color: #fff;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  background-image: url("../assets/images/Categoria_4.jpg");
  border-radius: calc(var(--borde-radius) * 2);
  box-shadow: 8px 8px 16px rgba(0, 0, 0, 0.1882352941);
}
.header_secondary::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) -15%, rgba(0, 0, 0, 0.533));
  z-index: -1;
}
.header_secondary .header_secondary__title {
  font-size: clamp(var(--fzxxl), 2vw + 0.5rem, 57px);
  margin-bottom: 0.4em;
  line-height: 1;
}
.header_secondary .header_secondary__description {
  font-size: var(--fzm_fn);
}

/* #endregion //! Header */
/* #region //* refacciones_info */
.refacciones_info {
  translate: 0 -15%;
  display: grid;
  align-items: center;
  gap: 2rem;
  margin-bottom: -15%;
}
@media screen and (min-width: 768px) {
  .refacciones_info {
    margin-bottom: initial;
    translate: 0 -25%;
    grid-template-columns: 1fr 1fr;
  }
}
.refacciones_info .refacciones {
  width: 100%;
  max-width: 750px;
  background-color: var(--color-neutro-bgDark);
  display: flex;
  gap: 1.5rem;
  padding: 1.7rem;
  padding-top: 5rem;
  color: var(--color-white);
  border-radius: 0 500px 20px 0;
}
@media screen and (min-width: 768px) {
  .refacciones_info .refacciones {
    padding: 1.7rem;
  }
}
.refacciones_info .refacciones .refacciones__img {
  max-width: 263px;
  display: none;
}
@media screen and (min-width: 768px) {
  .refacciones_info .refacciones .refacciones__img {
    display: block;
  }
}
.refacciones_info .refacciones .refacciones__textContent {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: start;
  gap: 1.2em;
}
.refacciones_info .refacciones .refacciones__titulo {
  font-size: var(--fzx_fn);
}
.refacciones_info .refacciones .refacciones__description {
  font-family: var(--ff2);
  font-size: var(--fznormal_fn);
  color: var(--color-primary-100);
  width: 90%;
  text-wrap: pretty;
  max-width: 40ch;
}
.refacciones_info .info {
  display: grid;
  width: 100%;
  color: var(--color-primary-900);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .refacciones_info .info {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    text-align: left;
    translate: 0 25%;
  }
}
@media screen and (min-width: 1700px) {
  .refacciones_info .info {
    translate: -12% 25%;
  }
}
.refacciones_info .info .info__item {
  padding: 3em;
  display: flex;
  flex-direction: column;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .refacciones_info .info .info__item {
    padding-right: 0;
    padding: 1.4em;
  }
}
.refacciones_info .info .info__item:not(:last-child) {
  position: relative;
  /* border-bottom: 2px solid currentColor;

  @media screen and (min-width: 768px) {
   border-bottom: none;
   border-right: 2px solid currentColor;

  } */
}
.refacciones_info .info .info__item:not(:last-child)::after {
  content: "";
  position: absolute;
  background: color-mix(in srgb, currentColor 50%, transparent);
  display: block;
  width: 25%;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .refacciones_info .info .info__item:not(:last-child)::after {
    bottom: auto;
    width: 2px;
    height: 75%;
    left: auto;
    right: 5%;
    margin-inline: none;
  }
}
.refacciones_info .info .info__title {
  font-size: var(--fzl_fn);
  margin-bottom: 0.8em;
}
.refacciones_info .info .info__description {
  font-size: var(--fznormal_fn);
}

/* #endregion //! refacciones_info */
/*------------------------------------------------*/
/* #region //* mainFeatures */
.mainFeatures {
  position: relative;
  color: var(--color-white);
  display: flex;
  min-height: 80vh;
}
.mainFeatures .mainFeatures__bg {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 80vh;
}
@media screen and (min-width: 768px) {
  .mainFeatures .mainFeatures__bg {
    border-radius: 0 32px 32px 0;
    width: 80%;
  }
}
.mainFeatures .mainFeatures__bg::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.8) 50%), url("../images/features.png") 100% center/cover no-repeat;
  transform: scaleX(-1);
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .mainFeatures .mainFeatures__bg::after {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.75) 50%), url("../images/features.png") center/cover no-repeat;
  }
}
.mainFeatures > .container {
  position: relative;
  display: grid;
  gap: 0;
  grid-template-rows: 38vh 1fr;
  align-items: center;
  padding-top: 5rem;
}
@media screen and (min-width: 768px) {
  .mainFeatures > .container {
    padding-block: 5rem;
    gap: 3rem;
    grid-template-rows: initial;
    grid-template-columns: 1fr 2fr;
    justify-content: center;
    align-items: center;
  }
}
.mainFeatures .mainFeatures__title {
  font-size: var(--fzbig_fn);
  margin-bottom: 1.2em;
}
.mainFeatures .mainFeatures__description {
  font-size: var(--fznormal_fn);
  font-family: var(--ff2);
  line-height: 1.4em;
}

/* #endregion //! mainFeatures */
/*------------------------------------------------*/
/* #region //* Categorias */
.mainCategories {
  padding-block: 100px;
}

.mainCategories .mainCategories__header,
.sliderCategories .mainCategories__header {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
.mainCategories .mainCategories__header .section_title,
.sliderCategories .mainCategories__header .section_title {
  flex-grow: 1;
  margin: 0;
}
.mainCategories .sliderArea,
.sliderCategories .sliderArea {
  color: var(--color-neutro-bg);
  padding-block: 1rem;
}
.mainCategories .slide,
.sliderCategories .slide {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
}
.mainCategories .sliderBtn,
.sliderCategories .sliderBtn {
  display: none;
  background-color: inherit !important;
  transition: scale 0.3s ease-in-out;
  padding: 0;
  max-width: 44px;
}
@media (min-width: 768px) {
  .mainCategories .sliderBtn,
  .sliderCategories .sliderBtn {
    display: block;
  }
}
.mainCategories .sliderBtn:hover,
.sliderCategories .sliderBtn:hover {
  scale: 1.1;
}
.mainCategories .sliderBtn:last-child,
.sliderCategories .sliderBtn:last-child {
  margin-left: 1rem;
  rotate: 180deg;
}
.mainCategories .mainCategorias__title,
.sliderCategories .mainCategorias__title {
  font-size: var(--fzxl_fn);
  margin-bottom: 0.5em;
}
.mainCategories .mainCategorias__description,
.sliderCategories .mainCategorias__description {
  font-size: var(--fznormal_fn);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 8ch;
}

/* #endregion //! Categorias */
.main_Productos {
  margin-bottom: 100px;
}

.mainGallery {
  position: relative;
  --color: color-mix(in srgb, var(--color-primary-900) 85%, transparent);
  background: linear-gradient(to right, var(--color), var(--color)), url("../images/patron.jpg") center repeat;
  padding-block: 100px;
  color: var(--color-neutro-bg);
}
.mainGallery::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
  z-index: -1;
}
.mainGallery .mainGallery_photos {
  display: grid;
  gap: 3rem;
  align-items: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .mainGallery .mainGallery_photos {
    grid-template-columns: 1fr 2fr;
  }
}
.mainGallery .mainGallery_title {
  color: inherit !important;
  margin-bottom: 1em;
}
.mainGallery .mainGallery_description {
  margin-bottom: 1.2em;
}
.mainGallery button {
  max-width: max-content;
}
.mainGallery .sliderDown {
  overflow-y: scroll;
  aspect-ratio: 15/9;
  scroll-snap-type: y mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--color-primary-500) var(--color-primary-900);
}
.mainGallery .slider {
  display: grid;
  gap: clamp(0.5rem, 0.5vw + 0.5rem, 2rem);
}
.mainGallery .slide {
  scroll-snap-align: center;
  aspect-ratio: 17/9;
  width: 100%;
  height: 100%;
  border-radius: var(--borde-radius);
  overflow: hidden;
}
.mainGallery_videos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1rem, 2vw + 0.5rem, 2rem);
  margin-top: clamp(3rem, 2vw + 0.5rem, 4rem);
}
.mainGallery .youtube {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: calc(var(--borde-radius) * 2);
}

.companies {
  padding-block: 100px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
@media screen and (min-width: 768px) {
  .companies {
    gap: 4rem;
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }
}
.companies .section_description {
  text-wrap: balance;
}
.companies .companies_images {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
}
@media screen and (min-width: 768px) {
  .companies .companies_images {
    grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
  }
}
.companies .companies_images img {
  border-radius: var(--borde-radius2);
}

.FAQ {
  --color: color-mix(in srgb, var(--color-neutro-bgDark) 95%, transparent);
  background: linear-gradient(to right, var(--color), var(--color)), url("../images/patron.jpg") center repeat;
  padding-block: 100px;
  color: var(--color-white);
  /* Accordion */
}
@media screen and (min-width: 768px) {
  .FAQ > .container-pcL {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 5rem;
  }
}
.FAQ .FAQ_title {
  font-size: var(--fzbig_fn);
  /* font-size: clamp(var(--fzxl), 6vw + .5rem, 96px); */
  line-height: 1.2;
}
.FAQ .FAQ_items {
  position: relative;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .FAQ .FAQ_items {
    margin-top: 0;
  }
}
.FAQ .FAQ_items::after {
  content: "";
  position: absolute;
  top: -25px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  display: block;
}
@media screen and (min-width: 768px) {
  .FAQ .FAQ_items::after {
    width: 2px;
    height: 100%;
    top: 0;
    left: -50px;
  }
}
.FAQ .accordion-trigger {
  width: 100%;
  display: flex;
  /* background-color: rgb(250, 250, 250); */
  padding: 24px;
  text-align: left;
  border: none;
  gap: 16px;
  justify-content: space-between;
  cursor: pointer;
  border-bottom: 1px solid currentColor;
}
.FAQ .accordion-trigger .accordion-title {
  font-family: var(--ff1);
  margin-bottom: 0 !important;
}
.FAQ .accordion-trigger .accordion-icon {
  transition: transform 0.5s;
}
.FAQ .accordion-trigger .accordion-icon::after {
  content: "+";
}
.FAQ .accordion-trigger .accordion-item[open] .accordion-icon {
  transform: rotate(45deg);
}
.FAQ .accordion-content {
  padding: 2em 1em;
  color: var(--color-primary-50);
}
.FAQ .accordion-content p {
  font-family: var(--ff2);
  font-size: var(--fznormal_fn);
}

.mainContact {
  padding-block: 100px;
}
@media screen and (min-width: 768px) {
  .mainContact {
    display: grid;
    grid-template-columns: 2fr 3fr;
    align-items: center;
  }
}
.mainContact .mainContact_head {
  font-size: var(--fzl);
  margin-bottom: 1.5em;
  color: var(--color-primary-900);
  font-family: var(--ff1);
}
.mainContact .mainContact_head span {
  font-size: var(--fznormal_fn);
  font-family: var(--ff2);
  display: block;
  margin-top: 0.25em;
}
.mainContact .googleMaps {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: var(--borde-radius);
}
@media screen and (min-width: 768px) {
  .mainContact .googleMaps {
    aspect-ratio: 6/4;
  }
}

:root {
  interpolate-size: allow-keywords;
}

details {
  overflow: hidden;
}

details::details-content {
  block-size: 0;
  transition: block-size 1s, content-visibility 1s;
  transition-behavior: allow-discrete;
}

details:open::details-content {
  block-size: auto;
}

.section .section_title {
  font-size: var(--fzxxl_fn);
  color: var(--color-primary-900);
  line-height: 1.2;
  margin-bottom: 0.7em;
}
.section .section_description {
  margin-bottom: 2em;
  color: var(--color-primary-900);
  font-size: var(--fznormal_fn);
}

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