/*
Theme Name: Tienda
Theme URI: https://www.tienda.com
Author: La Internet SpA
Author URI: https://www.tienda.com
Description: 
Version: 1.0
*/

/* PLANTILLA */
:root{
    --color-fondo: #080D0F;
    --color-principal: #AFC231;
    --color-principal-alt: #bdd800;
    --color-bordes-celestes: rgb(147 233 232);
    --color-blanco: #FFFFFF;
    --color-gris: #f5f5f5;
    --color-gris-alt: #a7a7a7;
    --color-verde: #185D4A;
    --color-verde-alt: #446454;
    --color-negro: #222222;
    --title-size: clamp(5em, 7.5vw, 7.5em);
    --ff-poppins: "Poppins", sans-serif;
    --ff-open: "Open Sans", sans-serif;
}
.qlwapp__icon:before{
    content:"";
    background-image: url(assets/images/icono-whatsapp.svg);
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
}
.animar-bloque,
.animar-swiper,
.animar-slider{
    overflow: hidden;
}
.animar-bloque,
.animar-bloque h3,
.animar-bloque h2,
.animar-bloque img,
.animar-bloque li,
.animar-bloque .c-accordion__item,
.animar-bloque p,
.animar-bloque .wp-block-buttons{
    opacity: 0;
}
.animar-swiper h3,
.animar-swiper h2,
.animar-swiper .swiper-slide,
.animar-swiper li,
.animar-swiper .c-accordion__item,
.animar-swiper p,
.animar-swiper .wp-block-buttons,
.animar-swiper .swiper-button-prev,
.animar-swiper .swiper-button-next{
    opacity: 0;
}
.animar-slider h3,
.animar-slider h2,
.animar-slider .swiper-slide-imagen{
    opacity: 0;
}
.animar-cart .woocommerce,
.animar-cart .tabla-carrito,
.animar-cart .sidebar-cart{
    opacity: 0;
}
.animar-checkout .woocommerce{
    opacity: 0;
}
.animar-archive .sidebar-wc,
.animar-archive .woocommerce-notices-wrapper,
.animar-archive .woocommerce-result-count,
.animar-archive .product,
.animar-archive .woocommerce-pagination{
    opacity: 0;
}
.animar-account .wp-block-group__inner-container,
.animar-account .woocommerce-MyAccount-navigation,
.animar-account .woocommerce-MyAccount-content{
    opacity: 0;
}
.single-product .sin-stock span{
    width: 200px !important;
    height: 48px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background-color: #185d4a;
    color: white;
    margin-top: 20px;
    font-weight: bold;
}
.single-product .entry-summary,
.single-product .productos-relacionados{
    opacity: 0;
}
.single-product .product-meta__info span{
    text-transform: uppercase;
}
body.home #main,
#header .container-fluid:first-child,
html .slider-imagenes-wrapper,
body.home,
.mm-ocd__content,
.mm-spn.mm-spn--light,
#footer{
    color: var(--color-principal) !important;
}
html .single-product #main form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id):hover{
    color: var(--color-blanco) !important;
    background-color: var(--color-verde) !important;
}
#header #logo span,
html .aws-container .aws-show-clear .aws-search-field::placeholder{
    color: var(--color-blanco);
    font-weight: bold;
}
#header .counter,
html .sf-menu ul,
html .grilla-categorias-home .grilla-cat.col-lg-6:first-child .position-relative .grilla__imagen,
html .wp-block-media-text>.wp-block-media-text__content{
    color: var(--color-fondo) !important;
    background-color: var(--color-principal) !important;
}
#header .container-fluid:last-child{
    background: #AFC231;
    background: linear-gradient(324deg, rgba(175, 194, 49, 1) 0%, rgb(206 227 93) 100%);
    box-shadow: 0px -20px 190px white;
}
html .single-product #main form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id),
html .single-product #main form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_){
    color: var(--color-blanco) !important;
    background-color: var(--color-principal-alt) !important;
    border-radius: 50px !important;
}
html .products .product a.added_to_cart{
    margin: 0px !important;
    bottom: 20px !important;
    justify-content: center !important;
    padding: 1rem !important;
}
html .products .product a:hover.added_to_cart{
    color: var(--color-blanco) !important;
}
html .products .product a.button, 
html .products .product a.added_to_cart, 
html .products .product a.ver-producto, 
html .products .product a.ver-detalle{
    color: var(--color-blanco) !important;
    background-color: var(--color-principal) !important;
}
html .products .product a:hover.button, 
html .products .product a:hover.added_to_cart, 
html .products .product a:hover.ver-producto, 
html .products .product a:hover.ver-detalle{
    color: var(--color-verde);
    background-color: var(--color-blanco) !important;
}
html .single-product #main form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id){
    transition: background-color 500ms ease;
    border-radius: 50px !important;
}
.qib-button:hover:not(#qib_id):not(#qib_id),
html .woocommerce #main div.product .woocommerce-tabs ul.tabs li.active a,
html .woocommerce #main div.product .woocommerce-tabs .panel{
    color: var(--color-fondo) !important;
    background-color: var(--color-gris) !important;
}
html .woocommerce #main div.product .woocommerce-tabs .panel{
    margin-bottom: 0px;
}
html .woocommerce #main div.product .woocommerce-tabs .panel.entry-content ul {
    padding-left: 0px;
    border-top: 1px solid var(--color-bordes-celestes);
}
html .woocommerce #main div.product .woocommerce-tabs .panel.entry-content ul li{
    list-style: none;
    border-bottom: 1px solid var(--color-bordes-celestes);
    padding: 7px 0px;
    font-size: 14px;
}
html #add_payment_method .wc-proceed-to-checkout a:hover.checkout-button, 
html .woocommerce-cart .wc-proceed-to-checkout a:hover.checkout-button, 
html .woocommerce-checkout .wc-proceed-to-checkout a:hover.checkout-button{
    background-color: #000 !important;
    color: var(--color-blanco) !important;
}
html .wp-block-media-text>.wp-block-media-text__content{
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}
html .grilla-categorias-home .grilla-cat.col-lg-6:nth-child(2).position-relative .grilla__imagen{
    background-color: var(--color-blanco);
}
.banner-categoria h1,
html .grilla-categorias-home .grilla-cat:nth-child(2) .grilla__texto h3,
html .grilla-categorias-home .grilla-cat:first-child .grilla__texto h3{
    color: var(--color-fondo);
}
html .grilla-categorias-home a.grilla-cat .position-relative .grilla__imagen:after{
    display: none !important;
}
html .aws-container .aws-show-clear .aws-search-field{
    background-color: var(--color-verde) !important;
    color: var(--color-blanco);
    border-radius: 10px !important;
    font-weight: bold;
    font-size: 16px;
}
.woocommerce-cart .wp-block-group .wp-block-group__inner-container h1{
    color: var(--color-verde);
}
.wp-block-group .wp-block-group__inner-container h1,
.wp-block-group .wp-block-group__inner-container h2,
.wp-block-group .wp-block-group__inner-container h3,
.wp-block-group .wp-block-group__inner-container h4,
.wp-block-group .wp-block-group__inner-container h5,
.wp-block-group .wp-block-group__inner-container h6{
    font-family: var(--ff-poppins) !important;
    font-weight: 500;
    letter-spacing: 0.01em !important;
}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__media img{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.wp-block-media-text.is-image-fill-element>.wp-block-media-text__content{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.subcats-header-images a{
    border-color: var(--color-principal-alt) !important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    transition: background-color 300ms ease, color 300ms ease;
    border-radius: 50px !important;
    font-family: var(--ff-poppins);
}
form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_) {
    height: auto;
    text-align: center;
    border-radius: 100px !important;
    border: none !important;
    padding: 16px 40px !important;
    min-width: 180px !important;
    height: auto !important;
    width: auto !important;
    background-color: var(--color-principal-alt);
    color: var(--color-fondo);
    font-family: var(--ff-poppins);
    transition: background-color 300ms ease,color 300ms ease;
}
form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_):hover{
    background-color: var(--color-fondo) !important;
    color: var(--color-blanco) !important;
}
#footer > div{
    background-color: var(--color-principal);
    background: linear-gradient(0deg, rgba(175, 194, 49, 1) 0%, rgb(206 227 93) 100%);
    color: var(--color-fondo);
}

/* GENERAL*/
.highlighted {
  animation: pulseGlow 1.2s ease-in-out 6;
}
@keyframes pulseGlow {
  0% {
    outline: 0 solid transparent;
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transform: scale(1);
  }
  50% {
    outline: 4px solid #AFC231;
    box-shadow: 0 0 20px 10px #AFC231;
    border-radius: 10px;
    transform: scale(1.05);
  }
  100% {
    outline: 0 solid transparent;
    border-radius: 10px;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    transform: scale(1);
  }
}
a{
    text-decoration: none;
    color: var(--color-negro);
}
body{
    font-family: var(--ff-open);
    font-weight: 400;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
h2{
    font-size: calc(var(--title-size) * 0.775);
    letter-spacing: -2px;
    line-height: 1em;
}
.wp-block-group .wp-block-group__inner-container{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    padding: 60px 0px;
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
.titulo-primario{
    font-size: 2.5rem;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs:after{
    display: none !important;
}

/* STICKY */
html, body{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
}
.wrapper {
    flex: 1 0 auto;
}
#footer {
    flex-shrink: 0;
}

/* HEADER */
#preheader{
    background-color: var(--color-verde);
}
#preheader ul li a{
    color: var(--color-blanco);
    opacity: 1;
    transition: opacity 500ms ease;
    font-size: 14px !important;
}
#preheader ul li a:hover,
#preheader ul li a:hover svg{
    opacity: 1;
}
#preheader ul li a svg{
    filter: brightness(100);
    opacity: 0.8;
    transition: opacity 500ms ease;
}
#preheader ul:last-child li:not(:last-child) a{
    margin-right: 30px;
}
#preheader .paginas-preheader li:not(:last-child) a{
    margin-right: 20px;
}
body #header{
    background-color: #FFF;
}
#header #logo{
    position: relative;
}
#header #logo img{
    max-width: 210px;
    height: auto;
}
#header #logo:before{
    content: "";
    position: absolute;
    top: 15px;
    left: -15%;
    border-radius: 130px;
    filter: blur(50px);
    width: 120%;
    height: 100%;
    background-color: var(--color-blanco);
    opacity: 0.3;
}
#header #logo span{
    font-size: 40px;
    font-weight: 500;
}
#header #main-nav li a{
    font-weight: bold;
    margin: 0px 30px;
    transition: color 500ms ease;
}
#header #main-nav li.current-menu-item a,
#header #main-nav li:not(:last-child) a:hover{
    color: var(--color-principal);
}
#header #main-nav li:last-child a{
    border-radius: 50px;
    border: 1px solid var(--color-fondo);
    padding: 8px 20px;
    margin-right: 0px;
    margin-left: 10px;
    background-color: var(--color-verde);
    border-color: var(--color-verde);
    color: var(--color-blanco);
    transition: background-color 500ms ease, color 500ms ease;
}
#header #main-nav li:last-child a:hover,
#header #main-nav li:last-child.current-menu-item a{
    background-color: var(--color-principal);
    border-color: var(--color-principal);
    color: var(--color-blanco);
}
#header #main-nav li a:hover{
    color: var(--color-verde);
}
#header .menu-principal ul li a{
    padding-top: 24px;
    padding-bottom: 24px;
    font-family: var(--ff-poppins);
    font-weight: 600;
    padding-left: 25px;
    padding-right: 25px;
    transition: background-color 500ms ease;
}
#header .menu-principal ul > li.menu-item-has-children > a{
    display: flex;
    align-items: center;
}
#header .menu-principal ul.sf-menu > li > a:hover,
#header .menu-principal ul.sf-menu > li.current-menu-item > a,
#header .menu-principal ul.sf-menu > li.current-menu-ancestor > a,
#header .menu-principal ul > li.menu-item-has-children.sfHover > a{
    background: var(--color-principal-alt);
    background: linear-gradient(0deg, rgb(234 239 200) 0%, rgb(207 230 69) 100%) !important;
}
#header .menu-principal ul > li.menu-item-has-children > a:after {
    content: "";
    width: 11px;
    height: 7px;
    display: block;
    background-image: url(assets/images/icon_dropdown.svg);
    background-repeat: no-repeat;
    margin-left: 8px;
    filter: brightness(0);
}
#header .menu-principal ul > li:last-child.menu-item-has-children > ul.sub-menu{
    left: auto;
    right: 0px;
}
#header .menu-principal ul > li.menu-item-has-children > ul.sub-menu{
    background: var(--color-principal-alt);
    background: linear-gradient(0deg, rgb(207 230 69) 0%, rgb(234 239 200) 100%) !important;
}
#header .menu-principal ul li ul li a{
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.4em;
}
#header .buscador-item{
    max-width: 55%;
    width: 100%;
}
#header .ywraq_number_items span{
    display: none;
}
#header .counter{
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    position: absolute;
    background-color: var(--color-verde) !important;
    color: white !important;
}
#header .buscador-wrapper{
    position: relative;
    z-index: 5
}
#header .buscador-container{
    opacity: 0;
    width: 460px;
    position: absolute;
    background: var(--color-principal-alt);
    background: linear-gradient(0deg, rgb(207 230 69) 0%, rgb(234 239 200) 100%) !important;
    top: 55px;
    right: -70px;
    border-radius: 10px;
    z-index: 10;
    box-shadow: 0 8px 30px rgb(0 0 0 / 43%);
}
html .menu-icon a img{
    opacity: 1;
    transition: filter 200ms ease, opacity 500ms ease;
}
html .menu-icon a:hover img{
    opacity: 0.6;
    filter: invert(25%) sepia(94%) saturate(326%) hue-rotate(113deg) brightness(96%) contrast(92%);
}
body:before{
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
    background: linear-gradient(0deg, rgb(248 255 182) 0%, rgb(255 255 255) 100%) !important;
    opacity: 0;
    visibility: hidden;
    display: block;
    transition: opacity 350ms ease;
}
body:not(.buscador-abierto) .aws-search-result{
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
body.buscador-abierto #header .buscador-container {
    opacity: 1;
    visibility: visible;
}
body.buscador-abierto{
    overflow: hidden;
}
body.buscador-abierto:before{
    width: 100%;
    height: 100%;
    opacity: 0.8;
    visibility: visible;
    z-index:4
}

/* SF MENU */
.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu {
    line-height: 1;
}
.sf-menu ul {
    position: absolute;
    top: -999em;
    padding: 20px 25px;
    background-color: white;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sf-menu li:hover {
    visibility: inherit;
}
.sf-menu li {
    position: relative;
}
.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    padding: 20px 0px !important;
    left: 0px;
    top: 100%;
    z-index: 99;
    width: 290px;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 110.5%;
    top: -21px;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em;
    top: 0;
}
.sf-menu a {
    text-decoration: none;
}
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active {
    outline: 0;
}
.sf-menu a.sf-with-ul {
    min-width: 1px;
}
a > .sf-sub-indicator {
    top: 4px;
    background-position: 0 -60px;
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: 0 -60px;
}
.sf-menu ul .sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: 0 -60px;
}

/* BUSCADOR */
.aws-container .aws-search-form{
    height: auto;
}
.aws-container .aws-search-form .aws-search-clear{
    color: var(--color-blanco);
}
.aws-search-result .aws_result_title{
    color: var(--color-verde);
    font-size: 14px;
    line-height: 1.4em;
    font-weight: bold;
}
.aws-search-result{
    border: 3px solid var(--color-verde);
    border-radius: 10px !important
}
.aws-search-result .aws_search_more a{
    background-color: var(--color-principal);
    color: var(--color-fondo) !important;
    font-weight: bold;
    font-family: var(--ff-poppins);
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px !important;
    transition: background-color 300ms ease, color 300ms ease;
}
.aws-search-result .aws_search_more a:hover{
    background-color: var(--color-principal-alt) !important;
    color: var(--color-fondo) !important;
}
html .wpc-search-icon{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 17px;
    width: 14px;
    display: flex;
    align-items: center;
    filter: brightness(0);
}
.aws-container .aws-show-clear .aws-search-field{
    border-radius: 90px !important;
    padding: 15px 23px;
    background-color: var(--color-gris) !important;
    border: none;
}

/* TAB */
.wc-tab h2,
.wc-tab .nav-description{
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.01em;
    border-bottom: 1px solid var(--color-negro);
    background-color: var(--color-negro);
    color: white;
    padding: 8px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 500;
}
.wc-tab h2,
#tab-tab-ficha-tecnica .subtitulo{
    padding-left: 13px !important;
}
.wc-tab h2,
#tab-tab-ficha-tecnica .subtitulo,
#tab-tab-ficha-tecnica .subtitulo h6{
    border-radius: 5px !important;
}
.wc-tab h3{
    font-size: 16px;
}
.wc-tab .nav-description .py-1{
    padding: 0px !important
 }
.wc-tab .nav-description h6{
    margin-bottom: 0px;
}


/* SELECT2 */
.woocommerce form .form-row .select2-container > .selection > .select2-selection--single,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row #message{
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid var(--color-fondo)
}
.woocommerce form .form-row input.input-text,
#pais_field .woocommerce-input-wrapper,
#ciudad_field .woocommerce-input-wrapper{
    margin-bottom: 20px;
    display: block;
}
.woocommerce form .form-row span.ywraq_error{
    position: absolute;
    bottom: -23px;
    left: 0px;
}
.woocommerce form .form-row .select2-container{
    width: 100% !important;
}
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last{
    width: 48%;
}
.woocommerce form .form-row textarea{
    padding: 10px 20px;
    height: 100px !important;
}
.select2-container .select2-selection--single{
    height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 1.2em;
    padding: 0px
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
    position: absolute;
    top: 1px;
    right: 8px;
    width: 20px;
}

/* BANNER CATEGORIA */
.banner-categoria{
    background: var(--color-gris);
    background: linear-gradient(60deg, rgb(246 250 221) 0%, rgb(229 234 198) 100%);
    position: relative;
}
.banner-categoria .wp-block-group__inner-container{
    position: relative;
}
.banner-categoria .wp-block-group__inner-container .breadcrumbs{
    position: absolute;
    top: 15px;
    left: 3px;
}
.breadcrumbs a,
.breadcrumbs span{
    font-size: 11px;
}

