/* Variables */
:root {
    --color-primary-black: #2B2B2B;
    --color-primary-white: #FAFAFA;
    --color-primary-green: #01987C;
    --color-primary-gray: #5C5C5C;
    --color-secondary-black: #494F58;
    --color-secondary-white: #F2F2F2;
}

/* END Variables */
/* Global */
.cursor-pointable {
    cursor: pointer;
}

/* End Global */
/* Layout */
body:not(#category) #wrapper .breadcrumb {
    margin-bottom: 0;
}
.col-header-right.text-right {
    text-align: right !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
#wrapper .breadcrumb ol {
    margin-bottom: 1rem;
}

body:not(#category) #wrapper,
body:not(#category) #inner-wrapper,
body:not(#category)#content-wrapper {
    padding: 0 !important;
}

#inner-wrapper {
    max-width: 100%;
}

#inner-wrapper>div.row {
    margin: 0;
}

body#index div#content-wrapper section#main,
div#left-column>div.block,
div#left-column>div#facets_search_wrapper {
    width: 310px;
    margin: 10px auto 0 auto;
}

body#index div#content-wrapper section#main,
body#index div#left-column>div.block,
body#index div#left-column>div#facets_search_wrapper {
    width: 100%;
}

.elementor-section {
    width: 336px;
    margin: 0 auto;
}

#elementor-section-wrap>div {
    width: 100%;
}

body#product div#content-wrapper section#main {
    width: calc(100% - 100px);
    max-width: 1129px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .elementor-section {
        width: 686px;
    }

    .elementor-column-wrap {
        padding: 0 !important;
    }

    body#index div#content-wrapper section#main,
    div#left-column>div.block,
    div#left-column>div#facets_search_wrapper {
        width: 100%;
    }

    body#index div#content-wrapper section#main {
        margin: 10px 0;
        padding: 10px;
    }

    body#index div#content-wrapper section#main {
        padding: 0;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1280px) {
    .elementor-section {
        width: 1129px;
    }

    #inner-wrapper>div.row {
        max-width: 1500px;
        width: 95%;
        margin: 0 auto;
    }

    body.category-id-67 #inner-wrapper>div.row,
    body.category-id-76 #inner-wrapper>div.row,
    body.category-id-77 #inner-wrapper>div.row,
    body.category-id-78 #inner-wrapper>div.row {
        max-width: none;
        width: 100%;
    }

    .products.row {
        width: 100%;
    }

    body.category-id-67 .products.row,
    body.category-id-76 .products.row,
    body.category-id-77 .products.row,
    body.category-id-78 .products.row {
        max-width: 1500px;
        width: 95%;
        margin: 0 auto;
    }
}

/* End Layout */
/* Header */
#header .header-nav {
    background: var(--color-primary-black);
    color: var(--color-primary-white);
    text-align: center;
}

#header .header-nav>div>div.row {
    display: grid;
    margin: 0 auto;
    justify-content: normal !important;
}

#header div.left-nav,
#header div.center-nav,
#header div.right-nav {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
}

#header div.center-nav {
    font-weight: 800;
    align-self: center;
}

#header .header-nav a {
    color: var(--color-primary-white);
}

#mobile-header>div.container {
    height: 94px;
}

#mobile-header>div.container>div.mobile-main-bar {
    padding-top: 0px;
    padding-bottom: 0px;
}

#desktop-header-container .logo.img-fluid {
    max-width: 200px;
}

#mobile-header>div.container>div.mobile-main-bar img.logo {
    height: 77px;
}

@media screen and (min-width: 768px) {
    #header .header-nav {
        text-align: left;
    }

    #header div.left-nav {
        margin-bottom: 16px;
    }

    #header div.center-nav {
        margin-bottom: 16px;
    }

    #header div.right-nav {
        margin-top: 6px;
    }

    #header .header-nav>div>div.row {
        grid-template-columns: 1fr;
        align-items: center;
        text-align: center;
    }

    #header div.center-nav {
        font-size: 14px;
    }

    #mobile-header>div.container {
        height: 119px;
    }

    #mobile-header>div.container>div.mobile-main-bar img.logo {
        height: 97px;
    }
}

@media screen and (min-width: 1280px) {
    #header .header-nav {
        text-align: center;
    }

    #header .header-nav>div>div.row {
        grid-template-columns: repeat(3, 1fr);
    }

    #iq-111-innertab-105 {
        min-height: 147px;
    }
}

