/*
Theme Name:   	Storefront Child Theme
Author:       	Iquadrat
Author URI:     https://iquadrat.dev
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
Text Domain:  	storefront
*/
/*
 * Add your own custom css below this text.
 */
:root {
  --color-text: 0, 0, 0;
  --color-back: 255, 255, 255;
  --color-cta: 255, 221, 0;
}

.jetbrains-mono {
  font-family: "JetBrains Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-style: normal;
}
.roboto.light {
  font-weight: 300;
}
.roboto.regular {
  font-weight: 400;
}
.roboto.medium {
  font-weight: 500;
}
.roboto.bold {
  font-weight: 700;
}
.roboto.black {
  font-weight: 900;
}
.roboto.italic {
  font-style: italic;
}

body {
  margin: 60px 0 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-style: normal;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-back));
}

#welcome-div {
  font: normal normal normal 14px/1 Roboto;
  letter-spacing: 0px;
  color: #000000;
  z-index: 100;
  width: 100%;
  position: relative;
  text-align: center;
  background-color: #f5f5f5;
  padding: 1rem;
  display: flex;
  justify-content: center;
}
#welcome-div #lang-switcher {
  margin: 0;
  display: inline-flex;
  gap: 0.5rem;
}
#welcome-div #lang-switcher > li {
  display: inline;
}
#welcome-div #lang-switcher > li a {
  color: inherit;
  text-decoration: underline;
}
#welcome-div #lang-switcher > li a.current-language {
  display: none;
}

header {
  top: -3rem;
  background-color: rgb(var(--color-back), 0);
  z-index: 100;
  transition: all 0.4s ease-out;
  font: 400 1rem/1.4 Roboto;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
  /*nav .brand {  opacity: 0; }*/
}
header #header-wrapper {
  z-index: 10;
}
header .brand.mobile {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
}
@media (max-width: 640px) {
  header .brand img {
    width: 2rem;
    height: 2rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left center;
       object-position: left center;
  }
}
header .navbar {
  padding: 0;
}
@media (max-width: 992px) {
  header .navbar {
    width: 100%;
    padding: 0 1rem;
    background: white;
  }
  header .navbar .brand img {
    width: 150px;
    margin-top: 8px;
  }
}
header .navbar .navbar-toggler,
header .navbar .navbar-toggler:focus {
  border: 0;
  outline: 0;
  box-shadow: none !important;
}
header .shop-menu {
  display: flex;
  justify-content: end;
  list-style-type: none;
  margin: 0;
  display: flex;
  align-items: center;
}
header li {
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-back));
}
header li.current_page_item a, header li.current-menu-item a, header li.current_page_parent a {
  background: white;
  border-color: black;
}
header li.call-to-action {
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1.05);
}
header li.call-to-action .nav-link, header li.call-to-action a {
  background-color: rgb(var(--color-cta));
  border-color: rgb(var(--color-cta));
}
header li.call-to-action .nav-link:hover, header li.call-to-action a:hover {
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-back));
}
header li.call-to-action.current-menu-item a, header li.call-to-action.current_page_parent a {
  background: white;
  border-color: black;
}
header li.negativo {
  color: rgb(var(--color-back));
  background-color: rgb(var(--color-text));
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1.05);
}
header li.negativo:hover {
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-back));
}
header li.negativo .nav-link {
  border-color: rgb(var(--color-text));
}
header li .nav-link, header li a {
  display: inline-block;
  padding: calc(1rem - 8px) calc(1.25rem - 8px) !important;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 1;
  color: inherit !important;
  border: 4px solid rgb(var(--color-back));
  transition: border 0.4s cubic-bezier(0.075, 0.82, 0.165, 1.05);
}
header li .nav-link:hover, header li a:hover {
  border-color: rgb(var(--color-text));
}
header li .nav-link:focus, header li a:focus {
  outline: none;
}
header button:hover {
  background-color: inherit;
}

.pro {
  --color-text: 255,255,255;
  --color-back: 0,0,0;
}
.pro footer {
  filter: invert(1);
  --color-back: 255,255,255;
  --color-text: 0,0,0;
}