/* GRILLA PRODUCTO ITEM */
.products {
    border: none;
}
.products .product{
    position: relative;
}
.products .product a{
    z-index: 2;
}
.products .product .product__contenido{
    position: relative;
    height: 100%;
}
.products .product .product__contenido:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 40%);
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}
.products .product {
    background-color: var(--color-blanco);
    border: 1px solid #eaeaea;
    border-radius: 20px;
}
.products .product figure{
    position: relative;
}
.products .product figure:after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FFF;
    background: linear-gradient(0deg, rgb(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 40%);
}
.products .product .woocommerce-loop-product__title{
    padding: 30px 20px !important;
    color: var(--color-blanco);
    font-weight: 600;
    font-size: 22px;
    line-height: 1.2em;
    z-index: 5;
    position: relative;
    padding-right: 120px !important;
}
.products .product img{
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.products del .woocommerce-Price-amount{
	margin-right: 5px;
}
.products .product a {
    position: relative;
    display: block;
}
.products .product a img {
    transition: all 400ms ease;
    display: block;
    width: 100%;
}
.products .product a:hover img {
    opacity: 0.7;
}
.products .product a .position-absolute {
    z-index: 10;
    top: 1rem;
    left: 1rem;
}
.products h2 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.02em;
    margin-top: 10px;
    line-height: 1.4em;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    min-height: 44px;
}
.products .precio{
    font-weight: 700;
    font-size: 25px;
    line-height: 131.69%;
    color: #00498D;
}
.products .precio .woocommerce-price-suffix{
	margin-left: 5px;
	margin-top: 2px
}
.products .precio del {
    opacity: 1;
    color: #808080;
    font-weight: 900;
    font-size: 15px;
    line-height: 131.69%;
    padding-top: 3px;
}
.products .product {
    padding: 0px;
}
.products .product .badge,
.products .product .no-stock {
    background-color: #00498D;
    width: auto;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
    color: var(--color-blanco);
    padding: 10px 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.products .product .badge{
    width: 61px;
    height: 61px;
    display: flex;
    border-radius: 100px;
}
.products .product .no-stock {
    background-color: #353535;
    font-size: 75%;
    line-height: 1;
    font-weight: normal;
}
.products .product a {
    opacity: 1;
    transition: all 400ms ease;
}
.products .product p {
    font-size: 14px;
}
.products .product .card-link {
    font-size: 13px;
    text-transform: uppercase;
}
.woocommerce ul.products li.product a img{
    margin-bottom: 0px;
    border-bottom: none;
    margin: auto;
    border-radius: 10px;
}
html .products .product a.added_to_cart{
    bottom: 33px !important;
}
html .products .product a.added_to_cart,
.woocommerce ul.products li.product .button{
    font-family: var(--ff-open);
    background-color: #b1c535;
    color: #082f1b !important;
    padding: 10px 20px !important;
    border-radius: 50px !important;
    font-weight: bold !important;
    font-size: 13px !important;
    display: inline-flex !important;
    transition: background-color 350ms ease;
    width: auto;
}
.woocommerce .woocommerce-result-count{
    display: block !important;
    text-align: right !important;
    color: #acacac !important;
    width: 100% !important;
    font-size: 14px !important
}
.products .product .button {
    background-size: 30px;
    font-weight: bold;
    color: #1F303F;
    padding: 0px;
    /*background-image: url(assets/images/iconos/ICONOS-12.svg);*/
    background-repeat: no-repeat;
    background-position: -4px center;
    font-weight: bold !important;
    text-transform: none !important;
    font-size: 18px !important;
    background-color: transparent;
    display: flex;
    align-items: center;
}
.products .product .button:hover {
    background-color: #17A6E2;
    background-repeat: no-repeat;
    background-position: -4px center;
    color: var(--color-blanco) !important;
}
.products .product a.button,
.products .product a.added_to_cart,
.products .product a.ver-producto,
.products .product a.ver-detalle{
    font-size: 16px !important;
    font-weight: 400;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background-color: var(--color-negro) !important;
    width: 90%;
    border-radius: 0px;
    color: var(--color-blanco);
    padding: 9px 15px;
    position: absolute;
    bottom: 33px;
    right: 20px;
    border-radius: 100px;
    font-weight: bold !important;
    font-family: var(--ff-poppins);
}
.products .card-body.last:has(> :last-child:nth-child(3)) a.button.added{
    display: none;
}
.products .card-body.last:has(> :last-child:nth-child(3)) a.button:not(.added) + a.added_to_cart{
    display: none;
}
.products .product a.ver-producto{
    display: block !important;
    border: 1px solid #cdd0db !important;
    padding: 8px !important;
    color: #303030 !important;
    background-color: transparent;
}
.products .product a:hover.ver-producto{
    border-color: #FF8302 !important;
    background: #FF8302 !important;
    color: var(--color-blanco) !important;
}

.products .product .qib-button:not(#qib_id):not(#qib_id){
    padding: 4px 11px;
    height: 33px;
}
.products .product input.qty{
    width: 33px !important;
    height: 32px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}
.products .product .cart{
    display: flex;
    align-items: center;
    display: none;
}
.products .product input::-webkit-outer-spin-button,
.products .product input::-webkit-inner-spin-button {
    display: none;
}
.products .product .qib-container{
    display: flex;
}
.products .product a.ver-detalle {
    display: flex;
}
.products .product a:hover.button,
.products .product a:hover.ver-producto,
.products .product a:hover.ver-detalle {
    color: #00498D;
}
.products .product a:hover.button:before,
.products .product a:hover.ver-detalle:before {
    filter: invert(39%) sepia(32%) saturate(2972%) hue-rotate(233deg) brightness(91%) contrast(91%);
}
html .flex-viewport {
    order: 2;
    border: solid 1px #DFDFDF;
    border-radius: 10px;
}
html .woocommerce div.product div.images .flex-control-thumbs li img {
    border: solid 1px #DFDFDF;
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 768px) {
    ul.products {
       display: flex;
       flex-wrap: wrap; 
    }
  
    ul.products li.product {
       display: flex;
       flex-direction: column;
    }
  
    ul.products li.product .button {
       margin-top: auto;
    }
  
 }

/* PAGINACION WC */
.woocommerce-pagination {
    display: flex;
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}
.woocommerce nav.woocommerce-pagination ul{
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li{
    margin: 0px 4px;
}
.woocommerce-pagination > .page-numbers {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 25px !important;
}
.woocommerce-pagination > .page-numbers > li {
    margin: 0rem 0.25rem;
    list-style: none;
    border: none !important;
}
.woocommerce-pagination > .page-numbers > li:before {
    display: none;
}
.woocommerce-pagination > .page-numbers > li > .page-numbers {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    align-items: center;
    justify-content: center;
    color: var(--color-negro);
    background-color: var(--color-blanco);
    border: 1px solid var(--color-blanco);
    text-decoration: none;
}
.woocommerce-pagination > .page-numbers > li > .page-numbers.current {
    color: var(--color-blanco);
    background: var(--color-verde);
}
.woocommerce-pagination > .page-numbers > li > .prev,
.woocommerce-pagination > .page-numbers > li > .next{
    text-indent: -999px;
}
.woocommerce-pagination > .page-numbers .prev:before,
.woocommerce-pagination > .page-numbers .next:before {
    content: " ";
    display: flex;
    width: 12px;
    background-size: contain !important;
    height: 0.6rem;
    border: none;
    background-repeat: no-repeat;
    background-size: 1rem 0.6rem;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 22'%3E%3Cpath fill='none' stroke='%23FFFFFF' stroke-width='4' stroke-miterlimit='10' d='M2.1 1.9L20 19.1 37.9 1.9'/%3E%3C/svg%3E");
    filter: brightness(0);
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a{
    font-size: 14px;
    transition: all 500ms ease;
}
.woocommerce nav.woocommerce-pagination ul li a:hover.page-numbers.prev:before,
.woocommerce nav.woocommerce-pagination ul li a:hover.page-numbers.next:before{
    filter: brightness(1) !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
    color: var(--color-blanco);
    background: var(--color-principal);
}
.woocommerce-pagination > .page-numbers .prev,
.woocommerce-pagination > .page-numbers .next{
    content:"";
}
.woocommerce-pagination .prev:before {
    transform: rotate(90deg);
    margin-left: -0.15rem;
}
.woocommerce-pagination .next:before {
    transform: rotate(-90deg);
    margin-left: 0.15rem;
}

/* FILTROS */
html .wpc-filter-search-form{
    margin-bottom: 20px;
}
html #main .wpc-filter-search-form .wpc-search-field{
    border-radius: 90px !important;
    padding: 10px 23px;
    background-color: var(--color-blanco) !important;
    border: none;
    padding-left: 40px !important;
    border-color: var(--color-principal-alt) !important;
}
html #main .wpc-filter-search-form .wpc-search-field::placeholder{
    color: var(--color-fondo);
}
html .wpc-wrap-icons{
    font-weight: 500;
}
html .wpc-edit-filter-set{
    display: none;
}
html .wpc-filter-title,
html .wpc-filters-section{
    margin-bottom: 0px;
}
html .wpc-filter-header .wpc-filter-title button{
    padding: 18px 0 !important;
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 1px solid var(--color-fondo) !important;
}
html .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], 
html .wpc-filters-main-wrap li.wpc-term-item input[type=radio]{
    width: auto !important;
}
html .wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--color-fondo);
}

/* LISTADO MANUALES */
.wc-tab .listado-manuales{
    margin-top: 50px;
}
.wc-tab .listado-manuales li{
    margin-bottom: 0px !important;
    color: var(--color-negro)
}
.wc-tab .listado-manuales li:nth-child(even) a{
    background: #e8e8e8;
}
.wc-tab .listado-manuales li:last-child a{
    border-bottom: 1px solid var(--color-bordes-celestes);
}
.wc-tab .listado-manuales li a{
    padding: 23px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--color-bordes-celestes);
    color: var(--color-negro)
}
.wc-tab .listado-manuales li a span{
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
    color: var(--color-negro) !important;
}
.wc-tab .listado-manuales li a svg{
    margin-right: 12px;
}
.wc-tab .descargar-pdf .wp-block-button {
   border-color: #D02E26 !important;
   color: #D02E26 !important;
}
.wc-tab .descargar-pdf .wp-block-button a{
    padding-left: 1.333em !important;
   padding-right: 1.333em !important;
   padding-top: 10px !important;
   padding-bottom: 10px !important;
}

/* TAB */
html #tab-tab-ficha-tecnica .table table[width="200"] td{
    border: none !important;
    background-color: #f8f8f8 !important;
    border-radius: 10px;
    padding: 2px 12px;
}
html #tab-tab-ficha-tecnica .table tbody tr,
html #tab-tab-ficha-tecnica .table tbody tr td{
    background-color: transparent !important;
}
html #tab-tab-ficha-tecnica .table tbody tr td {
    border-bottom: 1px solid var(--color-bordes-celestes);
}
html .woocommerce #main div.product .woocommerce-tabs ul.tabs li.active a{
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
}
html .woocommerce div.product .woocommerce-tabs .panel{
    padding: 50px 40px 40px 40px !important;
    background-color: #dfdfdf;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
.woocommerce .add-request-quote-button.button{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0px;
    background-color: var(--color-negro) !important
}
html .woocommerce div.product .woocommerce-tabs ul.tabs{
    margin-top: 40px !important;
    margin-bottom: 0px !important;
    display: inline-flex;
    padding-left: 0px !important;
    width: 100%;
}
html .woocommerce-page div.product .woocommerce-product-gallery{
    width: 40%;
}
html .woocommerce div.product div.summary{
    width: 55%;
}
html #tab-tab-calculador-autonomia .tab-content-description{
    width: 700px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs:after{
    position: absolute;
    width: 100%;
    background-color: #DFDFDF;
    height: 1px;
    bottom: 0px;
    left: 0px;
}
html .woocommerce div.product div.images .flex-control-thumbs{
    margin-top: 10px;
    gap: 10px;
    display: flex;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before,
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    display: none;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li {
    color: #353535;
    padding: 0px;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li{
    margin-right: 20px;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li:not(.active) a{
    color: var(--color-fondo);
    opacity: 0.3;
    padding: 10px 20px;
}

html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    text-shadow: inherit;
    color:  #727272 !important;
    padding: 10px 20px;
    position: relative;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    background-color: #dfdfdf !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
    display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    border: none !important;
    background-color: transparent !important;
    border-radius: 0px !important;
}
html .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before{
    display: none;
}
#tab-tab-ficha-tecnica .subtitulo {
    border-bottom: 1px solid var(--color-negro);
    background-color: var(--color-negro);
    color: white;
    padding: 8px;
    margin-bottom: 5px;
}

#tab-tab-ficha-tecnica .subtitulo h6 {
    line-height: 15px;
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
}

#tab-tab-ficha-tecnica .table {
    font-size: 14px;
}

#tab-tab-ficha-tecnica .table tbody tr td:first-child {
    width: 35%;
}

#tab-tab-ficha-tecnica .table tbody tr {
    background: yellow !important;
}

/* SUBCATS */
.subcats{
    margin-top: -30px;
    position: relative;
    z-index: 2;
}
.subcats-header-images {
    align-items: center;
    display: flex;
    height: 100%;
}
.subcats-header-images > div{
    height: 100%;
}
.subcats-header-images a {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    font-weight: bold;
    color: var(--color-negro);
    font-size: 16px;
    height: 100% !important;
    padding-top: 15px;
    padding-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #cdd0db;
    background-color: var(--color-blanco);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid var(--color-fondo);
}
.subcats-header-images .active a{
    border: 1px solid var(--color-negro);
}
.subcats-header-images div:first-child img{
    max-width: 55% !important;
} 
.subcats-header-images img {
    max-width: 40% !important;
    height: auto;
    margin:  0 auto;
}