@media (max-width: 767px) {
    #header .header-nav p {
        font-size: 1rem;
    }
}

@media (max-width: 405px) {
    #header .header-nav p {
        font-size: 8px;
    }
}

@media (max-width: 991px) {
    #mobile-header {
        padding-top: 2rem;
    }
}

/* End Header */
/* Home features */
.home-features .elementor-widget-image .elementor-image img {
    max-width: 86px !important;
}

.home-features .elementor-widget-heading .elementor-widget-container {
    text-align: center;
    color: #FC4134;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    width: 106px;
    margin: 14px auto 30px auto;
}

.products-grid .product-miniature-default .product-title {
    height: 100px;
}

#rev_slider_3_1>ul>li.tp-revslider-slidesli.active-revslide>div>div {
    background-color: transparent !important;
}

@media screen and (min-width: 1280px) {
    .home-features,
    .home-video {
        width: 735px;
        margin: 0 auto;
    }

    .home-features .elementor-row,
    .home-video .elementor-row,
    div.home-products-list-slider {
        width: 900px !important;
        margin: 0 auto !important;
    }
}

.home-products-list-slider .thumbnail-container {
    min-height: auto !important;
}

/* End Home features */
/* Envases alimentarios*/
.section-food-packaging .elementor-widget-heading .elementor-heading-title span {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
    color: var(--color-secondary-black);
    margin-bottom: 10px;
}

.section-food-packaging .elementor-widget-text-editor .elementor-text-editor p {
    width: 315px;
    margin: 20px auto;
    font-size: 15px;
    line-height: 22px;
    color: var(--color-primary-gray);
}

.section-food-packaging .elementor-column {
    margin-bottom: 16px;
}

.section-food-packaging-banners .elementor-column {
    margin-bottom: 10px;
}

.section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-title {
    background: var(--color-secondary-white);
    color: var(--color-secondary-black);
    font-size: 17px;
    line-height: 22px;
    padding: 1.2rem;
    border-radius: 0 10px 10px 0;
    width: 306px;
    text-align: left;
}

.section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-content {
    justify-content: flex-end;
    padding-bottom: 30px;
}

.section-food-packaging-banners .elementor-iqit-banner-img {
    border-radius: 26px;
}