.icon a {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}
.icon a span {
  display: inline-block;
  text-indent: -900px;
  overflow: hidden;
}
.icon a:before {
  line-height: 1;
}
.icon.youtube a:before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="1rem"><path d="M549.7 124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8 64 288 64 288 64S117.2 64 74.6 75.5c-23.5 6.3-42 24.9-48.3 48.6-11.4 42.9-11.4 132.3-11.4 132.3s0 89.4 11.4 132.3c6.3 23.7 24.8 41.5 48.3 47.8C117.2 448 288 448 288 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zm-317.5 213.5V175.2l142.7 81.2-142.7 81.2z"/></svg>');
}
.icon.instagram a:before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" height="1rem"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>');
}
.icon.basket a:before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="1rem"><path d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32L83.9 463.5C91 492 116.6 512 146 512H430c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32H458.4L365.3 12.9C359.2 1.2 344.7-3.4 332.9 2.7s-16.3 20.6-10.2 32.4L404.3 192H171.7L253.3 35.1zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16zm96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16zm128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>');
}
.icon.basket a:after {
  content: attr(data-content);
  position: absolute;
  right: 0.2rem;
  top: 0;
  font-size: 7px;
  background-color: rgb(var(--color-cta));
  width: 0.75rem;
  border-radius: 1rem;
  height: 0.75rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.icon.user a:before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="1rem"><path d="M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z"/></svg>');
}

.home .brand,
.about .brand {
  opacity: 0;
}

/*
.scrolled {
    padding-top: 6rem;



        .brand {
            opacity:1;
        }

        .navbar {
            .nav {
                margin-top: 0;

                .call-to-action {
                    position: static;
                }
            }
        }
    }
}
*/
header {
  top: 0px;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgb(var(--color-back), 1);
}

section.generic h1.small-h1 {
  font: normal normal normal 14px/32px Roboto;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
}
section.generic h1, section.generic h2 {
  font: normal normal 800 48px/56px JetBrains Mono;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
}
section.generic .wp-block-columns {
  margin: 5% 10%;
  gap: 10%;
  align-items: center !important;
}
@media (max-width: 992) {
  section.generic {
    gap: 2rem;
  }
}
section.text-blocks {
  margin: 12rem auto;
  color: rgb(var(--color-text));
}
section.text-blocks h6 {
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
  text-transform: uppercase;
  margin-bottom: 0;
}
section.text-blocks h3 {
  letter-spacing: 0px;
  margin-bottom: 1.5rem;
  text-wrap: balance;
}
section.text-blocks.monoblog h3, section.text-blocks.video h3 {
  font: normal normal 800 24px/28px JetBrains Mono;
}
section.text-blocks.shop h3, section.text-blocks.rent h3 {
  font: normal normal 800 48px/56px JetBrains Mono;
}
section.text-blocks .imagen h4 {
  text-align: center;
  font: normal normal 800 21px/33px JetBrains Mono;
  text-wrap: balance;
}
section.text-blocks .imagen p {
  text-align: center;
  font: normal normal normal 19px/20px;
  letter-spacing: 0.47px;
}
section.text-blocks p {
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 1.5rem;
}
section.text-blocks button {
  background-color: rgb(var(--color-back));
  border: 4px solid rgb(var(--color-text));
  font: normal normal normal 16px/32px Roboto;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1.05);
  font-weight: 500;
}
section.text-blocks button:hover {
  color: rgb(var(--color-back));
  background-color: rgb(var(--color-text));
}
section.text-blocks .video-embed {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  margin-bottom: 4rem;
}
section.text-blocks .video-embed iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.jet {
  font-family: "JetBrains Mono";
}

h2.jet {
  font: normal normal 800 30px/36px JetBrains Mono;
  letter-spacing: 0.75px;
  color: rgb(var(--color-text));
}

h1.small-h2 {
  font: normal normal 800 30px/36px JetBrains Mono;
  letter-spacing: 0.75px;
  color: rgb(var(--color-text));
}

a {
  outline: none !important;
}