/* MY ACCOUNT */
html .woocommerce-account .woocommerce-address-fields__field-wrapper{
    width: 100%;
}
html .woocommerce-account #shipping_country_field,
html .woocommerce-account #billing_country_field{
    display: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
    width: 27%;
}
.woocommerce-MyAccount-navigation ul{
    padding: 0px;
    padding: 30px;
    background-color: var(--color-principal-alt);
    list-style: none;
    border-radius: 10px;
}
.woocommerce-MyAccount-navigation ul li a{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: var(--ff-poppins);
    display: block;
    position: relative;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
    font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li a:after{
    content:"";
    display: block;
    position: absolute;
    right:0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 7px;
    height: 12px;
    background-image: url(assets/images/icono-flecha.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 0.7;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
    background-color: var(--color-verde);
    color: var(--color-blanco);
    border-radius: 50px;
    margin-top: 40px;
    font-weight: bold;
    text-align: center;
    font-family: var(--ff-poppins);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after{
    display: none;
}
.woocommerce-MyAccount-navigation ul li:not(:last-child){
    border-bottom: 1px solid var(--color-fondo);
}
html .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, 
html .woocommerce table.shop_table tfoot th{
    border-color: var(--color-fondo);
}
.my_account_orders thead th,
.my_account_orders tbody td{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
html .woocommerce-edit-account fieldset legend{
    margin-bottom: 20px;
}
html .woocommerce-edit-account fieldset legend,
html .woocommerce .woocommerce-customer-details .woocommerce-column__title,
html .woocommerce-order-details__title{
    color: var(--color-verde);
}
html .woocommerce table.my_account_orders .button{
    background-color: var(--color-verde);
    color: var(--color-blanco);
    text-align: center;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    transition: background-color 300ms ease, color 300ms ease;
    border-radius: 50px !important;
}
.woocommerce table.my_account_orders .button:hover{
    background-color: var(--color-principal-alt) !important;
    color: var(--color-fondo) !important;
}
.woocommerce-view-order .order_details tfoot tr .order-actions--heading,
.woocommerce-view-order .order_details tfoot tr .order-actions--heading + td{
    display: none !important;
}
.woocommerce-view-order .woocommerce-order-details__title{
    margin-top: 30px;
}
.woocommerce-view-order .woocommerce-column__title,
.woocommerce-view-order .woocommerce-order-details__title{
    font-size: 25px !important;
    font-family: var(--ff-poppins);
    margin-bottom: 20px !important;
    letter-spacing: 0.01em;
}
.woocommerce .woocommerce-customer-details{
    background-color: var(--color-gris) !important;
    padding: 30px;
    border-radius: 10px;
}
.woocommerce .woocommerce-customer-details address{
    border: none;
    border-radius: 0px;
    padding-left: 0px;
}
.woocommerce-view-order .woocommerce-customer-details{
    padding-top: 40px;
    margin-bottom: 0px !important;
    margin-top: 50px !important;
    display: block;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before,
.woocommerce-error:after, .woocommerce-info:after, .woocommerce-message:after{
    display: none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    border-top: none !important;
    padding-left: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50px;
}
.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button{
    background-color: var(--color-verde);
    border-radius: 0px !important;
    color: var(--color-blanco);
    font-size: 15px !important;
    font-weight: 600;
    font-family: var(--ff-poppins) !important;
    border-radius: 50px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    transition: background-color 300ms ease, color 300ms ease;
}
.woocommerce .woocommerce-error .button:hover, 
.woocommerce .woocommerce-info .button:hover, 
.woocommerce .woocommerce-message .button:hover, 
.woocommerce-page .woocommerce-error .button:hover, 
.woocommerce-page .woocommerce-info .button:hover, 
.woocommerce-page .woocommerce-message .button:hover{
    background-color: var(--color-principal-alt);
    color: var(--color-fondo);
}
.woocommerce-edit-address .col2-set{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    margin-top: 35px;
}
.woocommerce-edit-address .col2-set:before,
.woocommerce-edit-address .col2-set:after{
    display: none !important;
}
.woocommerce-edit-address .col2-set .col-1, 
.woocommerce-edit-address .col2-set .col-2{
    border: 1px solid var(--color-fondo);
    border-radius: 10px;
    width: calc(100% - 15px);
    padding: 30px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 90px !important;
}
.woocommerce-edit-address .col2-set .col-2{
    margin-left: auto;
    margin-right: 0px;
}
.woocommerce-edit-address .col2-set .col-1 h2, 
.woocommerce-edit-address .col2-set .col-2 h2{
    font-size: 25px !important;
    font-family: var(--ff-poppins);
    letter-spacing: 0.01em;
    margin-bottom: 20px;
}
.woocommerce-edit-account fieldset{
    padding: 30px;
    background-color: var(--color-gris);
    margin-top: 50px;
    border-radius: 10px;
}
.woocommerce-edit-account fieldset label{
    line-height: 1.2em !important;
    margin-bottom: 14px !important;
    font-size: 15px !important;
}
.woocommerce-edit-account fieldset legend{
    font-weight: bold;
}
html .woocommerce-edit-account .wp-block-group .wp-block-group__inner-container fieldset input{
    background-color: transparent !important;
    border-color: var(--color-gris-alt) !important;
}
body.woocommerce-account.woocommerce-edit-address .wp-block-group .wp-block-group__inner-container form .button,
.woocommerce-edit-account .wp-block-group .wp-block-group__inner-container .button{
    margin-top: 30px !important;
    border: none !important;
    background-color: var(--color-verde-alt) !important;
    color: var(--color-blanco) !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 35px !important;
    padding-right: 35px !important;
    display: block  !important;
    height: auto  !important;
    width: auto !important;
    border-radius: 50px !important;
    font-family: var(--ff-poppins);
    transition: background-color 300ms ease, color 300ms ease;
    display: inline-flex !important;
}
body.woocommerce-account.woocommerce-edit-address .woocommerce-address-fields form{
    padding: 30px;
    border: 1px solid var(--color-principal-alt);
    border-radius: 10px !important;
}
body.woocommerce-account.woocommerce-edit-address form h2{
    font-size: 25px;
    font-family: var(--ff-poppins);
    letter-spacing: 0.01em;
    margin: 15px 0px 30px 0px;
}
body.woocommerce-account.woocommerce-edit-address form .form-row select[class*="select2"]{
    width: auto !important;
}
body.woocommerce-account.woocommerce-edit-address form .form-row-first, 
body.woocommerce-account.woocommerce-edit-address form .form-row-last, 
body.woocommerce-account.woocommerce-edit-address form form .form-row-first, 
body.woocommerce-account.woocommerce-edit-address form form .form-row-last{
    clear: none !important;
}
body.woocommerce-account.woocommerce-edit-address .wp-block-group .wp-block-group__inner-container form .button{
    background-color: var(--color-negro);
    border: none !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    color: var(--color-blanco);
    margin-top: 30px !important;
    font-family: var(--ff-poppins);
    transition: background-color 300ms ease, color 300ms ease;
}
body.woocommerce-account.woocommerce-edit-address .wp-block-group .wp-block-group__inner-container form label{
    clip-path: unset;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}
.woocommerce-account .addresses .title .edit{
    position: absolute;
    bottom: 30px;
    left: 30px;
    float: left;
    background-color: var(--color-verde);
    color: var(--color-blanco);
    padding: 10px 10px;
    font-weight: bold;
    width: calc(100% - 60px);
    box-sizing: border-box;
    text-align: center;
    border-radius: 50px;
    transition: background-color 300ms ease, color 300ms ease;
    font-family: var(--ff-poppins);
}
body.woocommerce-account.woocommerce-edit-address .wp-block-group .wp-block-group__inner-container form .button:hover,
.woocommerce-edit-account .wp-block-group .wp-block-group__inner-container .button:hover,
.woocommerce-account .addresses .title .edit:hover{
    background-color: var(--color-principal-alt) !important;
    color: var(--color-fondo) !important;
}
html .wp-block-group .wp-block-group__inner-container .show-password-input{
    width: auto !important;
    border: none !important;
}
html #account_display_name_description em{
    font-style: normal;
    color: #a7a7a7;
    margin-top: 8px;
    display: block;
    font-size: 12px;
}

/* FOOTER */
#footer {
    flex-shrink: 0;
    position: relative;
}
#footer .footer-site-description{
    border-radius: 10px;
    background-color: var(--color-verde);
    padding: 20px;
    box-shadow: 0 10px 100px rgb(255 255 255 / 46%);
}
#footer .footer-site-description p{
    color: var(--color-blanco);
}
#footer .footer-site-description img{
    filter: brightness(100);
}
#footer .logo-footer img{
    max-width: 185px;
    height: auto;
    margin-bottom: 20px;
}
#footer .menu-servicios{
    display: flex;
    flex-wrap: wrap;
}
#footer .menu-servicios li{
    width: calc(50% - 10px)
}
#footer .menu-servicios li:nth-child(even){
    margin-left: auto;
    margin-right: 0px;
}
#footer svg path{
    fill: var(--color-fondo);
}
/*
#footer:before{
    content:"";
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(34,34,34,1) 100%);
}
*/
#footer a span{
    font-size: 40px;
    font-weight: 500;
}
#footer div .container-fluid .container{
    position: relative;
}
#footer h5{
    margin-bottom: 20px;
    font-weight: bold;
}
#footer h5:after{
    content:"";
    width: 100%;
    height: 1px;
    background-color: #a1b322;
    display: block;
    margin-top: 10px;
}
#footer ul{
    padding-left: 0px;
    list-style: none;
}
#footer p,
#footer p a{
    color: var(--color-fondo)
}
#footer p{
    font-size: 13px;
    font-weight: bold;
}
#footer ul li,
#footer ul li a{
    color: var(--color-blanco);
}
#footer ul li a{
    display: flex !important;
    align-items: center;
    color: var(--color-fondo);
    font-weight: 600;
    transition: color 500ms ease;
}
#footer ul li a:before{
    content:"";
    width: 7px;
    height: 12px;
    background-image: url(assets/images/icono-flecha.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    opacity: 1;
    display: block;
    margin-right: 12px;
}
#footer ul li a:hover{
    color: var(--color-verde-alt);
}
#footer ul li:not(:last-child) a{
    margin-bottom: 4px;
    display: block;
}
#footer a{
    color: var(--color-blanco);
}
#footer .border-top{
    border-color: #a1b322 !important;
}
#footer .border-top p{
    font-size: 12px;
}
#footer ul.last li a:before{
    display: none;
}
#footer ul.last li a{
    position: relative;
}
#footer ul.last li a img,
#footer ul.last li a svg{
    position: absolute;
    left: 0px;
    top: 4px;
}
#footer ul.last li a span{
    padding-left: 25px;
    font-size: 16px;
}

/* MMENU */
html #close-button{
    width: 51px;
    padding: 0px;
    height: 80px;
    right: 0px;
    position: fixed;
    /*background-image: url(assets/images/cerrar.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CARRITO */
.woocommerce form .form-row .required{
    color: red;
}
html .tabla-carrito{
    margin-bottom: 30px;
}
html .qib-button:not(#qib_id):not(#qib_id){
    width: 35px !important;
    height: 35px !important;
    background-color: var(--color-verde);
    color: var(--color-blanco);
    transition: background-color 300ms ease;
    padding: 0px !important;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
html .qib-container .quantity input.qty:not(#qib_id):not(#qib_id){
    border: none !important;  
    width: 40px !important;  
    padding: 0px !important;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
    width: 100%;
    float:left;
}
html .woocommerce-account table.shop_table thead th,
html form:not(.carro-mobile) table.shop_table thead th{
    padding-top: 15px;
    padding-bottom: 15px;
    font-family: var(--ff-poppins);
    font-weight: 600;
}
html form:not(.carro-mobile) table.shop_table thead th.product-thumbnail,
html form:not(.carro-mobile) table.shop_table tbody td.product-thumbnail{
    padding-left: 20px;
}
html form:not(.carro-mobile) table.shop_table tbody td.product-thumbnail{
    padding-top: 20px;
    padding-bottom: 20px;
}
html form:not(.carro-mobile) table.shop_table tbody td.product-remove svg{
    width: 15px;
    height: 24px;
}
html form:not(.carro-mobile) table.shop_table tbody td.product-remove a.remove:hover{
    background-color: transparent;
}
html form:not(.carro-mobile) table.shop_table thead th.product-thumbnail{
    width: 110px !important;
}
html .woocommerce table.cart td.product-quantity .qib-container:not(#qib_id):not(#qib_id){
    justify-content: start;
}
html .woocommerce #order_review table.shop_table{
    margin-top: 20px;
}
html .woocommerce #order_review table.shop_table td,
html .woocommerce #order_review table.shop_table tfoot th{
    border-top: 1px solid var(--color-fondo) !important;
}
html .woocommerce #order_review table.shop_table{
    border: 1px solid var(--color-fondo) !important;
}
html .woocommerce table.shop_table td{
    border-top: 1px solid var(--color-fondo) !important;
}
html .woocommerce table.shop_table{
    border: 1px solid var(--color-fondo) !important;
    border-radius: 10px !important;
    
}
html .woocommerce table.shop_table .product-thumbnail a{
    display: block;
}
html .woocommerce table.shop_table .product-thumbnail img{
    width: 80px;
    border: 1px solid var(--color-fondo);
    border-radius: 5px !important;
}
.woocommerce .wc-proceed-to-checkout{
    padding-bottom: 0px;
}
.woocommerce .wc-proceed-to-checkout a{
    margin-bottom: 0px !important;
    background-color: var(--color-verde) !important;
    font-size: 16px !important;
    border-radius: 0px !important;
}
.woocommerce-cart .resumen{
    background-color: var(--color-principal-alt);
    padding: 30px;
    border-radius: 10px;
}
.woocommerce .listado-resumen{
    list-style: none;
    padding-left: 0px;
}
.woocommerce .listado-resumen li{
    padding: 15px 0px;
    border-top: 1px solid var(--color-fondo);
}
.woocommerce .listado-resumen li:last-child{
    border-bottom: 1px solid var(--color-fondo);   
}
.woocommerce .listado-resumen li strong{
    margin-right: 5px !important;
}
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment{
    background-color: transparent;
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row, 
.woocommerce-checkout #payment div.form-row{
    padding: 0px !important;
}
#place_order{
    margin-bottom: 0px;
    background-color: var(--color-verde);
    padding: 1em !important;
    border-radius: 0px !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
}

/* ACORDEON */
html .wp-block-post-title{
    margin-bottom: 40px;
}
html .c-accordion__title {
    font-size: 20px !important;
    letter-spacing: 0em;
    transition: all 400ms ease;
}
html .c-accordion__title:after{
    right: 20px;
    width: 30px;
    height: 30px;
    background-color: var(--color-blanco);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
html .c-accordion__title,
html .c-accordion__item:nth-child(even) .c-accordion__title {
    border: 1px solid var(--color-principal-alt);
    line-height: 130% !important;
    padding: 17px 30px 14px 30px;
    cursor: pointer;
}
html .c-accordion__content {
    padding: 30px 30px 30px 30px;
    background-color: #FFF;
    margin: 0px;
    border-bottom: solid 1px var(--color-principal-alt);
    border-left: solid 1px var(--color-principal-alt);
    border-right: solid 1px var(--color-principal-alt);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
html .c-accordion__content p:last-child {
    margin-bottom: 0px;
}
html .c-accordion__item{
    margin-bottom: 10px;
}
html .c-accordion__item.is-open .c-accordion__title {
    border: 1px solid var(--color-principal-alt);
    padding: 17px 30px 14px 30px;
    border-bottom: solid 1px transparent;
    margin-bottom: 0px !important;
}
html .c-accordion__item:not(.is-open) .c-accordion__title{
    border-radius: 10px;
}
html .c-accordion__item .c-accordion__title{
    background-color: var(--color-principal-alt);
    color: var(--color-fondo);
}
html .c-accordion__item.is-open .c-accordion__title{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
html .c-accordion__item.is-open .c-accordion__title:before {
    transform: rotate(90deg)
}

/* BLOQUES GUTENBERG */
.wp-block-media-text{
    padding: 25px 0px;
}
.wp-block-media-text__media{
    border-radius: 10px;
}
.wp-block-media-text__content{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}
.wp-block-media-text__content h2{
    font-size: 40px;
    margin-bottom: 20px;
}
.section-block.sobre-nosotros{
    position: relative;
}
.section-block.sobre-nosotros .wp-block-group__inner-container{
    padding: 0px !important;
}
.section-block.featured-products .wp-block-group__inner-container{
    position: relative;
}
.section-block.featured-products .wp-block-group__inner-container:after{
    content:"";
    width: 100%;
    height: 100%;
    border-radius: 1000px;
    background-color: var(--color-blanco);
    opacity: 0.3;
}
.section-block .wp-block-group__inner-container > h2{
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
}
.section-block .wp-block-group__inner-container > h2 mark{
    font-weight: 600 !important;
}
/*
.section-block .wp-block-group__inner-container > h2::first-line{
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 0.08em;
}
*/

/* CHECKOUT */
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods{
    padding: 0px;
    border-bottom: 1px solid var(--color-bordes-celestes);
    margin-bottom: 20px !important;
}
.woocommerce-checkout #payment ul.payment_methods li .woocommerce-info{
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.4em;
    background-color: #deffff;
}
#customer_details .col-1 h3 {
    font-weight: 600;
    font-family: var(--ff-poppins);
    font-size: 16px;
    width: 100%;
    text-transform: none !important;
    position: relative;
    background-color: var(--color-verde);
    color: var(--color-blanco) !important;
    padding: 12px;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 40px;
    display: inline-flex;
    position: relative;
}
#customer_details .col-1 h3:after{
    content:"";
    height: 1px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: var(--color-principal-alt);
    width: 100%;
}
#customer_details .woocommerce-additional-fields h3{
    margin-bottom: 20px;
}
#order_review table tbody td:last-child,
#order_review table tfoot td:last-child{
    text-align: center;
}
.woocommerce-additional-fields{
    margin-top: 50px;
}
.woocommerce-additional-fields h3{
    text-transform: uppercase;
}
.woocommerce-checkout #billing_state_field,
.woocommerce-checkout #billing_address_1_field{
    width: 100%;
}
.woocommerce-checkout .form-row-wide.factura#billing_factura_direccion_field{
    display: flex;
    flex-direction: column;
}
.woocommerce-checkout .form-row-wide.factura,
.woocommerce-checkout .form-row-wide[data-priority="14"]{
    display: flex;
    width: 100%;
}
.woocommerce form .form-row input.input-text, 
#pais_field .woocommerce-input-wrapper, #ciudad_field .woocommerce-input-wrapper{
    margin-bottom: 0px;
}
.woocommerce-checkout form .form-row:before,
.woocommerce-checkout form .form-row:after{
    display: none !important;
}
.woocommerce-checkout form {
    display: flex;
    flex-wrap: wrap;
}
.woocommerce-checkout form .form-row {
    flex: 1 1 calc(50% - 10px);
    clear: none !important;
}
.woocommerce-checkout form .form-row label, .woocommerce-page form .form-row label.screen-reader-text{
    height: auto;
    width: auto;
    position: static !important;
    clip-path: unset;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}
.woocommerce-checkout #billing_documento_field,
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field{
    display: none !important;
}
.wp-block-group .wp-block-group__inner-container label{
    font-weight: 600;
    font-size: 15px;
}
.wp-block-group .wp-block-group__inner-container input,
.wp-block-group .wp-block-group__inner-container select,
.wp-block-group .wp-block-group__inner-container button,
.wp-block-group .wp-block-group__inner-container textarea{
    width: 100% !important;
    padding: 10px 15px !important;
    border: 1px solid var(--color-fondo) !important;
    border-radius: 5px !important;
}
.wp-block-group .wp-block-group__inner-container input.input-checkbox,
.wp-block-group .wp-block-group__inner-container .woocommerce-form__input-checkbox{
    width: auto !important;
}
.woocommerce-checkout .col2-set .col-1{
    width: 58%;
}
.woocommerce-checkout .col2-set .col-2{
    width: 38%;
    background-color: var(--color-principal-alt) !important;
    padding: 40px;
    border-radius: 10px;
}
html .woocommerce #payment #place_order, 
html .woocommerce-page #payment #place_order{
    border-radius: 50px !important;
    transition: background-color 300ms ease, color 300ms ease;
    font-family: var(--ff-poppins);
    border: none !important;
}   
html .woocommerce #payment #place_order:hover, 
html .woocommerce-page #payment #place_order:hover{
    background-color: #000 !important;
    color: var(--color-blanco) !important;
}

/* ARCHIVE */
select{
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(assets/images/icon_dropdown.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
}
.archive .sidebar-wc ul{
    margin: 36px 0px 20px 0px !important;
    display: block;
    padding: 20px !important;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
.archive .sidebar-wc ul li h3{
    color: var(--color-verde);
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.archive .sidebar-wc ul li:not(:last-child):not(:first-child){
    border-bottom: 1px solid #dddddd;
}
.archive .sidebar-wc ul li a:hover{
    opacity: 0.5;
}
.archive .sidebar-wc ul li.current-term-item a{
    font-weight: bold;
    color: var(--color-verde);
}
.archive .sidebar-wc ul li.current-term-item a span{
    color: var(--color-principal);
    opacity: 1;
}
.archive .sidebar-wc ul li a{
    font-size: 15px;
    padding: 10px 0px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    transition: opacity 350ms ease, color 350ms ease;
}
.archive .sidebar-wc ul li a span{
    color: var(--color-fondo);
    font-size: 12px;
    position: relative;
    top: -1px;
    opacity: 0.4;
}

/* SINGLE PRODUCT */
.single-product .woocommerce-message{
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 0px !important;
    outline: 0;
}
.single-product .woocommerce-message{}
.single-product .ficha-tecnica{
    font-weight: bold;
    padding: 10px 25px;
    border: 1px solid #185d4a45;
    color: #185d4a;
    border-radius: 100px;
    margin-top: 10px;
    display: inline-flex;
    transition: color 500ms ease, background-color 500ms ease;
}
.single-product a:not(:hover).ficha-tecnica img{
    filter: invert(21%) sepia(28%) saturate(5274%) hue-rotate(147deg) brightness(43%) contrast(81%);
}
.single-product a:hover.ficha-tecnica{
    color: var(--color-blanco);
    background-color: var(--color-verde);
}
.single-product .site-main{
    display: flex;
    flex-direction: column;
}
.single-product .site-main .wp-block-group:not(.productos-relacionados):not(:first-child){
    padding-bottom: 0px;
}
.single-product .woocommerce-product-details__short-description p{
    font-size: 14px;
}
.single-product .woocommerce-product-details__short-description ul {
    padding-left: 0px !important;
}
.single-product .woocommerce-product-details__short-description ul li{
    list-style: none;
    border-bottom: 1px solid var(--color-fondo);
    padding: 7px 0px;
    font-size: 14px;
}
.single-product.woocommerce div.product form.cart{
    margin-top: 2em;
}
.single-product.woocommerce div.product p.stock{
    display: none !important;
}
.single-product .woocommerce-product-details__short-description ul{
    padding-left: 14px;
}
.single-product form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), 
.single-product form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_){
    padding: 16px !important;
    height: auto;
    border: none !important;
    background-color: var(--color-negro);
    width: 200px !important;
    height: 48px !important;
}
html .single-product .qib-container .quantity input.qty:not(#qib_id):not(#qib_id),
html .single-product .qib-button:not(#qib_id):not(#qib_id){
    width: 48px !important;
    height: 48px !important;
}
html .single-product .quantity .qty{
    width: 60px !important;
}
html .single-product .productos-relacionados{
    background-color: var(--color-gris);
    overflow: hidden;
}
html .single-product .productos-relacionados .products .product{
    height: auto;
}
html .single-product .banner-categoria .wp-block-group__inner-container{
    padding-bottom: 0px;
}
html .single-product .related > h2{
    letter-spacing: 0px !important;
    font-size: 50px;
    color: var(--color-blanco);
    margin-bottom: 48px;
    text-shadow: 0px 10px 39px white;
    color: var(--color-verde);
}
html .single-product .related > h2 span{
    color: var(--color-principal);
}
html .single-product .related a.button{
    width: auto;
    font-family: var(--ff-open) !important;
    color: var(--color-fondo) !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
}
html .single-product .related .product .woocommerce-loop-product__title{
    font-size: 1em !important;
    margin-bottom: 0px;
    word-break: break-all;
}
html .single-product .related .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    left: -15px;
}
html .single-product .related .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    right: -15px;
}
html .single-product .related .swiper-button-prev:after{
    color: var(--color-blanco);
    font-size: 13px;
}
html .single-product .related .swiper-button-next:after{
    color: var(--color-blanco);
    font-size: 13px;
}