.section-food-packaging-banners .elementor-iqit-banner-content {
    background: linear-gradient(0deg, #000 1%, transparent);
}

@media screen and (min-width:768px) {
    .section-food-packaging-banners .elementor-row {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        justify-items: center;
        justify-content: center;
        column-gap: 18px;
        width: 640px;
        margin: 0 auto;
    }

    .section-food-packaging-banners .elementor-row .elementor-column {
        width: 100%;
    }

    .section-food-packaging .elementor-widget-heading .elementor-heading-title span {
        font-size: 30px;
    }

    .section-food-packaging .elementor-widget-text-editor .elementor-text-editor p {
        width: 576px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-title {
        width: 204px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-content {
        padding-bottom: 22px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-content h4 {
        height: 79px;
    }
}

@media screen and (min-width: 1280px) {
    .section-food-packaging-banners .elementor-row {
        width: 1100px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-title {
        width: 333px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-content {
        padding-bottom: 25px;
    }

    .section-food-packaging-banners .titulo-banner-categorias-bg-blanco .elementor-iqit-banner .elementor-iqit-banner-content h4 {
        height: auto;
    }
}

/* End Envases alimentarios*/
/* Vision */
.section-vision {
    width: 100%;
}

.section-vision .elementor-widget-banner .elementor-iqit-banner-content {
    color: var(--color-secondary-white);
    margin-left: 20px;
}

.section-vision .elementor-widget-banner .elementor-iqit-banner-content h4 {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
    width: 188px;
    margin-bottom: 30px;
}

.section-vision .elementor-widget-banner .elementor-iqit-banner-content .elementor-iqit-banner-description {
    font-size: 15px;
    line-height: 22px;
    width: 197px;
}

.section-vision .elementor-widget-banner .elementor-iqit-banner-content h4,
.section-vision .elementor-widget-banner .elementor-iqit-banner-content .elementor-iqit-banner-description {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .section-vision .elementor-widget-banner .elementor-iqit-banner-content {
        width: 650px;
        margin: 0 auto;
    }

    .section-vision .elementor-widget-banner .elementor-iqit-banner-content h4,
    .section-vision .elementor-widget-banner .elementor-iqit-banner-content .elementor-iqit-banner-description {
        width: 297px;
    }
}

@media screen and (min-width: 1280px) {
    .section-vision .elementor-container {
        max-width: 100% !important;
    }

    .section-vision .elementor-widget-banner .elementor-iqit-banner-content {
        width: 1100px;
        margin: 0 auto;
    }

    .section-vision .elementor-widget-banner .elementor-iqit-banner-content .elementor-iqit-banner-description {
        font-size: 18px;
        line-height: 24px;
    }
}

/* End Vision */
/* Categorías */
.category-header,
.category-banner-post-products,
.category-form {
    width: 100%;
}

.category-header .elementor-heading-title {
    margin-top: 64px;
}

.category-header .elementor-iqit-banner-title {
    color: var(--color-primary-white);
    width: 230px;
    margin: 0 auto;
    font-weight: bold;
}

.category-header .elementor-heading-title,
.category-header .elementor-iqit-banner-title {
    font-size: 30px !important;
    line-height: 40px;
}

.category-header-2 {
    margin-top: 33px;
}

.category-header-2 .category-header-2-title .elementor-heading-title span {
    font-size: 25px;
    line-height: 35px;
    color: var(--color-primary-green);
    font-weight: bold;
}

.category-header-2 .category-header-2-subtitle {
    margin-top: 12px;
    margin-bottom: 20px;
}

.category-header-2 .category-header-2-subtitle .elementor-heading-title span {
    font-size: 15px;
    line-height: 22px;
    color: var(--color-primary-gray);
    font-weight: 500;
}

.category-header-2 .category-header-2-title .elementor-heading-title span,
.category-header-2 .category-header-2-subtitle .elementor-heading-title span {
    width: 315px;
    margin: 0 auto;
}

.category-banners div.elementor-iqit-banner {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 2px 2px 6px #00000029;
    border-radius: 9px;
    opacity: 1;
    width: 251px;
    height: 90px;
    margin: 0 auto 16px auto;
}

.category-banners div.elementor-iqit-banner>a {
    display: grid !important;
    grid-template-columns: 30% 70%;
    align-content: center;
    height: 100%;
}

.category-banners div.elementor-iqit-banner img {
    width: 40px;
    margin-left: 20px;
}

.category-banners div.elementor-iqit-banner div.elementor-iqit-banner-content {
    display: block;
    position: relative;
    margin-left: 0;
}

.category-banners div.elementor-iqit-banner div.elementor-iqit-banner-content h4.elementor-iqit-banner-title {
    margin-bottom: 0;
    font-size: 16px;
    text-align: left;
    color: var(--color-primary-gray);
}

@media screen and (min-width: 768px) {
    .category-banners div.elementor-row {
        display: grid;
        grid-template-columns: 50% 50%;
        width: 518px;
        margin: 0 auto;
    }

    .category-banners div.elementor-row div.elementor-column {
        width: auto;
    }
}

@media screen and (min-width: 1280px) {
    .category-banners div.elementor-row {
        grid-template-columns: 25% 25% 25% 25%;
        width: 1052px;
    }
}

.category-banner-post-products {
    margin-top: 50px;
}

.category-banner-post-products .elementor-iqit-banner-title {
    font-size: 25px;
    font-weight: bold;
    line-height: 35px;
}

.category-banner-post-products .elementor-iqit-banner-description {
    font-size: 15px;
    line-height: 22px;
}

.category-banner-post-products .elementor-button-link {
    background: var(--color-secondary-white);
    color: var(--color-primary-green);
    font-size: 15px;
    line-height: 22px;
    padding: 1.2rem;
    border-radius: 30px;
}

.category-banner-post-products .elementor-iqit-banner-title,
.category-banner-post-products .elementor-iqit-banner-description {
    color: var(--color-primary-white);
    width: 173px;
    margin-bottom: 16px;
}

.category-banner-post-products .elementor-iqit-banner-title,
.category-banner-post-products .elementor-iqit-banner-description,
.category-banner-post-products .elementor-iqit-banner-content div:nth-child(3) {
    text-align: left;
    margin-left: 20px;
}

.category-form {
    margin-top: 86px;
    padding-top: 50px;
    background: var(--color-secondary-white);
}

.category-form .elementor-container {
    width: 337px;
    padding-bottom: 40px;
}

.category-form ._form_10 form,
.category-form ._form_12 form,
.category-form ._form_14 form,
.category-form ._form_16 form {
    box-shadow: 0px 3px 6px #00000029;
}

.category-form ._form_10 form ._form-title,
.category-form ._form_12 form ._form-title,
.category-form ._form_14 form ._form-title,
.category-form ._form_16 form ._form-title {
    font-weight: 700;
}

@media screen and (min-width: 768px) {
    .category-header .elementor-iqit-banner-title {
        font-size: 38px;
        line-height: 47px;
        width: 446px;
    }

    .category-header-2 .category-header-2-title .elementor-heading-title span {
        font-size: 30px;
        line-height: 40px;
    }

    .category-header-2 .category-header-2-subtitle {
        margin-top: 17px;
        margin-bottom: 31px;
    }

    .category-header-2 .category-header-2-subtitle .elementor-heading-title span {
        font-size: 16px;
        line-height: 24px;
    }

    .category-header-2 .category-header-2-title .elementor-heading-title span,
    .category-header-2 .category-header-2-subtitle .elementor-heading-title span {
        width: 576px;
    }

    .category-banner-post-products .elementor-iqit-banner-title {
        font-size: 30px;
        line-height: 40px;
    }

    .category-banner-post-products .elementor-iqit-banner-description,
    .category-banner-post-products .elementor-button-link {
        font-size: 16px;
        line-height: 24px;
    }

    .category-banner-post-products .elementor-iqit-banner-title,
    .category-banner-post-products .elementor-iqit-banner-description {
        width: 344px;
    }

    .category-banner-post-products .elementor-iqit-banner-title,
    .category-banner-post-products .elementor-iqit-banner-description,
    .category-banner-post-products .elementor-iqit-banner-content div:nth-child(3) {
        margin-left: 42px;
    }

    .category-form .elementor-container {
        width: 670px;
    }

    .category-form ._form_10 form ._form_element *,
    .category-form ._form_12 form ._form_element *,
    .category-form ._form_14 form ._form_element *,
    .category-form ._form_16 form ._form_element * {
        font-size: 16px;
        line-height: 24px;
    }

    .category-form ._form_10 form ._form-title,
    .category-form ._form_12 form ._form-title,
    .category-form ._form_14 form ._form-title,
    .category-form ._form_16 form ._form-title {
        font-size: 30px;
        line-height: 40px;
    }

    #elementor-section-wrap>div>div>div>div>div>div>div>div>div.rte-content {
        margin-top: 20px;
    }
}

@media screen and (min-width: 1280px) {
    .category-header-2 .category-header-2-subtitle .elementor-heading-title {
        width: 602px;
        margin: 0 auto;
    }

    .category-products .products.row {
        margin: 0 auto;
    }

    .category-products .products.row,
    .category-banner-post-products .elementor-iqit-banner-content {
        width: 1058px;
    }

    .category-banner-post-products .elementor-iqit-banner-title,
    .category-banner-post-products .elementor-iqit-banner-description,
    .category-banner-post-products .elementor-iqit-banner-content div:nth-child(3) {
        margin-left: 0;
    }
}

@media screen and (min-width: 1920px) {

    .category-header.container,
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: none;
    }
}

/* End Categorías */
/* Footer */
#iqithtmlandbanners-block-4>h5 {
    display: none !important;
}

@media (max-width: 767px) {
    #iqithtmlandbanners-block-4>div>p>img {
        max-width: 50px;
    }
}

/* !Footer */

/* Contacto */
body#cms #inner-wrapper,
body#contact #inner-wrapper {
    max-width: 1200px;
    padding: 10px 0 !important;
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin,
.group-span-filestyle .bootstrap-touchspin .btn-touchspin,
.group-span-filestyle .btn-default {
    background: #01987C;
}

/* !Contacto */

/* Product */
body#product .page-title {
    font-size: 1.78rem;
}

.product-unavailable {
    background-color: #000;
}

.product-quantity>div:last-child {
    align-self: center;
}

.product-quantity>div:last-child a {
    text-decoration: underline;
}

#product-title-wrapper {
    display: grid;
    grid-template-columns: 70% 20%;
    column-gap: 10%;
}