footer .partners {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  gap: 0 4rem;
  justify-content: center;
}
footer .partners h6 {
  text-align: center;
  font: normal normal normal 16px/32px Roboto;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
  width: 100%;
}
footer .partners .partners-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 600px) {
  footer .partners .partners-wrapper {
    flex-direction: column;
    gap: 2rem;
  }
}
footer .partners .partners-wrapper > * {
  flex: 1;
}
footer .partners .partners-wrapper img {
  width: 175px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  filter: brightness(0%);
}
footer .footer-menu {
  margin: 6rem 0;
}
footer .footer-menu .icono img {
  width: 3.5rem;
  height: auto;
}
footer .footer-menu .menu ul {
  list-style-type: none;
  text-align: left;
  font: normal normal normal 16px/32px Roboto;
  letter-spacing: 0px;
}
footer .footer-menu .menu > div > ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
footer .footer-menu .menu > div > ul > li {
  flex: 1;
  flex-basis: calc(50% - 4rem);
}
footer .footer-menu .menu > div > ul > li > a {
  display: none;
}
footer .footer-menu #lang-switcher {
  margin: 4rem 0 4rem 0;
}
footer .footer-menu #lang-switcher > li {
  margin-left: 1rem;
}
footer .footer-menu #lang-switcher > li a {
  color: inherit;
}
footer .footer-menu #lang-switcher > li a.current-language {
  display: none;
}
footer .footer-menu .form-newsletter form > div > p {
  display: flex;
  width: 100%;
  align-items: start;
}
footer .footer-menu .form-newsletter form > div > p input {
  border: 4px solid black;
  background: white;
  font: normal normal normal 16px/32px Roboto;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
}
footer .footer-menu .form-newsletter form > div > p input:first-child {
  border-right: 0px none;
}
footer .footer-menu .form-newsletter form > div > p input[type=email] {
  width: 100%;
  transition: all 0.4s ease-out;
}
footer .footer-menu .form-newsletter form > div > p input[type=submit] {
  text-transform: uppercase;
}
footer .footer-menu .form-newsletter form > div > p input[type=submit]:hover {
  background-color: rgb(var(--color-text));
  color: rgb(var(--color-back), 1);
}
footer .footer-menu .form-newsletter form > div > p > span > span {
  display: block;
  line-height: 1.4;
  margin-top: 0rem;
  color: rgb(var(--color-text));
  background-color: rgb(var(--color-cta));
  padding: 1rem;
  font-size: 0.875rem;
}
footer .footer-menu .wpcf7-acceptance span {
  font-size: 0.875rem;
  margin-left: 0;
}

/* wpml banner */
.otgs-development-site-front-end {
  display: none !important;
}

#breadcrumbs {
  background-color: rgba(var(--color-text), 0.04);
  color: rgb(var(--color-text));
  text-align: center;
  font: normal normal normal 14px/32px Roboto;
  letter-spacing: 0px;
  padding: 1rem;
  margin: 2rem 0;
}
#breadcrumbs a {
  color: inherit;
}
#breadcrumbs .sep {
  margin: 0 1rem;
}
#breadcrumbs .post-title {
  font-weight: 600;
}

.product-images-wrapper .thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  max-width: 100%;
  gap: 1rem;
}
.product-images-wrapper .thumbnails img {
  max-width: 100%;
  height: auto;
  width: calc(33.33% - 1rem);
  box-sizing: border-box;
}
.product-images-wrapper .thumbnails img:hover {
  cursor: zoom-in;
}
.product-images-wrapper .thumbnails img.selected {
  pointer-events: none;
  opacity: 0.3;
}

.product-desc h1.product_title {
  text-align: left;
  font: normal normal 800 24px/28px JetBrains Mono;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
}
.product-desc .price {
  text-align: left;
  font: normal normal normal 24px/43px Roboto;
  letter-spacing: 0px;
}
.product-desc .price del {
  text-decoration: none !important;
  position: relative;
}
.product-desc .price del:after {
  content: " ";
  display: inline-block;
  position: absolute;
  height: 2px;
  background: black;
  width: 100%;
  top: 50%;
  left: 0;
}
.product-desc .descripcion {
  margin-top: 4rem;
  text-align: left;
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
}