/* LOGIN */
#customer_login .u-column1,
#customer_login .u-column2{
    width: 49% !important;
}
#customer_login .u-column1 form{
    display: flex;
    flex-direction: column;
}
#customer_login .u-column1 h2,
#customer_login .u-column2 h2{
    font-size: 30px;
}
#customer_login form.login, 
#customer_login form.register{
    border: 1px solid var(--color-principal-alt);
    border-radius: 10px !important;
}
#customer_login .u-column1 .button{
    margin-top: 33px;
    margin-bottom: 9px;
}
#customer_login .u-column1 .button,
#customer_login .u-column2 .button{
    background-color: var(--color-negro);
    color: var(--color-blanco);
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border: none !important;
    border-radius: 50px !important;
    font-family: var(--ff-poppins);
}
.woocommerce .return-to-shop {
    text-align: center;
    margin-bottom: 0px !important;
}
.woocommerce .return-to-shop a,
body.woocommerce-lost-password form .button{
    width: auto !important;
    padding: 14px 30px !important;
    background-color: var(--color-verde);
    color: var(--color-blanco);
    border: none !important;
    border-radius: 50px !important;
    transition: background-color 300ms ease, color 300ms ease;
}
.woocommerce .return-to-shop a:hover,
body.woocommerce-lost-password form .button:hover{
    background-color: var(--color-principal-alt) !important;
    color: var(--color-fondo) !important;
}

/* SOBRE NOSOTROS */
.sobre-nosotros .wp-block-group__inner-container > h2{
    margin-bottom: 50px !important;
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-image{
    text-align: right;
    position: relative;
    height: 100%;
}
.sobre-nosotros .wp-block-group__inner-container img{
    max-width: 100%;
    object-fit: cover;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 100%;
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
    font-size: 40px !important;
    font-weight: 500 !important;
    margin-bottom: 30px !important;
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
    background: var(--color-principal);
    background: linear-gradient(202deg, rgb(29 249 251) 0%, rgb(255 255 255) 100%);
    color: var(--color-fondo);
    padding: 60px;
    box-sizing: border-box;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 100px !important;
}.sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child:before{
    content:"";
    width: 100px;
    height: 100%;
    background-color: var(--color-principal);
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-columns{
    gap: 0px;
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul{
    padding: 0px;
}
.sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
    list-style: none;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-fondo);
    font-weight: 500;
    padding-left: 20px;
    background-image: url(assets/images/icono-flecha.svg);
    background-repeat: no-repeat;
    background-position: left center;
}

/* MENU HAMBURGUER */
.hamburger {
    display: none;
}
.bar {
    display: block;
    width: 36px;
    height: 1px;
    margin: 8px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--color-negro);
}

/* FRONTPAGE */
body.home .wp-block-group .wp-block-group__inner-container{
    padding-top: 90px;
    padding-bottom: 90px;
}

/* SLIDER */
#slider{
    background-color: var(--color-fondo);
    position: relative;
}
#slider .swiper.swiper-initialized{
    opacity: 1;
}
#slider .swiper:not(.swiper-initialized){
    opacity: 0;
    transition: opacity 500ms ease;
}
#slider .wp-block-group__inner-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}
#slider .last{
    position: relative;
}
#slider .swiper-pagination{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    bottom: 35px;
}
#slider .swiper-pagination .swiper-pagination-bullet{
    margin: 0px 10px;
    width: auto;
    height: auto;
    border-radius: 10px;
    opacity: 0.5;
    width: 10px;
    height: 10px;
    background-color: var(--color-blanco);
}
#slider .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--color-principal);
    color: var(--color-negro);
    font-weight: bold;
    opacity: 1
}
#slider .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-blanco);
    border-radius: 50px;
    left: 25px;
}
#slider .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-blanco);
    border-radius: 50px;
    right: 25px;
}
#slider .swiper-button-prev:after{
    color: var(--color-verde);
    font-size: 13px;
}
#slider .swiper-button-next:after{
    color: var(--color-verde);
    font-size: 13px;
}

/* SOBRE */
#sobre{
    background-color: var(--color-gris);
}
#sobre img{
    border-radius: 10px;
}
#sobre p{
    color: var(--color-verde-alt);
}
#sobre h2{
    color: var(--color-principal);
    font-size: 50px;
    margin-bottom: 20px;
}
#sobre h2::first-line{
    color: var(--color-verde-alt) !important;
}

/* SOMOS */
#somos{
    background-color: var(--color-blanco);
}
#somos img{
    border-radius: 10px;
}
#somos p{
    color: var(--color-verde-alt);
}
#somos h2{
    color: var(--color-principal);
    font-size: 50px;
    margin-bottom: 20px;
}
#somos h2::first-line{
    color: var(--color-verde-alt) !important;
}

/* PQE */
#pqe{
    background-color: var(--color-gris) !important;
}
#pqe img{
    mix-blend-mode: multiply;
}
#pqe h2{
    letter-spacing: 0px !important;
    font-size: 50px;
    margin-bottom: 28px;
}
#pqe h2::first-line{
    color: var(--color-verde-alt) !important;
}
#pqe p{
    font-size: 18px;
    color: var(--color-verde);
    font-weight: 500;
}
#pqe ul li:before{
    content:"";
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    background-image: url(assets/images/icono-check.svg?v=1);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    left: 0px;
}
#pqe ul li{
    padding-left: 30px;
    position: relative;
    font-weight: bold;
}
#pqe ul li:not(:last-child){
    margin-bottom: 10px;
}

/* SERVICIOS*/
#servicios{
    background-color: var(--color-blanco);
}
body:not(.home) #servicios{
    background-color: var(--color-blanco);
}
body:not(.home) #servicios .grilla-servicios .item-servicio a:after{
    background: linear-gradient(0deg, rgb(8 47 27) 30%, rgba(255, 255, 255, 0) 100%) !important; 
}
#servicios h2{
    letter-spacing: 0px !important;
    font-size: 50px;
    color: var(--color-blanco);
    margin-bottom: 48px;
    text-shadow: 0px 10px 39px white;
    color: var(--color-verde);
}
#servicios h2 span{
    color: var(--color-principal);
}
#servicios .swiper.swiper-initialized{
    opacity: 1;
}
#servicios .swiper:not(.swiper-initialized){
    opacity: 0;
    transition: opacity 500ms ease;
}
#servicios .swiper .swiper-slide{
    position: relative;
}
#servicios .swiper .swiper-slide:after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
}
#servicios .swiper .swiper-slide img{
    border-radius: 10px;
}
#servicios .swiper .swiper-slide h3{
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    font-size: 24px;
    color: var(--color-blanco);
    width: calc(100% - 60px);
}
#servicios .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-blanco);
    border-radius: 50px;
    top: calc(50% - 35px);
    left: -5px;
}
#servicios .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-blanco);
    border-radius: 50px;
    top: calc(50% - 35px);
    right: -5px;
}
#servicios .swiper-button-prev:after{
    color: var(--color-verde);
    font-size: 13px;
}
#servicios .swiper-button-next:after{
    color: var(--color-verde);
    font-size: 13px;
}
.wp-block-buttons{
    position: relative;
}
.wp-block-buttons:before{
    content: "";
    width: calc(100% - 200px);
    height: 1px;
    background-color: #8f9f17;
    display: block;
    position: absolute;
    top: 24px;
}
.wp-block-buttons .wp-block-button .wp-block-button__link{
    background-color: var(--color-verde);
    color: white;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: bolder;
    transition: background-color 500ms ease;
    font-family: var(--ff-poppins);
}
.wp-block-buttons .wp-block-button a:hover.wp-block-button__link{
    background-color: var(--color-fondo);
}

/* MAS VENDIDOS */
#mas-vendido{
    background-color: var(--color-blanco);
}
#mas-vendido h2{
    letter-spacing: 0px !important;
    font-size: 50px;
    color: var(--color-verde-alt);
    margin-bottom: 48px;
    text-shadow: 0px 10px 39px white;
}
#mas-vendido h2 span{
    color: var(--color-principal);
}
#mas-vendido .swiper.swiper-initialized{
    opacity: 1;
}
#mas-vendido .swiper:not(.swiper-initialized){
    opacity: 0;
    transition: opacity 500ms ease;
}
#mas-vendido .swiper .swiper-slide{
    position: relative;
}
#mas-vendido .swiper .swiper-slide a:after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 40%);
    border-radius: 10px;
    border: 1px solid #e8e8e8;
}
#mas-vendido .swiper .swiper-slide a{
    padding-bottom: 100px !important;
    display: block;
}
#mas-vendido .swiper .swiper-slide img{
    border-radius: 10px;
    width: 100%;
    height: auto;
}
#mas-vendido .swiper .swiper-slide h2{
    position: absolute;
    bottom: 40px;
    left: 30px;
    z-index: 10;
    font-size: 18px;
    line-height: 1.3em;
    color: var(--color-blanco);
    width: calc(100% - 60px);
    margin-bottom: 0px;
}
#mas-vendido .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    top: calc(50% - 35px);
    left: -5px;
}
#mas-vendido .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    top: calc(50% - 35px);
    right: -5px;
}
#mas-vendido .swiper-button-prev:after{
    color: var(--color-blanco);
    font-size: 13px;
}
#mas-vendido .swiper-button-next:after{
    color: var(--color-blanco);
    font-size: 13px;
}
#mas-vendido .wp-block-buttons:before{
    background-color: var(--color-gris);
}

/* PROYECTOS */
#proyectos{
    background-color: #15402C;
    background: linear-gradient(0deg, rgba(21, 64, 47, 1) 0%, rgb(24 90 64) 100%);
}
body:not(.home) #proyectos{
    background-color: var(--color-blanco);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255) 100%);
}
#proyectos .listado-proyectos{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}
#proyectos .listado-proyectos .item-proyecto{
    position: relative;
}
#proyectos .listado-proyectos .item-proyecto:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg, rgb(8 47 27) 30%, rgba(255, 255, 255, 0) 60%);
    border-radius: 10px;
}
#proyectos .listado-proyectos .item-proyecto h3{
    position: relative;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    font-size: 21px;
    color: var(--color-blanco);
    width: calc(100% - 60px);
    line-height: 1.4em;
    margin-top: -50px;
}
#proyectos .listado-proyectos .item-proyecto img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#proyectos h2{
    color: var(--color-blanco);
    font-size: 50px;
    margin-bottom: 48px;
    text-shadow: 0px 10px 39px white;
}
#proyectos .swiper.swiper-initialized{
    opacity: 1;
}
#proyectos .swiper:not(.swiper-initialized){
    opacity: 0;
    transition: opacity 500ms ease;
}
#proyectos .swiper .swiper-slide{
    position: relative;
    height: auto;
}
#proyectos .swiper .swiper-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg, rgb(8 47 27) 30%, rgba(255, 255, 255, 0) 60%);
    border-radius: 10px;
}
#proyectos .swiper .swiper-slide h3 {
    position: relative;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    font-size: 21px;
    color: var(--color-blanco);
    width: calc(100% - 60px);
    line-height: 1.4em;
    margin-top: -50px;
}
#proyectos .swiper .swiper-slide img{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#proyectos .wp-block-buttons:before{
    background-color: #145e3a;
}
#proyectos .wp-block-buttons .wp-block-button .wp-block-button__link{
    background-color: var(--color-verde);
}
#proyectos .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    top: calc(50% - 35px);
    left: -5px;
}
#proyectos .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    top: calc(50% - 35px);
    right: -5px;
}
#proyectos .swiper-button-prev:after{
    color: white;
    font-size: 13px;
}
#proyectos .swiper-button-next:after{
    color: white;
    font-size: 13px;
}

/* CIFRAS */
#cifras{
    background-color: var(--color-gris);
}
#cifras h2{
    font-size: 50px;
    margin-bottom: 48px;
    text-align: center;
}
#cifras h2::first-line{
    color: var(--color-verde);
}
#cifras ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#cifras ul li{
    flex-basis: calc(25% - 12px);
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 20px;
    padding: 40px 30px;
}
#cifras ul li .cifra{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
#cifras ul li p{
    text-align: center;
    margin-bottom: 0px;
}
#cifras ul li p span{
    font-size: 60px;
    color: var(--color-verde);
    font-weight: 500;
}
#cifras ul li p em{
    font-style: normal;
    display: block;
    font-weight: bold;
    font-size: 18px;
}
#cifras ul li img{
    width: 100px;
    height: auto;
    filter: brightness(72%) contrast(100%) saturate(80%) blur(0px) hue-rotate(281deg);
}

/* BANNER TEXTO */
body.page-id-30 #banner-texto{
    background-color: var(--color-blanco);
}
body.page-id-30 #banner-texto h2{
    color: var(--color-principal);
}
#banner-texto{
    padding: 90px 0px;
    background-color: var(--color-principal);
    color: white;
}
#banner-texto h2{
    font-size: 50px;
    margin-bottom: 48px;
    text-align: center;
    font-family: var(--ff-poppins) !important;
    font-weight: 500;
    letter-spacing: 0.01em !important;
}
#banner-texto h2::first-line{
    color: var(--color-verde);
}
#banner-texto .wp-block-buttons:before{
    display: none;
}

/* NUESTROS CLIENTES */
body.page-id-28 #nuestros-clientes{
    background-color: var(--color-gris);
}
#nuestros-clientes h2{
    font-size: 50px;
    margin-bottom: 48px;
    text-align: center;
    color: var(--color-principal);
}
#nuestros-clientes h2 span{
    color: var(--color-verde);
}
#nuestros-clientes .swiper{
    mix-blend-mode: multiply;
}
#nuestros-clientes .swiper .swiper-slide img{
    max-width: 160px;
    height: auto;
}

/* DISTRIBUIDOR */
#distribuidor{
    background-color: var(--color-principal);
}
#distribuidor h2{
    color: var(--color-blanco);
    padding: 20px 0px;
    font-size: 38px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0px;
    font-weight: bold;
}

/* TESTIMONIOS */
#testimonios p{
    color: var(--color-verde);
    line-height: 1.6em;
    font-style: italic;
    font-size: 17px;
}
#testimonios p span:before{
    content:"";
    background-image: url(assets/images/icono-quote.svg);
    width: 75px;
    height: 75px;
    display: block;
    opacity: 0.1;
    margin-bottom: 20px;
}
#testimonios h2{
    font-size: 50px;
    margin-bottom: 48px;
    text-align: center;
    color: var(--color-principal);
}
#testimonios h2::first-line{
    color: var(--color-verde);
}
#testimonios .swiper .swiper-slide{
    background: var(--color-gris);
    border-radius: 10px;
    padding: 45px;
    height: auto;
    position: relative;
    padding-bottom: 100px;
}
#testimonios .swiper .swiper-slide h3{
    font-size: 21px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 45px;
    left: 45px;
    color: var(--color-principal);
}
#testimonios .swiper .swiper-slide h3 img{
    margin-right: 10px;
    opacity: 0.3;
}
#testimonios .swiper-button-prev{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    left: -5px;
}
#testimonios .swiper-button-next{
    width: 40px;
    height: 40px;
    background-color: var(--color-verde);
    border-radius: 50px;
    right: -5px;
}
#testimonios .swiper-button-prev:after{
    color: white;
    font-size: 13px;
}
#testimonios .swiper-button-next:after{
    color: white;
    font-size: 13px;
}
#testimonios .swiper-pagination{
    position: static;
    margin-top: 30px;
}
#testimonios .swiper-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    margin: 0px 8px;
}
#testimonios .swiper-pagination .swiper-pagination-bullet-active{
    background-color: var(--color-verde);
}