#product-title-wrapper .product-reference {
    display: flex;
    flex-direction: column;
    text-align: right;
    background-color: transparent;
}

.thumbnail-container .product-reference {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
}

#group_5 .input-container .radio-label {
    background-color: #fff;
    color: #000;
    padding: 0.5rem;
    box-shadow: 0px 5px 8px #888888;
    font-weight: 800;
}

#group_5 .input-container:hover .radio-label {
    border-color: transparent;
}

#group_5 .input-container .input-radio[checked="checked"]+.radio-label {
    border-color: #01987C !important;
}

@media (max-width: 500px) {
    body#product .page-title {
        font-size: 1.5rem;
    }

    #product-title-wrapper {
        display: flex;
        flex-direction: column;
    }

    #product-title-wrapper .product-reference {
        width: 100%;
        display: flex;
        flex-direction: row;
        padding: 0;
        justify-content: center;
    }

    #product-title-wrapper .product-reference > label {
        margin-right: 10px;
    }

    .product-prices > div {
        display: grid;
        grid-template-columns: 62% 20% 18%;
    }

    .product-prices > div .product-price {
        font-size: 3rem;
    }

    .product-prices > div .price-row {
        display: flex;
        flex-direction: column;
    }

    .product-prices > div .price-row > .secondary-price {
        margin-bottom: 5px;
    }
    
    #group_5 > div,
    #group_5 > div > li,
    #group_5 > div > li > label,
    #group_5 > div > li > label span.radio-label {
        width: 100%;
    }

    #group_5 > div > li > label span.radio-label {
        margin-bottom: 10px;
    }

    .product-tooltip .product-tooltiptext {
        top: 135%;
        left: 20%;
        margin-left: -90px;
        width: max-content !important;
    }

    .product-tooltip .product-tooltiptext::after {
        top: -9px !important;
        left: 45% !important;
        transform: rotate(270deg);
    }
}