.carousel .carousel-item {
  background-color: rgb(var(--color-text));
  position: relative;
}
.carousel .carousel-item img {
  width: 100%;
  height: auto;
  aspect-ratio: 2.39/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  opacity: 0.85;
}
.carousel button.carousel-control-next,
.carousel button.carousel-control-prev {
  width: 4rem;
}
.carousel button.carousel-control-next:hover,
.carousel button.carousel-control-prev:hover {
  background: transparent;
  opacity: 1;
}
.carousel .carousel-caption {
  position: absolute;
  top: 50%;
  left: 6rem;
  transform: translateY(-50%);
  max-width: 330px;
  text-align: start;
  display: flex !important;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
}
.carousel .carousel-caption > * {
  margin: 0;
}
.carousel .carousel-caption h5 {
  text-align: left;
  font: normal normal 800 36px/43px JetBrains Mono;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.carousel .carousel-caption p {
  text-align: left;
  font: normal normal medium 14px/22px Roboto;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.flex-destacado {
  display: flex;
  margin-top: -2rem;
  position: relative;
  gap: 1px;
}
.flex-destacado > * {
  flex: 1;
  background: #efefef;
  padding: 2rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-destacado > * .titulo {
  text-align: left;
  font: normal normal 800 24px/28px JetBrains Mono;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
}
.flex-destacado > * .image {
  position: absolute;
  z-index: 0;
  mix-blend-mode: multiply;
  width: auto;
  aspect-ratio: 1/1;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  bottom: 0px;
  right: -25%;
  opacity: 0.8;
}

ul.categories {
  list-style-type: none;
  font: normal normal medium 16px/17px Roboto;
  letter-spacing: 0.4px;
  color: #000000;
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin: 0 0 2rem;
}
ul.categories a {
  color: inherit;
}

.products-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 1rem;
  justify-content: center;
  align-items: start;
}
.products-list > button {
  flex-basis: 270px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 1rem;
  border: none;
  background: none;
}
.products-list > button .list-image {
  width: 270px;
  aspect-ratio: 1/1;
  background-color: #fff;
  -o-object-fit: contain;
     object-fit: contain;
}
.products-list > button .product-title {
  font: normal normal 800 18px/28px JetBrains Mono;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
}
.products-list > button .product-price {
  font: normal normal normal 16px/17px Roboto;
  letter-spacing: 0.4px;
  color: rgb(var(--color-text));
}

.wp-block-columns {
  gap: 4rem;
  color: rgb(var(--color-text));
}
.wp-block-columns .wp-block-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.wp-block-columns .wp-block-column h3 {
  font: normal normal 800 24px/28px JetBrains Mono;
  letter-spacing: 0px;
}
.wp-block-columns .wp-block-column p {
  font: normal normal normal 14px/24px Roboto;
  letter-spacing: 0px;
}

.wp-block-cover.half-block {
  padding: 10%;
  max-width: 600px;
  margin: 5rem auto;
}

.posts-wrapper {
  -moz-column-gap: 4.1666666667dvw;
       column-gap: 4.1666666667dvw;
  row-gap: 8.3333333333dvw;
}

.posts-wrapper, .single-wrapper {
  margin: 7.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
}
.posts-wrapper h1, .posts-wrapper h2, .single-wrapper h1, .single-wrapper h2 {
  text-wrap: balance;
}
.posts-wrapper h3, .posts-wrapper h4, .single-wrapper h3, .single-wrapper h4 {
  font: normal normal 800 24px/42px JetBrains Mono;
  letter-spacing: 0px;
}
.posts-wrapper > *, .single-wrapper > * {
  display: flex;
  align-items: center;
  color: inherit;
}
.posts-wrapper > *:first-child, .single-wrapper > *:first-child {
  width: 100%;
  gap: 2rem;
}
.posts-wrapper > *:first-child .post-thumbnail, .single-wrapper > *:first-child .post-thumbnail {
  flex-basis: 58.3333333333%;
}
.posts-wrapper > *:first-child .post-thumbnail img, .single-wrapper > *:first-child .post-thumbnail img {
  max-width: 100%;
}
.posts-wrapper > *:first-child .post-content, .single-wrapper > *:first-child .post-content {
  flex-basis: 41.6666666667%;
  padding-left: 8.3333333333%;
}
.posts-wrapper > *:nth-child(2), .posts-wrapper > *:nth-child(3), .posts-wrapper > *:nth-child(4), .single-wrapper > *:nth-child(2), .single-wrapper > *:nth-child(3), .single-wrapper > *:nth-child(4) {
  width: 83.3333333333%;
  margin: auto;
  gap: 2rem;
}
.posts-wrapper > *:nth-child(2) h2, .posts-wrapper > *:nth-child(3) h2, .posts-wrapper > *:nth-child(4) h2, .single-wrapper > *:nth-child(2) h2, .single-wrapper > *:nth-child(3) h2, .single-wrapper > *:nth-child(4) h2 {
  font: normal normal 800 36px/42px JetBrains Mono;
}
.posts-wrapper > *:nth-child(2) .post-thumbnail, .posts-wrapper > *:nth-child(3) .post-thumbnail, .posts-wrapper > *:nth-child(4) .post-thumbnail, .single-wrapper > *:nth-child(2) .post-thumbnail, .single-wrapper > *:nth-child(3) .post-thumbnail, .single-wrapper > *:nth-child(4) .post-thumbnail {
  flex-basis: 30dvw;
}
.posts-wrapper > *:nth-child(2) .post-thumbnail img, .posts-wrapper > *:nth-child(3) .post-thumbnail img, .posts-wrapper > *:nth-child(4) .post-thumbnail img, .single-wrapper > *:nth-child(2) .post-thumbnail img, .single-wrapper > *:nth-child(3) .post-thumbnail img, .single-wrapper > *:nth-child(4) .post-thumbnail img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.posts-wrapper > *:nth-child(2) .post-content, .posts-wrapper > *:nth-child(4) .post-content, .single-wrapper > *:nth-child(2) .post-content, .single-wrapper > *:nth-child(4) .post-content {
  order: 1;
}
.posts-wrapper > *:nth-child(2) .post-thumbnail, .posts-wrapper > *:nth-child(4) .post-thumbnail, .single-wrapper > *:nth-child(2) .post-thumbnail, .single-wrapper > *:nth-child(4) .post-thumbnail {
  order: 2;
}
.posts-wrapper > *:nth-child(5), .posts-wrapper > *:nth-child(6), .posts-wrapper > *:nth-child(7), .posts-wrapper > *:nth-child(8), .posts-wrapper > *:nth-child(9), .posts-wrapper > *:nth-child(10), .single-wrapper > *:nth-child(5), .single-wrapper > *:nth-child(6), .single-wrapper > *:nth-child(7), .single-wrapper > *:nth-child(8), .single-wrapper > *:nth-child(9), .single-wrapper > *:nth-child(10) {
  width: 25%;
}
.posts-wrapper > *:nth-child(5) .post-thumbnail, .posts-wrapper > *:nth-child(6) .post-thumbnail, .posts-wrapper > *:nth-child(7) .post-thumbnail, .posts-wrapper > *:nth-child(8) .post-thumbnail, .posts-wrapper > *:nth-child(9) .post-thumbnail, .posts-wrapper > *:nth-child(10) .post-thumbnail, .single-wrapper > *:nth-child(5) .post-thumbnail, .single-wrapper > *:nth-child(6) .post-thumbnail, .single-wrapper > *:nth-child(7) .post-thumbnail, .single-wrapper > *:nth-child(8) .post-thumbnail, .single-wrapper > *:nth-child(9) .post-thumbnail, .single-wrapper > *:nth-child(10) .post-thumbnail {
  display: none;
}
.posts-wrapper > *:nth-child(5) h2, .posts-wrapper > *:nth-child(6) h2, .posts-wrapper > *:nth-child(7) h2, .posts-wrapper > *:nth-child(8) h2, .posts-wrapper > *:nth-child(9) h2, .posts-wrapper > *:nth-child(10) h2, .single-wrapper > *:nth-child(5) h2, .single-wrapper > *:nth-child(6) h2, .single-wrapper > *:nth-child(7) h2, .single-wrapper > *:nth-child(8) h2, .single-wrapper > *:nth-child(9) h2, .single-wrapper > *:nth-child(10) h2 {
  font: normal normal 800 24px/32px JetBrains Mono;
}
@media (max-width: 768px) {
  .posts-wrapper > *, .single-wrapper > * {
    width: 100% !important;
    flex-direction: column;
  }
  .posts-wrapper > * *, .single-wrapper > * * {
    order: initial !important;
    aspect-ratio: initial !important;
    padding-left: initial !important;
  }
}
.posts-wrapper > * .post-content, .single-wrapper > * .post-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.posts-wrapper > * h2, .single-wrapper > * h2 {
  margin: 0;
}
.posts-wrapper > * .entry-author, .posts-wrapper > * .entry-date, .single-wrapper > * .entry-author, .single-wrapper > * .entry-date {
  font: normal normal 600 14px/20px Roboto;
  letter-spacing: 0px;
}
.posts-wrapper > * .entry-summary, .single-wrapper > * .entry-summary {
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
}
@media (max-width: 768px) {
  .posts-wrapper, .single-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.posts-wrapper .flex-column-wrapper, .single-wrapper .flex-column-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.posts-wrapper .flex-column-wrapper h1, .single-wrapper .flex-column-wrapper h1 {
  margin: 0;
}
.posts-wrapper .flex-column-wrapper .breadcrumbs, .single-wrapper .flex-column-wrapper .breadcrumbs {
  justify-content: center;
  gap: 1rem;
  font: normal normal normal 14px/32px Roboto;
  letter-spacing: 0px;
}
.posts-wrapper .flex-column-wrapper .breadcrumbs a, .single-wrapper .flex-column-wrapper .breadcrumbs a {
  color: inherit;
}
.posts-wrapper .flex-column-wrapper .breadcrumbs span, .single-wrapper .flex-column-wrapper .breadcrumbs span {
  font-weight: 600;
}
.posts-wrapper .flex-column-wrapper .entry-content p, .single-wrapper .flex-column-wrapper .entry-content p {
  font: normal normal normal 16px/28px Roboto;
  letter-spacing: 0px;
  margin-bottom: 1.5rem;
}
.posts-wrapper .flex-column-wrapper .entry-content img, .single-wrapper .flex-column-wrapper .entry-content img {
  margin: 2rem 0;
}
.posts-wrapper .flex-column-wrapper .entry-content .entry-excerpt p, .single-wrapper .flex-column-wrapper .entry-content .entry-excerpt p {
  margin: 2rem 0;
  font: normal normal normal 24px/40px Roboto;
}

.hentry .entry-content a {
  color: inherit;
}

.wc-block-cart .wc-block-cart__submit-container {
  color: white;
}

.relacionados {
  margin-top: 7.5rem !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
  gap: 6rem !important;
}
.relacionados h1, .relacionados h2 {
  text-wrap: balance;
}
.relacionados h3 {
  font: normal normal 800 24px/42px JetBrains Mono;
  letter-spacing: 0px;
}
.relacionados > * {
  display: flex;
  align-items: center;
  color: inherit;
  gap: 2rem;
}
.relacionados > * > * {
  width: 83.3333333333%;
  margin: auto;
  gap: 2rem;
}
.relacionados > * > * h2 {
  font: normal normal 800 36px/42px JetBrains Mono;
}
.relacionados > * > * .post-thumbnail {
  flex-basis: 30dvw;
}
.relacionados > * > * .post-thumbnail img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.relacionados a:nth-child(2n+1) .post-content {
  order: 2 !important;
}
.relacionados a:nth-child(2n+1) .post-thumbnail {
  order: 1 !important;
}

.navigation {
  border: 0;
  justify-content: center;
  margin-bottom: 6rem;
}
.navigation .nav-links {
  display: flex;
  gap: 1rem;
}
.navigation .nav-links * {
  font: normal normal 500 14px/32px Roboto;
  letter-spacing: 0px;
  color: rgb(var(--color-text));
  text-transform: uppercase;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid rgba(0, 0, 0, 0);
}
.navigation .nav-links a {
  border: 3px solid rgb(0, 0, 0);
}

.sharer {
  font: normal normal bold 14px/20px Roboto;
  letter-spacing: 0px;
  color: #000000;
}
.sharer .social-wrapper {
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
.sharer .social-wrapper a, .sharer .social-wrapper button {
  color: inherit;
  padding: 0;
  border: 0;
  background-color: transparent;
}

/* CARRITO WOOCOMMERCE */
.cart [data-label] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.cart [data-label] label {
  display: none;
}
.cart [data-label]:before {
  content: attr(data-label);
  flex-basis: 100px;
  font-size: 0.8rem;
}

button[type=submit][name=add-to-cart] {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: white;
}
button[type=submit][name=add-to-cart]:before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="1em" style="color:white;"><path fill="currentColor" d="M253.3 35.1c6.1-11.8 1.5-26.3-10.2-32.4s-26.3-1.5-32.4 10.2L117.6 192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32L83.9 463.5C91 492 116.6 512 146 512H430c29.4 0 55-20 62.1-48.5L544 256c17.7 0 32-14.3 32-32s-14.3-32-32-32H458.4L365.3 12.9C359.2 1.2 344.7-3.4 332.9 2.7s-16.3 20.6-10.2 32.4L404.3 192H171.7L253.3 35.1zM192 304v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16zm96-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16zm128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V304c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>');
}

.wcrp-rental-products-rental-form.wcrp-rental-products-rental-form-after-quantity:before {
  display: none;
}

.variations select {
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
  background-color: #f2f2f2;
  color: #43454b;
  border: 0;
  padding: 0.6180469716em;
}

@media (max-width: 992px) {
  ul.dropdown-menu {
    display: block;
    text-align: right;
    border: 0;
    padding-right: 1rem;
  }
}/*# sourceMappingURL=style.css.map */