/* SERVICIOS */
.grilla-servicios{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.grilla-servicios .item-servicio{
    width: calc(33% - 15px);
    margin-bottom: 30px;
}
.grilla-servicios .item-servicio span{
    background-color: #b1c535;
    color: #082f1b;
    padding: 7px 20px;
    border-radius: 50px;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 20px;
    display: inline-flex;
    transition: background-color 350ms ease;
}
.grilla-servicios .item-servicio a:hover span{
    background-color: var(--color-blanco);
}
.grilla-servicios .item-servicio a{
    position: relative;
    display: block;
}
.grilla-servicios .item-servicio a:after{
    content:"";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 10px;
}
body:not(.home) #servicios .grilla-servicios .item-servicio a .item-servicio__contenido{
    position: absolute;
    bottom: 10px;
    left: 25px;
    z-index: 5;
    width: calc(100% - 50px);
}
body:not(.home) #servicios .grilla-servicios .item-servicio a .item-servicio__contenido h3{
    position: static;
}
body:not(.home) #servicios .grilla-servicios .item-servicio a .item-servicio__contenido p{
    color: var(--color-blanco);
    font-size: 12px;
}
.grilla-servicios .item-servicio a h3{
    position: absolute;
    bottom: 10px;
    left: 25px;
    color: var(--color-blanco);
    z-index: 5;
    font-size: 1.6em;
}
.grilla-servicios .item-servicio figure{
    border-radius: 10px;
    margin-bottom: 0px;
    overflow: hidden;
}
.grilla-servicios .item-servicio img{
    transform: scale(1) rotate(0deg);
    transition: transform 500ms ease;
}
.grilla-servicios .item-servicio a:hover img{
    transform: scale(1.1);
}

/* LISTADO ICONOS */
#iconos{
    background-color: var(--color-verde);
    color: var(--color-blanco);
}
#iconos .listado-iconos{
    display: flex;
    justify-content: space-between;
}
#iconos .listado-iconos.columnas-2 li{
    width: 45%;
    text-align: center;
    position: relative;
}
#iconos .listado-iconos.columnas-2 li:first-child:before{
    content:"";
    background-color: #3a6b5d;
    opacity: 1;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: -12.5%
}
#iconos .listado-iconos.columnas-3 li{
    width: 30%;
    text-align: center;
}
#iconos .listado-iconos.columnas-4 li{
    width: 20%;
    text-align: center;
}
#iconos .listado-iconos li img{
    width: 70px;
    height: auto;
    margin-bottom: 20px;
}
#iconos .listado-iconos li h2{
    font-size: 25px;
    margin-bottom: 20px;
}
#iconos .listado-iconos li p{
    font-size: 16px;
}

/* VALORES */
#valores{
    background-color: var(--color-blanco);
}
#valores .wp-block-group__inner-container .row .col-12:first-child h2{
    color: var(--color-principal);
    font-size: 50px;
    margin-bottom: 48px;
    text-align: center;
}
#valores .wp-block-group__inner-container .row .col-12:first-child h2::first-line{
    color: var(--color-verde);
}
#valores .listado-valores{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#valores .listado-valores li{
    width: 20%;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}
#valores .listado-valores li img{
    width: 70px;
    height: auto;
    margin-bottom: 5px;
}
#valores .listado-valores li h2{
    font-size: 18px;
    margin-bottom: 20px;
    color: var(--color-verde);
    line-height: 1.3em;
}
#valores .listado-valores li p{
    font-size: 16px;
}

/* CONTACTO */
body:not(.home) #contacto{
    background-color: var(--color-blanco);
}
body:not(.home) #contacto .wpcf7 input:not([type="submit"]),
body:not(.home) #contacto .wpcf7 select,
body:not(.home) #contacto .wpcf7 textarea{
    background-color: var(--color-gris);
}
#contacto{
    background: var(--color-gris);
}
#contacto h2{
    font-size: 50px;
    color: var(--color-principal);
}
#contacto h2::first-line{
    color: var(--color-verde-alt);
}
#contacto .wpcf7 input,
#contacto .wpcf7 select,
#contacto .wpcf7 textarea{
    background-color: var(--color-blanco);
    border: none !important;
    padding: 15px !important;
    transition: box-shadow 300ms ease;
}
#contacto .wpcf7 input:focus,
#contacto .wpcf7 select:focus,
#contacto .wpcf7 textarea:focus{
    outline: 0;
    box-shadow: 0 8px 16px rgb(24 93 74 / 15%);
}
#contacto .wpcf7 br{
    display: none;
}
#contacto .wpcf7 p{
    margin-bottom: 20px;
}
#contacto .wpcf7 .wpcf7-not-valid-tip{
    font-size: 12px;
    margin-top: 5px;
}
#contacto .wpcf7 input[type="submit"]{
    margin-top: -5px !important;
    background-color: var(--color-verde);
    color: white;
    padding: 12px 30px !important;
    border-radius: 50px !important;
    font-weight: bolder;
    transition: background-color 500ms ease;
    font-family: var(--ff-poppins);
}
#contacto .wpcf7 input[type="submit"]:hover{
    background-color: var(--color-fondo);
}
#contacto .wpcf7-spinner{
    display: none;
}
#contacto .wpcf7.submitting .wpcf7-spinner{
    margin-left: auto;
    margin-right: auto;
}
#contacto .wpcf7-response-output{
    border: none;
    text-align: center;
    font-weight: bold;
    color: var(--color-fondo);
}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 label{
    width: 100%;
}
.wpcf7 textarea{
    height: 110px;
}
.woocommerce-ordering{
    display: none;
}