@media (max-width: 330px) {
    .product-add-to-cart .add-to-cart {
        font-size: 9px;
    }
}

button.add-to-cart {
    font-weight: 800;
    text-transform: uppercase;
}

/* !Product */

/* Política de descuentos */
body.cms-id-7 #inner-wrapper {
    max-width: none !important;
}

body.cms-id-7 #inner-wrapper .page-header,
body.cms-id-7 #inner-wrapper .content {
    width: 90%;
    margin: 0 auto;
    max-width: 1280px;
}

body.cms-id-7 #inner-wrapper .content {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 40% 60%;
    column-gap: 10px;
}

body.cms-id-7 #inner-wrapper .content .separator {
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
    margin-bottom: 20px;
}

body.cms-id-7 #inner-wrapper .content>div:first-child .separator {
    width: 100px;
}

body.cms-id-7 #inner-wrapper .content>div:first-child span:last-child {
    letter-spacing: 3px;
    font-size: 16px;
}

body.cms-id-7 #inner-wrapper .content>div:last-child {
    border: 1px solid #D6D6D6;
    padding: 20px;
}

body.cms-id-7 #inner-wrapper .content>div:last-child .h2 {
    padding-bottom: 10px;
    font-size: 20px;
}

body.cms-id-7 #inner-wrapper .content>div:last-child ul {
    padding-top: 0;
}

body.cms-id-7 #inner-wrapper .content>div:last-child ul li,
body.cms-id-7 #inner-wrapper .content>div:last-child>span:last-child {
    font-size: 18px;
    line-height: 40px;
}

@media (max-width: 767px) {
    body.cms-id-7 #inner-wrapper .content {
        display: block;
    }

    body.cms-id-7 #inner-wrapper .content>div:first-child {
        margin-bottom: 2rem;
    }

    body#product #main {
        width: 95% !important;
    }

    .product-quantity {
        display: grid;
        grid-template-columns: 30% 70%;
        gap: 2rem 1rem;
    }

    .product-quantity > div:last-child {
        grid-column: 1/3;
    }

    .product-quantity .qty .input-group,
    .product-add-to-cart .add-to-cart {
        height: 60px;
    }

    .product-quantity .qty .input-group {
        font-size: 2rem;
    }
}

/* !Política de descuentos */

/* Ficha del Producto */
.current-price {
    display: block;
    margin-bottom: 1rem;
}

.current-price > span:last-child,
.price-row > span:last-child {
    font-size: 0.8rem;
}

.secondary-price,
.taxes-label.unit-price {
    font-size: 1rem;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    line-height: 1em;
    color: #01987C;
}