/* LATERAL MENU */
html .mm-spn.mm-spn--light{
    background-color: var(--color-verde) !important;
}
html #close-button svg path{
    fill: var(--color-blanco);
}
html .mm-spn.mm-spn--navbar.mm-spn--main:after{
    background-size: 140px;
    filter: brightness(100);
}
html .mm-spn .menu-icon a{
    display: flex;
}
html .mm-spn .menu-icon a figure{
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
html .mm-spn .menu-icon a img{
    filter: invert(1);
    max-width: 30px;
    height: auto;
}
html .mm-spn a{
    color: var(--color-blanco);
}
html .mm-spn > ul > li.current-menu-ancestor,
html .mm-spn > ul > li.current-menu-item,
html .mm-spn > ul > li.current-menu-ancestor > ul > li.current-menu-ancestor,
html .mm-spn > ul > li.current-menu-item > ul > li.current-menu-item{
    background-color: #98aa17;
}
html .mm-spn.mm-spn--navbar ul{
    background-color: var(--color-verde);
}
html .mm-spn li.current-menu-ancestor:before,
html .mm-spn li.current-menu-item:before{
    color: var(--color-fondo);
}
html .mm-spn li.current-menu-ancestor > a,
html .mm-spn li.current-menu-item a{
    font-weight: bold;
    background-color: var(--color-principal);
    color: var(--color-fondo);
}
html .mm-spn.mm-spn--navbar:before{
    top: 40px;
    width: 12px;
    height: 12px;
    opacity: 1;
    color: white;
}
html .mm-spn.mm-spn--navbar:after{
    line-height: 79px;
    font-size: 31px;
    font-weight: bold;
    color: white;
    opacity: 0.5;
    text-transform: uppercase;
}

/* BLOQUE GRACIAS */
.woocommerce-order-received .woocommerce-info{
    border-radius: 10px;
}
.woocommerce-checkout .woocommerce-form-login{
    margin: 60px 0px !important
}
.woocommerce-checkout .woocommerce-form-login,
.woocommerce-account .woocommerce form.login,
.woocommerce-lost-password .lost_reset_password,
.woocommerce-order-received .woocommerce form.login{
    padding: 40px !important;
    border: none !important;
    background-color: var(--color-verde) !important;
    border-radius: 10px !important;
    display: block;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-checkout .woocommerce-form-login a,
.woocommerce-account .woocommerce form.login a,
.woocommerce-order-received .woocommerce form.login a{
    color: white;
}
.woocommerce-checkout .woocommerce-form-login p,
.woocommerce-account .woocommerce form.login p,
.woocommerce-lost-password .lost_reset_password p,
.woocommerce-order-received .woocommerce form.login label{
    color: var(--color-blanco);
}
.woocommerce-checkout .woocommerce-form-login .form-row-first,
.woocommerce-checkout .woocommerce-form-login .form-row-last,
.woocommerce-order-received .woocommerce form.login .form-row-first,
.woocommerce-order-received .woocommerce form.login .form-row-last{
    width: 100% !important;
}
.woocommerce-order-received .woocommerce form.login,
.woocommerce-account .woocommerce form.login{
    max-width: 600px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit{
    float: none;
}
.woocommerce-checkout .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit,
body.woocommerce-lost-password form .button,
.woocommerce-order-received .woocommerce-form-login .woocommerce-form-login__submit{
    margin-top: 20px !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
    background-color: var(--color-principal) !important;
    color: var(--color-verde) !important;
    border: none !important;
    transition: background-color 500ms ease;
}
.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit:hover,
body.woocommerce-lost-password form .button:hover,
.woocommerce-order-received .woocommerce-form-login .woocommerce-form-login__submit:hover{
    background-color: var(--color-blanco) !important;
}
.woocommerce-order-received .woocommerce-form-login .woocommerce-form-login__rememberme{
    font-weight: 400;
}
html .products .product a:hover.added_to_cart{
    color: var(--color-verde) !important;
}
.bloque-gracias{
    background-color: var(--color-verde);
    border-radius: 10px;
    padding: 60px 20px;
}
.bloque-gracias h2{
    font-size: 50px;
    color: var(--color-blanco);
}
.bloque-gracias h2 span{
    color: var(--color-principal) !important;
}
.bloque-gracias h2 img{
    margin-left: -15px;
    margin-bottom: 10px;
}
.bloque-gracias span{
    color: var(--color-principal);
}
.bloque-gracias p{
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-blanco);
}
.bloque-gracias .wp-block-buttons,
.bloque-gracias .wp-block-buttons .wp-block-button,
.bloque-gracias .wp-block-buttons .wp-block-button .wp-block-button__link{
    width: auto;
}
.bloque-gracias .wp-block-buttons:before{
    display: none;
}
.bloque-gracias .wp-block-buttons .wp-block-button .wp-block-button__link{
    background-color: var(--color-principal) !important;
    font-family: var(--ff-open) !important;
    color: var(--color-verde) !important;
    border-radius: 50px !important;
}
.bloque-gracias .wp-block-buttons .wp-block-button a:hover.wp-block-button__link{
    background-color: white !important;
}

@media (min-width: 0px) and (max-width: 480px) {
    #header{
        position: relative !important;
    }
    #preheader div.me-2{
        display: none;
    }
    html #preheader ul.first a{
        font-size: 12px !important;
    }
    .subcats-header-images > div{
        height: 135px;
        margin-bottom: 20px;
    }
    ul.products {
        display: flex;
        flex-wrap: wrap; 
        justify-content: space-between;
    }
    ul.products:before{
        display: none !important;
    }
    ul.products li.product {
        display: flex;
        flex-direction: column;
    }
    ul.products li.product .button {
        margin-top: auto;
    }
    html .single-product .site-main .wp-block-group:not(.productos-relacionados):not(:first-child){
        padding-bottom: 0px;
    }
    html .woocommerce div.product div.summary{
        width: 100%;
        margin-bottom: 0px;
    }
    html .woocommerce-page div.product .woocommerce-product-gallery{
        width: 100%;
    }
    html .single-product .yith-ywraq-add-button{
        position: fixed;
        bottom: 20px;
        left: 12px;
        width: calc(100% - 24px);
        z-index: 1000;
    }
    html .single .yith-ywraq-add-button a{
        width: 100%;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
        width: 100%;
    }
    .ywraq-form-table-wrapper.wide form#yith-ywraq-form,
    .ywraq-form-table-wrapper.wide .yith-ywraq-mail-form-wrapper{
        padding: 25px;
    }
    #tab-tab-manuales-drivers{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    html .woocommerce div.product .woocommerce-tabs .panel {
        padding: 50px 0px 40px 0px !important;
    }
    .section-block .wp-block-group__inner-container > h2{
        font-size: 30px;
    }

    /* CHECKOUT */
    .wp-block-group .wp-block-group__inner-container input, 
    .wp-block-group .wp-block-group__inner-container select, 
    .wp-block-group .wp-block-group__inner-container button, 
    .wp-block-group .wp-block-group__inner-container textarea,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-results__option{
        font-size: 14px;
    }
    html .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .woocommerce-checkout .col2-set .col-1{
        width: 100%;
    }
    .woocommerce-checkout .col2-set .col-2{
        margin-top: 40px;
        width: 100%;
        padding: 30px 25px;
    }

    /* SINGLE PRODUCTO */
    .single-product.woocommerce div.product form.cart:before,
    .single-product.woocommerce div.product form.cart:after{
        display: none !important;
    }
    .single-product.woocommerce div.product form.cart{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .single-product form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), 
    .single-product form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_){
        width: calc(100% - 160px) !important;
        margin-left: 0px !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 35px;
    }
    .woocommerce-edit-address .col2-set{
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-edit-address .col2-set .col-2{
        margin-left: 0px !important;
        margin-top: 30px;
    }
    .woocommerce-edit-address .col2-set .col-1, .woocommerce-edit-address .col2-set .col-2{
        width: 100%;
    }
    .woocommerce-orders table.shop_table_responsive tbody th,
    .woocommerce-orders table.shop_table_responsive tbody th{
        display: block;
    }
    .woocommerce-orders .woocommerce-orders-table__cell-order-number{
        border-top: 0px !important;
        font-size: 22px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        display: block;
        color: var(--color-negro);
        text-decoration: none;
    }
    body.woocommerce-account.woocommerce-edit-address form,
    .woocommerce-edit-account fieldset,
    .woocommerce-MyAccount-navigation ul{
        padding: 20px !important;
    }
    html .woocommerce-view-order .woocommerce-column__title, 
    html .woocommerce-view-order .woocommerce-order-details__title{
        font-size: 22px !important;
    }
    .woocommerce-orders table.my_account_orders{
        margin-bottom: 0px;
    }
    #footer .first-col p{
        font-size: 13px !important;
    }

    /* LOGIN */
    #customer_login .u-column1 h2, 
    #customer_login .u-column2 h2,
    .woocommerce-edit-address .col2-set .col-1 h2, 
    .woocommerce-edit-address .col2-set .col-2 h2{
        font-size: 23px !important;
    }
    .woocommerce-edit-address .col2-set .col-1, .woocommerce-edit-address .col2-set .col-2{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .woocommerce-account .addresses .title .edit{
        left: 20px;
        width: calc(100% - 40px);
    }
    .woocommerce-form-register p,
    .woocommerce-privacy-policy-text p,
    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span,
    .woocommerce-account .woocommerce-LostPassword{
        font-size: 13px;
    }
    html .productos-destacados .productos-destacados-wrapper{
        padding: 40px 30px !important;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        border-radius: 15px !important;
        padding: 30px 20px !important;
        margin-bottom: 20px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 26px !important;
        margin-bottom: 20px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 13px;
    }

    /* FOOTER */
    #footer .container-fluid.last .col-12{
        flex-direction: column !important;
        padding-bottom: 20px !important;
    }
    #footer .container-fluid.last p{
        margin-bottom: 5px;
    }
    #footer .menu-servicios li{
        width: 100%;
    }

    /* HOME */
    body.home .wp-block-group .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .wp-block-group .wp-block-group__inner-container{
        --bs-gutter-x: 2rem;
    }
    #slider .wp-block-group__inner-container{
        padding-top: 20px;
    }
    #slider .swiper-pagination{
        order: 3;
        bottom: 25px;
    }
    #slider .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 20px;
    }
    #slider .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 20px;
    }
    #slider .swiper-pagination{
        justify-content: center;
    }
    /**/
    #sobre h2,
    #servicios h2,
    #slider .zone h2,
    #mas-vendido h2,
    #pqe h2,
    #proyectos h2,
    #cifras h2,
    #nuestros-clientes h2,
    #testimonios h2,
    #contacto h2{
        font-size: 35px;
    }
    #sobre .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child{
        order: 2;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child{
        order: 1;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child img{
        margin-bottom: 25px;
    }
    /**/
    #servicios h2{
        text-align: center;
    }
    #servicios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #servicios .swiper{
        overflow: visible;
    }
    #servicios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #servicios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #servicios .swiper .swiper-slide h3{
        bottom: 15px;
        left: 20px;
    }
    #servicios .swiper .swiper-slide a img{
        transition: opacity 500ms ease;
    }
    html #servicios .swiper.swiper-initialized .swiper-slide:not(.swiper-slide-active) a img{
        opacity: 0.3;
    }
    .grilla-servicios .item-servicio{
        width: 100%;
        margin-bottom: 15px !important;
    }
    .grilla-servicios .item-servicio:last-child{
        margin-bottom: 0px !important;
    }
    .grilla-servicios .item-servicio a h3{
        font-size: 1.3em !important;
    }
    /**/
    #mas-vendido h2{
        text-align: center;
    }
    #mas-vendido .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #mas-vendido .swiper{
        overflow: visible;
    }
    #mas-vendido .swiper .swiper-slide h2{
        text-align: left;
        left: 20px;
        width: calc(100% - 40px);
    }
    #mas-vendido .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    #mas-vendido .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-next:after{
        color: var(--color-blanco)
    }
    #mas-vendido .swiper .swiper-slide a img{
        transition: opacity 500ms ease;
    }
    html #mas-vendido .swiper.swiper-initialized .swiper-slide:not(.swiper-slide-active) a img{
        opacity: 0.3;
    }
    #mas-vendido .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #mas-vendido .swiper .swiper-slide h2{
        font-size: 15px;
        bottom: 25px;
    }
    /**/
    #pqe .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #pqe .wp-block-group__inner-container img{
        margin-bottom: 25px;
        display: none;
    }
    #pqe .wp-block-group__inner-container ul{
        margin-bottom: 0px;
    }
    /**/
    #proyectos .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #proyectos h2{
        text-align: center;
    }
    #proyectos .wp-block-group__inner-container .swiper{
        overflow: visible;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide h3{
        font-size: 17px;
        left: 20px;
        width: calc(100% - 40px);
    }
    #proyectos .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #proyectos .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #proyectos .swiper .swiper-slide a img{
        transition: opacity 500ms ease;
    }
    html #proyectos .swiper.swiper-initialized .swiper-slide:not(.swiper-slide-active) a img{
        opacity: 0.3;
    }
    /**/
    #cifras .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    #cifras ul li{
        width: calc(50% - 10px);
        flex-basis: auto;
        margin-bottom: 20px;
    }
    #cifras ul li img {
        width: 50px;
    }
    #cifras ul li p span {
        font-size: 28px;
    }
    /**/
    #banner-texto{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #banner-texto h2{
        font-size: 26px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }
    #banner-texto h2 br{
        display: none;
    }
    /**/
    #nuestros-clientes .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #nuestros-clientes .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #nuestros-clientes .swiper{
        width: 90%;
    }
    /**/
    #distribuidor h2{
        font-size: 18px;
    }
    /**/
    #testimonios h2{
        text-align: center;
    }
    #testimonios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #testimonios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #testimonios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #testimonios p{
        font-size: 14px;
    }
    #testimonios p span:before{
        width: 45px;
        height: 45px;
        background-size: contain;
    }
    #testimonios .swiper .swiper-slide{
        padding: 35px;
        padding-bottom: 50px;
    }
    #testimonios .swiper .swiper-slide h3{
        font-size: 16px;
        left: 35px;
        bottom: 35px;
    }
    #testimonios .swiper .swiper-slide h3 img{
        width: 30px;
    }
    /**/
    #contacto h2{
        margin-bottom: 25px;
        text-align: center;
    }
    #contacto .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    /**/
    .wp-block-buttons{
        position: relative;
        z-index: 5;
    }
    .wp-block-buttons::before{
        display: none;
    }

    /* NOSOTROS */
    #somos h2{
        font-size: 35px !important;
    }
    #iconos .listado-iconos{
        flex-wrap: wrap;
    }
    #iconos .listado-iconos.columnas-2 li{
        width: 100%;
    }
    #iconos .listado-iconos.columnas-2 li:first-child{
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
    #iconos .listado-iconos.columnas-2 li:first-child:before{
        width: 100%;
        height: 1px;
        left: 0px;
        bottom: 0px;
        top: auto;
        right: auto;
    }
    #valores .col-12:first-child h2{
        font-size: 35px !important;
    }
    #valores .listado-valores{
        justify-content: start;
    }
    #valores .listado-valores li{
        width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #valores .listado-valores li h2 {
        font-size: 16px;
    }

    /* SERVICIOS */
    .page-id-30 #iconos .listado-iconos li img {
        width: 50px;
        margin-bottom: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li,
    .page-id-30 #iconos .listado-iconos.columnas-3 li,
    .page-id-30 #iconos .listado-iconos.columnas-4 li{
        width: 45%;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-3 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-4 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(2){
        margin-bottom: 25px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-3 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-4 li h2{
        font-size: 16px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li p,
    .page-id-30 #iconos .listado-iconos.columnas-3 li p,
    .page-id-30 #iconos .listado-iconos.columnas-4 li p{
        font-size: 14px;
        line-height: 1.4em;
    }

    /* PROYECTOS */
    #proyectos .listado-proyectos{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr;
        gap: 0px;
    }
    #proyectos .listado-proyectos li:not(:last-child){
        margin-bottom: 15px;
    }
    #proyectos .listado-proyectos .item-proyecto h3{
        bottom: 25px;
        left: 25px;
        font-size: 17px;
    }

    /* TIENDA */
    html .bloque-gracias h2{
        font-size: 28px !important;
    }
    html .bloque-gracias span{
        display: block;
    }
    html .bloque-gracias .order-number{
        display: inline-flex
    }
    .woocommerce-lost-password .lost_reset_password,
    .woocommerce-order-received .woocommerce form.login{
        padding: 40px 25px !important;
    }
    .woocommerce-lost-password .lost_reset_password p,
    .woocommerce-order-received .woocommerce form.login a{
        font-size: 12px;
        margin-top: 4px;
    }
    html .products .product a.added_to_cart,
    .archive.woocommerce ul.products li.product .button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    .archive.woocommerce .products .product .woocommerce-loop-product__title{
        padding-right: 20px !important;
        padding-bottom: 80px !important;
    }
    .archive.woocommerce .products .product .product__contenido:after{
        background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 50%);
    }
    .archive.woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product, 
    .archive.woocommerce-page ul.products[class*=columns-] li.product{
        width: calc(50% - 10px) !important;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
        margin-right: 0px;
        margin-left: auto;
    }
    html .single-product .related > h2{
        font-size: 35px;
        line-height: 1em;
    }
    html .productos-relacionados .swiper{
        overflow: visible;
    }
    html .productos-relacionados .swiper .swiper-slide-active{
        opacity: 1 !important;
    }
    html .productos-relacionados .swiper .swiper-slide{
        opacity: 0.5;
        transition: opacity 500ms ease;
    }
    html .productos-relacionados .swiper .swiper-slide .woocommerce-loop-product__title {
        padding-right: 20px !important;
        padding-bottom: 80px !important;
        margin-top: -10px;
    }
    html .single-product .productos-relacionados .swiper .swiper-slide a.button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    html .single-product .woocommerce-notices-wrapper{
        padding: 0px 5px;
        background-color: #f6f5f8;
    }
    html .single-product .woocommerce-message{
        margin-top: 0px;
        border-radius: 0px !important;
        font-size: 13px;
        flex-direction: column;
        padding: 20px 0px !important;
    }
    html .single-product .woocommerce-message a{
        margin-top: 20px;
    }
    html .woocommerce-account .woocommerce-form.login{
        padding: 40px 25px !important;
    }
    html .woocommerce-checkout .woocommerce-form-login{
        padding: 40px 25px !important;
        margin: 40px 0px !important
    }
    html .woocommerce-checkout .woocommerce-form-login p{
        font-size: 14px !important;
    }
}
@media (min-width: 481px) and (max-width: 576px) {
    /* SINGLE PRODUCTO */
    .single-product.woocommerce div.product form.cart:before,
    .single-product.woocommerce div.product form.cart:after{
        display: none !important;
    }
    .single-product.woocommerce div.product form.cart{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .single-product form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), 
    .single-product form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_){
        width: calc(100% - 160px) !important;
        margin-left: 0px !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 35px;
    }
    .woocommerce-edit-address .col2-set{
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-edit-address .col2-set .col-2{
        margin-left: 0px !important;
        margin-top: 30px;
    }
    .woocommerce-edit-address .col2-set .col-1, .woocommerce-edit-address .col2-set .col-2{
        width: 100%;
    }
    html .woocommerce-view-order .woocommerce-column__title, 
    html .woocommerce-view-order .woocommerce-order-details__title{
        font-size: 25px !important;
    }
    body.woocommerce-account.woocommerce-edit-address form,
    .woocommerce-edit-account fieldset,
    .woocommerce-MyAccount-navigation ul{
        padding: 20px !important;
    }
    .woocommerce-orders .woocommerce-orders-table__cell-order-number{
        border-top: 0px !important;
        font-size: 22px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        display: block !important;
        color: var(--color-negro);
        text-decoration: none;
    }
    html .woocommerce-address-fields__field-wrapper #shipping_address_1_field{
        margin-bottom: 20px !important;
    }
    /* LOGIN */
    #customer_login .u-column1 h2, 
    #customer_login .u-column2 h2,
    .woocommerce-edit-address .col2-set .col-1 h2, 
    .woocommerce-edit-address .col2-set .col-2 h2{
        font-size: 23px !important;
    }
    .woocommerce-edit-address .col2-set .col-1, .woocommerce-edit-address .col2-set .col-2{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .woocommerce-account .addresses .title .edit{
        left: 20px;
        width: calc(100% - 40px);
    }
    .woocommerce-form-register p,
    .woocommerce-privacy-policy-text p,
    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span,
    .woocommerce-account .woocommerce-LostPassword{
        font-size: 13px;
    }
    html .productos-destacados .productos-destacados-wrapper{
        padding: 40px 30px !important;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        border-radius: 15px !important;
        padding: 30px !important;
        margin-bottom: 20px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 13px;
    }

    /* HOME */
    body.home .wp-block-group .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .wp-block-group .wp-block-group__inner-container{
        --bs-gutter-x: 2rem;
    }
    #slider .wp-block-group__inner-container{
        padding-top: 20px;
    }
    #slider .swiper-pagination{
        order: 3;
        bottom: 25px;
    }
    #slider .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 20px;
    }
    #slider .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 20px;
    }
    #slider .swiper-pagination{
        justify-content: center;
    }
    /**/
    #sobre h2,
    #servicios h2,
    #slider .zone h2,
    #mas-vendido h2,
    #pqe h2,
    #proyectos h2,
    #cifras h2,
    #nuestros-clientes h2,
    #testimonios h2,
    #contacto h2{
        font-size: 35px;
    }
    #sobre .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child{
        order: 2;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child{
        order: 1;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child img{
        margin-bottom: 25px;
    }
    /**/
    #servicios h2{
        text-align: center;
    }
    #servicios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #servicios .swiper{
        overflow: visible;
    }
    #servicios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #servicios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #servicios .swiper .swiper-slide h3{
        bottom: 15px;
        left: 20px;
    }
    #servicios .swiper .swiper-slide a img{
        transition: opacity 500ms ease;
    }
    html #servicios .swiper.swiper-initialized .swiper-slide:not(.swiper-slide-active) a img{
        opacity: 0.3;
    }
    .grilla-servicios .item-servicio{
        width: 100%;
        margin-bottom: 15px !important;
    }
    .grilla-servicios .item-servicio:last-child{
        margin-bottom: 0px !important;
    }
    .grilla-servicios .item-servicio a h3{
        font-size: 1.3em !important;
    }
    /**/
    #mas-vendido h2{
        text-align: center;
    }
    #mas-vendido .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #mas-vendido .swiper{
        overflow: visible;
    }
    #mas-vendido .swiper .swiper-slide h2{
        text-align: left;
        left: 20px;
        width: calc(100% - 40px);
    }
    #mas-vendido .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    #mas-vendido .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-next:after{
        color: var(--color-blanco)
    }
    #mas-vendido .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    /**/
    #pqe .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #pqe .wp-block-group__inner-container img{
        margin-bottom: 25px;
        display: none;
    }
    #pqe .wp-block-group__inner-container ul{
        margin-bottom: 0px;
    }
    /**/
    #proyectos .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #proyectos h2{
        text-align: center;
    }
    #proyectos .wp-block-group__inner-container .swiper{
        overflow: visible;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide h3{
        font-size: 17px;
        left: 20px;
        width: calc(100% - 40px);
    }
    #proyectos .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #proyectos .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    /**/
    #cifras .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    #cifras ul li{
        width: calc(50% - 10px);
        flex-basis: auto;
        margin-bottom: 20px;
    }
    #cifras ul li img {
        width: 50px;
    }
    #cifras ul li p span {
        font-size: 28px;
    }
    /**/
    #banner-texto{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #banner-texto h2{
        font-size: 26px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }
    #banner-texto h2 br{
        display: none;
    }
    /**/
    #nuestros-clientes .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #nuestros-clientes .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #nuestros-clientes .swiper{
        width: 90%;
    }
    /**/
    #distribuidor h2{
        font-size: 18px;
    }
    /**/
    #testimonios h2{
        text-align: center;
    }
    #testimonios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #testimonios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #testimonios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #testimonios p{
        font-size: 14px;
    }
    #testimonios p span:before{
        width: 45px;
        height: 45px;
        background-size: contain;
    }
    #testimonios .swiper .swiper-slide{
        padding: 35px;
        padding-bottom: 50px;
    }
    #testimonios .swiper .swiper-slide h3{
        font-size: 16px;
        left: 35px;
        bottom: 35px;
    }
    #testimonios .swiper .swiper-slide h3 img{
        width: 30px;
    }
    /**/
    #contacto h2{
        margin-bottom: 25px;
        text-align: center;
    }
    #contacto .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    /**/
    .wp-block-buttons{
        position: relative;
        z-index: 5;
    }
    .wp-block-buttons::before{
        display: none;
    }

    /* NOSOTROS */
    #somos h2{
        font-size: 35px !important;
    }
    #valores .col-12:first-child h2{
        font-size: 35px !important;
    }
    #valores .listado-valores{
        justify-content: start;
    }
    #valores .listado-valores li{
        width: 33%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #valores .listado-valores li h2 {
        font-size: 16px;
    }

    /* SERVICIOS */
    .page-id-30 #iconos .listado-iconos li img {
        width: 50px;
        margin-bottom: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2,
    .page-id-30 #iconos .listado-iconos.columnas-3,
    .page-id-30 #iconos .listado-iconos.columnas-4{
        flex-wrap: wrap;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li,
    .page-id-30 #iconos .listado-iconos.columnas-3 li,
    .page-id-30 #iconos .listado-iconos.columnas-4 li{
        width: 45%;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-3 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-4 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(2){
        margin-bottom: 25px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-3 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-4 li h2{
        font-size: 18px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li p,
    .page-id-30 #iconos .listado-iconos.columnas-3 li p,
    .page-id-30 #iconos .listado-iconos.columnas-4 li p{
        font-size: 14px;
        line-height: 1.4em;
    }

    /* PROYECTOS */
    #proyectos .listado-proyectos{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr;
        gap: 0px;
    }
    #proyectos .listado-proyectos li{
        width: calc(100% - 7.5px)
    }
    #proyectos .listado-proyectos li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    #proyectos .listado-proyectos li{
        margin-bottom: 15px;
    }
    #proyectos .listado-proyectos .item-proyecto h3{
        bottom: 25px;
        left: 25px;
        font-size: 17px;
    }

    /* TIENDA */
    html .bloque-gracias h2{
        font-size: 30px !important;
    }
    html .bloque-gracias span{
        display: block;
    }
    html .bloque-gracias .order-number{
        display: inline-flex
    }
    .archive.woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product, 
    .archive.woocommerce-page ul.products[class*=columns-] li.product{
        width: calc(50% - 10px) !important;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product:nth-child(2n){
        margin-right: 0px;
        margin-left: auto;
    }
    html .single-product .related > h2{
        font-size: 35px;
        line-height: 1em;
    }
    html .single-product .woocommerce-notices-wrapper{
        padding: 0px 5px;
        background-color: #f6f5f8;
    }
    html .single-product .woocommerce-message{
        margin-top: 0px;
        border-radius: 0px !important;
        font-size: 13px;
        flex-direction: column;
        padding: 20px 0px !important;
    }
    html .single-product .woocommerce-message a{
        margin-top: 20px;
    }
    html .woocommerce-account .woocommerce-form.login{
        padding: 40px 25px !important;
    }
    html .woocommerce-checkout .woocommerce-form-login{
        padding: 40px 25px !important;
        margin: 40px 0px !important
    }
    html .woocommerce-checkout .woocommerce-form-login p{
        font-size: 14px !important;
    }
    html .products .product a.added_to_cart,
    .archive.woocommerce ul.products li.product .button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    .archive.woocommerce .products .product .woocommerce-loop-product__title{
        padding-right: 20px !important;
        padding-bottom: 80px !important;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .subcats-header-images > div{
        height: 185px;
        margin-bottom: 20px;
    }
    .subcats-header-images div:first-child img{
        max-width: 160px !important;
    }
    .subcats-header-images img{
        max-width: 120px !important;
    }
    ul.products {
      display: flex;
      flex-wrap: wrap; 
      justify-content: space-between;
    }
    ul.products:before{
        display: none !important;
    }
    ul.products li.product {
        display: flex;
        flex-direction: column;
    }
    ul.products li.product .button {
        margin-top: auto;
    }
    html .single-product .site-main .wp-block-group:not(.productos-relacionados):not(:first-child){
        padding-bottom: 0px;
    }
    html .woocommerce div.product div.summary{
        width: 100%;
        margin-bottom: 0px;
    }
    html .woocommerce-page div.product .woocommerce-product-gallery{
        width: 100%;
    }
    html .single-product .yith-ywraq-add-button{
        position: fixed;
        bottom: 20px;
        left: 12px;
        width: calc(100% - 24px);
        z-index: 1000;
    }
    html .single .yith-ywraq-add-button a{
        width: 100%;
    }
    html .woocommerce div.product .woocommerce-tabs .panel {
        padding: 50px 25px 40px 25px !important;
    }
    #tab-tab-manuales-drivers{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .section-block .wp-block-group__inner-container > h2{
        font-size: 33px;
    }

    /* CHECKOUT */
    .woocommerce-lost-password .lost_reset_password,
    .woocommerce-order-received .woocommerce form.login{
        padding: 40px 25px !important;
    }
    .woocommerce-lost-password .lost_reset_password p,
    .woocommerce-order-received .woocommerce form.login a{
        font-size: 12px;
        margin-top: 4px;
    }
    .wp-block-group .wp-block-group__inner-container input, 
    .wp-block-group .wp-block-group__inner-container select, 
    .wp-block-group .wp-block-group__inner-container button, 
    .wp-block-group .wp-block-group__inner-container textarea,
    .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-results__option{
        font-size: 14px;
    }
    html .woocommerce form .form-row.woocommerce-validated .select2-container:not(.select2-container--open) .select2-selection{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .woocommerce-checkout .col2-set .col-1{
        width: 100%;
    }
    .woocommerce-checkout .col2-set .col-2{
        margin-top: 40px;
        width: 100%;
        padding: 30px 25px;
    }
    .woocommerce-orders table.my_account_orders{
        margin-bottom: 0px;
    }
    html .productos-destacados .productos-destacados-wrapper{
        padding: 40px 30px !important;
    }
}
@media (min-width: 0px) and (max-width: 768px) {
    .single-product form.cart .quantity.hidden{
        display: none;
    }
    body > .wrapper > #header + .wp-block-group,
    #main{
        border-top: 10px solid var(--color-principal);
    }
    .wpc-filters-widget-top-container.wpc-show-on-desktop{
        display: none !important;
    }
    .subcats{
        margin-top: 40px;
    }
    .banner-categoria + .wp-block-group .wp-block-group__inner-container{
        padding-top: 30px;
    }
    .banner-categoria + .wp-block-group .wp-block-group__inner-container .mb-5{
        margin-bottom: 30px !important;
    }
    .subcats + .wp-block-group .wp-block-group__inner-container{
        padding-top: 0px !important;
    }
    .wp-block-group.banner-categoria .wp-block-group__inner-container{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #customer_login form.register{
        margin-bottom: 0px !important;
    }
    #customer_login .u-column1, #customer_login .u-column2{
        width: 100% !important;
    }
    html #footer > div{
        background-position: bottom center !important;
        background-size: auto !important;
    }
    html .woocommerce div.product .woocommerce-tabs ul.tabs{
        display: none;
    }
    .resp-tab-content-active h2{
        display: block;
    }
    html .woocommerce #main div.product .woocommerce-tabs .panel{
        background-color: transparent !important;
        border: none !important;
        border-radius: 0px !important;
    }
    #footer .logo-footer img{
        margin-top: 20px !important;
        margin-bottom: 30px !important;
    }
    .woocommerce ul.products[class*=columns-]{
        margin-bottom: 0px !important;
    }
    .woocommerce ul.products[class*=columns-]:before,
    .woocommerce ul.products[class*=columns-]:after{
        display: none !important;
    }
    html .single-product .related .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: -10px;
        background-color: var(--color-verde);
    }
    html .single-product .related .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    html .single-product .related .swiper-button-next{
        width: 25px;
        height: 25px;
        right: -10px;
        background-color: var(--color-verde);
    }
    html .single-product .related .swiper-button-next:after{
        color: var(--color-blanco)
    }
}
@media (min-width: 577px) and (max-width: 767px) {
    /* HOME */
    #sobre h2, 
    #servicios h2, 
    #slider .zone h2, 
    #mas-vendido .wp-block-group__inner-container .row .col-12:first-child h2, 
    #pqe h2, 
    #proyectos h2, 
    #cifras h2, 
    #nuestros-clientes h2, 
    #testimonios h2, 
    #contacto h2{
        font-size: 40px !important;
    }
    #slider .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 20px;
    }
    #slider .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 20px;
    }
    #slider .swiper-button-prev:before,
    #slider .swiper-button-next:before{
        font-size: 10px;
    }
    #slider .swiper-pagination{
        justify-content: center;
    }
    
    #servicios .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 45px !important;
    }
    .grilla-servicios .item-servicio{
        width: calc(50% - 7.5px);
        margin-bottom: 15px !important;
    }
    .grilla-servicios .item-servicio a h3{
        font-size: 21px;
    }

    #sobre .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child{
        order: 2;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child p:last-child{
        margin-bottom: 0px;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child{
        order: 1
    }
    #sobre .wp-block-group__inner-container .col-12:last-child img{
        margin-bottom: 25px !important;
    }

    #mas-vendido .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #mas-vendido .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    #mas-vendido .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-next:after{
        color: var(--color-blanco)
    }
    .wp-block-buttons:before{
        display: none;
    }

    /**/
    #pqe .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #pqe .wp-block-group__inner-container img{
        margin-bottom: 25px;
        display: none;
    }
    #pqe .wp-block-group__inner-container ul{
        margin-bottom: 0px;
    }

    #proyectos .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #proyectos h2{
        text-align: center;
    }
    #proyectos .wp-block-group__inner-container .swiper{
        overflow: visible;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide h3{
        font-size: 19px;
        left: 20px;
        width: calc(100% - 40px);
    }
    #proyectos .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #proyectos .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }

    #cifras .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    #cifras ul li{
        width: calc(50% - 10px);
        flex-basis: auto;
        margin-bottom: 20px;
    }
    #cifras ul li img {
        width: 70px;
        margin-bottom: 15px;
    }
    #cifras ul li p span {
        font-size: 35px;
    }

    #banner-texto{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #banner-texto h2{
        font-size: 30px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }
    #banner-texto h2 br{
        display: none;
    }

    #nuestros-clientes .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #nuestros-clientes .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #nuestros-clientes .swiper{
        width: 90%;
    }

    #distribuidor h2{
        font-size: 21px;
    }

    #testimonios h2{
        text-align: center;
    }
    #testimonios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #testimonios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #testimonios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #testimonios .swiper .swiper-slide{
        padding-bottom: 80px !important;
    }
    #testimonios .swiper .swiper-slide p{
        font-size: 15px;
        margin-bottom: 0px;
    }
    #testimonios .swiper .swiper-slide h3{
        font-size: 16px;
        left: 44px !important;
        bottom: 35px;
        display: flex;
        align-items: center;
    }
    #testimonios .swiper .swiper-slide h3 img{
        width: 30px;
    }
    #testimonios p span::before{
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    #contacto h2{
        margin-bottom: 35px;
        text-align: center;
    }
    #contacto .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }

    /* WOOCOMMERCE */
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        margin-bottom: 35px;
    }
    .woocommerce-edit-address .col2-set{
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-edit-address .col2-set .col-2{
        margin-left: 0px !important;
        margin-top: 30px;
    }
    .woocommerce-edit-address .col2-set .col-1, .woocommerce-edit-address .col2-set .col-2{
        width: 100%;
    }
    html .woocommerce-view-order .woocommerce-column__title, 
    html .woocommerce-view-order .woocommerce-order-details__title{
        font-size: 25px !important;
    }
    body.woocommerce-account.woocommerce-edit-address form,
    .woocommerce-edit-account fieldset,
    .woocommerce-MyAccount-navigation ul{
        padding: 20px !important;
    }
    .woocommerce-orders .woocommerce-orders-table__cell-order-number{
        border-top: 0px !important;
        font-size: 22px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        display: block !important;
        color: var(--color-negro);
        text-decoration: none;
    }
    html .woocommerce-address-fields__field-wrapper #shipping_address_1_field{
        margin-bottom: 20px !important;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        border-radius: 15px !important;
        padding: 30px !important;
        margin-bottom: 20px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 13px;
    }
    
    #footer .footer-site-description{
        display: flex;
        align-items: center;
    }
    #footer .footer-site-description a img{
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    #footer .footer-site-description p{
        margin-bottom: 0px;
        margin-left: 30px;
    }

    /* NOSOTROS */
    #somos h2{
        font-size: 40px !important;
    }
    #valores .col-12:first-child h2{
        font-size: 40px !important;
    }
    #valores .listado-valores{
        justify-content: start;
    }
    #valores .listado-valores li{
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #valores .listado-valores li h2 {
        font-size: 16px;
    }

    /* SERVICIOS */
    .page-id-30 #iconos .listado-iconos li img {
        width: 60px;
        margin-bottom: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2,
    .page-id-30 #iconos .listado-iconos.columnas-3,
    .page-id-30 #iconos .listado-iconos.columnas-4{
        flex-wrap: wrap;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li,
    .page-id-30 #iconos .listado-iconos.columnas-3 li,
    .page-id-30 #iconos .listado-iconos.columnas-4 li{
        width: 45%;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-3 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-4 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(2){
        margin-bottom: 25px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-3 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-4 li h2{
        font-size: 20px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li p,
    .page-id-30 #iconos .listado-iconos.columnas-3 li p,
    .page-id-30 #iconos .listado-iconos.columnas-4 li p{
        font-size: 16px;
        line-height: 1.4em;
    }

    /* PROYECTOS */
    #proyectos .listado-proyectos{
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr;
        gap: 0px;
    }
    #proyectos .listado-proyectos li{
        width: calc(100% - 7.5px)
    }
    #proyectos .listado-proyectos li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    #proyectos .listado-proyectos li{
        margin-bottom: 15px;
    }
    #proyectos .listado-proyectos .item-proyecto h3{
        bottom: 25px;
        left: 25px;
        font-size: 19px;
    }

    /* TIENDA */
    html .bloque-gracias h2{
        font-size: 33px !important;
    }
    html .bloque-gracias span{
        display: block;
    }
    html .bloque-gracias .order-number{
        display: inline-flex
    }
    html .products .product a.added_to_cart,
    .archive.woocommerce ul.products li.product .button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    .archive.woocommerce .products .product .woocommerce-loop-product__title{
        padding-right: 20px !important;
        padding-bottom: 80px !important;
    }
    .archive.woocommerce .products .product .product__contenido:after{
        background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 50%);
    }
    .archive.woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product, 
    .archive.woocommerce-page ul.products[class*=columns-] li.product{
        width: calc(33% - 10px) !important;
        margin-bottom: 20px;
    }
    html .single-product .related > h2{
        font-size: 40px;
        line-height: 1em;
    }
    html .single-product .woocommerce-message{
        font-size: 13px;
    }
    html .woocommerce-account .woocommerce-form.login{
        padding: 40px 25px !important;
    }
    html .woocommerce-checkout .woocommerce-form-login{
        padding: 40px 25px !important;
        margin: 40px 0px !important
    }
    html .woocommerce-checkout .woocommerce-form-login p{
        font-size: 14px !important;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    .woocommerce-orders .woocommerce-orders-table__cell-order-number{
        border-top: 0px !important;
        font-size: 22px;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        display: block !important;
        color: var(--color-negro);
        text-decoration: none;
    }
    .woocommerce .col2-set, .woocommerce-page .col2-set{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    #customer_login .u-column1, #customer_login .u-column2{
        width: 47% !important;
    }
    #customer_login .u-column1 .button {
        margin-top: 37px;
    }
    .woocommerce-form-register p,
    .woocommerce-privacy-policy-text p,
    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span,
    .woocommerce-account .woocommerce-LostPassword{
        font-size: 13px;
    }

}
@media (min-width: 767px) and (max-width: 991px) {
    /* HOME */
    #sobre h2, 
    #servicios h2, 
    #slider .zone h2, 
    #mas-vendido .wp-block-group__inner-container .row .col-12:first-child h2, 
    #pqe h2, 
    #proyectos h2, 
    #cifras h2, 
    #nuestros-clientes h2, 
    #testimonios h2, 
    #contacto h2{
        font-size: 40px !important;
    }
    #slider .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 20px;
    }
    #slider .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 20px;
    }
    #slider .swiper-button-prev:before,
    #slider .swiper-button-next:before{
        font-size: 10px;
    }
    #slider .swiper-pagination{
        justify-content: center;
    }
    
    #servicios .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 45px !important;
    }
    .grilla-servicios .item-servicio{
        width: calc(50% - 7.5px);
        margin-bottom: 15px !important;
    }
    .grilla-servicios .item-servicio a h3{
        font-size: 21px;
    }

    #sobre .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child{
        order: 2;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child p{
        font-size: 13px;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child p:last-child{
        margin-bottom: 0px;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child{
        order: 1
    }
    #sobre .wp-block-group__inner-container .col-12:last-child img{
        margin-bottom: 25px !important;
    }

    #mas-vendido .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #mas-vendido .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    #mas-vendido .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-next:after{
        color: var(--color-blanco)
    }
    .wp-block-buttons:before{
        display: none;
    }

    /**/
    #pqe .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #pqe .wp-block-group__inner-container img{
        margin-bottom: 25px;
    }
    #pqe .wp-block-group__inner-container ul{
        margin-bottom: 0px;
    }
    #pqe .wp-block-group__inner-container ul li,
    #pqe .wp-block-group__inner-container p{
        font-size: 13px;
    }
    #pqe .wp-block-group__inner-container ul li:before{
        top: 0px;
    }

    #proyectos .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #proyectos h2{
        text-align: center;
    }
    #proyectos .wp-block-group__inner-container .swiper{
        overflow: visible;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide a{
        display: block;
        height: 100%;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide h3{
        font-size: 16px;
        left: 20px;
        width: calc(100% - 40px);
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #proyectos .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #proyectos .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }

    #cifras .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    #cifras ul li{
        width: calc(25% - 10px);
        flex-basis: auto;
        margin-bottom: 20px;
        padding: 40px 15px;
    }
    #cifras ul li img {
        width: 70px;
        margin-bottom: 15px;
    }
    #cifras ul li p span {
        font-size: 35px;
    }

    #banner-texto{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #banner-texto h2{
        font-size: 30px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }
    #banner-texto h2 br{
        display: none;
    }

    #nuestros-clientes .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #nuestros-clientes .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #nuestros-clientes .swiper{
        width: 90%;
    }

    #distribuidor h2{
        font-size: 21px;
    }

    #testimonios h2{
        text-align: center;
    }
    #testimonios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #testimonios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #testimonios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #testimonios .swiper .swiper-slide{
        padding-bottom: 80px !important;
    }
    #testimonios .swiper .swiper-slide p{
        font-size: 15px;
        margin-bottom: 0px;
    }
    #testimonios .swiper .swiper-slide h3{
        font-size: 16px;
        left: 44px !important;
        bottom: 35px;
        display: flex;
        align-items: center;
    }
    #testimonios .swiper .swiper-slide h3 img{
        width: 30px;
    }
    #testimonios p span::before{
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    #contacto h2{
        margin-bottom: 35px;
        text-align: left;
    }
    #contacto .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }

    .wp-block-buttons .wp-block-button .wp-block-button__link {
        padding: 10px 30px;
        font-size: 14px;
    }

    .woocommerce form .form-row-first, 
    .woocommerce form .form-row-last, 
    .woocommerce-page form .form-row-first, 
    .woocommerce-page form .form-row-last{
        width: 100%;
    }
    .woocommerce-checkout .col2-set .col-1{
        width: 50%;
    }
    .woocommerce-checkout .col2-set .col-2{
        width: 45%;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation{
        width: 35%;
        float: left;
    }
    .woocommerce-account .woocommerce-MyAccount-content{
        width: 60%;
        float: right;
    }
    .woocommerce-edit-address .col2-set{
        grid-template-columns: repeat(1,1fr);
    }
    .woocommerce-edit-address .col2-set .col-2{
        margin-left: 0px !important;
        margin-top: 30px;
    }
    html .woocommerce-view-order .woocommerce-column__title, 
    html .woocommerce-view-order .woocommerce-order-details__title{
        font-size: 25px !important;
    }
    .woocommerce .col2-set, .woocommerce-page .col2-set{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    #customer_login .u-column1, #customer_login .u-column2{
        width: 47% !important;
    }
    .woocommerce-form-register p,
    .woocommerce-privacy-policy-text p,
    .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span,
    .woocommerce-account .woocommerce-LostPassword{
        font-size: 13px;
    }
    #customer_login .u-column2 .button {
        margin-top: 5px;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        padding: 50px 30px !important;
        margin-bottom: 0px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    html .sobre-nosotros .wp-block-group__inner-container img{
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 13px;
    }

    #footer .footer-site-description{
        display: flex;
        align-items: center;
    }
    #footer .footer-site-description a{
        padding: 0px;
        margin: 0px;
    }
    #footer .footer-site-description a img{
        margin-bottom: 0px;
    }
    #footer .footer-site-description p{
        margin-bottom: 0px;
        margin-left: 30px;
    }

    /* NOSOTROS */
    #somos h2{
        font-size: 40px !important;
    }
    #valores .wp-block-group__inner-container .row .col-12:first-child h2{
        font-size: 40px !important;
    }
    #valores .listado-valores{
        justify-content: start;
    }
    #valores .listado-valores li{
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #valores .listado-valores li h2 {
        font-size: 16px;
    }

    /* SERVICIOS */
    .page-id-30 #iconos .listado-iconos li img {
        width: 60px;
        margin-bottom: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2,
    .page-id-30 #iconos .listado-iconos.columnas-3,
    .page-id-30 #iconos .listado-iconos.columnas-4{
        flex-wrap: wrap;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li,
    .page-id-30 #iconos .listado-iconos.columnas-3 li,
    .page-id-30 #iconos .listado-iconos.columnas-4 li{
        width: 45%;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(even),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(even){
        margin-left: auto;
        margin-right: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-3 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-4 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(2){
        margin-bottom: 25px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-3 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-4 li h2{
        font-size: 20px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li p,
    .page-id-30 #iconos .listado-iconos.columnas-3 li p,
    .page-id-30 #iconos .listado-iconos.columnas-4 li p{
        font-size: 16px;
        line-height: 1.4em;
    }

    /* PROYECTOS */
    #proyectos .listado-proyectos{
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-auto-rows: 1fr;
        gap: 0px;
    }
    #proyectos .listado-proyectos li{
        width: calc(100% - 7.5px)
    }
    #proyectos .listado-proyectos li:nth-child(3n){
        margin-left: auto;
        margin-right: 0px;
    }
    #proyectos .listado-proyectos li:nth-child(3n - 1){
        margin-left: auto;
        margin-right: auto;
    }
    #proyectos .listado-proyectos li{
        margin-bottom: 15px;
    }
    #proyectos .listado-proyectos .item-proyecto h3{
        bottom: 25px;
        left: 25px;
        font-size: 19px;
    }

    /* TIENDA */
    html .bloque-gracias h2{
        font-size: 37px !important;
    }
    html .products .product a.added_to_cart,
    .archive.woocommerce ul.products li.product .button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    .archive.woocommerce .products .product .woocommerce-loop-product__title{
        padding-right: 20px !important;
        padding-bottom: 80px !important;
    }
    .archive.woocommerce .products .product .product__contenido:after{
        background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 50%);
    }
    .archive.woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product, 
    .archive.woocommerce-page ul.products[class*=columns-] li.product{
        width: calc(33% - 10px) !important;
        margin-bottom: 20px;
        margin-right: 0px !important;
    }
    html .single-product .related > h2{
        font-size: 40px;
        line-height: 1em;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    body > .wrapper > #header + .wp-block-group,
    #main{
        border-top: 10px solid var(--color-principal);
    }
    .subcats-header-images > div{
        height: 185px;
        margin-bottom: 20px;
    }
    .subcats-header-images div:first-child img{
        max-width: 160px !important;
    }
    .subcats-header-images img{
        max-width: 120px !important;
    }
    .section-block .wp-block-group__inner-container > h2{
        font-size: 36px;
    }
    .woocommerce-orders .woocommerce-orders-table__cell-order-total,
    .woocommerce-orders .woocommerce-orders-table__header-order-total{
        display: none !important;
    }
    .woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .woocommerce ul.products[class*=columns-]:before,
    .woocommerce ul.products[class*=columns-]:after{
        display: none !important;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(3n-1){
        margin-left: auto;
        margin-right: auto;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(3n){
        margin-right: 0px;
        margin-left: auto;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 95% !important;
        margin-bottom: 20px !important;
    }
    html .productos-destacados .productos-destacados-wrapper{
        padding: 40px 30px !important;
    }
    #footer .menu-servicios li{
        width: 100%;
    }
    html .single-product .woocommerce-message{
        font-size: 14px;
    }
}
@media (max-width: 991px) {
    .woocommerce-tabs{
        margin-top: 50px;
    }
    .woocommerce-tabs .accordion-title{
        font-size: 24px;
        font-weight: 600;
        padding: 20px 0px;
        border-top: 1px solid var(--color-gris-alt);
        position: relative;
        transition: color 500ms ease;
    }
    .woocommerce-tabs .accordion-title:after{
        content:"\002B" !important;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translate(0, -50%);
        content:"";
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-gris);
        border-radius: 100px;
    }
    .woocommerce-tabs .accordion-title.active{
        color: var(--color-principal);
    }
    .woocommerce-tabs .accordion-title.active:after{
        content:"\2212" !important;
    }
    html #main div.product .woocommerce-tabs .woocommerce-Tabs-panel:not(:empty){
        border-top: 1px solid var(--color-gris-alt) !important;
    }
    html .banner-categoria .wp-block-group__inner-container .breadcrumbs{
        display: none;
    }
    html .home .sobre-nosotros,
    html .home .wp-block-group .wp-block-group__inner-container{
        padding-bottom: 0px !important;
    }
    .sobre-nosotros{
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .sobre-nosotros .wp-block-group__inner-container > h2{
        margin-bottom: 30px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container img{
        border-radius: 15px !important;
    }

    /* TABS WC */
    html body ul.wpc-filter-chips-list:empty{
        margin: 0px !important;
    }
    html #preheader .accesos-mobile li:first-child img{
        width: 18px !important;
        position: relative;
        top: -3px;
    }
    html #preheader div img{
        filter: invert(1) !important;
        width: 24px !important;
    }
    html #header .counter{
        top: -6px;
        right: -6px;
        width: 14px;
        height: 14px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 8px;
        position: absolute;
    }
    html #toggleMenu{
        background-color: var(--color-verde);
        padding: 8px 10px;
        border-radius: 4px;
    }
    html .bar{
        background-color: var(--color-blanco);
        height: 1px;
        width: 25px;
        margin: 7px auto;
    }
    html .bar:last-child{
        margin-bottom: 0px;
    }
    html .wc-tab .listado-manuales{
        margin-top: 15px;
    }
    html .woocommerce div.product .woocommerce-tabs h2 span.resp-arrow {
        border: none;
        background-image: url(assets/images/icon_dropdown.svg);
        width: 27px;
        height: 20px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px;
    }
    html .single .woocommerce-tabs h2.resp-accordion {
        margin: 0px;
        padding: 20px 15px !important;
        transition: none;
        font-size: 20px;
        padding-bottom: 2px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        border-bottom: solid 1px #CECECE;
        background-color: transparent;
        color: var(--color-gris-alt);
    }
    .woocommerce div.product .woocommerce-tabs .panel:not(:empty) {
        padding-top: 30px;
        margin-bottom: 0px;
        padding-bottom: 20px !important;
        padding-top: 24px !important;
        border-bottom: 1px solid #cecece !important;
    }
    html .single .woocommerce-tabs h2.resp-tab-active{
        color: var(--color-fondo);
    }
    html .single .woocommerce-tabs h2.resp-tab-active span.resp-arrow {
        transform: rotate(180deg);
    }
    html .single .woocommerce-tabs h2.resp-accordion a {
        text-decoration: none;
        position: relative;
        font-weight: 300;
        padding-right: 20px !important;
        font-weight: 600;
        font-size: 21px;
        line-height: 25px;
        color: #77838F;
    }
    html .single .woocommerce-tabs h2.resp-accordion.resp-tab-active a{
        color: var(--color-negro);
    }
    html .single .woocommerce-tabs h2.resp-accordion a:hover {
        text-decoration: none;
    }
    html .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        font-size: 14px;
    }
    .woocommerce div.product .woocommerce-tabs .panel:not(:empty){
        padding-top: 10px;
    }
    html .woocommerce-address-fields__field-wrapper #shipping_address_2_field{
        margin-bottom: 25px;
    }
}
@media (min-width: 992px) {
    html .woocommerce-account #billing_factura_rut_field{
        margin-top: -6px;
    }
    .banner-categoria .wp-block-group__inner-container{
        padding: 60px 0px 30px 0px;
        --bs-gutter-x: 1.5rem !important;
        --bs-gutter-y: 0 !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    html .woocommerce-address-fields__field-wrapper{
        display: inline-block;
    }
    .woocommerce ul.products[class*=columns-]{
        margin-bottom: 0px !important;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0px;
    }
    .woocommerce ul.products[class*=columns-]:before,
    .woocommerce ul.products[class*=columns-]:after{
        display: none !important;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(3n-1){
        margin-left: auto;
        margin-right: auto;
    }
    .woocommerce ul.products[class*=columns-] li.product:nth-child(3n){
        margin-right: 0px;
        margin-left: auto;
    }
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
        width: 95% !important;
        margin-bottom: 25px !important;
    }

    /* GALERIA SINGLE */
    html .flex-direction-nav {
        position: absolute;
        top: 35%;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    html .flex-direction-nav li {
        list-style-type: none;
    }
    html .flex-direction-nav li a {
        overflow: hidden;
        width: 30px;
        height: 30px;
        background-image: url(assets/images/flechas.svg);
        background-repeat: no-repeat;
        text-indent: -999px;
        display: block;
        background-size: 19px;
        transition: all 400ms ease;
    }
    html .flex-direction-nav li a.flex-disabled {
        opacity: 0.2;
        pointer-events: none;
        cursor: pointer;
    }
    html .flex-direction-nav li .flex-prev {
        background-position: center bottom;
    }
    html .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image{
        border: solid 1px #DFDFDF;
        border-radius: 10px;
    }
    html .flex-viewport {
        order: 2;
        border: solid 1px #DFDFDF;
    }
    html .woocommerce div.product div.images .flex-control-thumbs li img {
        border: solid 1px #DFDFDF;
    }
    html .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    #header #main-nav li a{
        margin: 0px 17px;
        font-size: 13px;
    }
    html #header .buscador-item{
        max-width: inherit !important;
        justify-content: center !important;
        display: flex !important;
    }
    .banner-categoria .wp-block-group__inner-container .breadcrumbs{
        --bs-gutter-x: 1.5rem !important;
        --bs-gutter-y: 0 !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    
    /* HOME */
    #sobre h2, 
    #servicios h2, 
    #slider .zone h2, 
    #mas-vendido .wp-block-group__inner-container .row .col-12:first-child h2, 
    #pqe h2, 
    #proyectos h2, 
    #cifras h2, 
    #nuestros-clientes h2, 
    #testimonios h2, 
    #contacto h2{
        font-size: 40px !important;
    }
    #slider .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 20px;
    }
    #slider .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 20px;
    }
    #slider .swiper-button-prev:before,
    #slider .swiper-button-next:before{
        font-size: 10px;
    }
    #slider .swiper-pagination{
        justify-content: center;
    }
    
    #servicios .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 45px !important;
    }
    .grilla-servicios .item-servicio{
        width: calc(33% - 7.5px);
        margin-bottom: 15px !important;
    }
    .grilla-servicios .item-servicio a h3{
        font-size: 21px;
    }

    #sobre .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child{
        order: 2;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child p{
        font-size: 13px;
    }
    #sobre .wp-block-group__inner-container .col-12:first-child p:last-child{
        margin-bottom: 0px;
    }
    #sobre .wp-block-group__inner-container .col-12:last-child{
        order: 1
    }
    #sobre .wp-block-group__inner-container .col-12:last-child img{
        margin-bottom: 25px !important;
    }

    #mas-vendido .wp-block-group__inner-container {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #mas-vendido .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-prev:after{
        color: var(--color-blanco);
    }
    #mas-vendido .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
        background-color: var(--color-verde);
    }
    #mas-vendido .swiper-button-next:after{
        color: var(--color-blanco)
    }
    .wp-block-buttons:before{
        display: none;
    }

    /**/
    #pqe .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #pqe .wp-block-group__inner-container img{
        margin-bottom: 25px;
    }
    #pqe .wp-block-group__inner-container ul{
        margin-bottom: 0px;
    }
    #pqe .wp-block-group__inner-container ul li,
    #pqe .wp-block-group__inner-container p{
        font-size: 13px;
    }
    #pqe .wp-block-group__inner-container ul li:before{
        top: 0px;
    }

    #proyectos .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #proyectos h2{
        text-align: center;
    }
    #proyectos .wp-block-group__inner-container .swiper{
        overflow: visible;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide a{
        display: block;
        height: 100%;
    }
    #proyectos .wp-block-group__inner-container .swiper .swiper-slide h3{
        font-size: 16px;
        left: 20px;
        width: calc(100% - 40px);
        margin-bottom: 0px;
        margin-top: 0px;
    }
    #proyectos .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #proyectos .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }

    #cifras .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 30px !important;
    }
    #cifras ul li{
        width: calc(25% - 10px);
        flex-basis: auto;
        margin-bottom: 20px;
        padding: 40px 15px;
    }
    #cifras ul li img {
        width: 70px;
        margin-bottom: 15px;
    }
    #cifras ul li p span {
        font-size: 35px;
    }

    #banner-texto{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #banner-texto h2{
        font-size: 30px;
        line-height: 1.3em;
        margin-bottom: 30px;
    }
    #banner-texto h2 br{
        display: none;
    }

    #nuestros-clientes .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #nuestros-clientes .swiper .swiper-slide img{
        max-width: 100%;
        height: auto;
    }
    #nuestros-clientes .swiper{
        width: 90%;
    }

    #distribuidor h2{
        font-size: 21px;
    }

    #testimonios h2{
        text-align: center;
    }
    #testimonios .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    #testimonios .swiper-button-prev{
        width: 25px;
        height: 25px;
        left: 0px;
    }
    #testimonios .swiper-button-next{
        width: 25px;
        height: 25px;
        right: 0px;
    }
    #testimonios .swiper .swiper-slide{
        padding-bottom: 80px !important;
    }
    #testimonios .swiper .swiper-slide p{
        font-size: 15px;
        margin-bottom: 0px;
    }
    #testimonios .swiper .swiper-slide h3{
        font-size: 16px;
        left: 44px !important;
        bottom: 35px;
        display: flex;
        align-items: center;
    }
    #testimonios .swiper .swiper-slide h3 img{
        width: 30px;
    }
    #testimonios p span::before{
        width: 40px;
        height: 40px;
        background-size: contain;
    }

    #contacto h2{
        margin-bottom: 35px;
        text-align: left;
    }
    #contacto .wp-block-group__inner-container{
        padding-top: 60px !important;
        padding-bottom: 40px !important;
    }
    
    .section-block .wp-block-group__inner-container > h2{
        font-size: 40px;
    }
    #header .menu-principal ul li a{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 13px !important;
    }
    .sobre-nosotros{
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x)* .5);
        padding-left: calc(var(--bs-gutter-x)* .5);
    }
    .sobre-nosotros .wp-block-group__inner-container > h2{
        margin-bottom: 30px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container img{
        border-radius: 15px !important;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        padding: 50px 30px !important;
        margin-bottom: 0px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 30px !important;
        margin-bottom: 20px !important;
    }
    html .sobre-nosotros .wp-block-group__inner-container img{
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 13px;
    }

    /* FOOTER */
    #footer .logo-footer img{
        max-width: 100%;
    }
    #footer .menu-servicios li{
        width: 100%;
    }
    #footer .logo-footer img {
        max-width: 185px;
        height: auto;
    }
    #footer .footer-site-description{
        display: flex;
        align-items: center;
    }
    #footer .footer-site-description a{
        padding: 0px;
        margin: 0px;
    }
    #footer .footer-site-description a img{
        margin-bottom: 0px;
    }
    #footer .footer-site-description p{
        margin-bottom: 0px;
        margin-left: 30px;
    }

    /* NOSOTROS */
    #somos h2{
        font-size: 40px !important;
    }
    #valores .wp-block-group__inner-container .row .col-12:first-child h2{
        font-size: 40px !important;
    }
    #valores .listado-valores{
        justify-content: start;
    }
    #valores .listado-valores li{
        width: 20%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #valores .listado-valores li h2 {
        font-size: 16px;
    }


    /* SERVICIOS */
    .page-id-30 #iconos .listado-iconos li img {
        width: 70px;
        margin-bottom: 0px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2,
    .page-id-30 #iconos .listado-iconos.columnas-3,
    .page-id-30 #iconos .listado-iconos.columnas-4{
        justify-content: space-between;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li,
    .page-id-30 #iconos .listado-iconos.columnas-3 li,
    .page-id-30 #iconos .listado-iconos.columnas-4 li{
        width: 20%;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-3 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-4 li:first-child,
    .page-id-30 #iconos .listado-iconos.columnas-2 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-3 li:nth-child(2),
    .page-id-30 #iconos .listado-iconos.columnas-4 li:nth-child(2){
        margin-bottom: 25px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-3 li h2,
    .page-id-30 #iconos .listado-iconos.columnas-4 li h2{
        font-size: 20px;
        line-height: 1.3em;
        margin-bottom: 10px;
    }
    .page-id-30 #iconos .listado-iconos.columnas-2 li p,
    .page-id-30 #iconos .listado-iconos.columnas-3 li p,
    .page-id-30 #iconos .listado-iconos.columnas-4 li p{
        font-size: 16px;
        line-height: 1.4em;
    }

    /* TIENDA */
    html .products .product a.added_to_cart,
    .archive.woocommerce ul.products li.product .button{
        width: calc(100% - 40px);
        justify-content: center;
    }
    .archive.woocommerce .products .product .woocommerce-loop-product__title{
        padding-right: 20px !important;
        padding-bottom: 80px !important;
    }
    .archive.woocommerce .products .product .product__contenido:after{
        background: linear-gradient(0deg, rgb(68 100 84) 0%, rgba(255, 255, 255, 0) 50%);
    }
    .archive.woocommerce ul.products[class*=columns-]{
        display: flex;
        flex-wrap: wrap;
    }
    .archive.woocommerce ul.products[class*=columns-] li.product, 
    .archive.woocommerce-page ul.products[class*=columns-] li.product{
        width: calc(33% - 10px) !important;
        margin-bottom: 20px;
        margin-right: 0px !important;
    }
    html .single-product .related > h2{
        font-size: 40px;
        line-height: 1em;
    }
    html .single-product .woocommerce-message{
        font-size: 14px;
    }
}
@media (min-width: 0px) and (max-width: 1199px){
    html .single-product .woocommerce-notices-wrapper{
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    .container{
        max-width: 100%;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.item-carro-title{
        width: 100%;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.product-meta-info td{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.cart_item td:empty{
        display: none !important;
        padding: 0px !important;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.product-meta-info td.product-remove a{
        display: block;
        background-color: var(--color-negro) !important;
        color: var(--color-blanco) !important;
        font-size: 16px !important;
        width: auto;
        border-radius: 0px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        height: auto !important;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-quantity{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail{
        width: 80px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-name{
        width: calc(100% - 80px);
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.item-carro-title{
        margin-bottom: 13px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail{
        padding-bottom: 10px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail,
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-name{
        display: block !important;
        border-top: none !important;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td{
        width: 100% !important;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td:first-child:before{
        display: none;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td{
        border-top: none !important;
    }
    .woocommerce-cart form.carro-mobile .resumen{
        padding: 30px 12px;
    }
    .woocommerce-cart form.carro-mobile .resumen a{
        font-size: 16px !important;
    }
    .woocommerce-cart .wp-block-group__inner-container .container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
        background-color: transparent;
    }
}
@media (min-width: 1200px){
    .archive .wp-block-group .wp-block-group__inner-container,
    .single-product .wp-block-group .wp-block-group__inner-container{
        --bs-gutter-x: 0rem;
        max-width: 1120px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.item-carro-title{
        width: 100%;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.product-meta-info td{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.cart_item td:empty{
        display: none !important;
        padding: 0px !important;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.product-meta-info td.product-remove a{
        display: block;
        background-color: var(--color-negro) !important;
        color: var(--color-blanco) !important;
        font-size: 16px !important;
        width: auto;
        border-radius: 0px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
        height: auto !important;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-quantity{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail{
        width: 80px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-name{
        width: calc(100% - 80px);
    }
    html .woocommerce form.carro-mobile table.shop_table tbody tr.item-carro-title{
        margin-bottom: 13px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail{
        padding-bottom: 10px;
    }
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-thumbnail,
    html .woocommerce form.carro-mobile table.shop_table tbody td.product-name{
        display: block !important;
        border-top: none !important;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td{
        width: 100% !important;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td:first-child:before{
        display: none;
    }
    form.carro-mobile table.shop_table tbody tr:first-child td{
        border-top: none !important;
    }
    .woocommerce-cart form.carro-mobile .resumen{
        padding: 30px 12px;
    }
    .woocommerce-cart form.carro-mobile .resumen a{
        font-size: 16px !important;
    }

    .page:not(.woocommerce) .wp-block-group .wp-block-group__inner-container,
    .woocommerce-cart .wp-block-group .wp-block-group__inner-container,
    .woocommerce-cart .wp-block-group .wp-block-group__inner-container .container,
    .woocommerce-checkout .wp-block-group .wp-block-group__inner-container,
    .wp-block-group.banner-categoria .wp-block-group__inner-container{
        padding-left: 0px;
        padding-right: 0px;
    }
    .slider-imagenes-principal + .wp-block-group .wp-block-group__inner-container{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    /* HOME */
    .section-block .wp-block-group__inner-container{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1399px){
    .single-product .woocommerce-message{
        max-width: 1120px;
    }
    #header #main-nav li a{
        margin: 0px 25px;
        font-size: 15px;
    }
    html #header .buscador-item{
        max-width: inherit !important;
        justify-content: center !important;
        display: flex !important;
    }
    .wp-block-group .wp-block-group__inner-container{
        max-width: 1120px;
    }
    .section-block .wp-block-group__inner-container > h2{
        font-size: 45px;
    }

    /* SOBRE NOSOTROS */
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns{
        flex-wrap: nowrap !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column:first-child{
        padding: 50px !important;
        margin-bottom: 0px;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{
        font-size: 35px !important;
        margin-bottom: 20px !important;
    }
    html .sobre-nosotros .wp-block-group__inner-container img{
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column p,
    .sobre-nosotros .wp-block-group__inner-container .wp-block-columns .wp-block-column ul li{
        font-size: 14px;
    }
}
@media (min-width: 1400px){
    .archive .wp-block-group .wp-block-group__inner-container,
    .single-product .wp-block-group .wp-block-group__inner-container{
        --bs-gutter-x: 0rem;
        max-width: 1300px;
    }
}

#c25-carga {
	margin-bottom: 10px;
	border-color: #ccc;
}

button.c25-submit-btn {
	transition: background-color 500ms ease;
	border-radius: 50px !important;
	border: none !important;
}