.go-to-tab-link {
    text-decoration: underline !important;
    display: block;
    margin: 2rem auto;
    font-weight: bold;
}

.go-to-tab-link:hover {
    cursor: pointer;
}

.go-to-tab-link img {
    max-width: 12px;
    transform: rotate(90deg);
}

/* !Ficha del Producto */

/* Tooltips */
/* Tooltip container */
.product-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    /* If you want dots under the hoverable text */
}

/* Tooltip text */
.product-tooltip .product-tooltiptext {
    visibility: hidden;
    width: 500px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Tooltip arrow */
.product-tooltip .product-tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #555;
}

/* Show the tooltip text when you mouse over the tooltip container */
.product-tooltip:hover .product-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.product-tooltip-left {
    top: -83px;
    bottom: auto;
    right: 105%;
}

.product-tooltiptext ul {
    text-align: left;
    list-style: disc;
    margin-left: 15px;
}

.product-tooltiptext span.block {
    display: block;
}

.product-tooltiptext span.h2 {
    display: block;
    text-align: left;
}

.product-tooltiptext span:last-child {
    display: block;
    text-align: left;
}
/* Tooltips */

/* Checkout */
#delivery > label {
    font-size: 1.5rem;
    font-weight: 800;
    margin: 20px 0;
}
/* END Checkout */

/* tax selector */
#header .header-nav .tax-selector-wrapper {
    margin-left: 0;
}
#header .header-nav .tax-selector {
    margin-top: 0;
}
.tax-switch-container .tax-switch-label:before {
    width: 65px;
    background-color: #000;
}
.tax-switch-container .tax-switch-input:checked + .tax-switch-label:before {
    background-color: #fff;
    color: #000;
}
.tax-switch-container .tax-switch-input:checked + .tax-switch-label:after {
    -webkit-transform: translate(50px, -50%);
    -ms-transform: translate(50px, -50%);
    -o-transform: translate(50px, -50%);
    transform: translate(50px, -50%);
}
.tax-switch-container .tax-switch-label:after {
    background-color: #01987C;
    border-color: #01987C;
}
/* End tax selector */

.uppercase {
  text-transform: uppercase;
}

.font-red {
    color: #01987C;
}

.font-black {
    color: #000;
}

.font-white {
    color: #fff;
}

#product_discounts_volume  > div:first-child {
    width: 100%;
    max-width: 320px;
    margin: 0 auto 1rem 0;
    background-color: #000;
    padding: 5px 10px;
    cursor: help;
}

#product_discounts_volume  > div:first-child > span {
    display: flex;
    justify-content: center;
}

/* ====================================================
   STAGING OVERRIDES — match prod visual appearance
   ==================================================== */

/* --- 1. TOPBAR: dark bg, ALL white text --- */
.header-nav {
    background: #333 !important;
}
.header-nav,
.header-nav a,
.header-nav a:link,
.header-nav a:visited,
.header-nav a:hover,
.header-nav span,
.header-nav p,
.header-nav label,
.header-nav i,
.header-nav .material-icons,
.header-nav .nxtal-pricetaxswitcher-selector span,
.header-nav .nxtal-pricetaxswitcher-selector label,
.header-nav .iqit-links-accessory a,
.header-nav .iqit-nav-text {
    color: #fff !important;
}

/* --- 2. CART / LOGIN: RED accent like prod --- */
.header .user-info a,
.header .blockcart a,
.header .shopping-cart a,
.header .blockcart .cart-products-count,
#_desktop_user_info a,
#_desktop_cart a {
    color: #FC4134 !important;
}
.cart-products-count {
    background: #FC4134 !important;
    color: #fff !important;
}

/* --- 3. CONTAINER WIDTH: match prod (1500px from custom CSS) --- */
.container,
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1500px !important;
}

/* --- 4. BANNER "moldes de madera": NOT full-width, match prod --- */
.section-moldes-madera-horneables {
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: auto !important;
    left: auto !important;
}
.section-moldes-madera-horneables > .elementor-container {
    max-width: 1500px !important;
}

/* --- 5. "Desde Effimer envasamos" text: visible color --- */
.elementor-element-c72v070 .elementor-text-editor p {
    color: #484848 !important;
    font-size: 15px !important;
}

/* --- 6. "Desde Effimer conscientes": bold, NOT italic --- */
.elementor-iqit-banner-description {
    font-weight: bold !important;
    font-style: normal !important;
}

/* --- 7. GREEN BANNER "vision" + REVIEWS: full width --- */
.section-vision {
    width: 100vw !important;
    position: relative !important;
    left: calc(-50vw + 50%) !important;
    max-width: none !important;
}
.section-vision > .elementor-container {
    max-width: 1500px !important;
    margin: 0 auto !important;
}
/* eTrusted reviews section full width */
.elementor-section:has(.widget_review_carousel_service),
.elementor-section:has(etrusted-widget) {
    width: 100vw !important;
    position: relative !important;
    left: calc(-50vw + 50%) !important;
    max-width: none !important;
}

/* --- 8. FOOTER: spacing from reviews --- */
#footer {
    margin-top: 50px !important;
}

/* --- 9. FOOTER: link style matching prod --- */
#footer .block-title,
.footer-container .block-title {
    font-weight: normal !important;
    font-style: normal !important;
    text-transform: none !important;
    border-bottom: none !important;
    margin-bottom: 0.8em !important;
    padding-bottom: 0.5em !important;
}
#footer h5.block-title {
    font-size: 1rem !important;
    font-weight: normal !important;
    text-transform: none !important;
}
#footer .block-links a,
#footer .block-contact a,
.footer-container a {
    color: #858585 !important;
    font-weight: normal !important;
    font-size: 0.875rem !important;
}
.footer-container-main {
    border-top: none !important;
}

/* --- 10. Hide "Para dudas" if still rendered --- */
#footer .block-contact .part > p:only-child {
    display: none !important;
}

/* --- 11. PRODUCT SLIDER dots fix --- */
.slick-products-carousel .slick-dots {
    display: flex !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 !important;
}
.slick-products-carousel .slick-dots li {
    margin: 0 4px !important;
}
.slick-products-carousel .slick-dots li button {
    font-size: 0 !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #ddd !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
}
.slick-products-carousel .slick-dots li.slick-active button {
    background: #FC4134 !important;
}
.slick-products-carousel .slick-prev,
.slick-products-carousel .slick-next {
    font-size: 0 !important;
    width: 30px !important;
    height: 30px !important;
}

/* --- 12. PRIMER10 sticky bar via JS (in codes_head) --- */
#primer10-banner {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    margin: 0 !important;
}
body {
    padding-bottom: 35px !important;
}

/* --- 13. General link color like prod --- */
a:link { color: #858585; }
a:hover { color: #FC4134; }

/* === Header cart/login text color fix (override CF-cached custom_s_1.css) === */
.cart-toogle .info-wrapper,
.cart-toogle .cart-toggle-details,
.cart-toogle .info-wrapper span,
a.cart-toogle,
.col-header-right a,
.col-header-right a span,
.header-btn span {
    color: #fc4134 !important;
}
/* === END header color fix === */

/* === Category page fixes (match production) === */

/* Price color and style - RED like production */
.product-miniature .product-price-and-shipping .price,
.product-miniature span.product-price,
.product-miniature .product-price-and-shipping .product-price {
    color: #fc4134 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Card padding and background */
.js-product-miniature-wrapper { padding: 5px !important; }
.product-miniature {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    padding: 2px !important;
}
.product-miniature .product-description { padding: 10px !important; }

/* Show product reference */
.products-grid .product-miniature .product-reference {
    display: block !important;
    font-size: 12px !important;
    color: #999 !important;
}

/* Filter title - bold like production */
.facet-title,
.block-title.facet-title,
section.facet .facet-title {
    font-weight: 700 !important;
    font-size: 14px !important;
}

/* Filter labels */
.facet-label a,
.facet .facet-label a {
    font-size: 13px !important;
    color: #000 !important;
}

/* Product title in grid */
.product-miniature .product-title a {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1d1d1d !important;
}

/* Quantity minimum text */
.product-miniature .product-price-and-shipping .product-minimum-quantity {
    font-size: 12px !important;
    color: #999 !important;
}

/* === END category page fixes === */
/* ── Sticky header (Waypoint.js replaced by CSS sticky — see effimer-custom.js) ── */
body { overflow-x: clip !important; }
@media (min-width: 992px) {
    #header {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: -45px;
        z-index: 5000;
    }
}
.sticky-desktop-wrapper { display: contents !important; }
/* ── End sticky header ─────────────────────────────────────────────────────────── */