@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary-color: #3A3A3A;
    --secondary-color: #FF6720;
    --text-color: #0F172A;
    --text-color-2: #FFFFFF;
    --text-color-3: #626563;
    --container-width: 1028px;
}

/* ---- global styles ---- */
* {
    font-family: 'Roboto', sans-serif;
}

body.menu-open {
    overflow: hidden;
}

body.has-sticky-header {
    padding-top: var(--ferremax-sticky-offset, 0px);
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@keyframes ferremaxHeaderReveal {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.hero-home__eyebrow,
.__eyebrow {
    margin-bottom: 16px;
    margin: 0;
    color: var(--text-color-2);
    font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
    line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
    font-weight: 400;
    text-transform: uppercase;
}

.__title {
    color: #F8F9F8;
    font-size: clamp(1.75rem, 1.2222rem + 2.2222vw, 3rem);
    line-height: clamp(2.25rem, 1.6694rem + 2.4444vw, 3.3rem);
    font-weight: 700;
}

.__text {
    margin-bottom: 23px;
    color: #F8F9F8;
    font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
    line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
    font-weight: 400;
}

.btn-primary,
.btn-secondary {
    display: inline-flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
    background: var(--secondary-color);
    color: var(--text-color-2);
    font-size: clamp(0.75rem, 0.6575rem + 0.3896vw, 1.125rem);
    line-height: clamp(1rem, 0.8766rem + 0.5195vw, 1.5rem);
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    padding: 14px;
    border-radius: 5px;
    width: max-content;
    min-width: 278px;
    transition: all 0.3s ease;
}

.btn-primary:focus,
.btn-secondary:focus,
.btn-primary:visited,
.btn-secondary:visited {
    color: var(--text-color-2);
}

.btn-secondary {
    background: transparent;
    border: 2px solid #F8F9F8;
}

.ferremax-products-grid,
.ferremax-catalogo-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding-top: 24px;
    gap: 19px;

    .item-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 10px 8px;
        background: var(--text-color-2);
        border-radius: 10px;
        box-shadow: 0px 5px 20px -10px #0000001A;

        .item-top {
            text-align: center;
            text-transform: uppercase;

            .item-code {
                color: var(--primary-color);
                font-size: 12px;
                font-weight: 800;
                line-height: 16px;
                margin: 0;
            }

            .item-key {
                color: var(--text-color-3);
                font-size: 10px;
                line-height: 16px;
                font-weight: 500;
                margin: 0;
            }
        }

        .card-image {
            display: block;
            padding: 0px 9px;
            text-decoration: none;

            .card-thumb {
                width: 100%;
                object-fit: contain;
                border-radius: 10px;
            }
        }

        .card-content {
            display: flex;
            flex: 1;
            flex-direction: column;
            padding: 14px 9px 0;

            .card-brand {
                color: var(--secondary-color);
                font-size: 10px;
                line-height: 16px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .card-meta {
                padding: 0;
                margin: 0 0 11px;
                color: var(--text-color-3);
                font-size: 10px;
                line-height: 16px;
                font-weight: 700;
                text-transform: uppercase;
                margin: 0;

                .card-brand {
                    color: var(--secondary-color);
                }

                .card-sku-label,
                .card-sku {
                    color: #6D6D6D;
                }
            }

            .card-title {
                margin: 0;

                a {
                    color: #4A4A4A;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                    text-decoration: none;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }
            }

            .card-price {
                margin-top: 12px;
                color: var(--secondary-color);
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
            }

            .card-prices {
                background-color: #F1F5F9;
                border-radius: 10px;
                padding: 0px 12.5px;
                margin-top: 16px;
                display: flex;
                flex-direction: column;
                gap: 12px;

                .price-row {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin: 0;
                    padding: 4px 0;
                    font-weight: 700;
                    font-size: 10px;
                    line-height: 16px;
                    color: var(--primary-color);
                    position: relative;

                    &:not(:last-child) {
                        border-bottom: 0;

                        &::after {
                            content: '';
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: -6px;
                            height: 1px;
                            background-color: #D5D9D7;
                        }
                    }

                    .price-value {
                        font-size: 18px;
                        line-height: 24px;
                    }

                    .is-wholesale {
                        color: var(--secondary-color);
                    }
                }
            }

            .card-action,
            .card-actions {
                margin-top: auto;
                padding-top: 14px;

                .card-button {
                    display: inline-flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 12px;
                    width: 100%;
                    min-height: 44px;
                    padding: 4px 14px;
                    background: #F1F5F9;
                    border-radius: 5px;
                    color: #4A4A4A;
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 700;
                    text-align: center;
                    text-decoration: none;
                    text-transform: uppercase;
                    text-align: center;

                    .card-button-label {
                        flex: 1;
                    }

                    .card-button-icon {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        flex-shrink: 0;

                        img {
                            width: 18px;
                            height: 18px;
                            display: block;
                        }
                    }
                }

                .card-button:hover,
                .card-button:focus {
                    background: var(--secondary-color);
                    border-color: var(--secondary-color);
                    color: #FFFFFF;

                    .card-button-icon img {
                        filter: brightness(0) invert(1);
                    }
                }
            }

            .card-actions .card-button {
                justify-content: center;
            }
        }
    }
	.added_to_cart.wc-forward{
		display:none;
	}
}

.ferremax-products-grid--columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ferremax-products-grid--columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ferremax-products-grid--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ferremax-products-grid--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ferremax-products-grid--columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ferremax-products-grid--columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ferremax-catalogo-grid--columns-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

/*-- Account --*/
.woocommerce-account {
    .site-main {
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;
        padding: 36px 0 64px;
    }

    .entry-header {
        display: none;
    }

    .entry-content {
        margin: 0;
    }

    .woocommerce-notices-wrapper,
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        margin-bottom: 20px;
    }

    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        padding: 14px 18px;
        border: 1px solid #E5E7EB;
        border-left: 4px solid var(--secondary-color);
        border-radius: 8px;
        background: #FFFFFF;
        color: var(--text-color-3);
        font-size: 15px;
        line-height: 22px;
        box-shadow: 0px 8px 24px -22px rgba(15, 23, 42, 0.35);
        list-style: none;

        a {
            color: var(--secondary-color);
            font-weight: 700;
            text-decoration: none;
        }
    }

    .ferremax-account-auth,
    .ferremax-account {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }

    .ferremax-account-auth__hero,
    .ferremax-account__hero {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        min-height: 210px;
        padding: 32px;
        border-radius: 24px;
        background: linear-gradient(90deg, #111111 0%, #1F1F1F 100%);
        overflow: hidden;

        .__eyebrow {
            margin-bottom: 8px;
            color: var(--secondary-color);
            font-size: 12px;
            line-height: 16px;
            font-weight: 700;
        }

        .__title {
            margin: 0;
            color: #FFFFFF;
            font-size: 42px;
            line-height: 50px;
        }

        .__text {
            max-width: 540px;
            margin: 12px 0 0;
            color: #E5E7EB;
            font-size: 16px;
            line-height: 24px;
        }
    }

    .ferremax-account__shop-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 44px;
        padding: 10px 16px;
        border: 1px solid rgba(255, 255, 255, 0.42);
        border-radius: 5px;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;

        .material-symbols-outlined {
            font-size: 20px;
            line-height: 1;
        }

        &:hover,
        &:focus {
            border-color: var(--secondary-color);
            background: var(--secondary-color);
            outline: none;
        }
    }

    .ferremax-account-auth__grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }

    .ferremax-account-card,
    .ferremax-account__content {
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        background: #FFFFFF;
        box-shadow: 0px 12px 28px -24px rgba(15, 23, 42, 0.35);
    }

    .ferremax-account-card {
        padding: 24px;
    }

    .ferremax-account-card__head {
        display: flex;
        align-items: center;
        gap: 14px;
        margin-bottom: 22px;

        >.material-symbols-outlined {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            border-radius: 8px;
            background: #FFF3ED;
            color: var(--secondary-color);
            font-size: 24px;
            line-height: 1;
        }

        p {
            margin: 0;
            color: var(--text-color-3);
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
        }

        h2 {
            margin: 0;
            color: var(--text-color);
            font-size: 24px;
            line-height: 32px;
            font-weight: 700;
        }
    }

    .ferremax-account-card__note,
    .woocommerce-privacy-policy-text p {
        margin: 0 0 18px;
        color: var(--text-color-3);
        font-size: 14px;
        line-height: 22px;
    }

    .woocommerce-form,
    .woocommerce-EditAccountForm,
    .woocommerce-address-fields {
        .form-row {
            margin: 0 0 16px;
        }

        label {
            display: block;
            margin-bottom: 7px;
            color: var(--text-color);
            font-size: 14px;
            line-height: 20px;
            font-weight: 700;
        }

        .required {
            color: var(--secondary-color);
        }

        input.input-text,
        select,
        textarea {
            width: 100%;
            min-height: 44px;
            padding: 10px 14px;
            border: 1px solid #E5E7EB;
            border-radius: 5px;
            background: #F8FAFC;
            color: var(--text-color);
            font-size: 16px;
            line-height: 22px;
            box-sizing: border-box;

            &:focus {
                border-color: rgba(255, 103, 32, 0.42);
                background: #FFFFFF;
                outline: none;
                box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
            }
        }

        textarea {
            min-height: 110px;
            resize: vertical;
        }

        .form-row-first,
        .form-row-last {
            float: none;
            width: 100%;
        }

        fieldset {
            margin: 24px 0 0;
            padding: 18px;
            border: 1px solid #E5E7EB;
            border-radius: 10px;
            background: #F8FAFC;

            legend {
                padding: 0 8px;
                color: var(--text-color);
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
            }
        }

        em,
        .description {
            display: block;
            margin-top: 6px;
            color: #64748B;
            font-size: 13px;
            line-height: 20px;
            font-style: normal;
        }
    }

    .select2-container {
        .select2-selection--single {
            min-height: 44px;
            border: 1px solid #E5E7EB;
            border-radius: 5px;
            background: #F8FAFC;

            .select2-selection__rendered {
                padding: 8px 38px 8px 14px;
                color: var(--text-color);
                font-size: 16px;
                line-height: 26px;
            }

            .select2-selection__arrow {
                height: 42px;
            }
        }
    }

    .ferremax-account-form__actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 18px;
    }

    .woocommerce-form-login__rememberme {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        color: var(--text-color-3);
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;

        input {
            width: 18px;
            height: 18px;
            margin: 0;
            accent-color: var(--secondary-color);
        }
    }

    .ferremax-account-form__link,
    .woocommerce-privacy-policy-text a,
    .woocommerce-MyAccount-content a:not(.button) {
        color: var(--secondary-color);
        font-weight: 700;
        text-decoration: none;
    }

    .button,
    button.button,
    .woocommerce-button,
    .woocommerce-Button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 10px 18px;
        border: 0;
        border-radius: 5px;
        background: var(--secondary-color);
        color: #FFFFFF;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;

        &:visited {
            color: #FFFFFF;
        }

        &:hover,
        &:focus {
            background: #E85B17;
            color: #FFFFFF;
            outline: none;
        }
    }

    .ferremax-account-form__submit {
        margin-bottom: 0;

        .button {
            width: 100%;
        }
    }

    .ferremax-account__layout {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        align-items: flex-start;
        gap: 24px;
    }

    .ferremax-account-nav {
        padding: 10px;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        background: #FFFFFF;
        box-shadow: 0px 12px 28px -24px rgba(15, 23, 42, 0.35);

        ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        li+li {
            margin-top: 4px;
        }

        a {
            display: flex;
            align-items: center;
            gap: 10px;
            min-height: 44px;
            padding: 10px 12px;
            border-radius: 7px;
            color: var(--text-color-3);
            font-size: 15px;
            line-height: 22px;
            font-weight: 700;
            text-decoration: none;

            .material-symbols-outlined {
                color: #9AA3B8;
                font-size: 20px;
                line-height: 1;
            }
        }

        a:hover,
        a:focus,
        .is-active a,
        a[aria-current="page"] {
            background: #FFF3ED;
            color: var(--secondary-color);
            outline: none;

            .material-symbols-outlined {
                color: var(--secondary-color);
            }
        }
    }

    .ferremax-account__content {
        min-width: 0;
        padding: 24px;

        >p:first-child {
            margin-top: 0;
        }

        h2,
        h3,
        legend {
            color: var(--text-color);
        }

        h2 {
            margin: 0 0 18px;
            font-size: 28px;
            line-height: 36px;
            font-weight: 700;
        }

        h3 {
            margin: 0 0 12px;
            font-size: 20px;
            line-height: 28px;
            font-weight: 700;
        }

        p {
            color: var(--text-color-3);
            font-size: 16px;
            line-height: 24px;
        }
    }

    .ferremax-account-dashboard {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .ferremax-account-dashboard__intro {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding-bottom: 18px;
        border-bottom: 1px solid #E5E7EB;

        p {
            margin: 0 0 4px;
            color: var(--secondary-color);
            font-size: 12px;
            line-height: 16px;
            font-weight: 700;
            text-transform: uppercase;
        }

        h2 {
            margin: 0;
        }
    }

    .ferremax-account-dashboard__cards {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .ferremax-account-dashboard__card {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-height: 150px;
        padding: 18px;
        border: 1px solid #E5E7EB;
        border-radius: 10px;
        background: #F8FAFC;
        text-decoration: none;

        .material-symbols-outlined {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
            border-radius: 8px;
            background: #FFFFFF;
            color: var(--secondary-color);
            font-size: 22px;
        }

        strong {
            color: var(--text-color);
            font-size: 20px;
            line-height: 28px;
        }

        p {
            margin: 0;
            color: var(--text-color-3);
            font-size: 14px;
            line-height: 20px;
        }

        &:hover,
        &:focus {
            border-color: rgba(255, 103, 32, 0.32);
            background: #FFF3ED;
            outline: none;
        }
    }

    table.shop_table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #E5E7EB;
        border-radius: 10px;
        overflow: hidden;

        th,
        td {
            padding: 14px;
            border-bottom: 1px solid #E5E7EB;
            color: var(--text-color-3);
            font-size: 14px;
            line-height: 20px;
            text-align: left;
        }

        th {
            background: #F8FAFC;
            color: var(--text-color);
            font-weight: 700;
        }

        tr:last-child {

            th,
            td {
                border-bottom: 0;
            }
        }

        .button {
            min-height: 34px;
            padding: 6px 12px;
            background: var(--secondary-color);
            color: #FFFFFF;
            font-size: 13px;
            line-height: 18px;

            &:visited,
            &:hover,
            &:focus {
                color: #FFFFFF;
            }
        }
    }

    address {
        padding: 16px;
        border: 1px solid #E5E7EB;
        border-radius: 10px;
        background: #F8FAFC;
        color: var(--text-color-3);
        font-size: 15px;
        line-height: 24px;
        font-style: normal;
    }

    @media (max-width: 1024px) {
        .site-main {
            padding: 32px 20px 56px;
        }

        .ferremax-account-auth__hero,
        .ferremax-account__hero {
            padding: 28px;

            .__title {
                font-size: 36px;
                line-height: 42px;
            }
        }

        .ferremax-account__layout {
            grid-template-columns: 240px minmax(0, 1fr);
        }

        .ferremax-account-dashboard__cards {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 768px) {
        .site-main {
            padding: 24px 16px 48px;
        }

        .ferremax-account-auth,
        .ferremax-account {
            gap: 20px;
        }

        .ferremax-account-auth__hero,
        .ferremax-account__hero {
            flex-direction: column;
            align-items: flex-start;
            min-height: 0;
            gap: 18px;
            padding: 24px 22px;
            border-radius: 20px;

            .__title {
                font-size: 32px;
                line-height: 38px;
            }

            .__text {
                max-width: none;
            }
        }

        .ferremax-account-auth__grid,
        .ferremax-account__layout,
        .ferremax-account-dashboard__cards {
            grid-template-columns: minmax(0, 1fr);
        }

        .ferremax-account-card,
        .ferremax-account__content {
            padding: 20px;
            border-radius: 16px;
        }

        .ferremax-account-card__head {
            align-items: flex-start;
            margin-bottom: 18px;

            h2 {
                font-size: 22px;
                line-height: 28px;
            }
        }

        .ferremax-account-form__actions,
        .ferremax-account-dashboard__intro {
            flex-direction: column;
            align-items: flex-start;
        }

        .ferremax-account-nav {
            padding: 8px;

            ul {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                gap: 6px;
            }

            li+li {
                margin-top: 0;
            }
        }
    }

    @media (max-width: 640px) {
        .site-main {
            padding: 20px 12px 40px;
        }

        .ferremax-account-auth__hero,
        .ferremax-account__hero {
            padding: 20px 18px;
            gap: 14px;
            border-radius: 18px;

            .__eyebrow {
                margin-bottom: 4px;
            }

            .__title {
                font-size: 28px;
                line-height: 34px;
            }

            .__text {
                margin-top: 8px;
                font-size: 15px;
                line-height: 22px;
            }
        }

        .ferremax-account__shop-link,
        .ferremax-account-form__link,
        .lost_password a {
            width: 100%;
            justify-content: center;
        }

        .ferremax-account-card,
        .ferremax-account__content {
            padding: 18px 16px;
        }

        .ferremax-account-card__head > .material-symbols-outlined {
            width: 40px;
            height: 40px;
            font-size: 22px;
        }

        .ferremax-account-card__head h2,
        .ferremax-account__content h2 {
            font-size: 20px;
            line-height: 26px;
        }

        .ferremax-account-dashboard__card {
            min-height: 0;
            padding: 16px;
        }
    }
}

.single-product {
    .woocommerce-notices-wrapper {
        display: none;
    }
}

.woocommerce-cart,
.woocommerce-checkout {
    .site-main {
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;
        padding: 42px 0 70px;
        box-sizing: border-box;
    }

    .entry-header {
        display: none;
    }

    .entry-content {
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .wp-block-woocommerce-cart,
    .wp-block-woocommerce-checkout {
        margin: 0;
        color: var(--text-color);
    }

    .wc-block-components-sidebar-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 392px;
        gap: 28px;
        align-items: start;
        width: 100%;
    }

    .wc-block-components-main,
    .wc-block-components-sidebar,
    .wp-block-woocommerce-empty-cart-block {
        width: 100% !important;
        min-width: 0;
        box-sizing: border-box;
    }

    .wc-block-components-main,
    .wc-block-components-sidebar,
    .wp-block-woocommerce-empty-cart-block,
    .wc-block-checkout__form {
        border: 1px solid #E5E7EB;
        border-radius: 16px;
        background: #FFFFFF;
        box-shadow: 0px 18px 40px -34px rgba(15, 23, 42, 0.35);
    }

    .wc-block-components-main {
        padding: 24px;
    }

    .wc-block-components-sidebar {
        position: sticky;
        top: 24px;
        padding: 24px;
    }

    h2,
    .wc-block-cart__totals-title,
    .wc-block-components-title,
    .wc-block-components-checkout-step__title,
    .wc-block-components-order-summary__title-text {
        margin: 0;
        color: var(--text-color);
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .wc-block-cart__totals-title,
    .wc-block-components-order-summary__title-text {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
    }

    .wc-block-cart__totals-title::after,
    .wc-block-components-order-summary__title-text::after {
        content: "";
        display: block;
        flex: 1 1 auto;
        height: 1px;
        background: var(--secondary-color);
    }

    .wc-block-cart-items {
        margin: 0;
        border: 0;
        border-collapse: separate;
        border-spacing: 0;
    }

    .wc-block-cart-items__header th {
        padding: 0 0 16px;
        border-bottom: 1px solid #E5E7EB;
        color: var(--text-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .wc-block-cart-items__row td {
        padding: 24px 0;
        border-bottom: 1px solid #E5E7EB;
        vertical-align: top;
    }

    .wc-block-cart-item__image {
        width: 104px;
        padding-right: 20px !important;
    }

    .wc-block-cart-item__image img {
        width: 84px;
        height: 84px;
        border: 1px solid #F1F5F9;
        border-radius: 10px;
        background: #F8FAFC;
        object-fit: contain;
    }

    .wc-block-components-product-name {
        color: var(--text-color);
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
    }

    .wc-block-components-product-name:hover,
    .wc-block-components-product-name:focus {
        color: var(--secondary-color);
    }

    .wc-block-components-product-metadata,
    .wc-block-components-product-metadata__description,
    .wc-block-components-totals-item__description,
    .wc-block-components-totals-footer-item-shipping,
    .wc-block-components-checkout-step__description,
    .wc-block-checkout__guest-checkout-notice {
        color: #64748B;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
    }

    .wc-block-components-product-price,
    .wc-block-cart-item__total,
    .wc-block-components-totals-item__value {
        color: var(--text-color);
        font-size: 18px;
        line-height: 26px;
        font-weight: 700;
    }

    .wc-block-cart-item__quantity {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 14px;
    }

    .wc-block-components-quantity-selector {
        display: inline-grid;
        grid-template-columns: 36px 48px 36px;
        align-items: center;
        min-height: 38px;
        border: 1px solid #D1D5DB;
        border-radius: 7px;
        background: #FFFFFF;
        overflow: hidden;
    }

    .wc-block-components-quantity-selector__input {
        min-height: 36px;
        border: 0;
        color: var(--text-color);
        font-size: 15px;
        line-height: 20px;
        font-weight: 700;
        text-align: center;
        box-shadow: none;
    }

    .wc-block-components-quantity-selector__button {
        width: 36px;
        min-width: 36px;
        min-height: 36px;
        border: 0;
        background: #FFFFFF;
        color: #64748B;
        font-size: 18px;
        line-height: 1;
        cursor: pointer;
    }

    .wc-block-components-quantity-selector__button:hover,
    .wc-block-components-quantity-selector__button:focus {
        background: #FFF3ED;
        color: var(--secondary-color);
        outline: none;
    }

    .wc-block-cart-item__remove-link {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px;
        border: 1px solid #E5E7EB;
        border-radius: 7px;
        background: #FFFFFF;
        color: #64748B;
        font-size: 0 !important;
        cursor: pointer;
    }

    .wc-block-cart-item__remove-link::before {
        content: none;
    }

    .wc-block-cart-item__remove-link svg {
        display: block;
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

    .wc-block-cart-item__remove-link:hover,
    .wc-block-cart-item__remove-link:focus {
        border-color: rgba(255, 103, 32, 0.35);
        background: #FFF3ED;
        color: var(--secondary-color);
        outline: none;
    }

    .wc-block-components-totals-wrapper,
    .wp-block-woocommerce-cart-order-summary-coupon-form-block,
    .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
        padding: 16px 0;
        border-top: 1px solid #E5E7EB;
    }

    .wc-block-components-panel__button,
    .wc-block-components-totals-coupon__button {
        color: var(--secondary-color);
        font-size: 15px;
        line-height: 22px;
        font-weight: 700;
        text-decoration: none;
    }

    .wc-block-components-totals-footer-item {
        align-items: flex-start;
        padding-top: 18px;
    }

    .wc-block-components-totals-item__label {
        color: var(--text-color);
        font-size: 20px;
        line-height: 28px;
        font-weight: 700;
    }

    .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
        color: var(--secondary-color);
        font-size: 26px;
        line-height: 34px;
    }

    .wc-block-components-button,
    .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button,
    .wc-block-grid__product-add-to-cart .wp-block-button__link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        padding: 12px 18px;
        border: 0;
        border-radius: 5px;
        background: var(--secondary-color);
        color: #FFFFFF;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
        box-shadow: none;
        cursor: pointer;
    }

    .wc-block-components-button:hover,
    .wc-block-components-button:focus,
    .wc-block-cart__submit-button:hover,
    .wc-block-cart__submit-button:focus,
    .wc-block-components-checkout-place-order-button:hover,
    .wc-block-components-checkout-place-order-button:focus,
    .wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
    .wc-block-grid__product-add-to-cart .wp-block-button__link:focus {
        background: #E85B17;
        color: #FFFFFF;
        outline: none;
    }

    .wp-block-woocommerce-empty-cart-block {
        display: grid;
        gap: 18px;
        justify-items: center;
        padding: 30px 34px 38px;
        text-align: center;
        overflow: visible;
        align-content: start;

        .wc-block-cart__empty-cart__title.with-empty-cart-icon {
            &::before {
                width: 92px;
                height: 92px;
                margin: 0 auto 20px;
                border-radius: 50%;
                background: #F8FAFC;
                box-shadow: inset 0 0 0 1px #E5E7EB;
                color: var(--text-color);
                font-size: 46px;
                line-height: 92px;
            }
        }

        .wc-block-grid,
        .wc-block-grid__products {
            width: 100%;
        }

        .wc-block-grid {
            max-width: 1120px;
        }

        .wc-block-grid__products {
            display: grid !important;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
            align-items: stretch;
            justify-content: stretch;
        }

        .wc-block-grid__product {
            width: auto !important;
            max-width: none !important;
            flex: none !important;
            flex-basis: auto !important;
            min-height: 100%;
            padding: 20px 18px;
        }

        .wc-block-grid__product-link {
            display: grid;
            gap: 14px;
            align-content: start;
            text-decoration: none;
        }

        .wc-block-grid__product-image {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 132px;
            margin-bottom: 0;
        }

        .wc-block-grid__product-image img {
            width: auto;
            max-width: 100%;
            max-height: 120px;
            object-fit: contain;
        }

        .wc-block-grid__product-title,
        .wc-block-grid__product-price {
            text-align: left;
        }

        .wc-block-grid__product-title {
            font-size: 18px;
            line-height: 26px;
            line-clamp: 3;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .wc-block-grid__product-price {
            margin: 4px 0 16px;
        }
    }

    .wc-block-cart__empty-cart__title {
        margin-bottom: 12px;
        color: var(--text-color);
        font-size: 34px;
        line-height: 42px;
        text-transform: none;
    }

    .wp-block-separator {
        width: 90px;
        height: 2px;
        margin: 10px auto 18px;
        border: 0;
        background: var(--secondary-color);
    }

    .wp-block-product-new h2,
    .wp-block-heading.has-text-align-center:not(.wc-block-cart__empty-cart__title) {
        margin: 0 0 12px;
        color: var(--text-color);
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .wc-block-grid__products {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
        margin: 0;
        padding: 0;
    }

    .wc-block-grid__product {
        display: flex;
        flex-direction: column;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        padding: 18px;
        border: 1px solid #E5E7EB;
        border-radius: 12px;
        background: #FFFFFF;
        box-shadow: 0px 12px 28px -24px rgba(15, 23, 42, 0.35);
    }

    .wc-block-grid__product-image {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 150px;
        margin-bottom: 14px;
        border-radius: 10px;
        background: #F8FAFC;
    }

    .wc-block-grid__product-title {
        color: var(--text-color);
        font-size: 15px;
        line-height: 22px;
        font-weight: 700;
        text-align: left;
    }

    .wc-block-grid__product-price {
        margin: 10px 0 14px;
        color: var(--secondary-color);
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        text-align: left;
    }

    .wc-block-grid__product-add-to-cart {
        margin-top: auto;
    }

    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-2-columns .wc-block-grid__product,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-3-columns .wc-block-grid__product,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__product,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-5-columns .wc-block-grid__product,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-6-columns .wc-block-grid__product {
        width: auto !important;
        max-width: none !important;
        flex: none !important;
        flex-basis: auto !important;
    }

    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-2-columns .wc-block-grid__products,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-3-columns .wc-block-grid__products,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-4-columns .wc-block-grid__products,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-5-columns .wc-block-grid__products,
    .wp-block-woocommerce-empty-cart-block .wc-block-grid.has-6-columns .wc-block-grid__products {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    .wc-block-cart-item__wrap {
        display: grid;
        gap: 10px;
    }

    .wc-block-cart-item__prices {
        margin: 0;
    }
}

.woocommerce-checkout {
    .wc-block-components-sidebar-layout {
        grid-template-columns: minmax(0, 1fr) 392px;
    }

    .wc-block-components-main {
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .wc-block-checkout__form {
        width: 100%;
        box-sizing: border-box;
        padding: 24px;
    }

    .wc-block-components-checkout-step {
        margin: 0;
        padding: 24px 0;
        border-bottom: 1px solid #E5E7EB;
    }

    .wc-block-components-checkout-step:first-child {
        padding-top: 0;
    }

    .wc-block-components-checkout-step:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .wc-block-components-checkout-step__heading {
        margin-bottom: 16px;
    }

    .wc-block-components-checkout-step__container,
    .wc-block-components-checkout-step__content {
        margin: 0;
        padding: 0;
    }

    .wc-block-components-text-input,
    .wc-block-components-address-form__address_1,
    .wc-block-components-country-input,
    .wc-block-components-state-input {
        margin-bottom: 14px;
    }

    .wc-block-components-text-input input,
    .wc-block-components-combobox .wc-block-components-combobox-control input,
    .wc-block-components-form .wc-block-components-text-input input,
    .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input,
    .wc-block-components-form textarea,
    .wc-block-components-textarea {
        min-height: 46px;
        border: 1px solid #D1D5DB;
        border-radius: 7px;
        background: #FFFFFF;
        color: var(--text-color);
        font-size: 16px;
        line-height: 24px;
        box-shadow: none;
    }

    .wc-block-components-text-input label,
    .wc-block-components-combobox .wc-block-components-combobox-control label,
    .wc-block-components-checkbox label {
        color: #64748B;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
    }

    .wc-block-components-text-input input:focus,
    .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
    .wc-block-components-textarea:focus {
        border-color: rgba(255, 103, 32, 0.48);
        outline: 0;
        box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
    }

    .wc-block-components-address-form__first_name,
    .wc-block-components-address-form__last_name,
    .wc-block-components-address-form__city,
    .wc-block-components-address-form__state,
    .wc-block-components-address-form__postcode,
    .wc-block-components-address-form__phone {
        width: calc(50% - 8px);
    }

    .wc-block-components-address-form {
        display: flex;
        flex-wrap: wrap;
        gap: 0 16px;
    }

    .wc-block-components-address-form__country,
    .wc-block-components-address-form__address_1,
    .wc-block-components-address-form__address_2 {
        width: 100%;
    }

    .wp-block-woocommerce-checkout-order-summary-block {
        border: 0;
        background: transparent;
    }

    .wc-block-components-order-summary-item {
        padding: 16px 0;
        border-bottom: 1px solid #E5E7EB;
    }

    .wc-block-components-order-summary-item__image {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 64px !important;
        width: 64px;
        min-width: 64px;
        height: 64px;
        padding: 6px !important;
        border: 1px solid #F1F5F9;
        border-radius: 8px;
        background: #F8FAFC;
        overflow: visible;
        box-sizing: border-box;
    }

    .wc-block-components-order-summary-item__image img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain;
    }

    .wc-block-components-order-summary-item__description,
    .wc-block-components-order-summary-item__total-price {
        color: var(--text-color);
        font-size: 14px;
        line-height: 22px;
    }

    .wc-block-components-order-summary-item__individual-prices,
    .wc-block-components-order-summary-item__quantity {
        color: #64748B;
    }

    .wc-block-checkout__actions {
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #E5E7EB;
    }
}

body.login {
    display: block;
    min-height: 100vh;
    padding: 48px 20px 32px;
    background: #F8FAFC;
    box-sizing: border-box;

    &::before {
        content: "";
        position: fixed;
        inset: 0 0 auto;
        height: 7px;
        background: var(--secondary-color);
    }

    &::after {
        content: "";
        position: fixed;
        inset: 0;
        background: radial-gradient(circle at top left, rgba(255, 103, 32, 0.12), transparent 34%), linear-gradient(180deg, rgba(15, 23, 42, 0.03), rgba(15, 23, 42, 0));
        pointer-events: none;
    }

    #login {
        position: relative;
        z-index: 1;
        width: min(100%, 520px);
        margin: 34px auto 18px;
        padding: 32px;
        border: 1px solid #E5E7EB;
        border-radius: 24px;
        background: #FFFFFF;
        box-shadow: 0px 32px 60px -42px rgba(15, 23, 42, 0.35);
        box-sizing: border-box;
    }

    h1 {
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 0 28px;

        a {
            width: 100%;
            max-width: 300px;
            height: 88px;
            margin: 0;
            border-radius: 18px;
            background-color: #111111;
            background-repeat: no-repeat;
            background-size: 205px auto;
            background-position: 28px center;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
        }

        &::after {
            content: "Accede a tu cuenta para gestionar pedidos, datos y accesos de Grupo Ferremax.";
            color: #64748B;
            font-size: 15px;
            line-height: 22px;
        }
    }

    &.login-action-register {
        h1::after {
            content: "Crea tu cuenta para continuar con tus compras y solicitudes desde Grupo Ferremax.";
        }
    }

    &.login-action-lostpassword,
    &.login-action-rp,
    &.login-action-resetpass {
        h1::after {
            content: "Recupera el acceso a tu cuenta con un proceso simple y seguro.";
        }
    }

    form {
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;

        p {
            margin: 0 0 18px;
        }
    }

    label {
        display: block;
        margin-bottom: 8px;
        color: var(--text-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
    }

    .input,
    input[type="text"],
    input[type="password"],
    input[type="email"] {
        min-height: 50px;
        padding: 10px 14px;
        border: 1px solid #E5E7EB;
        border-radius: 8px;
        background: #FFFFFF;
        color: var(--text-color);
        font-size: 16px;
        line-height: 22px;
        box-shadow: none;
        transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;

        &:focus {
            border-color: rgba(255, 103, 32, 0.42);
            background: #FFFFFF;
            outline: none;
            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
        }
    }

    .button.wp-hide-pw {
        color: #9AA3B8;

        &:hover,
        &:focus {
            color: var(--secondary-color);
            border-color: transparent;
            box-shadow: none;
        }
    }

    .button-primary {
        min-height: 44px;
        min-width: 164px;
        padding: 10px 20px;
        border: 0;
        border-radius: 8px;
        background: var(--secondary-color);
        color: #FFFFFF;
        font-size: 16px;
        line-height: 24px;
        font-weight: 700;
        text-transform: uppercase;
        box-shadow: none;

        &:hover,
        &:focus {
            background: #E85B17;
            color: #FFFFFF;
            box-shadow: none;
        }
    }

    .submit {
        display: flex;
        justify-content: flex-end;
        margin: 20px 0 0;
    }

    .forgetmenot {
        display: flex;
        align-items: center;
        min-height: 44px;
        margin: 0;

        input {
            accent-color: var(--secondary-color);
        }
    }

    #nav {
        display: flex;
        justify-content: flex-start;
        gap: 8px;
        flex-wrap: wrap;
        font-size: 0;
    }

    #nav,
    #backtoblog {
        margin: 16px 0 0;
        padding: 0;
        text-align: left;
    }

    #nav {
        align-items: center;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    #backtoblog {
        display: flex;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    #nav a,
    #backtoblog a {
        color: var(--secondary-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        text-decoration: none;

        &:hover,
        &:focus {
            color: #E85B17;
        }
    }

    .message,
    .notice,
    #login_error {
        margin: 0 0 16px;
        padding: 12px 14px;
        border: 1px solid #E5E7EB;
        border-left: 4px solid var(--secondary-color);
        border-radius: 8px;
        background: #FFFFFF;
        color: var(--text-color-3);
        font-size: 14px;
        line-height: 20px;
        box-shadow: none;
    }

    .message.register {
        margin-bottom: 22px;
        padding: 14px 16px;
        border: 1px solid rgba(255, 103, 32, 0.18);
        border-left: 4px solid var(--secondary-color);
        border-radius: 10px;
        background: #FFF7F3;
        color: var(--text-color);
        font-size: 15px;
        line-height: 22px;
        font-weight: 500;
    }

    .description,
    .indicator-hint,
    .woocommerce-LostPassword p,
    .reset-pass-submit+p {
        color: #64748B;
        font-size: 14px;
        line-height: 22px;
    }

    #language-switcher {
        position: relative;
        z-index: 1;
        width: min(100%, 520px);
        margin: 0 auto;
        padding: 16px 20px;
        border: 1px solid #E5E7EB;
        border-radius: 18px;
        background: #FFFFFF;
        box-shadow: 0px 20px 38px -32px rgba(15, 23, 42, 0.28);
        box-sizing: border-box;
    }

    .language-switcher-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin: 0 0 12px;
        color: #64748B;
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;

        .dashicons {
            color: var(--secondary-color);
        }
    }

    .language-switcher-label+form {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }

    .language-switcher-locales {
        min-height: 44px;
        flex: 1 1 auto;
        margin: 0;
        padding: 0 14px;
        border: 1px solid #CBD5E1;
        border-radius: 8px;
        background: #FFFFFF;
        color: var(--text-color);
        font-size: 16px;
        line-height: 24px;
    }

    .language-switcher-locales+.button {
        min-height: 44px;
        padding: 10px 18px;
        border: 1px solid rgba(255, 103, 32, 0.2);
        border-radius: 8px;
        background: #FFF3ED;
        color: var(--secondary-color);
        font-size: 14px;
        line-height: 20px;
        font-weight: 700;
        box-shadow: none;

        &:hover,
        &:focus {
            border-color: var(--secondary-color);
            background: var(--secondary-color);
            color: #FFFFFF;
        }
    }

    .privacy-policy-page-link {
        margin: 18px 0 0;

        a {
            color: #64748B;
        }
    }

    @media (max-width: 768px) {
        min-height: 100svh;
        padding: 32px 16px 24px;

        #login {
            width: min(100%, 100%);
            padding: 24px 20px;
            border-radius: 20px;
        }

        h1 {
            gap: 14px;
            margin-bottom: 22px;

            a {
                max-width: 100%;
                height: 76px;
                background-position: center;
                background-size: 180px auto;
            }
        }

        .submit {
            justify-content: stretch;
        }

        .button-primary {
            width: 100%;
        }
    }

    @media (max-width: 640px) {
        padding: 24px 12px 20px;

        #login {
            padding: 20px 16px;
            border-radius: 18px;
        }

        h1 {
            margin-bottom: 20px;

            a {
                height: 68px;
                border-radius: 16px;
                background-size: 160px auto;
            }

            &::after {
                font-size: 14px;
                line-height: 20px;
            }
        }

        .input,
        input[type="text"],
        input[type="password"],
        input[type="email"] {
            min-height: 46px;
            font-size: 15px;
            line-height: 20px;
        }

        #nav,
        #backtoblog {
            gap: 6px !important;
        }
    }
}

/* ---- header styles ---- */
.page {
    margin: 0 !important;
}

body.admin-bar {
    .site-header {
        top: 32px;
    }
}

.site-header {
    background: var(--primary-color);
    position: sticky;
    top: 0;
    overflow-x: clip;
    z-index: 30;
    transition: box-shadow 0.25s ease, transform 0.25s ease;

    .ferremax-search-form {
        position: relative;

        .ferremax-search-form__results {
            position: absolute;
            top: calc(100% + 6px);
            left: 0;
            right: 0;
            z-index: 80;
            max-height: 360px;
            overflow-y: auto;
            padding: 8px 0;
            border: 1px solid #E5E7EB;
            border-radius: 5px;
            background: #FFFFFF;
            box-shadow: 0 16px 32px -24px rgba(15, 23, 42, 0.45);

            .ferremax-search-form__group {
                padding: 6px 0;

                &+.ferremax-search-form__group {
                    border-top: 1px solid #E5E7EB;
                }

                p {
                    margin: 0;
                    padding: 6px 16px;
                    color: #64748B;
                    font-size: 12px;
                    line-height: 16px;
                    font-weight: 700;
                    text-transform: uppercase;
                }
            }

            .ferremax-search-form__result,
            .ferremax-search-form__empty {
                display: block;
                margin: 0;
                padding: 8px 16px;
                color: var(--text-color);
                font-size: 14px;
                line-height: 20px;
                font-weight: 400;
                text-decoration: none;
            }

            .ferremax-search-form__result:hover,
            .ferremax-search-form__result:focus {
                background: #FFF3ED;
                color: var(--secondary-color);
                outline: none;
            }
        }
    }

    .site-header__inner {
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;

        .site-header__top {
            display: flex;
            justify-content: space-between;
            padding: 7px 0;
            color: var(--text-color-2);

            .site-header__contact,
            .site-header__account-links ul {
                display: flex;
                gap: 12px;
                list-style: none;
                font-weight: 700;
                font-size: 12px;
                line-height: 16px;
                text-transform: uppercase;
                padding: 0;
                margin: 0;

                li:last-child a>span:last-child {
                    text-decoration: underline;
                }

                a {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    text-decoration: none;
                    color: var(--text-color-2);
                }

                .material-symbols-outlined {
                    font-family: 'Material Symbols Outlined';
                    font-size: 10px;
                    line-height: 1;
                    color: #F8F9F8;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                }
            }

            .site-header__account-links {
                .site-header__account-toggle {
                    display: none;
                }
            }
        }

        .site-header__main {
            display: flex;
            align-items: stretch;
            justify-content: space-between;

            .site-header__content {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 17px 0;
                gap: calc(100% - 810px);
                /* max-width: 964px; */
                flex: 0 0 auto;


                .site-branding {
                    display: flex;
                    align-items: center;
                    gap: 24px;

                    .site-branding__partner-link img {
                        max-width: 296px;
                        width: auto;
                    }

                    .site-branding__partner-link {
                        display: inline-flex;
                        align-items: center;
                        flex: 0 0 auto;
                    }

                    .custom-logo-link {
                        display: inline-flex;
                        align-items: center;
                        flex: 0 0 auto;
                    }

                    .custom-logo-link img {
                        min-width: 175px;
                        max-width: 175px;
                        width: 175px;
                        height: auto;
                    }
                }
            }

            .site-header__search {
                flex: 1;
                min-width: 344px;

                .ferremax-search-form__inner {
                    display: flex;
                    align-items: center;
                    background: #F1F5F9;
                    border: 1px solid #F1F5F9;
                    border-radius: 5px;
                    padding: 8px 16px 9px;

                    .ferremax-search-form__field {
                        flex: 1;
                        border: 0;
                        background: transparent;
                        padding: 0;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        color: var(--text-color);
                    }

                    .ferremax-search-form__field::placeholder {
                        color: #6B7280;
                    }

                    .ferremax-search-form__field:focus {
                        outline: none;
                    }

                    .ferremax-search-form__submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        border: 0;
                        background: transparent;
                        color: #9AA3B8;
                        cursor: pointer;
                        padding: 0;
                    }

                    .ferremax-search-form__submit:hover,
                    .ferremax-search-form__submit:focus {
                        color: var(--secondary-color);
                        outline: none;
                    }
                }
            }

            .site-header__promo {
                display: flex;
                flex-direction: column;
                justify-content: center;
                position: relative;
                background: var(--secondary-color);
                padding: 12px 16px;
                gap: 6px;
                left: calc(100% - 980px);
                min-width: 200px;
                transition: all 0.3s ease;
                cursor: pointer;
                text-decoration: none;

                &::after {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 100%;
                    width: max(0px, calc((100vw - var(--container-width)) / 2));
                    height: 100%;
                    background: var(--secondary-color);
                }

                img {
                    display: block;
                    max-width: 154px;
                    width: 100%;
                    height: auto;
                    transition: all 0.3s ease;
                }

                .site-header__promo-img--hover {
                    display: none;
                }

                p {
                    display: block;
                    color: #3A3A3A;
                    font-size: 14px;
                    line-height: 16px;
                    font-weight: 700;
                    text-align: center;
                    text-transform: uppercase;
                    text-decoration: underline;
                    text-underline-offset: 3px;
                    margin: 0;
                }
            }

            .site-header__promo:hover {
                background: var(--text-color-2);

                .site-header__promo-img--default {
                    display: none;
                }

                .site-header__promo-img--hover {
                    display: block;
                }
            }
        }

    }

    #site-navigation {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 31px;
        padding: 6px 0;
        background: var(--secondary-color);

        .menu-toggle {
            display: none;
        }

        .site-header__mobile-promo,
        .site-header__mobile-search {
            display: none;
        }

        .menu-main-menu-container {
            width: min(100%, var(--container-width));
            margin: 0 auto;

            .nav-menu {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 32px;
                list-style: none;
                padding: 0;
                margin: 0;

                .menu-item {
                    display: flex;
                    align-items: center;
                    margin: 0;
                    transition: all 0.3s ease;

                    &.menu-item-has-children {
                        position: relative;
                    }

                    a {
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                        color: #F8F9F8;
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 400;
                        text-transform: uppercase;
                        text-decoration: none;
                        white-space: nowrap;
                    }

                    .current-menu-item>a,
                    a:hover,
                    a:focus {
                        color: #FFF4EE;
                    }

                    >.sub-menu {
                        position: absolute;
                        top: 100%;
                        left: 0;
                        z-index: 20;
                        display: none;
                        flex-direction: column;
                        gap: 0;
                        min-width: 228px;
                        margin: 0;
                        padding: 6px 0;
                        list-style: none;
                        background: var(--secondary-color);
                        border-top: 1px solid rgba(255, 255, 255, 0.22);
                        border-radius: 0 0 6px 6px;
                        box-shadow: 0 18px 32px -24px rgba(0, 0, 0, 0.55);

                        &::before {
                            content: "";
                            position: absolute;
                            left: 0;
                            bottom: 100%;
                            width: 100%;
                            height: 12px;
                        }

                        >.menu-item {
                            width: 100%;
                            opacity: 1;

                            >a {
                                width: 100%;
                                padding: 10px 16px;
                                color: #F8F9F8;
                                font-size: 14px;
                                line-height: 20px;
                                font-weight: 400;
                                text-transform: uppercase;
                                box-sizing: border-box;
                                transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
                            }

                            >a:hover,
                            >a:focus {
                                color: #FFF4EE;
                                background: rgba(255, 255, 255, 0.12);
                                box-shadow: inset 3px 0 0 #FFF4EE;
                            }
                        }
                    }

                    &:hover>.sub-menu,
                    &:focus-within>.sub-menu {
                        display: flex;
                    }
                }

                >.menu-item:hover>a,
                >.menu-item:focus-within>a {
                    opacity: 0.7;
                }

                .menu-item-has-children>a .ferremax-menu-caret {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 18px;
                    line-height: 1;
                    transition: transform 0.2s ease;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                }

                .menu-item-has-children:hover>a .ferremax-menu-caret,
                .menu-item-has-children:focus-within>a .ferremax-menu-caret {
                    transform: rotate(180deg);
                }

                .menu-item--store .ferremax-cart-count {
                    display: inline;
                    font-size: inherit;
                    font-weight: inherit;
                    color: inherit;

                    &::after {
                        content: "";
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        background: #F50909;
                        border-radius: 100%;
                        position: absolute;
                        top: 0;
                        right: -3px;
                    }
                }

                .menu-item--store .ferremax-cart-count--empty {
                    display: none;
                }

                .menu-item--store>a::before {
                    content: "shopping_cart";
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    margin-right: 10px;
                    font-family: 'Material Symbols Outlined';
                    font-size: 18px;
                    line-height: 1;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                }
            }
        }
    }

    .site-header__floating-contact {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: fixed;
        right: 9px;
        top: 277px;
        z-index: 10;

        .site-header__floating-contact-item--main {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--secondary-color);
            color: var(--text-color-2);
            font-size: 18px;
            line-height: 1;
            font-weight: 700;
            min-height: 156px;
            padding: 14px 10px;
            border-radius: 5px;
            text-decoration: none;
            text-transform: uppercase;
            writing-mode: vertical-rl;
            transform: rotate(180deg);
            transition: all 0.3s ease;

            &:hover {
                background: var(--primary-color);
                color: var(--text-color-2);
            }
        }

        .site-header__floating-contact-item--whatsapp,
        .site-header__floating-contact-item--mail {
            background: #7AD26D;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            font-size: 22.25px;
            border-radius: 100%;
            color: var(--text-color-2);

            &:hover {
                background: var(--primary-color);
                color: var(--text-color-2);
            }
        }

        .site-header__floating-contact-item--mail {
            background: var(--secondary-color);
        }
    }
}

.site-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 18px 34px -26px rgba(15, 23, 42, 0.6);
    animation: ferremaxHeaderReveal 0.24s ease;

    .site-header__inner {
        .site-header__top {
            padding: 4px 0;
        }

        .site-header__main {
            .site-header__content {
                padding: 10px 0;
                gap: 72px;

                .site-branding {
                    gap: 22px;

                    .site-branding__partner-link img {
                        max-width: 232px;
                    }

                    .custom-logo-link img {
                        min-width: 146px;
                        width: 146px;
                    }
                }
            }

            .site-header__search {
                .ferremax-search-form__inner {
                    padding: 6px 14px 7px;
                }
            }

            .site-header__promo {
                min-width: 176px;
                padding: 9px 14px;

                img {
                    max-width: 138px;
                }

                p {
                    font-size: 12px;
                    line-height: 14px;
                }
            }
        }
    }

    #site-navigation {
        padding: 4px 0;

        .menu-main-menu-container {
            .nav-menu {
                .menu-item {
                    a {
                        font-size: 16px;
                        line-height: 22px;
                    }
                }
            }
        }
    }
}

body.admin-bar {
    .site-header.is-sticky {
        top: 32px;
    }
}

body.menu-open {
    .site-header.is-sticky {
        position: relative;
        top: 0;
        left: auto;
        width: auto;
        animation: none;
    }
}

/* ---- main styles ---- */


.site-main {

    .entry-content {
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;

        /* Reset WPBakery negative row margins so content stays inside the container */
        .wpb-content-wrapper>.vc_row {
            margin-left: 0;
            margin-right: 0;
        }

        #hero-home {
            width: 100%;
            margin-top: 24px;

            >.hero-home__slider {
                padding: 0;
            }

            .hero-home__slider * {
                margin: 0;
            }

            .hero-home__slider {
                overflow: hidden;
                border-radius: 24px;

                .hero-home__content {
                    color: var(--text-color-2);
                    width: 66.66%;

                    .vc_column-inner {
                        padding: 24px 77px 24px 24px;
                    }

                    .hero-home__eyebrow {
                        margin-bottom: 10px;
                        margin-top: 6px;
                    }

                    .hero-home__eyebrow.--variation p {
                        color: var(--secondary-color);
                    }

                    .__text {
                        margin-bottom: 20px;
                        margin-top: 5px;

                    }

                    .hero-home__btns .wpb_wrapper p {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;

                        br {
                            display: none;
                        }

                        .btn-primary:hover {
                            background: var(--text-color-2);
                            color: var(--secondary-color);
                        }

                        .btn-primary::after {
                            content: "arrow_forward";
                            font-family: 'Material Symbols Outlined';
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }

                        .btn-secondary:hover {
                            color: var(--primary-color);
                            border-color: var(--primary-color);
                            background: var(--text-color-2);
                        }

                        .btn-primary.--variation {
                            background: var(--primary-color);
                        }

                        .btn-primary.--variation:hover {
                            color: var(--primary-color);
                            background: var(--text-color-2);
                        }

                        .btn-secondary.--variation:hover {
                            color: var(--primary-color);
                            border-color: var(--primary-color);
                        }
                    }
                }

                .hero-home__media {
                    max-width: 36.74%;

                    .vc_column-inner {
                        padding: 0;

                        img {
                            width: 100%;
                            min-height: 367px;
                            object-position: center;
                        }
                    }
                }
            }



            .owl-nav {
                position: absolute;
                right: 440px;
                bottom: 46px;
                display: flex;
                gap: 8px;
                z-index: 2;
            }

            .owl-prev,
            .owl-next {
                width: 28px;
                height: 28px;
                border: solid 1px #D1D5DB;
                border-radius: 4px;
                background: var(--text-color-2);
                color: #111827;
            }

            .owl-prev span,
            .owl-next span {
                font-size: 24px;
                line-height: 1;
            }

            .owl-dots {
                position: absolute;
                right: 440px;
                bottom: 18px;
                display: flex;
                align-items: center;
                gap: 10px;
            }

            .owl-dots .owl-dot span {
                display: block;
                width: 14px;
                height: 14px;
                background: #D9D9D9;
                border: 1px solid #D9D9D9;
                border-radius: 100%;
            }

            .owl-dots .owl-dot.active span,
            .owl-dots .owl-dot:hover span {
                background: var(--secondary-color);
                border-color: var(--text-color-2);
            }

            .owl-prev:hover,
            .owl-next:hover {
                border-color: var(--secondary-color);
                color: var(--secondary-color);
            }
        }

        #feature-links {
            margin-top: 48px;
            margin-bottom: 48px;

            .vc_column-inner {

                .feature-links__card .vc_column-inner {
                    box-shadow: 0px 25px 50px -12px #5E5E5E33;
                    padding: 17px 24px 13px;
                    border-radius: 24px;

                    .wpb_wrapper {
                        display: inline-flex;
                        flex-direction: column;
                        gap: 12px;

                        .__title {
                            margin: 0;

                            h2 {
                                font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                                line-height: 40px;
                                text-transform: uppercase;
                                display: inline-flex;
                                gap: 12px;
                                align-items: center;
                                color: #111827;
                                margin: 0;
                            }
                        }

                        .__text {
                            margin: 0;
                            color: var(--text-color-3);

                            p {
                                margin: 0;
                            }
                        }

                        .home__btns {
                            margin: 0;

                            p {
                                margin: 0;

                                .btn-primary {
                                    background: transparent;
                                    color: var(--secondary-color);
                                    padding: 0;
                                    justify-content: flex-start;
                                }

                                .btn-primary::after {
                                    content: "arrow_forward";
                                    font-family: 'Material Symbols Outlined';
                                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                                }
                            }
                        }

                        .wpb_single_image {
                            position: absolute;
                            right: 34.5px;
                            top: 33px;
                        }
                    }
                }
            }
        }

        .promotional-banner1 {
            .vc_column-inner {
                padding: 0;

                .container::before {
                    background: linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    right: 0;
                    border-radius: 24px;
                }

                .container {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    border-radius: 24px;
                    padding: 24px 40px 24px;
                    margin: 0;

                    .vc_inner {
                        padding: 42px 49px;
                    }

                    .promotional-banner__content {
                        padding: 0;
                        flex: 0 0 60%;

                        .vc_custom_heading {
                            margin: 0;
                            font-size: clamp(1.5rem, 1.0778rem + 1.7778vw, 2.5rem);
                            line-height: clamp(2rem, 1.5778rem + 1.7778vw, 3rem);
                            font-weight: 700;
                            color: var(--text-color-2);
                            font-family: var(--font-family);
                            text-transform: capitalize;
                        }

                        .wpb_text_column {
                            margin-bottom: 0;
                        }

                        p {
                            font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                            line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                            font-weight: 400;
                            color: rgba(255, 255, 255, 0.90);
                        }
                    }

                    .promotional-banner__btns {

                        .home__btns {
                            margin: 0;

                            .wpb_wrapper p {
                                display: flex;
                                flex-direction: column;
                                gap: 20px;

                                br {
                                    display: none;
                                }

                                .btn-primary {
                                    background: #1A9E10;
                                }

                                .btn-primary::after {
                                    content: "\f232";
                                    font-family: 'Font Awesome 6 Brands';
                                    font-size: 24px;
                                    font-weight: 400;
                                }

                                .btn-secondary::after {
                                    content: "arrow_forward";
                                    font-size: 24px;
                                    font-family: 'Material Symbols Outlined';
                                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                                }

                                .btn-primary:hover,
                                .btn-secondary:hover {
                                    transform: scale(0.9);
                                    color: var(--text-color-2);
                                }
                            }
                        }
                    }
                }
            }
        }

        #store-section,
        #about-store {

            .vc_column-inner {
                padding: 0;

                .__online-store {

                    h2 {
                        font-size: clamp(1.5rem, 1.0778rem + 1.7778vw, 2.5rem);
                        line-height: clamp(2rem, 1.5778rem + 1.7778vw, 3rem);
                        font-weight: 700;
                        display: inline-flex;
                        justify-content: flex-start;
                        align-items: center;
                        gap: 14px;
                        margin: 0;
                    }

                    p {
                        margin: 0;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        font-weight: 400;
                        color: var(--text-color-3);
                        /* padding-left: 50px; */
                        width: 100%;
                        display: inline-flex;
                        align-items: center;
                    }

                    .card-content {
                        .card-meta {
                            padding-left: 0;
                            font-weight: 700;
                            font-size: 10px;

                            .card-sku-label {
                                padding-left: 4px;
                            }
                        }
                    }

                    .btn-primary {
                        color: var(--secondary-color);
                        background: transparent;
                        margin-left: auto;
                        position: absolute;
                        right: 0;
                        top: 35px;
                    }

                    .btn-primary::after {
                        content: "arrow_forward";
                        font-family: 'Material Symbols Outlined';
                    }
                }

                .__sales {
                    margin: 48px 0 0;

                    .wpb_text_column {
                        margin: 0;

                        h2 {
                            font-size: clamp(1.5rem, 1.0778rem + 1.7778vw, 2.5rem);
                            line-height: clamp(2rem, 1.5778rem + 1.7778vw, 3rem);
                            font-weight: 700;
                            margin: 0;
                            margin-bottom: 36px;
                        }

                        .sales-carousel {
                            .sales-carousel__slider {
                                position: relative;

                                .sales-card {
                                    position: relative;
                                    border-radius: 15px;
                                    overflow: hidden;
                                    min-height: 280px;
                                    display: flex;
                                    flex-direction: column;
                                    justify-content: flex-end;
                                    background-size: cover;
                                    background-position: center;
                                    background-color: #E5E7EB;

                                    .sales-card__content {
                                        position: relative;
                                        z-index: 1;
                                        padding: 24px;
                                        display: flex;
                                        flex-direction: column;
                                        gap: 6px;


                                        .sales-card__tag {
                                            display: inline-flex;
                                            align-self: flex-start;
                                            padding: 4px 4px;
                                            color: var(--text-color-2);
                                            font-size: 12px;
                                            line-height: 18px;
                                            font-weight: 700;
                                            text-transform: uppercase;
                                            border-radius: 5px;
                                            margin-bottom: 4px;
                                        }

                                        .sales-card__title {
                                            margin: 0;
                                            font-size: 28px;
                                            font-weight: 700;
                                            line-height: 40px;
                                            font-style: italic;
                                            color: var(--text-color-2);
                                            text-transform: uppercase;
                                        }

                                        .sales-card__text {
                                            margin: 0;
                                            font-size: 14px;
                                            line-height: 20px;
                                            font-weight: 300;
                                            font-family: 'Inter', sans-serif;
                                            color: rgba(255, 255, 255, 0.85);
                                        }

                                        .sales-card__btn {
                                            display: inline-flex;
                                            align-items: center;
                                            gap: 8px;
                                            margin-top: 8px;
                                            color: var(--secondary-color);
                                            font-size: 18px;
                                            line-height: 24px;
                                            font-weight: 700;
                                            text-transform: uppercase;
                                            text-decoration: none;
                                        }

                                        .sales-card__btn .material-symbols-outlined {
                                            font-size: 18px;
                                            line-height: 1;
                                        }
                                    }
                                }

                                .sales-card::before {
                                    content: "";
                                    width: 100%;
                                    height: 100%;
                                    position: absolute;
                                    background: linear-gradient(180deg, rgba(102, 102, 102, 0) 4.29%, rgba(0, 0, 0, 0.2) 96.43%),
                                        linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 50%, #212322 99.52%);

                                    border-radius: 14px;
                                }

                                .owl-nav {
                                    position: absolute;
                                    top: -80px;
                                    right: 0;
                                    display: flex;
                                    gap: 8px;
                                }

                                .owl-prev,
                                .owl-next {
                                    width: 40px;
                                    height: 40px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border: 1px solid #D1D5DB;
                                    border-radius: 6px;
                                    background: var(--text-color-2);
                                    color: #111827;
                                    font-size: 20px;
                                    cursor: pointer;
                                }

                                .owl-prev:hover,
                                .owl-next:hover {
                                    border-color: var(--secondary-color);
                                    color: var(--secondary-color);
                                }
                            }
                        }
                    }
                }

                .__brands {
                    margin: 48px auto;
                    padding: 46px 34px 52px;
                    background: #F8F9F8;
                    border-radius: 24px;

                    h2 {
                        text-align: center;
                        font-family: var(--font-family);
                        font-weight: 700;
                        font-size: 28px;
                        line-height: 40px;
                        text-transform: uppercase;
                        margin: 0;
                    }

                    .brands-grid {
                        display: grid;
                        grid-template-columns: repeat(7, minmax(0, 1fr));
                        align-items: start;
                        gap: 15px;
                        margin-top: 32px;
                    }

                    .brands-grid--columns-1 {
                        grid-template-columns: repeat(1, minmax(0, 1fr));
                    }

                    .brands-grid--columns-2 {
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                    }

                    .brands-grid--columns-3 {
                        grid-template-columns: repeat(3, minmax(0, 1fr));
                    }

                    .brands-grid--columns-4 {
                        grid-template-columns: repeat(4, minmax(0, 1fr));
                    }

                    .brands-grid--columns-5 {
                        grid-template-columns: repeat(5, minmax(0, 1fr));
                    }

                    .brands-grid--columns-6 {
                        grid-template-columns: repeat(6, minmax(0, 1fr));
                    }

                    .brands-grid--columns-7 {
                        grid-template-columns: repeat(7, minmax(0, 1fr));
                    }

                    .brands-grid--columns-8 {
                        grid-template-columns: repeat(8, minmax(0, 1fr));
                    }

                    .brand-card {
                        display: flex;
                        flex-direction: column;
                        align-items: stretch;
                        text-decoration: none;
                        width: 100%;
                        height: 100%;


                        .brand-logo {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            border-radius: 10px;
                            padding: 20px 23px;
                            width: 100%;
                            min-height: 76px;
                            box-sizing: border-box;

                            img {
                                max-width: 100%;
                                max-height: 68px;
                                object-fit: contain;
                                transition: all 0.3s ease;
                            }
                        }

                        .brand-desc {
                            margin: 16px 0 0;
                            padding: 0 0 16px;
                            min-height: 60px;
                            overflow: hidden;
                            border-bottom: 0.5px solid;
                            font-size: 12px;
                            line-height: 20px;
                            font-weight: 600;
                            text-align: center;
                            color: var(--brand-accent, currentColor);
                            border-color: var(--brand-accent, currentColor);
                            display: -webkit-box;
                            -webkit-line-clamp: 3;
                            line-clamp: 3;
                            -webkit-box-orient: vertical;
                        }
                    }

                    .brand-card:hover .brand-logo img {
                        transform: scale(0.9);
                    }
                }
            }
        }

        .promotional-banner2 {

            .container {
                padding: 46px 43px;
                border-radius: 24px;
                background: linear-gradient(0deg, var(--Paletas-de-colores-Negro, #3A3A3A), var(--Paletas-de-colores-Negro, #3A3A3A)),
                    linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);

                .promotional-banner__content {

                    .__title {
                        max-width: 356px;
                        margin: 0;
                    }

                    .__text {
                        margin: 0;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        font-weight: 400;
                        text-transform: none;
                        color: #FFFFFFE5;

                        p {
                            margin: 0;
                            text-align: right;
                        }
                    }
                }

                .promotional-banner__btns {
                    margin: 0;

                    .vc_column-inner {
                        padding: 0;

                        .home__btns {
                            margin: 0;

                            p {
                                margin: 0;

                                .btn-secondary::after {
                                    content: "arrow_forward";
                                    font-size: 24px;
                                    font-family: 'Material Symbols Outlined';
                                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                                }

                                .btn-secondary:hover {
                                    transform: scale(0.9);
                                    color: var(--text-color-2);
                                }
                            }
                        }
                    }
                }
            }
        }

        #blog-section {
            margin: 48px auto;
            padding: 48px 0 0;
            border-radius: 24px;
            background: #F8FAFC;

            h2 {
                font-family: var(--font-family);
                font-size: clamp(1.5rem, 1.4383rem + 0.2597vw, 1.75rem);
                line-height: clamp(2rem, 1.8766rem + 0.5195vw, 2.5rem);
                text-align: center;
                text-transform: uppercase;
                margin: 0;
            }

            p {
                font-weight: 400;
                font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                text-align: center;
                text-transform: uppercase;
                color: #475569;
            }

            .ferremax-blog-grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 32px;
                margin-top: 32px;

                .ferremax-blog-card {
                    border-radius: 8px;
                    border: solid 1px #F1F5F9;
                    box-shadow: 0px 1px 2px 0px #0000000D;
                    padding: 11px 9px 16px;
                    background-color: #FFF;

                    .ferremax-blog-card__link {
                        text-decoration: none;

                        .ferremax-blog-card__media {
                            aspect-ratio: 16 / 9;
                            background: #E2E8F0;
                            overflow: hidden;
                            border-radius: 10px;

                            .ferremax-blog-card__image {
                                display: block;
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                        }

                        .ferremax-blog-card__content {
                            display: flex;
                            flex-direction: column;
                            gap: 12px;
                            flex: 1;
                            padding: 15px 9px 0;

                            .ferremax-blog-card__category {
                                display: none;
                            }

                            .ferremax-blog-card__title {
                                margin: 0;
                                color: var(--text-color);
                                font-size: clamp(1rem, 0.9383rem + 0.2597vw, 1.25rem);
                                line-height: 24px;
                                font-weight: 700;
                                flex: 1;
                                display: -webkit-box;
                                -webkit-line-clamp: 2;
                                line-clamp: 3;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }

                            .ferremax-blog-card__excerpt {
                                margin: 0;
                                min-height: 62px;
                                color: var(--text-color-3);
                                font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                                line-height: 22px;
                                text-align: left;
                                text-transform: none;
                                flex: 1;
                                display: -webkit-box;
                                -webkit-line-clamp: 3;
                                line-clamp: 3;
                                -webkit-box-orient: vertical;
                                overflow: hidden;
                            }

                            .ferremax-blog-card__date {
                                display: none;
                            }

                            .ferremax-blog-card__cta {
                                display: inline-flex;
                                align-items: center;
                                gap: 8px;
                                margin-top: auto;
                                color: var(--secondary-color);
                                font-size: clamp(0.875rem, 0.8133rem + 0.2597vw, 1.125rem);
                                line-height: 24px;
                                font-weight: 700;
                                text-transform: uppercase;

                                span {
                                    color: var(--secondary-color);
                                    font-size: clamp(1.125rem, 1.0633rem + 0.2597vw, 1.375rem);
                                }
                            }
                        }
                    }

                    /* .ferremax-blog-card__link:hover,
                    .ferremax-blog-card__link:focus-visible {} */


                    .ferremax-blog-card__image--placeholder {
                        background: linear-gradient(135deg, #CBD5E1 0%, #E2E8F0 100%);
                    }
                }
            }

            .ferremax-blog-grid--columns-1 {
                grid-template-columns: repeat(1, minmax(0, 1fr));
            }

            .ferremax-blog-grid--columns-2 {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .ferremax-blog-grid--columns-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .ferremax-blog-grid--columns-4 {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }

        }

        .promotional-banner3 {

            .container {
                display: flex;
                justify-content: space-between;
                align-items: center;
                border-radius: 24px;
                padding: 26px 49px 27px 35px;

                .promotional-banner__content {
                    flex: 0 0 60%;

                    .__title {
                        margin: 0;
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 40px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: var(--text-color-2);
                    }

                    .__text {
                        margin: 0;
                        width: 65%;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        font-weight: 400;
                        text-transform: none;
                        color: #FFFFFFE5;

                        p {
                            margin: 0;
                        }
                    }
                }

                .promotional-banner__btns {
                    .vc_column-inner {
                        padding: 0;

                        .home__btns {
                            margin: 0;

                            .btn-secondary::after {
                                content: "arrow_forward";
                                font-size: 24px;
                                font-family: 'Material Symbols Outlined';
                                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }

                            .btn-secondary:hover {
                                transform: scale(0.9);
                                color: var(--text-color-2);
                            }
                        }
                    }
                }
            }
        }

        /* --- Nosotros --- */
        #hero {
            width: 100%;
            margin-top: 24px;
            border-radius: 24px;

            .vc_column-inner {
                padding: 0px;
            }

            .__eyebrow {
                margin-bottom: 6px;

                p {
                    margin: 0;
                    color: var(--secondary-color);
                }
            }
        }

        #values {
            margin-top: 40px;
            display: flex;
            gap: 20px;
            flex-wrap: nowrap;

            .vc_column_container {
                padding: 0;
            }

            .vc_column-inner {
                box-shadow: 0px 25px 50px -12px #00000033;
                border-radius: 24px;
                padding: 40px;

                .__eyebrow {
                    color: var(--secondary-color);
                }

                .__title {
                    color: var(--text-color);
                    font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                    line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                }

                .__text {
                    color: #475569;
                    margin: 0;
                }

            }
        }

        .promotional-banner4 {
            margin: 50px auto;

            .container {
                border-radius: 24px;
                padding: 16px 95px;
                min-height: 144px;

                .__title {
                    font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                    line-height: 40px;
                }

                .__text {
                    width: 65%;
                    color: #FFFFFFE5;
                }
            }
        }

        #about-us {
            .vc_col-sm-5 {
                padding: 0;

                img {
                    border-radius: 24px;
                }

                .vc_column-inner {
                    padding: 0;
                }

                .wpb_text_column {
                    position: absolute;
                    right: -15px;
                    bottom: -25px;

                    p {
                        background-color: var(--secondary-color);
                        color: #F8F9F8;
                        font-size: clamp(0.75rem, 0.6444rem + 0.4444vw, 1rem);
                        line-height: clamp(1rem, 0.7889rem + 0.8889vw, 1.5rem);
                        padding: 5px 10px;
                        width: fit-content;
                        border-radius: 10px;
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;

                        strong {
                            font-size: clamp(1.375rem, 1.2167rem + 0.6667vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                            color: var(--text-color-2);
                        }
                    }
                }
            }

            .vc_col-sm-7 {
                padding: 0 0 0 40px;

                .__eyebrow {
                    margin-bottom: 0;
                    color: var(--secondary-color);

                    p {
                        margin: 0;
                    }
                }

                .__title {
                    margin: 0;
                    font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                    color: var(--text-color);
                }

                .__text {
                    color: #475569;
                }

                .list {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    gap: 10px;

                    .vc_col-sm-12 {
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        border-radius: 10px;

                        .wpb_wrapper {
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            gap: 12px;
                            padding: 18px 25px 14px;

                            .wpb_single_image,
                            .wpb_text_column,
                            p {
                                margin: 0;

                                .wpb_wrapper {
                                    padding: 0;
                                }
                            }
                        }
                    }
                }
            }
        }

        #our-services {
            margin-top: 50px;

            .vc_column_container,
            .vc_column-inner {
                padding: 0;
            }

            .__eyebrow {
                margin-bottom: 16px;
                color: var(--secondary-color);
            }

            .__title {
                color: var(--text-color);
            }

            .__text {
                margin-bottom: 16px;
                color: #475569;
            }

            .grid-cards {
                display: grid;
                gap: 20px;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                grid-template-rows: repeat(2, minmax(0, 1fr));
                margin: 0;

                >.vc_column_container {
                    width: auto;
                    box-shadow: 0px 5px 18.6px -12px #0000001A;
                    border-radius: 24px;
                    padding: 20px;

                    .vc_column-inner {
                        padding: 0;
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.125rem, 0.8611rem + 1.1111vw, 1.75rem);
                        line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                        min-height: 80px;
                    }

                    .__text {
                        margin-bottom: 0px;
                        color: #475569;
                    }
                }
            }
        }

        .container .__online-store {
            .wpb_wrapper {

                h2 {
                    font-size: clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem) !important;
                    line-height: 24px !important;
                    color: var(--text-color);

                    &::before {
                        display: none;
                        content: none;
                    }
                }

                hr {
                    background-color: var(--secondary-color);
                    position: absolute;
                    width: 65%;
                    top: 4px;
                    right: 0;

                }
            }
        }

        #store-section {
            .__brands.container {
                margin-top: 0 !important;
            }
        }

        .our-clients {
            .vc_column-inner {
                padding: 42px 0 0 0;
                border-radius: 24px;

                .__title {
                    font-size: clamp(1.25rem, 1.0389rem + 0.8889vw, 1.75rem);
                    color: var(--text-color);
                }

                img {
                    filter: grayscale(1);

                    &:hover {
                        filter: grayscale(0);
                    }
                }
            }
        }

        .ferremax-pagination {
            margin-top: 24px;

            .ferremax-pagination__inner {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                gap: 6px;
                flex-wrap: wrap;

                .ferremax-pagination__item {
                    display: inline-flex;

                    .page-numbers {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        min-width: 22px;
                        height: 22px;
                        padding: 0 6px;
                        border: 1px solid #D1D5DB;
                        border-radius: 4px;
                        background: #FFFFFF;
                        color: #475569;
                        font-size: 12px;
                        line-height: 1;
                        font-weight: 400;
                        text-decoration: none;
                        box-sizing: border-box;

                        &.current {
                            background: var(--secondary-color);
                            border-color: var(--secondary-color);
                            color: #FFFFFF;
                            font-weight: 700;
                        }

                        &.dots {
                            border-color: #D1D5DB;
                            color: #475569;
                        }

                        &:hover,
                        &:focus {
                            border-color: var(--secondary-color);
                            color: var(--secondary-color);
                        }
                    }
                }
            }

        }

        /*-- catalog & store --*/
        #hero {
            background-position: center;
            background-size: cover;
            padding: 25px;
            margin-bottom: 48px;

            .__eyebrow {
                color: var(--secondary-color);
            }

            .__title {
                margin: 0;
            }
        }

        #hero.hero--shop {
            position: relative;
            align-items: center;
            padding: 25px;
            margin-top: 50px;
            background: linear-gradient(90deg, #FF6A21 0%, #FF8B44 52%, #FF6A21 100%);

            .content {
                display: flex;
                flex: 1;
                flex-wrap: wrap;
                align-items: center;
                column-gap: 24px;
                row-gap: 2px;
                color: #FFFFFF;
            }

            .__eyebrow {
                width: 100%;
                margin: 0;
                color: #FFFFFF;
            }

            .__title {
                margin: 0;
                color: #FFFFFF;
            }

            .btn-secondary {
                margin-left: 160px;
            }

            img {
                position: absolute;
                right: 0;
                bottom: -12px;
                width: 219px;
                object-fit: contain;
            }
        }

        .brands-bar {
            display: flex;
            align-items: center;
            gap: 30px;
            margin-top: 40px;
            padding: 25px;
            border: 1px solid #B7BBB9;
            border-radius: 24px;

            >span {
                display: inline-flex;
                align-self: center;
                color: #111827;
                font-size: 20px;
                line-height: 24px;
                font-weight: 700;
            }

            .brands-grid {
                display: grid;
                grid-template-columns: repeat(8, minmax(0, 1fr));
                align-items: start;
                gap: 12px;
            }

            .brand-card {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0;
                border: 0;
                background: transparent;
                cursor: pointer;
                position: relative;
                border-radius: 16px;
                transition: transform 0.25s ease, filter 0.25s ease;
            }

            .brand-card::before {
                content: "";
                position: absolute;
                inset: -8px -10px -6px;
                border-radius: 18px;
                background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 10%, #ffffff 90%) 0%, rgba(255, 255, 255, 0) 100%);
                opacity: 0;
                transform: scale(0.96);
                transition: opacity 0.25s ease, transform 0.25s ease;
                pointer-events: none;
            }

            .brand-card>* {
                position: relative;
                z-index: 1;
            }

            .brand-logo {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                min-height: 29px;
                padding: 10px 12px;
                border-radius: 5px;
                transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
            }

            img {
                max-width: 100%;
                max-height: 10px;
                object-fit: contain;
                transition: all 0.3s ease;
            }

            .brand-card:nth-child(5) img {
                max-height: 12px;
            }

            .brand-name {
                color: #FFFFFF;
                font-size: 14px;
                line-height: 18px;
                font-weight: 700;
                text-transform: uppercase;
            }

            .brand-desc {
                display: -webkit-box;
                margin: 10px 0 0;
                min-height: 40px;
                padding: 0 2px 6px;
                overflow: hidden;
                border-bottom: 0;
                color: var(--brand-accent, currentColor);
                font-size: 12px;
                line-height: 18px;
                font-weight: 600;
                text-align: center;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                line-clamp: 2;
                transition: color 0.25s ease, opacity 0.25s ease;
            }

            .brand-card:hover .brand-logo img,
            .brand-card:focus .brand-logo img,
            .brand-card:focus-visible .brand-logo img {
                transform: scale(0.9);
            }

            .brand-card:hover,
            .brand-card:focus-visible,
            .brand-card[aria-pressed="true"],
            .brand-card--active {
                transform: translateY(-2px);
            }

            .brand-card:hover::before,
            .brand-card:focus-visible::before,
            .brand-card[aria-pressed="true"]::before,
            .brand-card--active::before {
                opacity: 1;
                transform: scale(1);
            }

            .brand-card:hover .brand-logo,
            .brand-card:focus-visible .brand-logo,
            .brand-card[aria-pressed="true"] .brand-logo,
            .brand-card--active .brand-logo {
                box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34);
                filter: saturate(1.04);
            }

            .brand-card[aria-pressed="true"] .brand-logo img,
            .brand-card--active .brand-logo img {
                transform: scale(0.9);
            }

            .brand-card[aria-pressed="true"] .brand-logo,
            .brand-card--active .brand-logo {
                box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34), 0 0 0 1px color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 26%, #ffffff 74%);
            }

            .brand-card[aria-pressed="true"] .brand-desc,
            .brand-card--active .brand-desc {
                font-weight: 700;
                color: color-mix(in srgb, var(--brand-accent, currentColor) 72%, #111111 28%);
                text-shadow: 0 0 0 transparent;
            }

            .brand-card[aria-pressed="true"] .brand-desc,
            .brand-card--active .brand-desc {
                background-image: linear-gradient(90deg, color-mix(in srgb, var(--brand-accent, currentColor) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--brand-accent, currentColor) 52%, #ffffff 48%) 100%);
                background-repeat: no-repeat;
                background-size: 100% 2px;
                background-position: 50% 100%;
            }

            .brand-card--active .brand-logo {
                box-shadow: 0px 10px 24px -16px rgba(0, 0, 0, 0.45);
            }

            .brand-card:focus-visible {
                outline: 2px solid var(--brand-accent, var(--secondary-color));
                outline-offset: 4px;
                border-radius: 12px;
            }
        }

        .filter-mobile {
            display: none;
        }

        &.product-archive,
        &.catalog-archive {
            .brand-filter-combobox {
                position: relative;
                margin-bottom: 24px;

                .brand-filter-combobox__label {
                    margin: 0 0 10px;
                    color: #111827;
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                }

                .brand-filter-combobox__control {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    min-height: 43px;
                    padding: 8px 12px;
                    border: 1px solid #F1F5F9;
                    border-radius: 5px;
                    background: #F1F5F9;
                    box-sizing: border-box;

                    .brand-filter-combobox__field {
                        flex: 1;
                        min-width: 0;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: var(--text-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                    }

                    .brand-filter-combobox__field::placeholder {
                        color: #6B7280;
                    }

                    .brand-filter-combobox__field:focus {
                        outline: none;
                    }

                    .brand-filter-combobox__clear,
                    .brand-filter-combobox__icon {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 20px;
                        height: 20px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: #9AA3B8;
                        font-size: 20px;
                        line-height: 1;
                    }

                    .brand-filter-combobox__clear {
                        cursor: pointer;
                    }

                    .brand-filter-combobox__clear:hover,
                    .brand-filter-combobox__clear:focus {
                        color: var(--secondary-color);
                        outline: none;
                    }
                }

                .brand-filter-combobox__dropdown {
                    position: absolute;
                    top: calc(100% + 6px);
                    left: 0;
                    right: 0;
                    z-index: 40;
                    max-height: 260px;
                    overflow-y: auto;
                    padding: 6px 0;
                    border: 1px solid #E5E7EB;
                    border-radius: 5px;
                    background: #FFFFFF;
                    box-shadow: 0 16px 32px -24px rgba(15, 23, 42, 0.45);

                    .brand-filter-combobox__option {
                        display: flex;
                        align-items: center;
                        width: 100%;
                        min-height: 38px;
                        padding: 8px 14px;
                        border: 0;
                        background: transparent;
                        color: var(--text-color-3);
                        font-size: 15px;
                        line-height: 20px;
                        font-weight: 400;
                        text-align: left;
                        cursor: pointer;
                    }

                    .brand-filter-combobox__option:hover,
                    .brand-filter-combobox__option:focus,
                    .brand-filter-combobox__option.is-active {
                        background: #FFF3ED;
                        color: var(--secondary-color);
                        outline: none;
                    }
                }
            }

            .archive-layout {
                display: flex;
                gap: 20px;
                margin-top: 38px;

                .col-30 {
                    flex: 0 0 25%;

                    #js-filter-form-desktop {
                        display: flex;
                        flex-direction: column;
                    }

                    .categories-panel,
                    .product-categories-panel {
                        padding: 17px 18px 20px;
                        border: 1px solid #B7BBB9;
                        border-radius: 24px;
                    }

                    h3 {
                        margin: 0 0 18px;
                        color: #111827;
                        font-size: 20px;
                        line-height: 24px;
                        font-weight: 700;
                    }

                    #js-cat-list-desktop {
                        list-style: none;
                        margin: 0;
                        padding: 0;

                        li+li {
                            margin-top: 10px;
                        }

                        label {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            color: var(--text-color-3);
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                            cursor: pointer;
                        }

                        input[type="checkbox"] {
                            appearance: none;
                            width: 25px;
                            height: 25px;
                            margin: 0;
                            border: 1px solid #D1D5DB;
                            border-radius: 4px;
                            background: #FFFFFF;
                            flex-shrink: 0;
                            cursor: pointer;
                            position: relative;
                        }

                        input[type="checkbox"]:checked {
                            border-color: var(--secondary-color);
                        }

                        input[type="checkbox"]:checked::after {
                            content: "";
                            position: absolute;
                            left: 8px;
                            top: 4px;
                            width: 6px;
                            height: 11px;
                            border: solid var(--secondary-color);
                            border-width: 0 2px 2px 0;
                            transform: rotate(45deg);
                        }
                    }

                    #js-ver-todas,
                    #js-clear-desktop {
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                        margin-top: 22px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: var(--secondary-color);
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                    }


                    #js-clear-desktop {
                        display: block;
                        margin-top: 8px;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                        text-transform: none;
                    }

                    #js-ver-todas .material-icons {
                        font-size: 18px;
                        line-height: 1;
                    }

                    #js-ver-todas .material-symbols-outlined {
                        font-size: 18px;
                        line-height: 1;
                    }

                    button[type="submit"] {
                        display: inline-flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        min-height: 36px;
                        margin-top: 14px;
                        padding: 10px 16px;
                        border: 0;
                        border-radius: 5px;
                        background: var(--secondary-color);
                        color: #FFFFFF;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                    }

                    button[type="submit"]:hover,
                    button[type="submit"]:focus {
                        background: #E85B17;
                    }
                }

                .col-70 {
                    flex: 1 1 auto;
                    min-width: 0;
                }
            }
        }



        /*-- prducts --*/
        &.product-single,
        &.catalog-single {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            align-items: flex-start;
            column-gap: 24px;
            row-gap: 24px;
            padding-top: 28px;

            >.woocommerce-notices-wrapper,
            >.product-overview,
            >.product-description,
            >.product-cta-grid,
            >.product-related {
                grid-column: 1 / -1;
            }

            >.woocommerce-notices-wrapper {
                margin: 0;
            }

            >.product-breadcrumb {
                min-width: 0;
                margin: 0;

                .woocommerce-breadcrumb {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 2px;
                    margin: 0;
                    color: #64748B;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                }

                a {
                    color: #64748B;
                    text-decoration: none;
                }

                a:hover,
                a:focus {
                    color: var(--secondary-color);
                }

                .breadcrumb_last,
                span:last-child {
                    color: var(--secondary-color);
                }
            }

            >.product-actions {
                display: inline-flex;
                flex-wrap: wrap;
                justify-content: flex-end;
                align-items: center;
                gap: 16px;
                justify-self: end;

                .action-link,
                .action-status {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    min-height: 40px;
                    padding: 4px 12px;
                    border-radius: 5px;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                    text-decoration: none;
                    white-space: nowrap;
                    box-sizing: border-box;

                    &:hover,
                    &:focus {
                        border-color: var(--secondary-color);
                        color: var(--secondary-color);
                    }
                }

                .action-link {
                    border: 1px solid #B7BBB9;
                    background: #FFFFFF;
                    color: #626563;

                    &:hover {
                        background: rgb(255, 103, 32, 0.1);
                    }
                }

                .action-link.link-shop {
                    border-color: var(--secondary-color);
                    color: var(--secondary-color);
                }

                .action-status.catalog-status {
                    background: var(--primary-color);
                }

                .action-status {
                    background: var(--secondary-color);
                    color: #FFFFFF;

                    &:hover,
                    &:focus {
                        color: #FFFFFF;
                    }
                }
            }

            >.product-overview {
                display: flex;
                align-items: flex-start;
                gap: 46px;

                .col-40 {
                    flex: 0 0 40%;
                    min-width: 0;
                    display: flex;
                    flex-direction: column;
                    gap: 20px;

                    .gallery-main {
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        min-height: 510px;
                        padding: 24px;
                        border: 1px solid #D1D5DB;
                        border-radius: 12px;
                        background: #FFFFFF;

                        .gallery-stage {
                            width: 100%;
                            touch-action: pan-y;

                            .gallery-slide {
                                display: none;
                                margin: 0;

                                &.is-active {
                                    display: block;
                                }

                                .gallery-image {
                                    display: block;
                                    width: 100%;
                                    max-width: 100%;
                                    max-height: 460px;
                                    object-fit: contain;
                                    margin: 0 auto;
                                }
                            }
                        }

                        .gallery-arrow {
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            z-index: 2;
                        }

                        .gallery-arrow--prev {
                            left: -20px;
                        }

                        .gallery-arrow--next {
                            right: -20px;
                        }
                    }

                    .gallery-arrow,
                    .thumb-arrow {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 40px;
                        height: 40px;
                        border: 1px solid #D1D5DB;
                        border-radius: 5px;
                        background: #FFFFFF;
                        color: #111827;
                        cursor: pointer;

                        &:hover {
                            color: var(--secondary-color);
                        }
                    }

                    .thumbs {
                        display: flex;
                        align-items: center;
                        gap: 14px;

                        .thumb-track {
                            display: flex;
                            gap: 14px;
                            flex: 1 1 auto;
                            overflow-x: auto;
                            scroll-snap-type: x proximity;
                            -ms-overflow-style: none;
                            scrollbar-width: none;

                            &::-webkit-scrollbar {
                                display: none;
                            }
                        }

                        .thumb {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            flex: 0 0 calc((100% - 28px) / 3);
                            min-height: 82px;
                            padding: 8px;
                            border: 1px solid #D1D5DB;
                            border-radius: 10px;
                            background: #FFFFFF;
                            cursor: pointer;
                            scroll-snap-align: center;

                            &.is-active {
                                border-color: var(--secondary-color);
                            }

                            .thumb-image {
                                width: 100%;
                                max-height: 64px;
                                object-fit: contain;
                            }
                        }

                    }
                }

                .col-60 {
                    flex: 1 1 60%;
                    min-width: 0;
                    display: flex;
                    flex-direction: column;
                    gap: 18px;
                    padding-top: 4px;

                    .catalog-title,
                    .product-title {
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                        color: var(--secondary-color);
                        margin: 0;
                    }

                    .shipping-banner {
                        display: flex;
                        align-items: center;
                        width: min(100%, 340px);
                        height: 63px;
                        gap: 8px;
                        padding: 19px 28px;
                        border-radius: 10px;
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        color: #FFFFFF;
                        position: relative;

                        &::before {
                            content: "";
                            position: absolute;
                            inset: 0;
                            background: rgba(0, 0, 0, .5);
                            z-index: 0;
                            border-radius: 10px;
                        }

                        .shipping-copy {
                            display: flex;
                            align-items: center;
                            min-width: 0;
                            position: relative;
                            z-index: 1;

                            span {
                                color: #FFFFFF;
                                font-size: 16px;
                                line-height: 24px;
                                font-weight: 700;
                                white-space: nowrap;
                            }
                        }


                        .shipping-media {
                            display: inline-flex;
                            align-items: center;
                            justify-content: flex-start;
                            flex-shrink: 0;
                            width: 28px;
                            position: relative;
                            z-index: 1;

                            img {
                                display: block;
                                width: 100%;
                                max-height: 36px;
                                object-fit: contain;
                            }
                        }

                    }

                    .product-title {
                        color: #111827;
                    }

                    .price-box {
                        display: grid;
                        grid-template-columns: max-content max-content;
                        column-gap: 56px;
                        row-gap: 4px;
                        align-items: start;

                        .price-label {
                            color: var(--secondary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                        }

                        .tax-label {
                            color: var(--secondary-color);
                            font-size: 14px;
                            line-height: 24px;
                            font-weight: 400;
                        }

                        .price-amount {
                            grid-row: 1 / span 2;
                            grid-column: 2;
                            align-self: center;
                            color: #475569;
                            font-size: 28px;
                            line-height: 40px;
                            font-weight: 700;
                        }
                    }

                    .product-sku {
                        margin: 0;
                        color: #475569;
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 700;
                    }

                    .product-category {
                        margin: 0;
                        color: var(--text-color-3);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;

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

                    .product-excerpt.__text {
                        margin: 0;
                        color: var(--text-color-3);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;

                        p {
                            margin: 0;
                            color: inherit;
                            font-size: inherit;
                            line-height: inherit;
                            font-weight: inherit;
                        }
                    }

                    .product-details {
                        display: flex;
                        flex-wrap: wrap;
                        align-items: center;
                        gap: 10px 0;

                        .detail-row {
                            display: inline-flex;
                            align-items: center;
                            gap: 6px;
                            margin: 0;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;

                            strong {
                                font-weight: 700;
                                color: #475569;
                                font-size: 18px;
                            }

                            .detail-separator {
                                display: inline-flex;
                                align-items: center;
                                margin: 0 10px 0 4px;
                                color: #111827;
                                font-weight: 400;
                            }
                        }
                    }

                    .purchase-box {
                        display: flex;
                        flex-direction: column;
                        gap: 12px;

                        .product-cart {
                            display: flex;
                            align-items: center;
                            gap: 33px;

                            .quantity {
                                display: inline-flex;
                                align-items: center;
                                justify-content: space-between;
                                min-height: 63px;
                                min-width: 129px;
                                padding: 0 20px;
                                border: 1px solid #E5E8E7;
                                border-radius: 10px;

                                label {
                                    display: none;
                                }

                                .quantity-button {
                                    display: inline-flex;
                                    align-items: center;
                                    justify-content: center;
                                    width: 16px;
                                    height: 16px;
                                    padding: 0;
                                    border: 0;
                                    background: transparent;
                                    color: #000;
                                    font-size: 16px;
                                    line-height: 1;
                                    font-weight: 700;
                                    cursor: pointer;
                                }

                                .quantity-button:hover,
                                .quantity-button:focus-visible {
                                    color: var(--secondary-color);
                                    outline: 0;
                                }

                                input {
                                    width: 56px;
                                    border: 0;
                                    padding: 0;
                                    text-align: center;
                                    color: #000;
                                    font-size: 16px;
                                    line-height: 1;
                                    font-weight: 700;
                                    background: transparent;
                                    appearance: textfield;
                                    -moz-appearance: textfield;
                                }

                                input::-webkit-outer-spin-button,
                                input::-webkit-inner-spin-button {
                                    margin: 0;
                                    -webkit-appearance: none;
                                }
                            }
                        }

                        .add-to-cart.btn-primary {
                            width: 100%;
                            max-width: 334px;
                            min-width: 0;
                            min-height: 63px;
                            padding: 16px 24px;
                            font-size: 18px;
                            line-height: 24px;
                            border-radius: 10px;
                            transition: all 0.3s ease;

                            &::before {
                                content: "\e8cc";
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                font-weight: 400;
                                font-family: 'Material Symbols Outlined';
                                font-size: 24px;
                                line-height: 1;
                                font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }

                            &:hover {
                                background: #ff854d;
                            }
                        }

                        .product-total {
                            margin: 0;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                        }
                    }

                    .price-list {
                        display: flex;
                        flex-direction: column;
                        gap: 6px;

                        .price-row {
                            display: flex;
                            flex-wrap: wrap;
                            align-items: baseline;
                            gap: 8px;
                            margin: 0;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;

                            .price-label {
                                color: #475569;
                                font-size: 18px;
                                font-weight: 700;
                                text-transform: uppercase;
                            }

                            .price-value {
                                color: #475569;
                            }

                            .price-savings {
                                color: var(--secondary-color);
                            }
                        }
                    }

                    .contact-copy {
                        margin-top: 0px;
                        font-weight: 700;
                        text-transform: uppercase;
                        color: var(--text-color-3);
                    }

                    .contact-buttons {
                        display: flex;
                        align-items: center;
                        gap: 10px;

                        .contact-button {
                            display: inline-flex;
                            align-items: center;
                            gap: 9px;
                            min-height: 48px;
                            padding: 10px 14px 10px 10px;
                            border-radius: 8px;
                            background: #FFFFFF;
                            color: #626563;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;
                            text-decoration: none;
                            box-shadow: 0px 10px 24px -16px #00000066;

                            .btns {
                                display: inline-flex;
                                align-items: center;
                                justify-content: center;
                                width: 24px;
                                height: 24px;
                                border-radius: 999px;
                                color: #FFFFFF;
                                font-size: 14px;
                                line-height: 1;
                            }

                            .whatsapp {
                                background: #61CE70;
                            }

                            .phone {
                                background: #2F3033;
                            }

                            .email {
                                background: var(--secondary-color);
                            }
                        }

                        .__sheet {
                            padding: 10px 18px;
                            background: var(--secondary-color);
                            color: #FFFFFF;
                        }
                    }

                    .support-row {
                        display: flex;
                        align-items: center;
                        gap: 16px;

                        .sheet-link.btn-secondary {
                            gap: 4px;
                            min-width: 0;
                            width: 178px;
                            min-height: 63px;
                            padding: 16px 18px;
                            border-color: var(--secondary-color);
                            color: var(--secondary-color);
                            text-transform: none;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                            background: #FFFFFF;
                            white-space: nowrap;
                            border-radius: 10px;
                            box-shadow: 0px 5px 18.6px -12px #0000001A;

                            .sheet-link .material-symbols-outlined {
                                font-size: 20px;
                                line-height: 1;
                                flex-shrink: 0;
                            }

                            &:hover {
                                background: rgb(255, 103, 32, 0.1);
                            }
                        }
                    }
                }
            }

            >.product-description,
            >.product-cta-grid,
            >.product-related {
                margin-top: 20px;
            }

            .description-content {
                max-width: 100%;
                color: #626563;
                font-size: 12px;
                line-height: 18px;
                font-weight: 400;

                p {
                    margin: 0;
                }

                p+p {
                    margin-top: 10px;
                }
            }

            .section-heading-line>h2,
            .product-related .section-title {
                display: flex;
                align-items: center;
                gap: 12px;
                margin: 0 0 18px;
                color: #111827;
                font-size: 20px;
                line-height: 24px;
                font-weight: 700;
            }

            .section-heading-line>h2::after,
            .product-related .section-title::after {
                content: "";
                display: block;
                flex: 1 1 auto;
                height: 1px;
                background: var(--secondary-color);
            }

            .product-cta-grid {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 20px;
                margin-top: 20px;
                margin-bottom: 20px;

                .cta-card {
                    position: relative;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-start;
                    padding: 17px 24px 13px;
                    overflow: hidden;
                    box-sizing: border-box;
                    border-radius: 24px;
                    background: #FFFFFF;
                    box-shadow: 0px 25px 50px -12px #5E5E5E33;

                    .cta-copy {
                        position: relative;
                        z-index: 1;
                        display: inline-flex;
                        flex-direction: column;
                        align-items: flex-start;
                        gap: 12px;
                        min-width: 0;
                        max-width: calc(100% - 92px);

                        h2 {
                            display: inline-flex;
                            align-items: center;
                            gap: 12px;
                            margin: 0;
                            color: #111827;
                            font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                            line-height: 40px;
                            font-weight: 700;
                            text-transform: uppercase;

                            img {
                                display: block;
                                width: 30px;
                                height: 30px;
                                object-fit: contain;
                                flex-shrink: 0;
                            }
                        }

                        p {
                            margin: 0;
                            color: var(--text-color-3);
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                        }

                        .btn-primary {
                            display: inline-flex;
                            align-items: center;
                            justify-content: flex-start;
                            gap: 8px;
                            min-height: 24px;
                            padding: 0;
                            background: transparent;
                            color: var(--secondary-color);
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 700;
                            text-decoration: none;
                            text-transform: uppercase;

                            &::after {
                                content: "arrow_forward";
                                font-family: 'Material Symbols Outlined';
                                font-size: 24px;
                                line-height: 1;
                                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }
                        }
                    }

                    .cta-art {
                        position: absolute;
                        right: 34.5px;
                        top: 33px;
                        display: block;
                        width: 69px;
                        height: 69px;
                        object-fit: contain;
                    }
                }
            }
        }

        /*-- sucursales --*/
        #hero.Sucursal {
            padding: 25px;

            .vc_column-inner {
                padding: 0;
            }

            .__eyebrow {
                margin-bottom: 6px;
            }

            .__title {
                margin: 0;
                color: #FFFFFF;

                h1 {
                    margin: 0;
                    color: inherit;
                    font-size: inherit;
                    line-height: inherit;
                }
            }

            .vc_col-sm-6:nth-last-child(1) {
                text-align: right;
            }

            .__text {
                margin: 0;
                margin-left: auto;
                text-align: right;
                max-width: 328px;
            }
        }

        #branches {
            display: flex;
            flex-direction: column;
            gap: 0;

            >.wpb_column {
                width: 100%;
                margin: 0;
                padding: 0;

                >.vc_column-inner {
                    padding: 0;
                }

                >.vc_column-inner>.wpb_wrapper {
                    display: grid;
                    grid-template-columns: 215px minmax(0, 1fr) 362px;
                    grid-template-rows: auto;
                    align-items: start;
                    column-gap: 42px;
                    row-gap: 0;
                    padding: 38px 0 38px;
                    border-bottom: 1px solid #FF6720;
                }
            }

            >.wpb_column:last-child {
                >.vc_column-inner>.wpb_wrapper {
                    border-bottom: 0;
                }
            }

            .wpb_single_image {
                grid-column: 1;
                grid-row: 1 / span 2;
                align-self: start;
                margin: 0;

                .vc_figure,
                .vc_single_image-wrapper {
                    display: block;
                    width: 215px;
                    height: 158px;
                    margin: 0;
                    border-radius: 15px;
                    overflow: hidden;
                }

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            h2.__title {
                grid-column: 2;
                grid-row: 1;
                align-self: start;
                max-width: 470px;
                margin: 0;
                color: var(--primary-color);
                font-size: 18px;
                line-height: 24px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: -0.01em;
            }

            .wpb_text_column {
                grid-column: 2;
                grid-row: 1;
                align-self: start;
                margin: 44px 0 0;
                max-width: 470px;

                .wpb_wrapper {
                    display: block;
                }

                ul {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                li {
                    position: relative;
                    padding-left: 38px;
                    color: #626563;
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 400;
                }

                li::before {
                    position: absolute;
                    left: 0;
                    top: 0;
                    color: var(--secondary-color);
                    font-family: 'Material Symbols Outlined';
                    font-size: 24px;
                    line-height: 24px;
                    font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 24;
                }

                li:nth-child(1)::before {
                    content: "location_on";
                }

                li:nth-child(2)::before {
                    content: "call";
                }

                li:nth-child(3) {
                    min-height: 72px;
                }

                li:nth-child(3)::before {
                    content: "schedule";
                }
            }

            .wpb_gmaps_widget {
                grid-column: 3;
                grid-row: 1 / span 2;
                align-self: start;
                margin: 0;

                .wpb_wrapper {
                    padding: 0;
                }

                .wpb_wrapper,
                .wpb_map_wraper {
                    width: 362px;
                    height: 246px;
                    border-radius: 24px;
                    overflow: hidden;
                    padding: 0;
                }

                iframe {
                    display: block;
                    width: 100%;
                    height: 100%;
                    border: 0;
                    border-radius: 16px;
                }
            }
        }


        /*-- blog --*/
        .blog-hero {
            display: grid;
            grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
            grid-template-rows: auto 1fr;
            align-items: center;
            min-height: 135px;
            margin-top: 24px;
            margin-bottom: 40px;
            padding: 24px 44px 24px 46px;
            border-radius: 24px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;

            .__eyebrow {
                grid-column: 1;
                grid-row: 1;
                color: var(--secondary-color);
            }

            .__title {
                grid-column: 1;
                grid-row: 2;
                align-self: start;
                margin: 0;
                color: #FFFFFF;
            }

            .__text {
                grid-column: 2;
                grid-row: 1 / span 2;
                justify-self: end;
                align-self: center;
                max-width: 458px;
                margin: 0;
                color: #F8F9F8;
                font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                font-weight: 400;
                text-align: right;
            }
        }

        .blog-toolbar {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 276px;
            align-items: start;
            gap: 30px;
            margin-bottom: 44px;

            .blog-cats {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;

                .blog-cat {
                    align-items: center;
                    min-height: 36px;
                    padding: 8px 16px;
                    border-radius: 5px;
                    background: #F1F5F9;
                    color: #6B7280;
                    font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                    line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                    font-weight: 400;
                    text-decoration: none;
                    white-space: nowrap;
                    transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;

                    &:hover,
                    &:focus {
                        background: #E2E8F0;
                        color: var(--text-color);
                    }

                    &.is-active {
                        background: var(--secondary-color);
                        color: #FFFFFF;
                    }
                }
            }
        }

        .blog-search {
            position: relative;
            display: flex;
            align-items: center;
            min-height: 36px;
            padding: 0 16px;
            border: 1px solid #F1F5F9;
            border-radius: 5px;
            background: #F1F5F9;

            .blog-search-field {
                width: 100%;
                border: 0;
                padding: 8px 44px 8px 0;
                background: transparent;
                color: #475467;
                font-size: 16px;
                line-height: 20px;
                font-weight: 400;
                outline: none;

                &::placeholder {
                    color: #667085;
                }
            }

            .blog-search-button {
                position: absolute;
                top: 50%;
                right: 16px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 20px;
                height: 20px;
                padding: 0;
                border: 0;
                background: transparent;
                color: #94A3B8;
                font-size: 22px;
                line-height: 1;
                transform: translateY(-50%);
                cursor: pointer;
            }

            &:focus-within {
                border-color: rgba(255, 103, 32, 0.24);
                box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
            }
        }

        .blog-results {
            display: flex;
            flex-direction: column;
            gap: 28px;

            .blog-main-card {
                display: grid;
                grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
                align-items: stretch;
                min-height: 310px;
                border-radius: 10px;
                background: #FFFFFF;
                box-shadow: 0px 5px 20px -10px #0000001A;

                overflow: hidden;

                .blog-main-image {
                    img {
                        height: 100%;
                        object-fit: cover;
                    }
                }

                .blog-main-content {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: flex-start;
                    gap: 14px;
                    padding: 20px 26px 40px 30px;

                    .blog-card-category {
                        display: inline-flex;
                        align-items: center;
                        color: var(--secondary-color);
                        font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                        line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                        font-weight: 400;
                        text-decoration: none;
                    }

                    .blog-card-title {
                        margin: 0;
                        color: var(--primary-color);
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2rem);
                        font-weight: 700;
                        text-transform: uppercase;

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

                    .blog-card-excerpt,
                    .blog-card-date {
                        margin: 0;
                        color: var(--primary-color);
                        font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                        line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                        font-weight: 400;
                    }

                    .blog-card-date {
                        display: inline-flex;
                        margin-top: 6px;
                    }

                    .blog-card-link {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        margin-top: 2px;
                        color: var(--secondary-color);
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        text-decoration: none;

                        .material-symbols-outlined {
                            font-size: 22px;
                            line-height: 1;
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }
                    }
                }

            }

            .ferremax-blog-card__meta {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 16px;
                margin-top: auto;
                padding-top: 18px;
                border-top: 1px solid #111827;

                .ferremax-blog-card__date {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    color: #3F3F46;
                    font-size: 14px;
                    line-height: 24px;
                    font-weight: 400;

                    .material-symbols-outlined {
                        font-size: 18px;
                        line-height: 1;
                        color: #111827;
                        font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                    }
                }

                .ferremax-blog-card__cta {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    color: var(--secondary-color);
                    font-size: 14px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    white-space: nowrap;

                    .material-symbols-outlined {
                        color: var(--secondary-color);
                        font-size: 22px;
                        line-height: 1;
                    }
                }
            }

            .blog-pagination {
                display: flex;
                justify-content: flex-end;
                margin-top: 8px;

                .blog-load-more {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    color: var(--secondary-color);
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    cursor: pointer;

                    .material-symbols-outlined {
                        font-size: 22px;
                        line-height: 1;
                        font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                    }

                    &:hover,
                    &:focus {
                        color: #E85B17;
                    }

                    &.is-loading {
                        opacity: 0.65;
                        cursor: wait;
                    }
                }
            }
        }

        /*-- single blog --*/

        .blog-single-breadcrumb {
            min-width: 0;
            margin: 0;
            padding-top: 24px;

            .woocommerce-breadcrumb {
                display: flex;
                flex-wrap: wrap;
                gap: 4px;
                margin: 0;
                color: #64748B;
                font-size: 16px;
                line-height: 24px;
                font-weight: 400;
            }

            .breadcrumb_last,
            span:last-child {
                color: var(--secondary-color);
            }

            a {
                color: #64748B;
                text-decoration: none;

                &:hover,
                &:focus {
                    color: var(--secondary-color);
                }
            }
        }

        .blog-single-head {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
            gap: 28px;
            align-items: stretch;
            margin-top: 24px;
            padding: 18px;
            border: 1px solid #F1F5F9;
            border-radius: 24px;
            background: linear-gradient(0deg, #3A3A3A, #3A3A3A),
                linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);
            box-shadow: 0px 5px 20px -10px #0000001A;

            .blog-single-copy {
                display: flex;
                flex-direction: column;
                justify-content: center;
                min-width: 0;
                padding: 24px 18px 24px 22px;

                .__eyebrow {
                    margin-bottom: 14px;
                    padding: 4px 12px;
                    color: var(--secondary-color);
                    font-weight: 700;
                    text-decoration: none;
                    text-transform: uppercase;

                    &:hover,
                    &:focus {
                        color: var(--text-color-2);
                    }
                }

                .blog-single-title {
                    max-width: 850px;
                    margin: 0;
                    color: var(--text-color-2);
                    font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2rem);
                    line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    font-weight: 700;
                }

                .blog-single-meta {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 12px 22px;
                    margin-top: 20px;

                    time,
                    >span {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: #F8F9F8;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                    }
                }

            }

            .blog-single-image {
                margin: 0;
                width: 100%;
                min-height: 100%;
                overflow: hidden;
                border-radius: 16px;
                background: #E2E8F0;

                img {
                    height: 100%;
                    max-height: 360px;
                    object-fit: cover;
                }
            }
        }

        .blog-single-layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 280px;
            gap: 36px;
            align-items: start;
            margin-top: 34px;

            .blog-single-content {
                min-width: 0;
                padding: 38px 42px;
                border: 1px solid #F1F5F9;
                border-radius: 16px;
                background: #FFFFFF;
                box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                >*:first-child {
                    margin-top: 0;
                }

                >*:last-child {
                    margin-bottom: 0;
                }


                p,
                li {
                    color: #475569;
                    font-size: 18px;
                    line-height: 32px;
                    font-weight: 400;
                }

                p {
                    margin: 0 0 22px;
                }

                h2,
                h3,
                h4 {
                    color: var(--primary-color);
                    font-weight: 700;
                    text-transform: uppercase;
                }

                h2 {
                    margin: 42px 0 16px;
                    font-size: clamp(1.5rem, 1.3788rem + 0.5172vw, 2rem);
                    line-height: clamp(2rem, 1.8182rem + 0.7759vw, 2.75rem);
                }

                h3 {
                    margin: 34px 0 14px;
                    font-size: 22px;
                    line-height: 32px;
                }

                ul,
                ol {
                    margin: 0 0 24px;
                    padding-left: 24px;
                }

                li+li {
                    margin-top: 8px;
                }

                a {
                    color: var(--secondary-color);
                    font-weight: 700;
                }

                img {
                    max-width: 100%;
                    height: auto;
                    border-radius: 16px;
                }

                blockquote {
                    margin: 34px 0;
                    padding: 22px 24px;
                    border-left: 4px solid var(--secondary-color);
                    border-radius: 0 12px 12px 0;
                    background: #F8FAFC;
                    color: var(--primary-color);
                }
            }

            .blog-single-aside {
                position: sticky;
                top: 24px;
                display: flex;
                flex-direction: column;
                gap: 16px;

                .blog-back,
                .blog-aside-box {
                    border: 1px solid #F1F5F9;
                    border-radius: 12px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                }

                .blog-back {
                    display: inline-flex;
                    align-items: center;
                    gap: 8px;
                    min-height: 48px;
                    padding: 12px 16px;
                    color: var(--secondary-color);
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-decoration: none;
                    text-transform: uppercase;

                    .material-symbols-outlined {
                        font-size: 20px;
                        line-height: 1;
                    }
                }

                .blog-aside-box {
                    padding: 18px;

                    h2 {
                        margin: 0 0 14px;
                        color: var(--primary-color);
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    ul {
                        display: flex;
                        flex-direction: column;
                        gap: 12px;
                        margin: 0;
                        padding: 0;
                        list-style: none;

                        li {
                            display: flex;
                            flex-direction: column;
                            gap: 2px;

                            span {
                                color: #64748B;
                                font-size: 13px;
                                line-height: 18px;
                                font-weight: 400;
                            }

                            strong {
                                color: var(--primary-color);
                                font-size: 15px;
                                line-height: 22px;
                                font-weight: 700;
                            }
                        }
                    }
                }
            }


        }

        .blog-post-nav {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 20px;
            margin-top: 36px;

            .blog-post-nav__item {

                a {
                    display: flex;
                    flex-direction: column;
                    gap: 6px;
                    min-height: 112px;
                    padding: 20px;
                    border: 1px solid #F1F5F9;
                    border-radius: 14px;
                    background: #FFFFFF;
                    color: var(--primary-color);
                    text-decoration: none;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                }

                span {
                    color: var(--secondary-color);
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                strong {
                    color: inherit;
                    font-size: 18px;
                    line-height: 26px;
                    font-weight: 700;
                }

            }

            .blog-post-nav__item--next a {
                text-align: right;
            }
        }

        .blog-related {
            margin-top: 48px;

            >h2 {
                display: flex;
                align-items: center;
                gap: 12px;
                margin: 0 0 24px;
                color: var(--primary-color);
                font-size: 20px;
                line-height: 28px;
                font-weight: 700;
                text-transform: uppercase;

                &::after {
                    content: "";
                    display: block;
                    flex: 1 1 auto;
                    height: 1px;
                    background: var(--secondary-color);
                }
            }
        }

        .blog-comments {
            margin-top: 48px;

            .comments-area {
                padding: 34px 36px;
                border: 1px solid #F1F5F9;
                border-radius: 16px;
                background: #FFFFFF;
                box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                .comments-title,
                .comment-reply-title {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin: 0 0 22px;
                    color: var(--primary-color);
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 700;
                    text-transform: uppercase;

                    &::after {
                        content: "";
                        display: block;
                        flex: 1 1 auto;
                        height: 1px;
                        background: var(--secondary-color);
                    }
                }

                .comment-list {
                    display: flex;
                    flex-direction: column;
                    gap: 16px;
                    margin: 0 0 32px;
                    padding: 0;
                    list-style: none;

                    ol {
                        margin-top: 16px;
                        padding-left: 22px;
                        list-style: none;
                    }
                }

                .comment-body {
                    padding: 18px;
                    border: 1px solid #F1F5F9;
                    border-radius: 12px;
                    background: #F8FAFC;
                }

                .comment-meta {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 6px 12px;
                    align-items: center;
                    margin-bottom: 10px;
                }

                .comment-author {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    color: var(--primary-color);
                    font-size: 15px;
                    line-height: 22px;
                    font-weight: 700;
                }

                .avatar {
                    width: 34px;
                    height: 34px;
                    border-radius: 50%;
                }

                .comment-metadata,
                .comment-metadata a {
                    color: #64748B;
                    font-size: 13px;
                    line-height: 18px;
                    text-decoration: none;
                }

                .comment-content {
                    p {
                        margin: 0 0 10px;
                        color: #475569;
                        font-size: 16px;
                        line-height: 26px;
                    }
                }

                .reply {
                    a {
                        display: inline-flex;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;
                    }
                }

                .comment-form {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 16px;
                    margin-top: 10px;

                    .comment-notes,
                    .comment-form-comment,
                    .comment-form-cookies-consent,
                    .form-submit,
                    .logged-in-as {
                        grid-column: 1 / -1;
                    }

                    p {
                        margin: 0;
                    }

                    label {
                        display: block;
                        margin-bottom: 8px;
                        color: var(--primary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                    }

                    input:not([type="checkbox"]):not([type="submit"]),
                    textarea {
                        width: 100%;
                        border: 1px solid #E2E8F0;
                        border-radius: 8px;
                        background: #F8FAFC;
                        color: #475569;
                        font-size: 16px;
                        line-height: 24px;
                        box-sizing: border-box;
                    }

                    input:not([type="checkbox"]):not([type="submit"]) {
                        min-height: 46px;
                        padding: 10px 14px;
                    }

                    textarea {
                        min-height: 150px;
                        padding: 12px 14px;
                        resize: vertical;
                    }

                    input:focus,
                    textarea:focus {
                        border-color: rgba(255, 103, 32, 0.45);
                        outline: 0;
                        box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                    }

                    .comment-form-cookies-consent {
                        display: flex;
                        align-items: flex-start;
                        gap: 10px;
                        color: #475569;
                        font-size: 14px;
                        line-height: 22px;

                        label {
                            margin: 0;
                            color: inherit;
                            font-weight: 400;
                        }
                    }

                    .submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        min-height: 48px;
                        min-width: 180px;
                        padding: 12px 18px;
                        border: 0;
                        border-radius: 5px;
                        background: var(--secondary-color);
                        color: #FFFFFF;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                    }
                }
            }
        }

        /*-- contact --*/
        .contact-page {
            display: flex;
            justify-content: space-between;
            padding-top: 60px;
            gap: 40px;

            &::before,
            &::after {
                display: none;
            }

            >.wpb_column {
                padding: 0;

                >.vc_column-inner {
                    padding: 0 10px;
                }
            }

            >.wpb_column:last-child {
                padding-top: 8px;
            }

            .wpcf7 {
                margin: 0;

                .screen-reader-response,
                .wpcf7-response-output,
                .wpcf7-spinner,
                .wpcf7-not-valid-tip {
                    display: none !important;
                }

                form {
                    margin: 0;

                    >.col-100 {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 18px 24px;
                        padding: 28px 28px 26px;
                        border-radius: 24px;
                        background: #FFFFFF;
                        box-shadow: 0px 18px 40px -28px rgba(15, 23, 42, 0.22);

                        >h2 {
                            grid-column: 1 / -1;
                            margin: 0 0 6px;
                            color: #3A3A3A;
                            font-size: 26px;
                            line-height: 34px;
                            font-weight: 700;
                            text-align: center;
                            text-transform: uppercase;
                        }

                        >.col-50,
                        >.col-100 {
                            display: block;
                        }

                        >.col-100 {
                            grid-column: 1 / -1;
                        }

                        >.col-50:nth-last-child(2),
                        >.col-50:last-child {
                            align-self: end;
                        }
                    }
                }

                .h-captcha[data-sitekey=""],
                .wpcf7-form-control-wrap[data-name="cf7apps-hcaptcha"] {
                    display: none !important;
                }

                .col-50,
                .col-100 {
                    >label {
                        position: relative;
                        display: block;
                        margin: 0;
                        padding-top: 12px;
                        color: transparent;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;

                        &::before {
                            position: absolute;
                            top: 0;
                            left: 14px;
                            z-index: 1;
                            padding: 0 6px;
                            background: #FFFFFF;
                            color: #4B5563;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;
                        }

                        >.wpcf7-form-control-wrap {
                            display: block;
                        }
                    }
                }

                form>.col-100>.col-50:nth-of-type(1) label::before {
                    content: "*Nombre(s)";
                }

                form>.col-100>.col-50:nth-of-type(2) label::before {
                    content: "*Apellido(s)";
                }

                form>.col-100>.col-50:nth-of-type(3) label::before {
                    content: "*Teléfono";
                }

                form>.col-100>.col-50:nth-of-type(4) label::before {
                    content: "Empresa";
                }

                form>.col-100>.col-100:nth-of-type(5) label::before {
                    content: "*Correo electrónico";
                }

                form>.col-100>.col-100:nth-of-type(6) label::before {
                    content: "*Mensaje";
                }

                input:not([type="checkbox"]):not([type="submit"]),
                textarea {
                    width: 100%;
                    margin-top: 0;
                    border: 1px solid #D9D9D9;
                    border-radius: 2px;
                    background: #FFFFFF;
                    color: #3A3A3A;
                    font-size: 15px;
                    line-height: 24px;
                    box-sizing: border-box;
                    box-shadow: none;
                    outline: none;

                    &:focus {
                        border-color: rgba(255, 103, 32, 0.5);
                        box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                    }
                }

                input:not([type="checkbox"]):not([type="submit"]) {
                    min-height: 42px;
                    padding: 10px 12px;
                }

                textarea {
                    min-height: 116px;
                    padding: 12px;
                    resize: none;
                }

                .wpcf7-acceptance {
                    display: inline-flex;
                    align-items: center;
                    min-height: 46px;

                    .wpcf7-list-item {
                        margin: 0;

                        label {
                            display: inline-flex;
                            align-items: center;
                            gap: 10px;
                            margin: 0;
                            padding: 0;
                            color: #4B5563;

                            &::before {
                                content: none;
                            }
                        }
                    }

                    .wpcf7-list-item-label {
                        display: inline !important;
                        color: #4B5563;
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;
                    }
                }

                input[type="checkbox"] {
                    position: relative;
                    flex-shrink: 0;
                    appearance: none;
                    width: 22px;
                    height: 22px;
                    margin: 0;
                    border: 1px solid #D1D5DB;
                    border-radius: 4px;
                    background: #FFFFFF;
                    cursor: pointer;

                    &:checked {
                        border-color: var(--secondary-color);

                        &::after {
                            content: "";
                            position: absolute;
                            left: 7px;
                            top: 3px;
                            width: 5px;
                            height: 10px;
                            border: solid var(--secondary-color);
                            border-width: 0 2px 2px 0;
                            transform: rotate(45deg);
                        }
                    }
                }

                .wpcf7-submit {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: min(100%, 228px);
                    min-height: 46px;
                    margin-left: auto;
                    padding: 12px 18px;
                    border: 0;
                    border-radius: 4px;
                    background: var(--secondary-color);
                    color: #FFFFFF;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    cursor: pointer;
                    opacity: 1;

                    &:disabled {
                        opacity: 1;
                    }
                }
            }

            .__eyebrow {
                margin-bottom: 6px;

                p {
                    margin: 0;
                    color: var(--secondary-color);
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 400;
                    text-transform: none;
                }
            }

            .__title {
                margin: 0;
                color: #3A3A3A;
                font-size: 56px;
                line-height: 64px;
                font-weight: 700;
                text-transform: none;
            }

            .__text {
                margin-top: 16px;

                p {
                    margin: 0;
                    color: #4B5563;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                }
            }

            .__contact-whatsapp,
            .__contact-phone,
            .__contact-mail {
                margin-top: 18px;
                box-shadow: 0px 5px 18.6px -12px #0000001A;
                width: max-content;
                padding: 8px 24px;

                p {
                    margin: 0;
                }

                a {
                    position: relative;
                    display: inline-flex;
                    align-items: center;
                    min-height: 40px;
                    padding: 0 18px 0 42px;
                    border-radius: 12px;
                    background: #FFFFFF;
                    color: #6B7280;
                    font-size: 14px;
                    line-height: 22px;
                    font-weight: 400;
                    text-decoration: none;
                    box-shadow: 0px 12px 26px -22px rgba(15, 23, 42, 0.35);

                    &::before {
                        position: absolute;
                        left: 10px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 22px;
                        height: 22px;
                        border-radius: 50%;
                        color: #FFFFFF;
                        font-size: 14px;
                        line-height: 1;
                    }
                }
            }

            .__contact-whatsapp a::before {
                content: "\f232";
                background: #6CD36C;
                font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
                font-weight: 400;
            }

            .__contact-phone a::before {
                content: "call";
                background: #3A3A3A;
                font-family: 'Material Symbols Outlined';
                font-size: 14px;
                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
            }

            .__contact-mail a::before {
                content: "mail";
                background: var(--secondary-color);
                font-family: 'Material Symbols Outlined';
                font-size: 14px;
                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
            }
        }

        /*-- promotruper --*/

        .promotruper {
            margin-bottom: 40px;

            .vc_col-sm-5 {

                >.vc_column-inner>.wpb_wrapper {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 40px 14px;
                }

                .wpb_text_column {
                    margin: 0;
                }

                p {
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    min-height: 130px;
                    margin: 0;
                    padding: 20px;
                    border: 1px solid #FF6720;
                    border-radius: 5px;
                    box-shadow: 0px 5px 18.6px -12px #0000001A;
                    color: #475569;
                    font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                    line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                    text-align: center;
                }

                strong {
                    display: block;
                    margin-bottom: 4px;
                    color: var(--secondary-color);
                    font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                    line-height: 28px;
                    font-weight: 700;
                }
            }

            .vc_col-sm-7 {

                .__eyebrow {
                    margin-top: -20px;
                    margin-bottom: 0px;
                    color: var(--secondary-color);
                }

                .__title {
                    color: var(--text-color);
                    font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                    line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                }

                .__text {
                    margin: 0;
                    color: #475569;
                }

                .__btns {
                    margin-top: 18px;

                    p {
                        margin: 0;
                    }

                    .btn-primary {

                        &:hover,
                        &:focus {
                            background: #FF854D;
                            color: #FFFFFF;
                        }
                    }
                }
            }
        }

        .catalog-sec {
            margin-bottom: 40px;

            .vc_col-sm-5 {
                .__title {
                    margin: 0;
                    color: var(--text-color);
                    font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                    line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                }

                .__text {
                    margin-top: 22px;
                    color: #475569;
                }
            }

            .vc_col-sm-7 {
                >.vc_column-inner>.wpb_wrapper {
                    position: relative;
                    padding: 20px 70px 28px;
                    border: 1px solid #B7BBB9;
                    border-radius: 24px;
                    background: #F8F9F8;

                    .__galery {
                        margin: 0;

                        .wpb_wrapper {
                            position: relative;

                            .ferremax-promotruper-carousel {
                                position: relative;

                                .owl-stage-outer {
                                    overflow: hidden;

                                    .owl-stage {
                                        display: flex;
                                        align-items: stretch;

                                        .owl-item {
                                            display: flex;
                                            align-items: stretch;

                                            .ferremax-promotruper-slide {
                                                display: flex;
                                                flex-direction: column;
                                                width: 100%;

                                                .ferremax-promotruper-slide__frame {
                                                    flex: 1 1 auto;

                                                    a[data-lightbox] {
                                                        display: block;
                                                        overflow: hidden;
                                                        border-radius: 4px;

                                                        img {
                                                            object-fit: cover;
                                                        }
                                                    }
                                                }

                                                .ferremax-promotruper-slide__caption {
                                                    margin: 18px 0 0;
                                                    color: #64748B;
                                                    font-size: 14px;
                                                    line-height: 20px;
                                                    font-weight: 400;
                                                    text-align: center;
                                                }
                                            }
                                        }
                                    }
                                }

                                .owl-nav {
                                    position: absolute;
                                    top: 0;
                                    right: 0;
                                    bottom: 48px;
                                    left: 0;
                                    margin: 0;
                                    pointer-events: none;

                                    .owl-prev,
                                    .owl-next {
                                        position: absolute;
                                        top: 50%;
                                        display: flex !important;
                                        align-items: center;
                                        justify-content: center;
                                        width: 36px;
                                        height: 36px;
                                        margin: 0 !important;
                                        border: 1px solid #D1D5DB;
                                        border-radius: 8px;
                                        background: #FFFFFF;
                                        pointer-events: auto;
                                        transform: translateY(-50%);
                                        box-shadow: 0px 8px 20px -16px rgba(15, 23, 42, 0.35);

                                        span {
                                            color: #64748B;
                                            font-size: 24px;
                                            line-height: 1;
                                        }
                                    }

                                    .owl-prev {
                                        left: -52px;
                                    }

                                    .owl-next {
                                        right: -52px;
                                    }
                                }
                            }
                        }

                        &::after {
                            content: "Click para ampliar";
                            display: block;
                            margin-top: 14px;
                            color: #64748B;
                            font-size: 12px;
                            line-height: 18px;
                            font-weight: 400;
                            text-align: center;
                        }
                    }
                }
            }
        }

        .promotional-banner5 {
            display: flex;
            align-items: center;
            gap: 32px;
            padding: 38px 30px 38px 100px;
            border-radius: 24px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;

            &::before,
            &::after {
                content: none;
                display: none;
            }

            >.wpb_column {
                float: none;
            }

            .vc_col-sm-8 {
                flex: 1 1 auto;
                width: auto;
                padding: 0;

                .__title {
                    margin: 0;
                    color: #FFFFFF;
                    font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                    line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                }

                .__text {
                    margin-top: 12px;
                    margin-bottom: 0;
                    color: #FFFFFF;
                    padding-right: 50px;
                }
            }

            .vc_col-sm-4 {
                flex: 0 0 320px;
                width: auto;

                >.vc_column-inner>.wpb_wrapper {
                    padding-right: 0;

                    .wpcf7 form {
                        display: flex;
                        flex-direction: column;
                        gap: 18px;

                        label {
                            display: block;
                            color: #FFFFFF;
                            font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                            line-height: clamp(1.25rem 20px, 1.1883rem + 0.2597vw, 1.5rem);
                            font-weight: 400;
                            position: relative;
                            z-index: 2;

                            &::before {
                                content: "";
                                position: absolute;
                                width: 140px;
                                height: 30px;
                                background: #3A3A3A;
                                left: 1px;
                                z-index: -1;
                                top: -3px;
                            }

                            .wpcf7-form-control-wrap {
                                display: block;
                                margin-top: -7px;
                                z-index: -3;

                                input[type="email"] {
                                    width: 100%;
                                    min-height: 45px;
                                    padding: 10px 12px;
                                    border: 1px solid #CECECE;
                                    border-radius: 3px;
                                    background: transparent;
                                    color: #FFFFFF;
                                    font-size: 14px;
                                    line-height: 24px;
                                    box-sizing: border-box;

                                    &::placeholder {
                                        color: rgba(255, 255, 255, 0.92);
                                    }
                                }
                            }
                        }

                        .wpcf7-submit {
                            width: 100%;
                            min-height: 45px;
                            padding: 10px 18px;
                            border: 0;
                            border-radius: 5px;
                            background: var(--secondary-color);
                            color: #FFFFFF;
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            cursor: pointer;
                        }

                        .wpcf7-spinner,
                        .wpcf7-response-output,
                        .screen-reader-response,
                        .wpcf7-not-valid-tip {
                            display: none !important;
                        }
                    }

                }
            }
        }
    }
}

.site-footer {
    background: var(--primary-color);
    color: var(--text-color-2);
    padding: 80px 0 40px;
    margin-top: 75px;

    a:visited {
        color: var(--text-color-2);
    }

    .site-footer__inner {
        padding: 0 var(--content-pad);
        margin: 0 auto;
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;
    }

    .site-footer__widgets {
        display: grid;
        grid-template-columns: minmax(0, 33.33%) minmax(0, 16.665%) minmax(0, 16.665%) minmax(0, 33.33%);
        gap: 48px;
        padding-bottom: 80px;
        border-bottom: 1px solid #1E293B;
    }

    #nav_menu-3 a:visited,
    #nav_menu-4 a:visited {
        color: #F8F9F8;
    }

    .site-footer__column {
        min-width: 0;

        .social-icons {
            display: flex;
            gap: 16px;

            li {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 4px;
                width: 40px;
                height: 40px;
                background: #1E293B;
                margin: 0;
                font-size: 15px;
                cursor: pointer;
            }
        }

        .menu {
            display: flex;
            flex-direction: column;
            gap: 16px;

            li {
                margin: 0;
            }
        }
    }

    .footer-widget {
        margin: 0;
    }

    #media_image-2 {
        max-width: 175px;
    }

    .footer-widget+.footer-widget {
        margin-top: 32px;
    }

    .footer-widget-title {
        margin: 0 0 24px;
        color: var(--secondary-color);
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        text-transform: uppercase;
    }

    p,
    li,
    a,
    span {
        color: #F8F9F8;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    a {
        text-decoration: none;
    }

    a:hover,
    a:focus {
        color: var(--secondary-color);
    }

    ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    li+li {
        margin-top: 12px;
    }

    p {
        margin: 0;
    }

    p+p {
        margin-top: 12px;
    }

    img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    #custom_html-5 {
        li {
            display: flex;
            align-items: flex-start;
            gap: 6px;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #F8F9F8;

            span,
            i {
                color: var(--secondary-color);
                font-size: 20px
            }

            a {
                text-decoration: underline;
            }

        }

        hr {
            background-color: #1E293B;
            margin-top: 24px;
            margin-bottom: 40px;
        }

        h4 {
            font-size: 14px;
            line-height: 24px;
            font-weight: 400;
            color: #F8F9F8;
        }
    }

    .site-footer__bottom {
        padding-top: 32px;
        text-align: center;
    }

    .site-footer__copyright {
        color: #F8F9F8;
        font-size: 16px;
        line-height: 24px;
    }
}

.ferremax-pagination {
    margin-top: 24px;

    .ferremax-pagination__inner {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;

        .ferremax-pagination__item {
            display: inline-flex;

            .page-numbers {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 22px;
                height: 22px;
                padding: 0 6px;
                border: 1px solid #D1D5DB;
                border-radius: 4px;
                background: #FFFFFF;
                color: #475569;
                font-size: 12px;
                line-height: 1;
                font-weight: 400;
                text-decoration: none;
                box-sizing: border-box;

                &.current {
                    background: var(--secondary-color);
                    border-color: var(--secondary-color);
                    color: #FFFFFF;
                    font-weight: 700;
                }

                &.dots {
                    border-color: #D1D5DB;
                    color: #475569;
                }

                &:hover,
                &:focus {
                    border-color: var(--secondary-color);
                    color: var(--secondary-color);
                }
            }
        }
    }

    button.page-numbers {
        appearance: none;
        -webkit-appearance: none;
        margin: 0;
        box-shadow: none;
        font-family: inherit;
        cursor: pointer;
    }
}

.product-breadcrumb,
.blog-single-breadcrumb {

    .woocommerce-breadcrumb,
    a,
    span {
        font-size: 14px !important;
        line-height: 21px !important;
    }
}

.site-main .entry-content {

    h1,
    h2,
    h3,
    .__title {
        text-wrap: balance;
    }
}

/* ============================================================
   Search Results
   ============================================================ */

body.search-results {
    overflow-x: hidden;
}

.ferremax-search-results-page {

    .ferremax-search-results-page__inner {
        width: min(100%, var(--container-width));
        max-width: var(--container-width);
        margin: 0 auto;
        padding: 48px 0 72px;
    }

    .ferremax-search-hero {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 18px;
        padding: 22px 24px;
        border: 1px solid #D1D5DB;
        border-radius: 16px;
        background: #FFFFFF;
        box-shadow: 0px 14px 30px -26px rgba(15, 23, 42, 0.45);

        .ferremax-search-hero__eyebrow {
            grid-column: 1;
            margin: 0 0 8px;
            color: var(--secondary-color);
            font-size: 13px;
            line-height: 18px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .ferremax-search-hero__title {
            grid-column: 1;
            margin: 0;
            color: var(--text-color);
            font-size: 30px;
            line-height: 38px;
            font-weight: 700;
        }
    }

    .ferremax-search-summary {
        grid-column: 2;
        grid-row: 1 / span 2;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px;
        max-width: 430px;

        .ferremax-search-summary__item {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            min-height: 34px;
            padding: 6px 11px;
            border: 1px solid #E5E7EB;
            border-radius: 5px;
            background: #F8FAFC;
            color: #475569;
            font-size: 14px;
            line-height: 20px;
            font-weight: 700;

            strong {
                color: var(--primary-color);
                font-size: 18px;
                line-height: 24px;
            }

            &.ferremax-search-summary__item--total {
                border-color: var(--secondary-color);
                background: #FFF3ED;
                color: var(--secondary-color);

                strong {
                    color: var(--secondary-color);
                }
            }
        }
    }

    .ferremax-search-sections {
        display: grid;
        gap: 22px;
        margin-top: 24px;
    }

    .ferremax-search-section {
        padding: 18px;
        border: 1px solid #D1D5DB;
        border-radius: 16px;
        background: #FFFFFF;

        &.ferremax-search-section--shop {
            border-top: 5px solid var(--secondary-color);
        }

        &.ferremax-search-section--catalog {
            border-top: 5px solid var(--primary-color);
        }

        .ferremax-search-section__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding-bottom: 14px;
            border-bottom: 1px solid #E5E7EB;

            h2 {
                margin: 0;
                color: var(--text-color);
                font-size: 22px;
                line-height: 30px;
                font-weight: 700;
            }
        }

        .ferremax-search-section__label {
            margin: 0 0 4px;
            color: #64748B;
            font-size: 12px;
            line-height: 16px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .ferremax-search-section__count {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 34px;
            padding: 7px 12px;
            border-radius: 5px;
            background: #F1F5F9;
            color: #475569;
            font-size: 13px;
            line-height: 18px;
            font-weight: 700;
            white-space: nowrap;
        }

        .ferremax-search-results-list {
            margin-top: 16px;
        }

        .ferremax-products-grid {
            gap: 14px;
            padding-top: 0;

            .item-card {
                padding: 8px;
                border: 1px solid #F1F5F9;
                border-radius: 8px;
                box-shadow: 0px 10px 24px -22px rgba(15, 23, 42, 0.42);

                &[hidden] {
                    display: none;
                }

                .item-top {
                    p {
                        margin: 0;
                        font-size: 12px;
                        line-height: 18px;
                    }
                }

                .card-image {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 150px;
                    margin-right: auto;
                    margin-left: auto;
                    border-radius: 7px;
                    background: #FFFFFF;
                    overflow: hidden;

                    img {
                        display: block;
                        width: auto;
                        max-width: 100%;
                        max-height: 138px;
                        margin-right: auto;
                        margin-left: auto;
                        object-fit: contain;
                    }
                }

                .card-content {
                    display: flex;
                    flex: 1;
                    flex-direction: column;
                    gap: 8px;
                    padding-top: 10px;
                }

                .card-meta,
                .card-brand {
                    min-height: 0;
                    margin: 0;
                    font-size: 12px;
                    line-height: 18px;
                }

                .card-title {
                    a {
                        font-size: 14px;
                        line-height: 20px;
                    }
                }

                .card-price {
                    margin-top: 0;
                    font-size: 16px;
                    line-height: 22px;
                }

                .card-prices {
                    gap: 8px;
                    margin-top: 0;
                    padding: 4px 10px;

                    .price-row {
                        .price-value {
                            font-size: 15px;
                            line-height: 22px;
                        }
                    }
                }

                .card-action,
                .card-actions {
                    padding-top: 8px;

                    .card-button,
                    .button {
                        min-height: 38px;
                        padding: 6px 12px;
                        font-size: 13px;
                        line-height: 18px;
                    }
                }
            }
        }

        .ferremax-search-pager-wrap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            margin-top: 24px;

            &[hidden] {
                display: none;
            }

            .ferremax-search-pager__status {
                margin: 0;
                color: #475569;
                font-size: 14px;
                line-height: 20px;
                font-weight: 700;
            }

            .ferremax-search-pager {
                margin-top: 0;

                .ferremax-pagination__inner {
                    justify-content: flex-end;
                }
            }
        }

        .ferremax-search-section__empty {
            margin: 18px 0 0;
            padding: 16px;
            border-radius: 10px;
            background: #F8FAFC;
            color: #64748B;
            font-size: 15px;
            line-height: 22px;
        }
    }

    .ferremax-search-empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        max-width: 680px;
        margin: 32px auto 0;
        padding: 34px;
        border: 1px solid #D1D5DB;
        border-radius: 24px;
        background: #FFFFFF;
        text-align: center;

        .ferremax-search-empty__icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 54px;
            height: 54px;
            border-radius: 50%;
            background: #FFF3ED;
            color: var(--secondary-color);
            font-size: 30px;
        }

        h2,
        p {
            margin: 0;
        }

        h2 {
            color: var(--text-color);
            font-size: 28px;
            line-height: 36px;
        }

        p {
            color: #64748B;
            font-size: 16px;
            line-height: 24px;
        }

        .ferremax-search-form {
            width: min(100%, 520px);
            margin-top: 8px;

            .ferremax-search-form__inner {
                display: flex;
                align-items: center;
                min-height: 46px;
                padding: 8px 14px;
                border: 1px solid #E5E7EB;
                border-radius: 5px;
                background: #F1F5F9;
            }

            .ferremax-search-form__field {
                flex: 1;
                min-width: 0;
                border: 0;
                background: transparent;

                &:focus {
                    outline: none;
                }
            }

            .ferremax-search-form__submit {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 0;
                border: 0;
                background: transparent;
                color: var(--secondary-color);
                cursor: pointer;
            }
        }
    }

    @media (max-width: 1024px) {
        .ferremax-search-results-page__inner {
            padding: 36px 20px 56px;
        }

        .ferremax-search-hero {
            grid-template-columns: minmax(0, 1fr);
            align-items: flex-start;
        }

        .ferremax-search-summary {
            grid-column: 1;
            grid-row: auto;
            justify-content: flex-start;
            max-width: none;
        }
    }

    @media (max-width: 768px) {
        .ferremax-search-results-page__inner {
            padding: 28px 16px 44px;
        }

        .ferremax-search-hero {
            gap: 14px;
            padding: 20px 18px;
            border-radius: 20px;

            .ferremax-search-hero__title {
                font-size: 28px;
                line-height: 34px;
            }
        }

        .ferremax-search-summary {
            gap: 8px;

            .ferremax-search-summary__item {
                min-height: 32px;
                padding: 6px 10px;
                font-size: 13px;
                line-height: 18px;

                strong {
                    font-size: 16px;
                    line-height: 22px;
                }
            }
        }

        .ferremax-search-section {
            padding: 16px;
            border-radius: 18px;

            .ferremax-search-section__header {
                flex-direction: column;
                align-items: flex-start;
                padding-bottom: 12px;

                h2 {
                    font-size: 20px;
                    line-height: 26px;
                }
            }
        }

        .ferremax-search-pager-wrap {
            flex-direction: column;
            align-items: flex-start;

            .ferremax-search-pager {
                width: 100%;

                .ferremax-pagination__inner {
                    justify-content: flex-start;
                }
            }
        }

        .ferremax-search-empty {
            padding: 26px 20px;
            border-radius: 20px;

            h2 {
                font-size: 24px;
                line-height: 30px;
            }
        }
    }

    @media (max-width: 640px) {
        .ferremax-search-results-page__inner {
            padding: 24px 12px 36px;
        }

        .ferremax-search-hero {
            padding: 18px 16px;
            border-radius: 18px;

            .ferremax-search-hero__eyebrow {
                margin-bottom: 4px;
            }

            .ferremax-search-hero__title {
                font-size: 24px;
                line-height: 30px;
            }
        }

        .ferremax-search-summary {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            width: 100%;

            .ferremax-search-summary__item--total {
                grid-column: 1 / -1;
            }
        }

        .ferremax-search-section {
            padding: 14px;

            .ferremax-search-results-list {
                margin-top: 14px;
            }
        }

        .ferremax-search-pager-wrap {
            margin-top: 18px;
        }

        .ferremax-search-empty {
            margin-top: 24px;
            padding: 22px 16px;

            p {
                font-size: 15px;
                line-height: 22px;
            }
        }
    }
}

/* ============================================================
   Cart Offcanvas
   ============================================================ */

.ferremax-cart-offcanvas {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    visibility: hidden;
    pointer-events: none;

    &.is-open {
        visibility: visible;
        pointer-events: auto;

        .ferremax-cart-offcanvas__overlay {
            opacity: 1;
        }

        .ferremax-cart-offcanvas__panel {
            transform: translateX(0);
        }
    }

    &.is-closing {
        .ferremax-cart-offcanvas__overlay {
            opacity: 0;
        }

        .ferremax-cart-offcanvas__panel {
            transform: translateX(100%);
        }
    }

    .ferremax-cart-offcanvas__overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .ferremax-cart-offcanvas__panel {
        position: absolute;
        top: 0;
        right: 0;
        width: min(420px, 100vw);
        height: 100%;
        max-height: 100dvh;
        background: #fff;
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: -8px 0 40px rgba(0, 0, 0, 0.18), -2px 0 8px rgba(0, 0, 0, 0.08);
    }

    .ferremax-cart-offcanvas__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px 20px;
        border-bottom: 1px solid #e5e7eb;
        flex-shrink: 0;
    }

    .ferremax-cart-offcanvas__title {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: var(--primary-color);

        .material-symbols-outlined {
            font-size: 22px;
            color: var(--secondary-color);
        }
    }

    .ferremax-cart-offcanvas__close {
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        cursor: pointer;
        padding: 4px;
        color: var(--primary-color);
        border-radius: 4px;
        transition: background 0.2s;

        &:hover {
            background: #f3f4f6;
        }
    }

    .ferremax-cart-offcanvas__body {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        overscroll-behavior: contain;
    }

    .ferremax-cart-offcanvas__empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        flex: 1;
        padding: 40px 20px;
        text-align: center;

        .material-symbols-outlined {
            font-size: 56px;
            color: #d1d5db;
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 48;
        }

        p {
            font-size: 15px;
            color: var(--text-color-3);
            margin: 0;
        }
    }

    .ferremax-cart-offcanvas__shop-link {
        display: inline-block;
        padding: 10px 24px;
        background: var(--secondary-color);
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        border-radius: 6px;
        transition: opacity 0.2s;

        &:hover,
        &:visited {
            background: var(--secondary-color);
            color: #fff;
            opacity: 0.85;
        }
    }

    .ferremax-cart-offcanvas__items {
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1;
    }

    .ferremax-cart-offcanvas__item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 16px 20px;
        border-bottom: 1px solid #f3f4f6;
    }

    .ferremax-cart-offcanvas__item-image {
        flex-shrink: 0;
    }

    .ferremax-cart-offcanvas__item-img {
        width: 72px;
        height: 72px;
        object-fit: contain;
        border-radius: 6px;
        border: 1px solid #e5e7eb;
    }

    .ferremax-cart-offcanvas__item-info {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .ferremax-cart-offcanvas__item-name {
        font-size: 14px;
        font-weight: 600;
        color: var(--primary-color);
        text-decoration: none;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;

        &:hover {
            color: var(--secondary-color);
        }
    }

    .ferremax-cart-offcanvas__item-meta {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        color: var(--text-color-3);

        span:last-child {
            font-weight: 700;
            color: var(--primary-color);
        }
    }

    .ferremax-cart-offcanvas__item-remove {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #9ca3af;
        text-decoration: none;
        border-radius: 4px;
        padding: 2px;
        transition: color 0.2s;

        &:visited {
            color: #9ca3af;
        }

        &:hover {
            color: #ef4444;
        }

        .material-symbols-outlined {
            font-size: 18px;
        }
    }

    .ferremax-cart-offcanvas__footer {
        padding: 16px 20px;
        border-top: 1px solid #e5e7eb;
        display: flex;
        flex-direction: column;
        gap: 10px;
        flex-shrink: 0;
        background: #fff;
    }

    .ferremax-cart-offcanvas__totals {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e7eb;
    }

    .ferremax-cart-offcanvas__totals-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 14px;
        color: var(--text-color-3);

        &.ferremax-cart-offcanvas__totals-row--total {
            font-size: 16px;
            font-weight: 700;
            color: var(--primary-color);
        }
    }

    .ferremax-cart-offcanvas__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        text-align: center;
        padding: 14px 20px;
        border-radius: 6px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        border: 2px solid transparent;
        transition: background 0.2s, color 0.2s, border-color 0.2s;
        width: 100%;
        box-sizing: border-box;

        &:visited {
            color: inherit;
        }

        &.ferremax-cart-offcanvas__btn--primary {
            background: var(--secondary-color);
            color: #fff;
            justify-content: space-between;

            &:hover,
            &:visited {
                background: #e55a18;
                color: #fff;
            }
        }

        &.ferremax-cart-offcanvas__btn--secondary {
            background: var(--primary-color);
            color: #fff;
            border-color: var(--primary-color);

            &:hover,
            &:visited {
                background: #555;
                border-color: #555;
                color: #fff;
            }
        }

        &.ferremax-cart-offcanvas__btn--tertiary {
            background: #fff;
            color: var(--primary-color);
            border-color: var(--primary-color);
            font-weight: 700;
            font-size: 14px;

            &:hover {
                background: var(--primary-color);
                color: #fff;
            }
        }
    }

    .ferremax-cart-offcanvas__btn-label {
        flex: 1;
        text-align: left;
    }

    .ferremax-cart-offcanvas__btn-total {
        font-weight: 700;
        white-space: nowrap;
    }
}

body.ferremax-cart-open {
    overflow: hidden;
}

/* ============================================================
   Blog Cards Fallback
   ============================================================ */
.blog-grid.ferremax-blog-grid,
.blog-results>.ferremax-blog-grid {
    display: grid;
    gap: 32px;
}


.blog-grid.ferremax-blog-grid .ferremax-blog-card {
    border-radius: 8px;
    border: solid 1px #F1F5F9;
    box-shadow: 0px 12px 32px -24px rgba(15, 23, 42, 0.22);
    padding: 11px 9px 16px;
    background-color: #FFF;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__media {
    aspect-ratio: 16 / 9;
    background: #E2E8F0;
    overflow: hidden;
    border-radius: 10px;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__media .ferremax-blog-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    padding: 15px 9px 0;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__category {
    display: inline-flex;
    color: var(--secondary-color);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__title {
    margin: 0;
    color: var(--text-color);
    font-size: clamp(1.375rem, 1.3133rem + 0.2597vw, 1.625rem);
    line-height: 36px;
    font-weight: 700;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: none;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__excerpt {
    margin: 0;
    min-height: 66px;
    color: #3F3F46;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    text-transform: none;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid #111827;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #3F3F46;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__date .material-symbols-outlined {
    font-size: 18px;
    line-height: 1;
    color: #111827;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary-color);
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__cta .material-symbols-outlined {
    color: var(--secondary-color);
    font-size: 22px;
    line-height: 1;
}

.blog-grid.ferremax-blog-grid .ferremax-blog-card__image--placeholder {
    background: linear-gradient(135deg, #CBD5E1 0%, #E2E8F0 100%);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */

/* ---------- Tablet (max-width: 1024px) ---------- */
@media (max-width: 1024px) {

    .site-header {
        .site-header__inner {
            padding: 0 20px;
            max-width: 100%;
            box-sizing: border-box;

            .site-header__top {
                align-items: center;

                .site-header__contact {
                    font-size: clamp(0.5rem, 0.3525rem + 0.6211vw, 0.75rem);
                }

                .site-header__account-links {
                    position: relative;

                    .site-header__account-toggle {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        background: transparent;
                        border: 0;
                        color: var(--text-color-2);
                        cursor: pointer;
                        padding: 2px;

                        .material-symbols-outlined {
                            font-size: 18px;
                            line-height: 1;
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }
                    }

                    ul {
                        display: none;
                        position: absolute;
                        top: calc(100% + 10px);
                        right: 0;
                        flex-direction: column;
                        gap: 0;
                        min-width: 160px;
                        padding: 6px 0;
                        border: 1px solid rgba(255, 255, 255, 0.15);
                        border-radius: 6px;
                        background: var(--primary-color);
                        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
                        z-index: 100;

                        li {
                            width: 100%;
                            margin: 0;

                            a {
                                display: flex;
                                width: 100%;
                                padding: 10px 16px;
                                gap: 8px;
                                font-size: 13px;
                                font-weight: 600;
                                text-decoration: none;
                                transition: background 0.15s ease;
                            }

                            a:hover,
                            a:focus {
                                background: rgba(255, 255, 255, 0.1);
                            }
                        }
                    }

                    &.open ul {
                        display: flex;
                    }
                }
            }

            .site-header__main {
                .site-header__content {
                    width: 100%;
                    padding: 0;
                    gap: 0;

                    .site-branding {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;
                        gap: 37px;

                        .site-branding__partner-link img {
                            max-width: 150px;
                            width: 100%;
                        }

                        .custom-logo-link img {
                            min-width: 98px;
                            width: 100%;
                            max-width: 120px;
                        }
                    }
                }

                .site-header__search,
                .site-header__promo {
                    display: none;
                }
            }
        }

        #site-navigation {
            flex-direction: column;
            align-items: flex-start;
            min-height: unset;
            padding: 8px 16px;

            .menu-toggle {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 8px;
                width: 100%;
                border: 0;
                background: transparent;
                color: var(--text-color-2);
                cursor: pointer;
                font-size: 0;

                &::before {
                    content: "menu";
                    font-family: 'Material Symbols Outlined';
                    font-size: 24px;
                    line-height: 1;
                    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                }
            }

            &.toggled .menu-toggle::before {
                content: "close";
            }

            &.toggled,
            &.closing {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100dvh;
                z-index: 9999;
                overflow-y: auto;
            }

            &.toggled {
                padding-bottom: 32px;
                animation: slideInLeft 0.35s ease forwards;
            }

            &.closing {
                gap: 24px;
                animation: slideOutLeft 0.35s ease forwards;
            }

            .menu-main-menu-container,
            .site-header__mobile-search,
            .site-header__mobile-promo {
                display: none;
            }

            &.toggled .menu-main-menu-container,
            &.toggled .site-header__mobile-search,
            &.toggled .site-header__mobile-promo {
                display: flex;
            }

            .site-header__mobile-search {
                width: 100%;
                padding-top: 24px;

                .ferremax-search-form {
                    position: relative;
                    width: 100%;

                    .ferremax-search-form__inner {
                        display: flex;
                        align-items: center;
                        background: #F1F5F9;
                        border: 1px solid #F1F5F9;
                        border-radius: 5px;
                        padding: 8px 16px 9px;
                    }

                    .ferremax-search-form__field {
                        flex: 1;
                        min-width: 0;
                        border: 0;
                        background: transparent;
                        padding: 0;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 24px;
                        color: var(--text-color);
                    }

                    .ferremax-search-form__field::placeholder {
                        color: #6B7280;
                    }

                    .ferremax-search-form__field:focus {
                        outline: none;
                    }

                    .ferremax-search-form__submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        border: 0;
                        background: transparent;
                        color: #9AA3B8;
                        cursor: pointer;
                        padding: 0;
                    }

                    .ferremax-search-form__submit:hover,
                    .ferremax-search-form__submit:focus {
                        color: var(--secondary-color);
                        outline: none;
                    }

                    .ferremax-search-form__results {
                        top: calc(100% + 6px);
                        border-radius: 5px;
                    }
                }
            }

            .menu-main-menu-container {
                width: 100%;

                .nav-menu {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0;
                    padding: 4px 0 8px;

                    .menu-item {
                        flex-direction: column;
                        align-items: stretch;
                        width: 100%;

                        a {
                            justify-content: flex-start;
                            width: 100%;
                            padding: 10px 16px;
                            font-size: 15px;
                        }

                        >.sub-menu {
                            position: static;
                            display: flex;
                            flex-direction: column;
                            gap: 0;
                            width: 100%;
                            min-width: 0;
                            margin: 0;
                            padding: 0 0 4px 16px;
                            background: transparent;
                            border-radius: 0;
                            border-top: 0;
                            box-shadow: none;

                            &::before {
                                display: none;
                            }

                            >.menu-item>a {
                                padding: 8px 16px;
                                font-size: 14px;
                                line-height: 20px;
                                color: #F8F9F8;
                                background: transparent;
                                box-shadow: none;
                            }
                        }
                    }

                    .menu-item--store>a::before {
                        display: none;
                    }
                }
            }

            .site-header__mobile-promo {
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 12px;
                width: 100%;
                padding: 18px 0 0;
                border-top: 1px solid rgba(248, 249, 248, 0.12);
                transition: transform 0.3s ease;

                img {
                    width: min(52%, 190px);
                    max-width: 190px;
                    min-width: 112px;
                    height: auto;
                    flex: 0 0 auto;
                }

                a {
                    flex: 0 0 auto;
                    max-width: none;
                    color: var(--text-color-2);
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 700;
                    text-align: center;
                    text-transform: uppercase;
                    text-decoration: underline;
                    text-underline-offset: 3px;
                }
            }

            .site-header__mobile-promo:hover {
                transform: scale(0.97);
            }
        }

        .site-header__floating-contact {
            right: 8px;
            top: auto;
            bottom: 18px;
            z-index: 20;

            .site-header__floating-contact-item--main {
                display: none;
            }

            .site-header__floating-contact-item--whatsapp,
            .site-header__floating-contact-item--mail {
                width: 30px;
                height: 30px;
                font-size: 14px;
            }
        }
    }

    .site-header.is-sticky {
        .site-header__inner {
            .site-header__top {
                padding: 7px 0;
            }

            .site-header__main {
                .site-header__content {
                    padding: 0;
                    gap: 37px;

                    .site-branding {
                        gap: 37px;

                        .site-branding__partner-link img {
                            max-width: 150px;
                        }

                        .custom-logo-link img {
                            min-width: 98px;
                            width: 98px;
                            max-width: 98px;
                        }
                    }
                }
            }
        }

        #site-navigation {
            padding: 8px 16px;
        }
    }

    /* ---- main styles ---- */
    .site-main {
        
        .entry-content {
            width: min(100%, var(--container-width));
            max-width: var(--container-width);
            margin: 0 auto;
            padding-inline: 20px;
            box-sizing: border-box;

            /* Reset WPBakery negative row margins so content stays inside the container */
            .wpb-content-wrapper>.vc_row {
                margin-left: 0;
                margin-right: 0;
            }

            #hero-home {
                .hero-home__slider {
                    .hero-home__slide {
                        flex-wrap: nowrap;
                    }

                    .hero-home__content {
                        width: 60%;

                        .vc_column-inner {
                            padding: 32px 36px;
                        }
                    }

                    .hero-home__media {
                        max-width: 40%;
                    }
                }

                .owl-nav,
                .owl-dots {
                    right: 32px;
                }
            }

            #feature-links {

                .vc_column_container {
                    width: auto;
                }

                .feature-links__card .vc_column-inner .wpb_wrapper .wpb_single_image {
                    right: 24px;
                    top: 24px;
                }
            }

            .promotional-banner1 {
                .container {
                    gap: 28px;
                    padding: 28px 32px;

                    .vc_inner {
                        padding: 0;
                    }

                    .promotional-banner__content {
                        flex: 1 1 56%;
                    }

                    .promotional-banner__btns {
                        flex: 1 1 44%;
                    }
                }
            }

            #store-section,
            #about-store {
                .vc_column-inner {
                    .__online-store {
                        .btn-primary {
                            position: static;
                            display: inline-flex;
                            margin-top: 20px;
                        }
                    }

                    .__sales {
                        .wpb_text_column {
                            .sales-carousel {
                                .sales-carousel__slider {
                                    .owl-nav {
                                        top: -64px;
                                    }
                                }
                            }
                        }
                    }

                    .__brands {
                        padding: 40px 24px;

                        .brands-grid {
                            grid-template-columns: repeat(4, minmax(0, 1fr));
                            gap: 18px;
                        }
                    }
                }
            }

            .promotional-banner2 {
                .container {
                    display: flex;
                    align-items: center;
                    gap: 24px;
                    padding: 32px;

                    .promotional-banner__content {
                        .__title {
                            max-width: none;
                        }

                        .__text p {
                            text-align: left;
                        }
                    }
                }
            }

            #blog-section {
                padding: 40px 24px 0;

                .ferremax-blog-grid,
                .ferremax-blog-grid--columns-3,
                .ferremax-blog-grid--columns-4 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 24px;
                }
            }

            .promotional-banner3 {
                .container {
                    gap: 24px;
                    padding: 28px 32px;

                    .promotional-banner__content {
                        flex: 1 1 58%;

                        .__text {
                            width: 100%;
                            max-width: 32rem;
                        }
                    }
                }
            }

            /* --- Nosotros --- */
            #hero {
                width: 100%;
                margin-top: 24px;
                border-radius: 24px;

                .vc_column-inner {
                    padding: 0px;
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                    }
                }
            }

            #values {
                margin-top: 40px;
                display: flex;
                gap: 20px;
                flex-wrap: nowrap;

                .vc_column_container {
                    padding: 0;
                }

                .vc_column-inner {
                    box-shadow: 0px 25px 50px -12px #00000033;
                    border-radius: 24px;
                    padding: 40px;

                    .__eyebrow {
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        color: #475569;
                        margin: 0;
                    }

                }
            }

            .promotional-banner4 {
                margin: 50px auto;

                .container {
                    border-radius: 24px;
                    padding: 16px 95px;
                    min-height: 144px;

                    .__title {
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 40px;
                    }

                    .__text {
                        width: 65%;
                        color: #FFFFFFE5;
                    }
                }
            }

            #about-us {
                .vc_col-sm-5 {
                    padding: 0;

                    img {
                        border-radius: 24px;
                    }

                    .vc_column-inner {
                        padding: 0;
                    }

                    .wpb_text_column {
                        position: absolute;
                        right: -15px;
                        bottom: -25px;

                        p {
                            background-color: var(--secondary-color);
                            color: #F8F9F8;
                            font-size: clamp(0.75rem, 0.6444rem + 0.4444vw, 1rem);
                            line-height: clamp(1rem, 0.7889rem + 0.8889vw, 1.5rem);
                            padding: 5px 10px;
                            width: fit-content;
                            border-radius: 10px;
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;

                            strong {
                                font-size: clamp(1.375rem, 1.2167rem + 0.6667vw, 1.75rem);
                                line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                                color: var(--text-color-2);
                            }
                        }
                    }
                }

                .vc_col-sm-7 {
                    padding: 0 0 0 40px;

                    .__eyebrow {
                        margin-bottom: 0;
                        color: var(--secondary-color);

                        p {
                            margin: 0;
                        }
                    }

                    .__title {
                        margin: 0;
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        color: var(--text-color);
                    }

                    .__text {
                        color: #475569;
                    }

                    .list {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        gap: 10px;

                        .vc_col-sm-12 {
                            box-shadow: 0px 5px 18.6px -12px #0000001A;
                            border-radius: 10px;

                            .wpb_wrapper {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                gap: 12px;
                                padding: 18px 25px 14px;

                                .wpb_single_image,
                                .wpb_text_column,
                                p {
                                    margin: 0;

                                    .wpb_wrapper {
                                        padding: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            #our-services {
                margin-top: 50px;

                .vc_column_container,
                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 16px;
                    color: var(--secondary-color);
                }

                .__title {
                    color: var(--text-color);
                }

                .__text {
                    margin-bottom: 16px;
                    color: #475569;
                }

                .grid-cards {
                    display: grid;
                    gap: 20px;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-template-rows: repeat(2, minmax(0, 1fr));
                    margin: 0;

                    >.vc_column_container {
                        width: auto;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        border-radius: 24px;
                        padding: 20px;

                        .vc_column-inner {
                            padding: 0;
                        }

                        .__title {
                            color: var(--text-color);
                            font-size: clamp(1.125rem, 0.8611rem + 1.1111vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                            min-height: 80px;
                        }

                        .__text {
                            margin-bottom: 0px;
                            color: #475569;
                        }
                    }
                }
            }

            .container .__online-store {
                .wpb_wrapper {

                    h2 {
                        font-size: clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem) !important;
                        line-height: 24px !important;
                        color: var(--text-color);

                        &::before {
                            display: none;
                            content: none;
                        }
                    }

                    hr {
                        background-color: var(--secondary-color);
                        position: absolute;
                        width: 65%;
                        top: 4px;
                        right: 0;

                    }
                }
            }

            #store-section {
                .__brands.container {
                    margin-top: 0 !important;
                }
            }

            .our-clients {
                .vc_column-inner {
                    padding: 42px 0 0 0;
                    border-radius: 24px;

                    .__title {
                        font-size: clamp(1.25rem, 1.0389rem + 0.8889vw, 1.75rem);
                        color: var(--text-color);
                    }

                    img {
                        filter: grayscale(1);

                        &:hover {
                            filter: grayscale(0);
                        }
                    }
                }
            }

            .ferremax-pagination {
                margin-top: 24px;

                .ferremax-pagination__inner {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    gap: 6px;
                    flex-wrap: wrap;

                    .ferremax-pagination__item {
                        display: inline-flex;

                        .page-numbers {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-width: 22px;
                            height: 22px;
                            padding: 0 6px;
                            border: 1px solid #D1D5DB;
                            border-radius: 4px;
                            background: #FFFFFF;
                            color: #475569;
                            font-size: 12px;
                            line-height: 1;
                            font-weight: 400;
                            text-decoration: none;
                            box-sizing: border-box;

                            &.current {
                                background: var(--secondary-color);
                                border-color: var(--secondary-color);
                                color: #FFFFFF;
                                font-weight: 700;
                            }

                            &.dots {
                                border-color: #D1D5DB;
                                color: #475569;
                            }

                            &:hover,
                            &:focus {
                                border-color: var(--secondary-color);
                                color: var(--secondary-color);
                            }
                        }
                    }
                }

            }

            #values {
                flex-wrap: wrap;

                >.vc_column_container {
                    flex: 1 1 calc(50% - 10px);
                    width: calc(50% - 10px);
                }

                .vc_column-inner {
                    padding: 32px 28px;
                }
            }

            .promotional-banner4 {
                .container {
                    padding: 24px 32px;

                    .__text {
                        width: 100%;
                        max-width: 38rem;
                    }
                }
            }

            #about-us {
                display: flex;
                align-items: center;

                .vc_col-sm-5 {
                    width: 42%;

                    .wpb_text_column {
                        right: 12px;
                        bottom: 12px;
                    }
                }

                .vc_col-sm-7 {
                    width: 58%;
                    padding-left: 24px;
                }
            }

            #our-services {
                .grid-cards {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    grid-template-rows: none;

                    >.vc_column_container {
                        .__title {
                            min-height: 64px;
                        }
                    }
                }
            }

            /*-- catalog & store --*/
            #hero {
                background-position: center;
                background-size: cover;
                padding: 25px;
                margin-bottom: 48px;

                .__eyebrow {
                    color: var(--secondary-color);
                }

                .__title {
                    margin: 0;
                }
            }

            #hero.hero--shop {
                position: relative;
                align-items: center;
                padding: 25px;
                margin-top: 50px;
                background: linear-gradient(90deg, #FF6A21 0%, #FF8B44 52%, #FF6A21 100%);

                .content {
                    display: flex;
                    flex: 1;
                    flex-wrap: wrap;
                    align-items: center;
                    column-gap: 24px;
                    row-gap: 2px;
                    color: #FFFFFF;
                }

                .__eyebrow {
                    width: 100%;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;
                }

                .btn-secondary {
                    margin-left: 160px;
                }

                img {
                    position: absolute;
                    right: 0;
                    bottom: -12px;
                    width: 219px;
                    object-fit: contain;
                }
            }

            .brands-bar {
                display: flex;
                align-items: center;
                gap: 30px;
                margin-top: 40px;
                padding: 25px;
                border: 1px solid #B7BBB9;
                border-radius: 24px;

                >span {
                    display: inline-flex;
                    align-self: center;
                    color: #111827;
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                }

                .brands-grid {
                    display: grid;
                    grid-template-columns: repeat(8, minmax(0, 1fr));
                    align-items: start;
                    gap: 12px;
                }

                .brand-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    cursor: pointer;
                    position: relative;
                    border-radius: 16px;
                    transition: transform 0.25s ease, filter 0.25s ease;
                }

                .brand-card::before {
                    content: "";
                    position: absolute;
                    inset: -8px -10px -6px;
                    border-radius: 18px;
                    background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 10%, #ffffff 90%) 0%, rgba(255, 255, 255, 0) 100%);
                    opacity: 0;
                    transform: scale(0.96);
                    transition: opacity 0.25s ease, transform 0.25s ease;
                    pointer-events: none;
                }

                .brand-card>* {
                    position: relative;
                    z-index: 1;
                }

                .brand-logo {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    min-height: 29px;
                    padding: 10px 12px;
                    border-radius: 5px;
                    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
                }

                img {
                    max-width: 100%;
                    max-height: 10px;
                    object-fit: contain;
                    transition: all 0.3s ease;
                }

                .brand-card:nth-child(5) img {
                    max-height: 12px;
                }

                .brand-name {
                    color: #FFFFFF;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                .brand-desc {
                    display: -webkit-box;
                    margin: 10px 0 0;
                    min-height: 40px;
                    padding: 0 2px 6px;
                    overflow: hidden;
                    border-bottom: 0;
                    color: var(--brand-accent, currentColor);
                    font-size: 12px;
                    line-height: 18px;
                    font-weight: 600;
                    text-align: center;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    transition: color 0.25s ease, opacity 0.25s ease;
                }

                .brand-card:hover .brand-logo img,
                .brand-card:focus .brand-logo img,
                .brand-card:focus-visible .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card:hover,
                .brand-card:focus-visible,
                .brand-card[aria-pressed="true"],
                .brand-card--active {
                    transform: translateY(-2px);
                }

                .brand-card:hover::before,
                .brand-card:focus-visible::before,
                .brand-card[aria-pressed="true"]::before,
                .brand-card--active::before {
                    opacity: 1;
                    transform: scale(1);
                }

                .brand-card:hover .brand-logo,
                .brand-card:focus-visible .brand-logo,
                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34);
                    filter: saturate(1.04);
                }

                .brand-card[aria-pressed="true"] .brand-logo img,
                .brand-card--active .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34), 0 0 0 1px color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 26%, #ffffff 74%);
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    font-weight: 700;
                    color: color-mix(in srgb, var(--brand-accent, currentColor) 72%, #111111 28%);
                    text-shadow: 0 0 0 transparent;
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    background-image: linear-gradient(90deg, color-mix(in srgb, var(--brand-accent, currentColor) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--brand-accent, currentColor) 52%, #ffffff 48%) 100%);
                    background-repeat: no-repeat;
                    background-size: 100% 2px;
                    background-position: 50% 100%;
                }

                .brand-card--active .brand-logo {
                    box-shadow: 0px 10px 24px -16px rgba(0, 0, 0, 0.45);
                }

                .brand-card:focus-visible {
                    outline: 2px solid var(--brand-accent, var(--secondary-color));
                    outline-offset: 4px;
                    border-radius: 12px;
                }
            }

            .filter-mobile {
                display: block;
                margin-top: 24px;

                form {
                    display: flex;
                    flex-direction: column;
                    gap: 18px;
                }

                >button {
                    display: inline-flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 100%;
                    min-height: 52px;
                    padding: 12px 16px;
                    border: 1px solid #B7BBB9;
                    border-radius: 18px;
                    background: #FFFFFF;
                    color: #111827;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    box-shadow: 0px 18px 36px -30px rgba(15, 23, 42, 0.32);
                }

                .material-symbols-outlined {
                    font-size: 22px;
                    line-height: 1;
                }

                #js-filter-mobile-panel {
                    margin-top: 16px;
                    padding: 20px;
                    border: 1px solid #B7BBB9;
                    border-radius: 24px;
                    background: #FFFFFF;
                    box-shadow: 0px 18px 40px -28px rgba(15, 23, 42, 0.28);
                }

                .mobile-filter-group+.mobile-filter-group {
                    margin-top: 20px;
                }

                .mobile-filter-group {
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                }

                .mobile-filter-group+.mobile-filter-group {
                    padding-top: 18px;
                    border-top: 1px solid #E5E7EB;
                }

                .brand-filter-combobox {
                    position: relative;
                    margin: 0;

                    .brand-filter-combobox__label {
                        margin: 0;
                        color: #111827;
                        font-size: 18px;
                        line-height: 24px;
                        font-weight: 700;
                    }

                    .brand-filter-combobox__control {
                        min-height: 43px;
                        border: 1px solid #F1F5F9;
                        border-radius: 5px;
                        background: #F1F5F9;
                    }

                    .brand-filter-combobox__dropdown {
                        max-height: 260px;
                    }
                }

                .categories-panel,
                .product-categories-panel {
                    padding: 0;
                    border: 0;
                    border-radius: 0;
                }

                h3 {
                    margin: 0 0 16px;
                    color: #111827;
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;

                    span {
                        color: #64748B;
                    }
                }

                .js-mobile-cat-search {
                    width: 100%;
                    min-height: 43px;
                    padding: 8px 12px;
                    border: 1px solid #F1F5F9;
                    border-radius: 5px;
                    background: #F1F5F9;
                    color: var(--text-color);
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                    box-sizing: border-box;

                    &::placeholder {
                        color: #6B7280;
                    }

                    &:focus {
                        outline: none;
                        border-color: rgba(255, 103, 32, 0.24);
                        box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                    }
                }

                .js-mobile-cat-list {
                    max-height: 320px;
                    overflow-y: auto;
                    padding-right: 4px;
                }

                .filter-mobile__text-action {
                    display: inline-flex;
                    align-items: center;
                    gap: 6px;
                    width: fit-content;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    color: var(--secondary-color);
                    font-size: 15px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    cursor: pointer;
                }

                .filter-mobile__actions {
                    display: grid;
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 12px;
                    margin-top: 4px;
                }

                ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                li+li {
                    margin-top: 10px;
                }

                label {
                    display: inline-flex;
                    align-items: center;
                    gap: 10px;
                    color: var(--text-color-3);
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                    cursor: pointer;
                }

                input[type="checkbox"] {
                    appearance: none;
                    width: 25px;
                    height: 25px;
                    margin: 0;
                    border: 1px solid #D1D5DB;
                    border-radius: 4px;
                    background: #FFFFFF;
                    flex-shrink: 0;
                    cursor: pointer;
                    position: relative;
                }

                input[type="checkbox"]:checked {
                    border-color: var(--secondary-color);
                }

                input[type="checkbox"]:checked::after {
                    content: "";
                    position: absolute;
                    left: 8px;
                    top: 4px;
                    width: 6px;
                    height: 11px;
                    border: solid var(--secondary-color);
                    border-width: 0 2px 2px 0;
                    transform: rotate(45deg);
                }

                button[type="submit"] {
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    min-height: 42px;
                    padding: 10px 16px;
                    border: 0;
                    border-radius: 8px;
                    background: var(--secondary-color);
                    color: #FFFFFF;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                #js-clear-mobile {
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    min-height: 42px;
                    padding: 10px 16px;
                    border: 1px solid #D1D5DB;
                    border-radius: 8px;
                    background: #FFFFFF;
                    color: #475569;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    cursor: pointer;
                }
            }

            &.product-archive,
            &.catalog-archive {
                .brands-bar,
                .product-brands {
                    display: none;
                }

                .archive-layout {
                    display: block;
                    margin-top: 24px;

                    .col-30 {
                        display: none;
                    }

                    .col-70 {
                        width: 100%;
                    }
                }

                .ferremax-products-grid,
                .ferremax-catalogo-grid,
                .ferremax-products-grid--columns-3,
                .ferremax-products-grid--columns-4,
                .ferremax-products-grid--columns-5,
                .ferremax-products-grid--columns-6,
                .ferremax-catalogo-grid--columns-2,
                .ferremax-catalogo-grid--columns-3,
                .ferremax-catalogo-grid--columns-4,
                .ferremax-catalogo-grid--columns-5,
                .ferremax-catalogo-grid--columns-6 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 20px;
                }
            }

            &.product-single,
            &.catalog-single {
                display: flex;
                flex-direction: column;
                gap: 20px;
                padding-top: 24px;

                >.product-actions {
                    width: 100%;
                    justify-content: flex-start;
                    justify-self: auto;
                    gap: 12px;
                }

                >.product-overview {
                    gap: 28px;

                    .col-40 {
                        flex-basis: 42%;

                        .gallery-main {
                            min-height: 420px;

                            .gallery-arrow--prev {
                                left: 12px;
                            }

                            .gallery-arrow--next {
                                right: 12px;
                            }
                        }
                    }

                    .col-60 {
                        flex-basis: 58%;

                        .price-box {
                            column-gap: 24px;
                        }

                        .purchase-box .product-cart,
                        .contact-buttons,
                        .support-row {
                            flex-wrap: wrap;
                        }

                        .add-to-cart.btn-primary,
                        .support-row .sheet-link.btn-secondary {
                            max-width: none;
                        }
                    }
                }

                .product-cta-grid {
                    gap: 16px;

                    .cta-card {
                        padding: 18px 20px 16px;

                        .cta-copy {
                            max-width: calc(100% - 76px);
                        }

                        .cta-art {
                            right: 20px;
                            top: 20px;
                            width: 56px;
                            height: 56px;
                        }
                    }
                }
            }

            /*-- sucursales --*/
            #hero.Sucursal {
                padding: 25px;

                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 6px;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;

                    h1 {
                        margin: 0;
                        color: inherit;
                        font-size: inherit;
                        line-height: inherit;
                    }
                }

                .vc_col-sm-6:nth-last-child(1) {
                    text-align: right;
                }

                .__text {
                    margin: 0;
                    margin-left: auto;
                    text-align: right;
                    max-width: 328px;
                }
            }

            #branches {
                display: flex;
                flex-direction: column;
                gap: 0;

                >.wpb_column {
                    width: 100%;
                    margin: 0;
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0;
                    }

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: 215px minmax(0, 1fr) 362px;
                        grid-template-rows: auto;
                        align-items: start;
                        column-gap: 42px;
                        row-gap: 0;
                        padding: 38px 0 38px;
                        border-bottom: 1px solid #FF6720;
                    }
                }

                >.wpb_column:last-child {
                    >.vc_column-inner>.wpb_wrapper {
                        border-bottom: 0;
                    }
                }

                .wpb_single_image {
                    grid-column: 1;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .vc_figure,
                    .vc_single_image-wrapper {
                        display: block;
                        width: 215px;
                        height: 158px;
                        margin: 0;
                        border-radius: 15px;
                        overflow: hidden;
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                h2.__title {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    max-width: 470px;
                    margin: 0;
                    color: var(--primary-color);
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: -0.01em;
                }

                .wpb_text_column {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    margin: 44px 0 0;
                    max-width: 470px;

                    .wpb_wrapper {
                        display: block;
                    }

                    ul {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    li {
                        position: relative;
                        padding-left: 38px;
                        color: #626563;
                        font-size: 15px;
                        line-height: 24px;
                        font-weight: 400;
                    }

                    li::before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: var(--secondary-color);
                        font-family: 'Material Symbols Outlined';
                        font-size: 24px;
                        line-height: 24px;
                        font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 24;
                    }

                    li:nth-child(1)::before {
                        content: "location_on";
                    }

                    li:nth-child(2)::before {
                        content: "call";
                    }

                    li:nth-child(3) {
                        min-height: 72px;
                    }

                    li:nth-child(3)::before {
                        content: "schedule";
                    }
                }

                .wpb_gmaps_widget {
                    grid-column: 3;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .wpb_wrapper {
                        padding: 0;
                    }

                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 362px;
                        height: 246px;
                        border-radius: 24px;
                        overflow: hidden;
                        padding: 0;
                    }

                    iframe {
                        display: block;
                        width: 100%;
                        height: 100%;
                        border: 0;
                        border-radius: 16px;
                    }
                }
            }


            /*-- blog --*/
            .blog-hero {
                display: grid;
                grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
                grid-template-rows: auto 1fr;
                align-items: center;
                min-height: 135px;
                margin-top: 24px;
                margin-bottom: 40px;
                padding: 24px 44px 24px 46px;
                border-radius: 24px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;

                .__eyebrow {
                    grid-column: 1;
                    grid-row: 1;
                    color: var(--secondary-color);
                }

                .__title {
                    grid-column: 1;
                    grid-row: 2;
                    align-self: start;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__text {
                    grid-column: 2;
                    grid-row: 1 / span 2;
                    justify-self: end;
                    align-self: center;
                    max-width: 458px;
                    margin: 0;
                    color: #F8F9F8;
                    font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                    line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                    font-weight: 400;
                    text-align: right;
                }
            }

            .blog-toolbar {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 276px;
                align-items: start;
                gap: 30px;
                margin-bottom: 44px;

                .blog-cats {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 8px;

                    .blog-cat {
                        align-items: center;
                        min-height: 36px;
                        padding: 8px 16px;
                        border-radius: 5px;
                        background: #F1F5F9;
                        color: #6B7280;
                        font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                        line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                        font-weight: 400;
                        text-decoration: none;
                        white-space: nowrap;
                        transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;

                        &:hover,
                        &:focus {
                            background: #E2E8F0;
                            color: var(--text-color);
                        }

                        &.is-active {
                            background: var(--secondary-color);
                            color: #FFFFFF;
                        }
                    }
                }
            }

            .blog-search {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 36px;
                padding: 0 16px;
                border: 1px solid #F1F5F9;
                border-radius: 5px;
                background: #F1F5F9;

                .blog-search-field {
                    width: 100%;
                    border: 0;
                    padding: 8px 44px 8px 0;
                    background: transparent;
                    color: #475467;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                    outline: none;

                    &::placeholder {
                        color: #667085;
                    }
                }

                .blog-search-button {
                    position: absolute;
                    top: 50%;
                    right: 16px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    color: #94A3B8;
                    font-size: 22px;
                    line-height: 1;
                    transform: translateY(-50%);
                    cursor: pointer;
                }

                &:focus-within {
                    border-color: rgba(255, 103, 32, 0.24);
                    box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                }
            }

            .blog-results {
                display: flex;
                flex-direction: column;
                gap: 28px;

                .blog-main-card {
                    display: grid;
                    grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
                    align-items: stretch;
                    min-height: 310px;
                    border-radius: 10px;
                    background: #FFFFFF;
                    box-shadow: 0px 5px 20px -10px #0000001A;

                    overflow: hidden;

                    .blog-main-image {
                        img {
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .blog-main-content {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: flex-start;
                        gap: 14px;
                        padding: 20px 26px 40px 30px;

                        .blog-card-category {
                            display: inline-flex;
                            align-items: center;
                            color: var(--secondary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                            text-decoration: none;
                        }

                        .blog-card-title {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2rem);
                            font-weight: 700;
                            text-transform: uppercase;

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

                        .blog-card-excerpt,
                        .blog-card-date {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                        }

                        .blog-card-date {
                            display: inline-flex;
                            margin-top: 6px;
                        }

                        .blog-card-link {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            margin-top: 2px;
                            color: var(--secondary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-decoration: none;

                            .material-symbols-outlined {
                                font-size: 22px;
                                line-height: 1;
                                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }
                        }
                    }

                }

                .ferremax-blog-card__meta {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 16px;
                    margin-top: auto;
                    padding-top: 18px;
                    border-top: 1px solid #111827;

                    .ferremax-blog-card__date {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: #3F3F46;
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 400;

                        .material-symbols-outlined {
                            font-size: 18px;
                            line-height: 1;
                            color: #111827;
                            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                        }
                    }

                    .ferremax-blog-card__cta {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        white-space: nowrap;

                        .material-symbols-outlined {
                            color: var(--secondary-color);
                            font-size: 22px;
                            line-height: 1;
                        }
                    }
                }

                .blog-pagination {
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 8px;

                    .blog-load-more {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;

                        .material-symbols-outlined {
                            font-size: 22px;
                            line-height: 1;
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }

                        &:hover,
                        &:focus {
                            color: #E85B17;
                        }

                        &.is-loading {
                            opacity: 0.65;
                            cursor: wait;
                        }
                    }
                }
            }

            /*-- single blog --*/

            .blog-single-breadcrumb {
                min-width: 0;
                margin: 0;
                padding-top: 24px;

                .woocommerce-breadcrumb {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 4px;
                    margin: 0;
                    color: #64748B;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                }

                .breadcrumb_last,
                span:last-child {
                    color: var(--secondary-color);
                }

                a {
                    color: #64748B;
                    text-decoration: none;

                    &:hover,
                    &:focus {
                        color: var(--secondary-color);
                    }
                }
            }

            .blog-single-head {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
                gap: 28px;
                align-items: stretch;
                margin-top: 24px;
                padding: 18px;
                border: 1px solid #F1F5F9;
                border-radius: 24px;
                background: linear-gradient(0deg, #3A3A3A, #3A3A3A),
                    linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);
                box-shadow: 0px 5px 20px -10px #0000001A;

                .blog-single-copy {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    min-width: 0;
                    padding: 24px 18px 24px 22px;

                    .__eyebrow {
                        margin-bottom: 14px;
                        padding: 4px 12px;
                        color: var(--secondary-color);
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        &:hover,
                        &:focus {
                            color: var(--text-color-2);
                        }
                    }

                    .blog-single-title {
                        max-width: 850px;
                        margin: 0;
                        color: var(--text-color-2);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                        font-weight: 700;
                    }

                    .blog-single-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 12px 22px;
                        margin-top: 20px;

                        time,
                        >span {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            color: #F8F9F8;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                        }
                    }

                }

                .blog-single-image {
                    margin: 0;
                    width: 100%;
                    min-height: 100%;
                    overflow: hidden;
                    border-radius: 16px;
                    background: #E2E8F0;

                    img {
                        height: 100%;
                        max-height: 360px;
                        object-fit: cover;
                    }
                }
            }

            .blog-single-layout {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 280px;
                gap: 36px;
                align-items: start;
                margin-top: 34px;

                .blog-single-content {
                    min-width: 0;
                    padding: 38px 42px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    >*:first-child {
                        margin-top: 0;
                    }

                    >*:last-child {
                        margin-bottom: 0;
                    }


                    p,
                    li {
                        color: #475569;
                        font-size: 18px;
                        line-height: 32px;
                        font-weight: 400;
                    }

                    p {
                        margin: 0 0 22px;
                    }

                    h2,
                    h3,
                    h4 {
                        color: var(--primary-color);
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    h2 {
                        margin: 42px 0 16px;
                        font-size: clamp(1.5rem, 1.3788rem + 0.5172vw, 2rem);
                        line-height: clamp(2rem, 1.8182rem + 0.7759vw, 2.75rem);
                    }

                    h3 {
                        margin: 34px 0 14px;
                        font-size: 22px;
                        line-height: 32px;
                    }

                    ul,
                    ol {
                        margin: 0 0 24px;
                        padding-left: 24px;
                    }

                    li+li {
                        margin-top: 8px;
                    }

                    a {
                        color: var(--secondary-color);
                        font-weight: 700;
                    }

                    img {
                        max-width: 100%;
                        height: auto;
                        border-radius: 16px;
                    }

                    blockquote {
                        margin: 34px 0;
                        padding: 22px 24px;
                        border-left: 4px solid var(--secondary-color);
                        border-radius: 0 12px 12px 0;
                        background: #F8FAFC;
                        color: var(--primary-color);
                    }
                }

                .blog-single-aside {
                    position: sticky;
                    top: 24px;
                    display: flex;
                    flex-direction: column;
                    gap: 16px;

                    .blog-back,
                    .blog-aside-box {
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #FFFFFF;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    .blog-back {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        min-height: 48px;
                        padding: 12px 16px;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        .material-symbols-outlined {
                            font-size: 20px;
                            line-height: 1;
                        }
                    }

                    .blog-aside-box {
                        padding: 18px;

                        h2 {
                            margin: 0 0 14px;
                            color: var(--primary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                        }

                        ul {
                            display: flex;
                            flex-direction: column;
                            gap: 12px;
                            margin: 0;
                            padding: 0;
                            list-style: none;

                            li {
                                display: flex;
                                flex-direction: column;
                                gap: 2px;

                                span {
                                    color: #64748B;
                                    font-size: 13px;
                                    line-height: 18px;
                                    font-weight: 400;
                                }

                                strong {
                                    color: var(--primary-color);
                                    font-size: 15px;
                                    line-height: 22px;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                }


            }

            .blog-post-nav {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 20px;
                margin-top: 36px;

                .blog-post-nav__item {

                    a {
                        display: flex;
                        flex-direction: column;
                        gap: 6px;
                        min-height: 112px;
                        padding: 20px;
                        border: 1px solid #F1F5F9;
                        border-radius: 14px;
                        background: #FFFFFF;
                        color: var(--primary-color);
                        text-decoration: none;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    span {
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    strong {
                        color: inherit;
                        font-size: 18px;
                        line-height: 26px;
                        font-weight: 700;
                    }

                }

                .blog-post-nav__item--next a {
                    text-align: right;
                }
            }

            .blog-related {
                margin-top: 48px;

                >h2 {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin: 0 0 24px;
                    color: var(--primary-color);
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 700;
                    text-transform: uppercase;

                    &::after {
                        content: "";
                        display: block;
                        flex: 1 1 auto;
                        height: 1px;
                        background: var(--secondary-color);
                    }
                }
            }

            .blog-comments {
                margin-top: 48px;

                .comments-area {
                    padding: 34px 36px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    .comments-title,
                    .comment-reply-title {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin: 0 0 22px;
                        color: var(--primary-color);
                        font-size: 20px;
                        line-height: 28px;
                        font-weight: 700;
                        text-transform: uppercase;

                        &::after {
                            content: "";
                            display: block;
                            flex: 1 1 auto;
                            height: 1px;
                            background: var(--secondary-color);
                        }
                    }

                    .comment-list {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0 0 32px;
                        padding: 0;
                        list-style: none;

                        ol {
                            margin-top: 16px;
                            padding-left: 22px;
                            list-style: none;
                        }
                    }

                    .comment-body {
                        padding: 18px;
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #F8FAFC;
                    }

                    .comment-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 6px 12px;
                        align-items: center;
                        margin-bottom: 10px;
                    }

                    .comment-author {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        color: var(--primary-color);
                        font-size: 15px;
                        line-height: 22px;
                        font-weight: 700;
                    }

                    .avatar {
                        width: 34px;
                        height: 34px;
                        border-radius: 50%;
                    }

                    .comment-metadata,
                    .comment-metadata a {
                        color: #64748B;
                        font-size: 13px;
                        line-height: 18px;
                        text-decoration: none;
                    }

                    .comment-content {
                        p {
                            margin: 0 0 10px;
                            color: #475569;
                            font-size: 16px;
                            line-height: 26px;
                        }
                    }

                    .reply {
                        a {
                            display: inline-flex;
                            color: var(--secondary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                    }

                    .comment-form {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 16px;
                        margin-top: 10px;

                        .comment-notes,
                        .comment-form-comment,
                        .comment-form-cookies-consent,
                        .form-submit,
                        .logged-in-as {
                            grid-column: 1 / -1;
                        }

                        p {
                            margin: 0;
                        }

                        label {
                            display: block;
                            margin-bottom: 8px;
                            color: var(--primary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                        }

                        input:not([type="checkbox"]):not([type="submit"]),
                        textarea {
                            width: 100%;
                            border: 1px solid #E2E8F0;
                            border-radius: 8px;
                            background: #F8FAFC;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            box-sizing: border-box;
                        }

                        input:not([type="checkbox"]):not([type="submit"]) {
                            min-height: 46px;
                            padding: 10px 14px;
                        }

                        textarea {
                            min-height: 150px;
                            padding: 12px 14px;
                            resize: vertical;
                        }

                        input:focus,
                        textarea:focus {
                            border-color: rgba(255, 103, 32, 0.45);
                            outline: 0;
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }

                        .comment-form-cookies-consent {
                            display: flex;
                            align-items: flex-start;
                            gap: 10px;
                            color: #475569;
                            font-size: 14px;
                            line-height: 22px;

                            label {
                                margin: 0;
                                color: inherit;
                                font-weight: 400;
                            }
                        }

                        .submit {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-height: 48px;
                            min-width: 180px;
                            padding: 12px 18px;
                            border: 0;
                            border-radius: 5px;
                            background: var(--secondary-color);
                            color: #FFFFFF;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            cursor: pointer;
                        }
                    }
                }
            }

            /*-- contact --*/
            .contact-page {
                display: flex;
                justify-content: space-between;
                padding-top: 60px;
                gap: 40px;

                &::before,
                &::after {
                    display: none;
                }

                >.wpb_column {
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0 10px;
                    }
                }

                >.wpb_column:last-child {
                    padding-top: 8px;
                }

                .wpcf7 {
                    margin: 0;

                    .screen-reader-response,
                    .wpcf7-response-output,
                    .wpcf7-spinner,
                    .wpcf7-not-valid-tip {
                        display: none !important;
                    }

                    form {
                        margin: 0;

                        >.col-100 {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 18px 24px;
                            padding: 28px 28px 26px;
                            border-radius: 24px;
                            background: #FFFFFF;
                            box-shadow: 0px 18px 40px -28px rgba(15, 23, 42, 0.22);

                            >h2 {
                                grid-column: 1 / -1;
                                margin: 0 0 6px;
                                color: #3A3A3A;
                                font-size: 26px;
                                line-height: 34px;
                                font-weight: 700;
                                text-align: center;
                                text-transform: uppercase;
                            }

                            >.col-50,
                            >.col-100 {
                                display: block;
                            }

                            >.col-100 {
                                grid-column: 1 / -1;
                            }

                            >.col-50:nth-last-child(2),
                            >.col-50:last-child {
                                align-self: end;
                            }
                        }
                    }

                    .h-captcha[data-sitekey=""],
                    .wpcf7-form-control-wrap[data-name="cf7apps-hcaptcha"] {
                        display: none !important;
                    }

                    .col-50,
                    .col-100 {
                        >label {
                            position: relative;
                            display: block;
                            margin: 0;
                            padding-top: 12px;
                            color: transparent;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;

                            &::before {
                                position: absolute;
                                top: 0;
                                left: 14px;
                                z-index: 1;
                                padding: 0 6px;
                                background: #FFFFFF;
                                color: #4B5563;
                                font-size: 14px;
                                line-height: 20px;
                                font-weight: 400;
                            }

                            >.wpcf7-form-control-wrap {
                                display: block;
                            }
                        }
                    }

                    form>.col-100>.col-50:nth-of-type(1) label::before {
                        content: "*Nombre(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(2) label::before {
                        content: "*Apellido(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(3) label::before {
                        content: "*Teléfono";
                    }

                    form>.col-100>.col-50:nth-of-type(4) label::before {
                        content: "Empresa";
                    }

                    form>.col-100>.col-100:nth-of-type(5) label::before {
                        content: "*Correo electrónico";
                    }

                    form>.col-100>.col-100:nth-of-type(6) label::before {
                        content: "*Mensaje";
                    }

                    input:not([type="checkbox"]):not([type="submit"]),
                    textarea {
                        width: 100%;
                        margin-top: 0;
                        border: 1px solid #D9D9D9;
                        border-radius: 2px;
                        background: #FFFFFF;
                        color: #3A3A3A;
                        font-size: 15px;
                        line-height: 24px;
                        box-sizing: border-box;
                        box-shadow: none;
                        outline: none;

                        &:focus {
                            border-color: rgba(255, 103, 32, 0.5);
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }
                    }

                    input:not([type="checkbox"]):not([type="submit"]) {
                        min-height: 42px;
                        padding: 10px 12px;
                    }

                    textarea {
                        min-height: 116px;
                        padding: 12px;
                        resize: none;
                    }

                    .wpcf7-acceptance {
                        display: inline-flex;
                        align-items: center;
                        min-height: 46px;

                        .wpcf7-list-item {
                            margin: 0;

                            label {
                                display: inline-flex;
                                align-items: center;
                                gap: 10px;
                                margin: 0;
                                padding: 0;
                                color: #4B5563;

                                &::before {
                                    content: none;
                                }
                            }
                        }

                        .wpcf7-list-item-label {
                            display: inline !important;
                            color: #4B5563;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;
                        }
                    }

                    input[type="checkbox"] {
                        position: relative;
                        flex-shrink: 0;
                        appearance: none;
                        width: 22px;
                        height: 22px;
                        margin: 0;
                        border: 1px solid #D1D5DB;
                        border-radius: 4px;
                        background: #FFFFFF;
                        cursor: pointer;

                        &:checked {
                            border-color: var(--secondary-color);

                            &::after {
                                content: "";
                                position: absolute;
                                left: 7px;
                                top: 3px;
                                width: 5px;
                                height: 10px;
                                border: solid var(--secondary-color);
                                border-width: 0 2px 2px 0;
                                transform: rotate(45deg);
                            }
                        }
                    }

                    .wpcf7-submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: min(100%, 228px);
                        min-height: 46px;
                        margin-left: auto;
                        padding: 12px 18px;
                        border: 0;
                        border-radius: 4px;
                        background: var(--secondary-color);
                        color: #FFFFFF;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                        opacity: 1;

                        &:disabled {
                            opacity: 1;
                        }
                    }
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;
                        text-transform: none;
                    }
                }

                .__title {
                    margin: 0;
                    color: #3A3A3A;
                    font-size: 56px;
                    line-height: 64px;
                    font-weight: 700;
                    text-transform: none;
                }

                .__text {
                    margin-top: 16px;

                    p {
                        margin: 0;
                        color: #4B5563;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                    }
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    margin-top: 18px;
                    box-shadow: 0px 5px 18.6px -12px #0000001A;
                    width: max-content;
                    padding: 8px 24px;

                    p {
                        margin: 0;
                    }

                    a {
                        position: relative;
                        display: inline-flex;
                        align-items: center;
                        min-height: 40px;
                        padding: 0 18px 0 42px;
                        border-radius: 12px;
                        background: #FFFFFF;
                        color: #6B7280;
                        font-size: 14px;
                        line-height: 22px;
                        font-weight: 400;
                        text-decoration: none;
                        box-shadow: 0px 12px 26px -22px rgba(15, 23, 42, 0.35);

                        &::before {
                            position: absolute;
                            left: 10px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 22px;
                            height: 22px;
                            border-radius: 50%;
                            color: #FFFFFF;
                            font-size: 14px;
                            line-height: 1;
                        }
                    }
                }

                .__contact-whatsapp a::before {
                    content: "\f232";
                    background: #6CD36C;
                    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
                    font-weight: 400;
                }

                .__contact-phone a::before {
                    content: "call";
                    background: #3A3A3A;
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }

                .__contact-mail a::before {
                    content: "mail";
                    background: var(--secondary-color);
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }
            }

            /*-- promotruper --*/

            .promotruper {
                margin-bottom: 40px;

                .vc_col-sm-5 {

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 40px 14px;
                    }

                    .wpb_text_column {
                        margin: 0;
                    }

                    p {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        min-height: 130px;
                        margin: 0;
                        padding: 20px;
                        border: 1px solid #FF6720;
                        border-radius: 5px;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        color: #475569;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        text-align: center;
                    }

                    strong {
                        display: block;
                        margin-bottom: 4px;
                        color: var(--secondary-color);
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 28px;
                        font-weight: 700;
                    }
                }

                .vc_col-sm-7 {

                    .__eyebrow {
                        margin-top: -20px;
                        margin-bottom: 0px;
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin: 0;
                        color: #475569;
                    }

                    .__btns {
                        margin-top: 18px;

                        p {
                            margin: 0;
                        }

                        .btn-primary {

                            &:hover,
                            &:focus {
                                background: #FF854D;
                                color: #FFFFFF;
                            }
                        }
                    }
                }
            }

            .catalog-sec {
                margin-bottom: 40px;

                .vc_col-sm-5 {
                    .__title {
                        margin: 0;
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin-top: 22px;
                        color: #475569;
                    }
                }

                .vc_col-sm-7 {
                    >.vc_column-inner>.wpb_wrapper {
                        position: relative;
                        padding: 20px 70px 28px;
                        border: 1px solid #B7BBB9;
                        border-radius: 24px;
                        background: #F8F9F8;

                        .__galery {
                            margin: 0;

                            .wpb_wrapper {
                                position: relative;

                                .ferremax-promotruper-carousel {
                                    position: relative;

                                    .owl-stage-outer {
                                        overflow: hidden;

                                        .owl-stage {
                                            display: flex;
                                            align-items: stretch;

                                            .owl-item {
                                                display: flex;
                                                align-items: stretch;

                                                .ferremax-promotruper-slide {
                                                    display: flex;
                                                    flex-direction: column;
                                                    width: 100%;

                                                    .ferremax-promotruper-slide__frame {
                                                        flex: 1 1 auto;

                                                        a[data-lightbox] {
                                                            display: block;
                                                            overflow: hidden;
                                                            border-radius: 4px;

                                                            img {
                                                                object-fit: cover;
                                                            }
                                                        }
                                                    }

                                                    .ferremax-promotruper-slide__caption {
                                                        margin: 18px 0 0;
                                                        color: #64748B;
                                                        font-size: 14px;
                                                        line-height: 20px;
                                                        font-weight: 400;
                                                        text-align: center;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .owl-nav {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        bottom: 48px;
                                        left: 0;
                                        margin: 0;
                                        pointer-events: none;

                                        .owl-prev,
                                        .owl-next {
                                            position: absolute;
                                            top: 50%;
                                            display: flex !important;
                                            align-items: center;
                                            justify-content: center;
                                            width: 36px;
                                            height: 36px;
                                            margin: 0 !important;
                                            border: 1px solid #D1D5DB;
                                            border-radius: 8px;
                                            background: #FFFFFF;
                                            pointer-events: auto;
                                            transform: translateY(-50%);
                                            box-shadow: 0px 8px 20px -16px rgba(15, 23, 42, 0.35);

                                            span {
                                                color: #64748B;
                                                font-size: 24px;
                                                line-height: 1;
                                            }
                                        }

                                        .owl-prev {
                                            left: -52px;
                                        }

                                        .owl-next {
                                            right: -52px;
                                        }
                                    }
                                }
                            }

                            &::after {
                                content: "Click para ampliar";
                                display: block;
                                margin-top: 14px;
                                color: #64748B;
                                font-size: 12px;
                                line-height: 18px;
                                font-weight: 400;
                                text-align: center;
                            }
                        }
                    }
                }
            }

        }
    }

    .site-main {
        .entry-content {
            #hero.Sucursal {
                padding: 24px 28px;

                .vc_col-sm-6:nth-last-child(1) {
                    text-align: left;
                }

                .__text {
                    margin-left: 0;
                    max-width: none;
                    text-align: left;
                }
            }

            #branches {
                >.wpb_column>.vc_column-inner>.wpb_wrapper {
                    grid-template-columns: 215px minmax(0, 1fr);
                    column-gap: 28px;
                    row-gap: 20px;
                }

                h2.__title,
                .wpb_text_column {
                    max-width: none;
                }

                .wpb_gmaps_widget {
                    grid-column: 1 / -1;
                    grid-row: auto;

                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 100%;
                        height: 260px;
                    }
                }
            }

            .contact-page {
                flex-direction: column;
                align-items: stretch;
                gap: 32px;
                padding-top: 40px;

                >.wpb_column {
                    width: 100%;

                    >.vc_column-inner {
                        padding: 0;
                    }
                }

                >.wpb_column:last-child {
                    padding-top: 0;
                }

                .__title {
                    font-size: clamp(2.125rem, 1.7826rem + 1.4894vw, 3rem);
                    line-height: clamp(2.5rem, 2.1087rem + 1.7021vw, 3.5rem);
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    width: 100%;
                    max-width: 420px;
                    padding: 0;

                    a {
                        width: 100%;
                    }
                }
            }

            .promotruper,
            .catalog-sec {
                display: flex;
                flex-direction: column;
                gap: 28px;

                >.wpb_column {
                    width: 100%;
                    margin: 0;

                    >.vc_column-inner {
                        padding-left: 0;
                        padding-right: 0;
                    }
                }
            }

            .promotruper {
                .vc_col-sm-5>.vc_column-inner>.wpb_wrapper {
                    gap: 18px 14px;
                }

                .vc_col-sm-7 {
                    .__eyebrow {
                        margin-top: 0;
                        margin-bottom: 8px;
                    }

                    .__btns {
                        .wpb_wrapper,
                        p {
                            width: 100%;
                        }
                    }
                }
            }

            .catalog-sec {
                .vc_col-sm-7>.vc_column-inner>.wpb_wrapper {
                    padding: 20px 52px 24px;

                    .__galery .wpb_wrapper .ferremax-promotruper-carousel .owl-nav {
                        .owl-prev {
                            left: -18px;
                        }

                        .owl-next {
                            right: -18px;
                        }
                    }
                }
            }

        }
    }

    .site-footer {
        .site-footer__widgets {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 36px 28px;
        }
    }

    .site-main {
        .entry-content.blog-archive {
            .blog-hero {
                grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
                gap: 24px;
                min-height: 220px;
                margin-bottom: 32px;
                padding: 32px 30px;

                .__text {
                    max-width: 360px;
                    justify-self: stretch;
                    font-size: 15px;
                    line-height: 24px;
                }
            }

            .blog-toolbar {
                grid-template-columns: minmax(0, 1fr);
                gap: 18px;
                margin-bottom: 36px;

                .blog-cats {
                    gap: 10px;
                }
            }

            .blog-search {
                width: 100%;
                max-width: 360px;
            }

            .blog-results {
                gap: 24px;

                .blog-main-card {
                    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1fr);
                    min-height: auto;

                    .blog-main-image {
                        min-height: 100%;

                        img {
                            height: 100%;
                            min-height: 100%;
                        }
                    }

                    .blog-main-content {
                        padding: 28px 24px 30px;
                    }
                }

                .blog-pagination {
                    margin-top: 0;
                }
            }

            .blog-grid.ferremax-blog-grid,
            .blog-results > .ferremax-blog-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 24px;
            }
        }

        .entry-content.blog-single {
            .blog-single-head {
                grid-template-columns: minmax(0, 1fr) minmax(280px, 0.78fr);
                gap: 22px;

                .blog-single-copy {
                    padding: 18px 12px 18px 16px;
                }
            }

            .blog-single-layout {
                grid-template-columns: minmax(0, 1fr) 240px;
                gap: 24px;
                margin-top: 28px;

                .blog-single-content {
                    padding: 30px 28px;

                    p,
                    li {
                        font-size: 17px;
                        line-height: 30px;
                    }
                }

                .blog-single-aside {
                    top: 16px;

                    .blog-back,
                    .blog-aside-box {
                        box-shadow: 0 16px 30px -28px rgba(15, 23, 42, 0.35);
                    }
                }
            }

            .blog-post-nav {
                gap: 16px;

                .blog-post-nav__item {
                    a {
                        min-height: 100px;
                        padding: 18px;
                    }

                    strong {
                        font-size: 17px;
                        line-height: 24px;
                    }
                }
            }

            .blog-related,
            .blog-comments {
                margin-top: 40px;
            }

            .blog-comments {
                .comments-area {
                    padding: 28px 24px;

                    .comments-title,
                    .comment-reply-title {
                        font-size: 18px;
                        line-height: 26px;
                    }
                }
            }
        }
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card {
        width: auto !important;
    }

    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card {
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card > .vc_column-inner,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card > .vc_column-inner {
        height: 100% !important;
    }

    .site-main .entry-content .promotional-banner5 {
        gap: 24px !important;
        padding: 32px 28px 32px 48px !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-8 {
        min-width: 0 !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-8 .__text {
        padding-right: 0 !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-4 {
        flex: 0 0 280px !important;
    }

    .product-archive #hero.hero--shop {
        overflow: hidden;
        min-height: 184px;
        padding: 28px 210px 28px 28px;
    }

    .product-archive #hero.hero--shop .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 12px;
        max-width: 420px;
    }

    .product-archive #hero.hero--shop .__eyebrow,
    .product-archive #hero.hero--shop .__title {
        width: auto;
    }

    .product-archive #hero.hero--shop .btn-secondary {
        margin-left: 0 !important;
        align-self: flex-start;
    }

    .product-archive #hero.hero--shop img {
        right: 18px !important;
        bottom: 0 !important;
        width: 186px !important;
    }

    .ferremax-products-grid,
    .ferremax-catalogo-grid,
    .ferremax-products-grid--columns-2,
    .ferremax-products-grid--columns-3,
    .ferremax-products-grid--columns-4,
    .ferremax-products-grid--columns-5,
    .ferremax-products-grid--columns-6,
    .ferremax-catalogo-grid--columns-2,
    .ferremax-catalogo-grid--columns-3,
    .ferremax-catalogo-grid--columns-4,
    .ferremax-catalogo-grid--columns-5,
    .ferremax-catalogo-grid--columns-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* ---------- Tablet Portrait (max-width: 768px) ---------- */
@media (max-width: 768px) {
    .site-header {
        .site-header__inner {
            padding: 0 16px;

            .site-header__top {
                align-items: center;
                padding: 5px 0;

                .site-header__contact {
                    gap: 8px;
                    font-size: 10px;
                    line-height: 14px;
                }

                .site-header__account-links {
                    .site-header__account-toggle {
                        .material-symbols-outlined {
                            font-size: 16px;
                        }
                    }

                    ul {
                        top: calc(100% + 8px);
                        min-width: 150px;

                        li a {
                            padding: 8px 14px;
                            font-size: 12px;
                        }
                    }
                }
            }

            .site-header__main {
                .site-header__content {
                    .site-branding {
                        .site-branding__partner-link img {
                            max-width: 130px;
                        }

                        .custom-logo-link img {
                            min-width: 80px;
                            width: 100%;
                            max-width: 100px;
                        }
                    }
                }
            }
        }

        #site-navigation {
            padding: 6px 12px;

            .menu-toggle::before {
                font-size: 22px;
            }

            .site-header__mobile-search {
                padding-top: 18px;
            }

            .menu-main-menu-container .nav-menu {
                .menu-item a {
                    padding: 8px 14px;
                    font-size: 14px;
                }

                .menu-item>.sub-menu>.menu-item>a {
                    padding: 6px 14px;
                    font-size: 13px;
                }
            }

        }
    }

    /* ---- main styles ---- */


    .site-main {

        .entry-content {
            width: min(100%, var(--container-width));
            max-width: var(--container-width);
            margin: 0 auto;
            padding-inline: 20px;
            box-sizing: border-box;

            /* Reset WPBakery negative row margins so content stays inside the container */
            .wpb-content-wrapper>.vc_row {
                margin-left: 0;
                margin-right: 0;
            }

            #hero-home {
                .hero-home__slider {
                    border-radius: 24px;

                    .hero-home__slide {
                        display: flex;
                        flex-direction: column;
                    }

                    .hero-home__content,
                    .hero-home__media {
                        width: 100%;
                        max-width: none;
                    }

                    .hero-home__content {
                        .vc_column-inner {
                            padding: 28px 24px;
                        }
                    }

                    .hero-home__media {
                        .vc_column-inner img {
                            min-height: 280px;
                            object-fit: cover;
                        }
                    }
                }

                .owl-nav {
                    display: none;
                }

                .owl-dots {
                    position: static;
                    justify-content: center;
                    margin-top: 16px;
                }
            }

            #feature-links {
                margin-top: 40px;
                margin-bottom: 40px;

                .vc_row {
                    display: grid;
                    grid-template-columns: minmax(0, 1fr);
                    gap: 16px;
                }

                .vc_column_container {
                    width: auto;
                }

                .feature-links__card .vc_column-inner {
                    padding: 20px 20px 18px;

                    .wpb_wrapper {
                        .wpb_single_image {
                            position: static;
                            margin-top: 4px;
                        }

                        .__title h2 {
                            line-height: 1.2;
                        }
                    }
                }
            }

            .promotional-banner1,
            .promotional-banner2,
            .promotional-banner3 {
                .container {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 20px;
                    padding: 28px 24px;
                }
            }

            .promotional-banner1 {
                .promotional-banner__content,
                .promotional-banner__btns {
                    width: 100%;
                    flex: none;
                }
            }

            .promotional-banner2 {
                .promotional-banner__content .__text p {
                    text-align: left;
                }
            }

            #store-section,
            #about-store {
                .vc_column-inner {
                    .__online-store {
                        h2,
                        p {
                            display: block;
                        }

                        .btn-primary {
                            position: static;
                            display: inline-flex;
                            margin-top: 18px;
                        }
                    }

                    .__sales {
                        margin-top: 40px;

                        .wpb_text_column {
                            h2 {
                                margin-bottom: 20px;
                            }

                            .sales-carousel {
                                .sales-carousel__slider {
                                    .owl-nav {
                                        position: static;
                                        justify-content: flex-end;
                                        margin-bottom: 20px;
                                    }
                                }
                            }
                        }
                    }

                    .__brands {
                        padding: 32px 20px;

                        .brands-grid,
                        .brands-grid--columns-4,
                        .brands-grid--columns-5,
                        .brands-grid--columns-6,
                        .brands-grid--columns-7,
                        .brands-grid--columns-8 {
                            grid-template-columns: repeat(3, minmax(0, 1fr));
                        }
                    }
                }

                .ferremax-products-grid,
                .ferremax-products-grid--columns-3,
                .ferremax-products-grid--columns-4,
                .ferremax-products-grid--columns-5,
                .ferremax-products-grid--columns-6 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                }
            }

            #blog-section {
                padding: 36px 20px 0;

                .ferremax-blog-grid,
                .ferremax-blog-grid--columns-2,
                .ferremax-blog-grid--columns-3,
                .ferremax-blog-grid--columns-4 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 20px;
                }
            }

            /* --- Nosotros --- */
            #hero {
                width: 100%;
                margin-top: 24px;
                border-radius: 24px;

                .vc_column-inner {
                    padding: 0px;
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                    }
                }
            }

            #values {
                margin-top: 40px;
                display: flex;
                gap: 20px;
                flex-wrap: nowrap;

                .vc_column_container {
                    padding: 0;
                }

                .vc_column-inner {
                    box-shadow: 0px 25px 50px -12px #00000033;
                    border-radius: 24px;
                    padding: 40px;

                    .__eyebrow {
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        color: #475569;
                        margin: 0;
                    }

                }
            }

            .promotional-banner4 {
                margin: 50px auto;

                .container {
                    border-radius: 24px;
                    padding: 16px 95px;
                    min-height: 144px;

                    .__title {
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 40px;
                    }

                    .__text {
                        width: 65%;
                        color: #FFFFFFE5;
                    }
                }
            }

            #about-us {
                .vc_col-sm-5 {
                    padding: 0;

                    img {
                        border-radius: 24px;
                    }

                    .vc_column-inner {
                        padding: 0;
                    }

                    .wpb_text_column {
                        position: absolute;
                        right: -15px;
                        bottom: -25px;

                        p {
                            background-color: var(--secondary-color);
                            color: #F8F9F8;
                            font-size: clamp(0.75rem, 0.6444rem + 0.4444vw, 1rem);
                            line-height: clamp(1rem, 0.7889rem + 0.8889vw, 1.5rem);
                            padding: 5px 10px;
                            width: fit-content;
                            border-radius: 10px;
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;

                            strong {
                                font-size: clamp(1.375rem, 1.2167rem + 0.6667vw, 1.75rem);
                                line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                                color: var(--text-color-2);
                            }
                        }
                    }
                }

                .vc_col-sm-7 {
                    padding: 0 0 0 40px;

                    .__eyebrow {
                        margin-bottom: 0;
                        color: var(--secondary-color);

                        p {
                            margin: 0;
                        }
                    }

                    .__title {
                        margin: 0;
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        color: var(--text-color);
                    }

                    .__text {
                        color: #475569;
                    }

                    .list {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        gap: 10px;

                        .vc_col-sm-12 {
                            box-shadow: 0px 5px 18.6px -12px #0000001A;
                            border-radius: 10px;

                            .wpb_wrapper {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                gap: 12px;
                                padding: 18px 25px 14px;

                                .wpb_single_image,
                                .wpb_text_column,
                                p {
                                    margin: 0;

                                    .wpb_wrapper {
                                        padding: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            #our-services {
                margin-top: 50px;

                .vc_column_container,
                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 16px;
                    color: var(--secondary-color);
                }

                .__title {
                    color: var(--text-color);
                }

                .__text {
                    margin-bottom: 16px;
                    color: #475569;
                }

                .grid-cards {
                    display: grid;
                    gap: 20px;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-template-rows: repeat(2, minmax(0, 1fr));
                    margin: 0;

                    >.vc_column_container {
                        width: auto;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        border-radius: 24px;
                        padding: 20px;

                        .vc_column-inner {
                            padding: 0;
                        }

                        .__title {
                            color: var(--text-color);
                            font-size: clamp(1.125rem, 0.8611rem + 1.1111vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                            min-height: 80px;
                        }

                        .__text {
                            margin-bottom: 0px;
                            color: #475569;
                        }
                    }
                }
            }

            .container .__online-store {
                .wpb_wrapper {

                    h2 {
                        font-size: clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem) !important;
                        line-height: 24px !important;
                        color: var(--text-color);

                        &::before {
                            display: none;
                            content: none;
                        }
                    }

                    hr {
                        background-color: var(--secondary-color);
                        position: absolute;
                        width: 65%;
                        top: 4px;
                        right: 0;

                    }
                }
            }

            #store-section {
                .__brands.container {
                    margin-top: 0 !important;
                }
            }

            .our-clients {
                .vc_column-inner {
                    padding: 42px 0 0 0;
                    border-radius: 24px;

                    .__title {
                        font-size: clamp(1.25rem, 1.0389rem + 0.8889vw, 1.75rem);
                        color: var(--text-color);
                    }

                    img {
                        filter: grayscale(1);

                        &:hover {
                            filter: grayscale(0);
                        }
                    }
                }
            }

            .ferremax-pagination {
                margin-top: 24px;

                .ferremax-pagination__inner {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    gap: 6px;
                    flex-wrap: wrap;

                    .ferremax-pagination__item {
                        display: inline-flex;

                        .page-numbers {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-width: 22px;
                            height: 22px;
                            padding: 0 6px;
                            border: 1px solid #D1D5DB;
                            border-radius: 4px;
                            background: #FFFFFF;
                            color: #475569;
                            font-size: 12px;
                            line-height: 1;
                            font-weight: 400;
                            text-decoration: none;
                            box-sizing: border-box;

                            &.current {
                                background: var(--secondary-color);
                                border-color: var(--secondary-color);
                                color: #FFFFFF;
                                font-weight: 700;
                            }

                            &.dots {
                                border-color: #D1D5DB;
                                color: #475569;
                            }

                            &:hover,
                            &:focus {
                                border-color: var(--secondary-color);
                                color: var(--secondary-color);
                            }
                        }
                    }
                }

            }

            #hero {
                margin-top: 18px;
            }

            #values {
                margin-top: 32px;
                gap: 16px;
                flex-wrap: wrap;

                >.vc_column_container {
                    flex: 1 1 calc(50% - 8px);
                    width: calc(50% - 8px);
                }

                .vc_column-inner {
                    padding: 24px 20px;
                }
            }

            .promotional-banner4 {
                margin: 40px auto;

                .container {
                    padding: 24px 20px;
                    min-height: 0;

                    .__text {
                        width: 100%;
                    }
                }
            }

            #about-us {
                display: flex;
                flex-direction: column;
                gap: 24px;

                .vc_col-sm-5,
                .vc_col-sm-7 {
                    width: 100%;
                }

                .vc_col-sm-5 {
                    .wpb_text_column {
                        right: 12px;
                        bottom: 12px;
                    }
                }

                .vc_col-sm-7 {
                    padding: 0;

                    .list .vc_col-sm-12 .wpb_wrapper {
                        padding: 16px 18px;
                    }
                }
            }

            #our-services {
                margin-top: 40px;

                .grid-cards {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    grid-template-rows: none;
                    gap: 16px;

                    >.vc_column_container {
                        padding: 18px;

                        .__title {
                            min-height: 0;
                        }
                    }
                }
            }

            /*-- catalog & store --*/
            #hero {
                background-position: center;
                background-size: cover;
                padding: 25px;
                margin-bottom: 48px;

                .__eyebrow {
                    color: var(--secondary-color);
                }

                .__title {
                    margin: 0;
                }
            }

            #hero.hero--shop {
                position: relative;
                align-items: center;
                padding: 25px;
                margin-top: 50px;
                background: linear-gradient(90deg, #FF6A21 0%, #FF8B44 52%, #FF6A21 100%);

                .content {
                    display: flex;
                    flex: 1;
                    flex-wrap: wrap;
                    align-items: center;
                    column-gap: 24px;
                    row-gap: 2px;
                    color: #FFFFFF;
                }

                .__eyebrow {
                    width: 100%;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;
                }

                .btn-secondary {
                    margin-left: 160px;
                }

                img {
                    position: absolute;
                    right: 0;
                    bottom: -12px;
                    width: 219px;
                    object-fit: contain;
                }
            }

            .brands-bar {
                display: flex;
                align-items: center;
                gap: 30px;
                margin-top: 40px;
                padding: 25px;
                border: 1px solid #B7BBB9;
                border-radius: 24px;

                >span {
                    display: inline-flex;
                    align-self: center;
                    color: #111827;
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                }

                .brands-grid {
                    display: grid;
                    grid-template-columns: repeat(8, minmax(0, 1fr));
                    align-items: start;
                    gap: 12px;
                }

                .brand-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    cursor: pointer;
                    position: relative;
                    border-radius: 16px;
                    transition: transform 0.25s ease, filter 0.25s ease;
                }

                .brand-card::before {
                    content: "";
                    position: absolute;
                    inset: -8px -10px -6px;
                    border-radius: 18px;
                    background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 10%, #ffffff 90%) 0%, rgba(255, 255, 255, 0) 100%);
                    opacity: 0;
                    transform: scale(0.96);
                    transition: opacity 0.25s ease, transform 0.25s ease;
                    pointer-events: none;
                }

                .brand-card>* {
                    position: relative;
                    z-index: 1;
                }

                .brand-logo {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    min-height: 29px;
                    padding: 10px 12px;
                    border-radius: 5px;
                    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
                }

                img {
                    max-width: 100%;
                    max-height: 10px;
                    object-fit: contain;
                    transition: all 0.3s ease;
                }

                .brand-card:nth-child(5) img {
                    max-height: 12px;
                }

                .brand-name {
                    color: #FFFFFF;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                .brand-desc {
                    display: -webkit-box;
                    margin: 10px 0 0;
                    min-height: 40px;
                    padding: 0 2px 6px;
                    overflow: hidden;
                    border-bottom: 0;
                    color: var(--brand-accent, currentColor);
                    font-size: 12px;
                    line-height: 18px;
                    font-weight: 600;
                    text-align: center;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    transition: color 0.25s ease, opacity 0.25s ease;
                }

                .brand-card:hover .brand-logo img,
                .brand-card:focus .brand-logo img,
                .brand-card:focus-visible .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card:hover,
                .brand-card:focus-visible,
                .brand-card[aria-pressed="true"],
                .brand-card--active {
                    transform: translateY(-2px);
                }

                .brand-card:hover::before,
                .brand-card:focus-visible::before,
                .brand-card[aria-pressed="true"]::before,
                .brand-card--active::before {
                    opacity: 1;
                    transform: scale(1);
                }

                .brand-card:hover .brand-logo,
                .brand-card:focus-visible .brand-logo,
                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34);
                    filter: saturate(1.04);
                }

                .brand-card[aria-pressed="true"] .brand-logo img,
                .brand-card--active .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34), 0 0 0 1px color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 26%, #ffffff 74%);
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    font-weight: 700;
                    color: color-mix(in srgb, var(--brand-accent, currentColor) 72%, #111111 28%);
                    text-shadow: 0 0 0 transparent;
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    background-image: linear-gradient(90deg, color-mix(in srgb, var(--brand-accent, currentColor) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--brand-accent, currentColor) 52%, #ffffff 48%) 100%);
                    background-repeat: no-repeat;
                    background-size: 100% 2px;
                    background-position: 50% 100%;
                }

                .brand-card--active .brand-logo {
                    box-shadow: 0px 10px 24px -16px rgba(0, 0, 0, 0.45);
                }

                .brand-card:focus-visible {
                    outline: 2px solid var(--brand-accent, var(--secondary-color));
                    outline-offset: 4px;
                    border-radius: 12px;
                }
            }

            .filter-mobile {
                display: block;
                margin-top: 20px;

                >button {
                    min-height: 50px;
                    padding: 12px 14px;
                    border-radius: 16px;
                    font-size: 15px;
                }

                #js-filter-mobile-panel {
                    padding: 18px;
                    border-radius: 20px;
                }

                .js-mobile-cat-list {
                    max-height: 300px;
                }
            }

            &.product-archive,
            &.catalog-archive {
                .brands-bar,
                .product-brands {
                    display: none;
                }

                .archive-layout {
                    display: block;
                    margin-top: 20px;

                    .col-30 {
                        display: none;
                    }
                }

                .ferremax-products-grid,
                .ferremax-products-grid--columns-2,
                .ferremax-products-grid--columns-3,
                .ferremax-products-grid--columns-4,
                .ferremax-products-grid--columns-5,
                .ferremax-products-grid--columns-6 {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 16px;
                }
            }

            &.product-single,
            &.catalog-single {
                display: flex;
                flex-direction: column;
                gap: 18px;
                padding-top: 20px;

                >.product-actions {
                    width: 100%;
                    justify-content: flex-start;
                    justify-self: auto;
                }

                >.product-overview {
                    flex-direction: column;
                    gap: 24px;

                    .col-40,
                    .col-60 {
                        flex: none;
                        width: 100%;
                    }

                    .col-40 {
                        .gallery-main {
                            min-height: 360px;
                            padding: 20px;

                            .gallery-arrow--prev {
                                left: 10px;
                            }

                            .gallery-arrow--next {
                                right: 10px;
                            }
                        }

                        .thumbs,
                        .thumbs .thumb-track {
                            gap: 10px;
                        }
                    }

                    .col-60 {
                        .shipping-banner,
                        .add-to-cart.btn-primary,
                        .support-row .sheet-link.btn-secondary {
                            width: 100%;
                            max-width: none;
                        }

                        .price-box {
                            grid-template-columns: minmax(0, 1fr);
                            row-gap: 8px;

                            .price-amount {
                                grid-row: auto;
                                grid-column: auto;
                            }
                        }

                        .product-details {
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 8px;

                            .detail-separator {
                                display: none;
                            }
                        }

                        .purchase-box .product-cart,
                        .contact-buttons,
                        .support-row {
                            flex-direction: column;
                            align-items: stretch;
                            gap: 12px;
                        }

                        .contact-button {
                            justify-content: center;
                        }
                    }
                }

                .product-cta-grid {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 16px;
                }
            }

            /*-- sucursales --*/
            #hero.Sucursal {
                padding: 25px;

                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 6px;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;

                    h1 {
                        margin: 0;
                        color: inherit;
                        font-size: inherit;
                        line-height: inherit;
                    }
                }

                .vc_col-sm-6:nth-last-child(1) {
                    text-align: right;
                }

                .__text {
                    margin: 0;
                    margin-left: auto;
                    text-align: right;
                    max-width: 328px;
                }
            }

            #branches {
                display: flex;
                flex-direction: column;
                gap: 0;

                >.wpb_column {
                    width: 100%;
                    margin: 0;
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0;
                    }

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: 215px minmax(0, 1fr) 362px;
                        grid-template-rows: auto;
                        align-items: start;
                        column-gap: 42px;
                        row-gap: 0;
                        padding: 38px 0 38px;
                        border-bottom: 1px solid #FF6720;
                    }
                }

                >.wpb_column:last-child {
                    >.vc_column-inner>.wpb_wrapper {
                        border-bottom: 0;
                    }
                }

                .wpb_single_image {
                    grid-column: 1;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .vc_figure,
                    .vc_single_image-wrapper {
                        display: block;
                        width: 215px;
                        height: 158px;
                        margin: 0;
                        border-radius: 15px;
                        overflow: hidden;
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                h2.__title {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    max-width: 470px;
                    margin: 0;
                    color: var(--primary-color);
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: -0.01em;
                }

                .wpb_text_column {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    margin: 44px 0 0;
                    max-width: 470px;

                    .wpb_wrapper {
                        display: block;
                    }

                    ul {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    li {
                        position: relative;
                        padding-left: 38px;
                        color: #626563;
                        font-size: 15px;
                        line-height: 24px;
                        font-weight: 400;
                    }

                    li::before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: var(--secondary-color);
                        font-family: 'Material Symbols Outlined';
                        font-size: 24px;
                        line-height: 24px;
                        font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 24;
                    }

                    li:nth-child(1)::before {
                        content: "location_on";
                    }

                    li:nth-child(2)::before {
                        content: "call";
                    }

                    li:nth-child(3) {
                        min-height: 72px;
                    }

                    li:nth-child(3)::before {
                        content: "schedule";
                    }
                }

                .wpb_gmaps_widget {
                    grid-column: 3;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .wpb_wrapper {
                        padding: 0;
                    }

                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 362px;
                        height: 246px;
                        border-radius: 24px;
                        overflow: hidden;
                        padding: 0;
                    }

                    iframe {
                        display: block;
                        width: 100%;
                        height: 100%;
                        border: 0;
                        border-radius: 16px;
                    }
                }
            }


            /*-- blog --*/
            .blog-hero {
                display: grid;
                grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
                grid-template-rows: auto 1fr;
                align-items: center;
                min-height: 135px;
                margin-top: 24px;
                margin-bottom: 40px;
                padding: 24px 44px 24px 46px;
                border-radius: 24px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;

                .__eyebrow {
                    grid-column: 1;
                    grid-row: 1;
                    color: var(--secondary-color);
                }

                .__title {
                    grid-column: 1;
                    grid-row: 2;
                    align-self: start;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__text {
                    grid-column: 2;
                    grid-row: 1 / span 2;
                    justify-self: end;
                    align-self: center;
                    max-width: 458px;
                    margin: 0;
                    color: #F8F9F8;
                    font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                    line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                    font-weight: 400;
                    text-align: right;
                }
            }

            .blog-toolbar {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 276px;
                align-items: start;
                gap: 30px;
                margin-bottom: 44px;

                .blog-cats {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 8px;

                    .blog-cat {
                        align-items: center;
                        min-height: 36px;
                        padding: 8px 16px;
                        border-radius: 5px;
                        background: #F1F5F9;
                        color: #6B7280;
                        font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                        line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                        font-weight: 400;
                        text-decoration: none;
                        white-space: nowrap;
                        transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;

                        &:hover,
                        &:focus {
                            background: #E2E8F0;
                            color: var(--text-color);
                        }

                        &.is-active {
                            background: var(--secondary-color);
                            color: #FFFFFF;
                        }
                    }
                }
            }

            .blog-search {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 36px;
                padding: 0 16px;
                border: 1px solid #F1F5F9;
                border-radius: 5px;
                background: #F1F5F9;

                .blog-search-field {
                    width: 100%;
                    border: 0;
                    padding: 8px 44px 8px 0;
                    background: transparent;
                    color: #475467;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                    outline: none;

                    &::placeholder {
                        color: #667085;
                    }
                }

                .blog-search-button {
                    position: absolute;
                    top: 50%;
                    right: 16px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    color: #94A3B8;
                    font-size: 22px;
                    line-height: 1;
                    transform: translateY(-50%);
                    cursor: pointer;
                }

                &:focus-within {
                    border-color: rgba(255, 103, 32, 0.24);
                    box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                }
            }

            .blog-results {
                display: flex;
                flex-direction: column;
                gap: 28px;

                .blog-main-card {
                    display: grid;
                    grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
                    align-items: stretch;
                    min-height: 310px;
                    border-radius: 10px;
                    background: #FFFFFF;
                    box-shadow: 0px 5px 20px -10px #0000001A;

                    overflow: hidden;

                    .blog-main-image {
                        img {
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .blog-main-content {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: flex-start;
                        gap: 14px;
                        padding: 20px 26px 40px 30px;

                        .blog-card-category {
                            display: inline-flex;
                            align-items: center;
                            color: var(--secondary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                            text-decoration: none;
                        }

                        .blog-card-title {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2rem);
                            font-weight: 700;
                            text-transform: uppercase;

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

                        .blog-card-excerpt,
                        .blog-card-date {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                        }

                        .blog-card-date {
                            display: inline-flex;
                            margin-top: 6px;
                        }

                        .blog-card-link {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            margin-top: 2px;
                            color: var(--secondary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-decoration: none;

                            .material-symbols-outlined {
                                font-size: 22px;
                                line-height: 1;
                                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }
                        }
                    }

                }

                .ferremax-blog-card__meta {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 16px;
                    margin-top: auto;
                    padding-top: 18px;
                    border-top: 1px solid #111827;

                    .ferremax-blog-card__date {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: #3F3F46;
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 400;

                        .material-symbols-outlined {
                            font-size: 18px;
                            line-height: 1;
                            color: #111827;
                            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                        }
                    }

                    .ferremax-blog-card__cta {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        white-space: nowrap;

                        .material-symbols-outlined {
                            color: var(--secondary-color);
                            font-size: 22px;
                            line-height: 1;
                        }
                    }
                }

                .blog-pagination {
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 8px;

                    .blog-load-more {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;

                        .material-symbols-outlined {
                            font-size: 22px;
                            line-height: 1;
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }

                        &:hover,
                        &:focus {
                            color: #E85B17;
                        }

                        &.is-loading {
                            opacity: 0.65;
                            cursor: wait;
                        }
                    }
                }
            }

            /*-- single blog --*/

            .blog-single-breadcrumb {
                min-width: 0;
                margin: 0;
                padding-top: 24px;

                .woocommerce-breadcrumb {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 4px;
                    margin: 0;
                    color: #64748B;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                }

                .breadcrumb_last,
                span:last-child {
                    color: var(--secondary-color);
                }

                a {
                    color: #64748B;
                    text-decoration: none;

                    &:hover,
                    &:focus {
                        color: var(--secondary-color);
                    }
                }
            }

            .blog-single-head {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
                gap: 28px;
                align-items: stretch;
                margin-top: 24px;
                padding: 18px;
                border: 1px solid #F1F5F9;
                border-radius: 24px;
                background: linear-gradient(0deg, #3A3A3A, #3A3A3A),
                    linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);
                box-shadow: 0px 5px 20px -10px #0000001A;

                .blog-single-copy {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    min-width: 0;
                    padding: 24px 18px 24px 22px;

                    .__eyebrow {
                        margin-bottom: 14px;
                        padding: 4px 12px;
                        color: var(--secondary-color);
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        &:hover,
                        &:focus {
                            color: var(--text-color-2);
                        }
                    }

                    .blog-single-title {
                        max-width: 850px;
                        margin: 0;
                        color: var(--text-color-2);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                        font-weight: 700;
                    }

                    .blog-single-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 12px 22px;
                        margin-top: 20px;

                        time,
                        >span {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            color: #F8F9F8;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                        }
                    }

                }

                .blog-single-image {
                    margin: 0;
                    width: 100%;
                    min-height: 100%;
                    overflow: hidden;
                    border-radius: 16px;
                    background: #E2E8F0;

                    img {
                        height: 100%;
                        max-height: 360px;
                        object-fit: cover;
                    }
                }
            }

            .blog-single-layout {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 280px;
                gap: 36px;
                align-items: start;
                margin-top: 34px;

                .blog-single-content {
                    min-width: 0;
                    padding: 38px 42px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    >*:first-child {
                        margin-top: 0;
                    }

                    >*:last-child {
                        margin-bottom: 0;
                    }


                    p,
                    li {
                        color: #475569;
                        font-size: 18px;
                        line-height: 32px;
                        font-weight: 400;
                    }

                    p {
                        margin: 0 0 22px;
                    }

                    h2,
                    h3,
                    h4 {
                        color: var(--primary-color);
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    h2 {
                        margin: 42px 0 16px;
                        font-size: clamp(1.5rem, 1.3788rem + 0.5172vw, 2rem);
                        line-height: clamp(2rem, 1.8182rem + 0.7759vw, 2.75rem);
                    }

                    h3 {
                        margin: 34px 0 14px;
                        font-size: 22px;
                        line-height: 32px;
                    }

                    ul,
                    ol {
                        margin: 0 0 24px;
                        padding-left: 24px;
                    }

                    li+li {
                        margin-top: 8px;
                    }

                    a {
                        color: var(--secondary-color);
                        font-weight: 700;
                    }

                    img {
                        max-width: 100%;
                        height: auto;
                        border-radius: 16px;
                    }

                    blockquote {
                        margin: 34px 0;
                        padding: 22px 24px;
                        border-left: 4px solid var(--secondary-color);
                        border-radius: 0 12px 12px 0;
                        background: #F8FAFC;
                        color: var(--primary-color);
                    }
                }

                .blog-single-aside {
                    position: sticky;
                    top: 24px;
                    display: flex;
                    flex-direction: column;
                    gap: 16px;

                    .blog-back,
                    .blog-aside-box {
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #FFFFFF;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    .blog-back {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        min-height: 48px;
                        padding: 12px 16px;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        .material-symbols-outlined {
                            font-size: 20px;
                            line-height: 1;
                        }
                    }

                    .blog-aside-box {
                        padding: 18px;

                        h2 {
                            margin: 0 0 14px;
                            color: var(--primary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                        }

                        ul {
                            display: flex;
                            flex-direction: column;
                            gap: 12px;
                            margin: 0;
                            padding: 0;
                            list-style: none;

                            li {
                                display: flex;
                                flex-direction: column;
                                gap: 2px;

                                span {
                                    color: #64748B;
                                    font-size: 13px;
                                    line-height: 18px;
                                    font-weight: 400;
                                }

                                strong {
                                    color: var(--primary-color);
                                    font-size: 15px;
                                    line-height: 22px;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                }


            }

            .blog-post-nav {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 20px;
                margin-top: 36px;

                .blog-post-nav__item {

                    a {
                        display: flex;
                        flex-direction: column;
                        gap: 6px;
                        min-height: 112px;
                        padding: 20px;
                        border: 1px solid #F1F5F9;
                        border-radius: 14px;
                        background: #FFFFFF;
                        color: var(--primary-color);
                        text-decoration: none;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    span {
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    strong {
                        color: inherit;
                        font-size: 18px;
                        line-height: 26px;
                        font-weight: 700;
                    }

                }

                .blog-post-nav__item--next a {
                    text-align: right;
                }
            }

            .blog-related {
                margin-top: 48px;

                >h2 {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin: 0 0 24px;
                    color: var(--primary-color);
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 700;
                    text-transform: uppercase;

                    &::after {
                        content: "";
                        display: block;
                        flex: 1 1 auto;
                        height: 1px;
                        background: var(--secondary-color);
                    }
                }
            }

            .blog-comments {
                margin-top: 48px;

                .comments-area {
                    padding: 34px 36px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    .comments-title,
                    .comment-reply-title {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin: 0 0 22px;
                        color: var(--primary-color);
                        font-size: 20px;
                        line-height: 28px;
                        font-weight: 700;
                        text-transform: uppercase;

                        &::after {
                            content: "";
                            display: block;
                            flex: 1 1 auto;
                            height: 1px;
                            background: var(--secondary-color);
                        }
                    }

                    .comment-list {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0 0 32px;
                        padding: 0;
                        list-style: none;

                        ol {
                            margin-top: 16px;
                            padding-left: 22px;
                            list-style: none;
                        }
                    }

                    .comment-body {
                        padding: 18px;
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #F8FAFC;
                    }

                    .comment-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 6px 12px;
                        align-items: center;
                        margin-bottom: 10px;
                    }

                    .comment-author {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        color: var(--primary-color);
                        font-size: 15px;
                        line-height: 22px;
                        font-weight: 700;
                    }

                    .avatar {
                        width: 34px;
                        height: 34px;
                        border-radius: 50%;
                    }

                    .comment-metadata,
                    .comment-metadata a {
                        color: #64748B;
                        font-size: 13px;
                        line-height: 18px;
                        text-decoration: none;
                    }

                    .comment-content {
                        p {
                            margin: 0 0 10px;
                            color: #475569;
                            font-size: 16px;
                            line-height: 26px;
                        }
                    }

                    .reply {
                        a {
                            display: inline-flex;
                            color: var(--secondary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                    }

                    .comment-form {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 16px;
                        margin-top: 10px;

                        .comment-notes,
                        .comment-form-comment,
                        .comment-form-cookies-consent,
                        .form-submit,
                        .logged-in-as {
                            grid-column: 1 / -1;
                        }

                        p {
                            margin: 0;
                        }

                        label {
                            display: block;
                            margin-bottom: 8px;
                            color: var(--primary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                        }

                        input:not([type="checkbox"]):not([type="submit"]),
                        textarea {
                            width: 100%;
                            border: 1px solid #E2E8F0;
                            border-radius: 8px;
                            background: #F8FAFC;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            box-sizing: border-box;
                        }

                        input:not([type="checkbox"]):not([type="submit"]) {
                            min-height: 46px;
                            padding: 10px 14px;
                        }

                        textarea {
                            min-height: 150px;
                            padding: 12px 14px;
                            resize: vertical;
                        }

                        input:focus,
                        textarea:focus {
                            border-color: rgba(255, 103, 32, 0.45);
                            outline: 0;
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }

                        .comment-form-cookies-consent {
                            display: flex;
                            align-items: flex-start;
                            gap: 10px;
                            color: #475569;
                            font-size: 14px;
                            line-height: 22px;

                            label {
                                margin: 0;
                                color: inherit;
                                font-weight: 400;
                            }
                        }

                        .submit {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-height: 48px;
                            min-width: 180px;
                            padding: 12px 18px;
                            border: 0;
                            border-radius: 5px;
                            background: var(--secondary-color);
                            color: #FFFFFF;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            cursor: pointer;
                        }
                    }
                }
            }

            /*-- contact --*/
            .contact-page {
                display: flex;
                justify-content: space-between;
                padding-top: 60px;
                gap: 40px;

                &::before,
                &::after {
                    display: none;
                }

                >.wpb_column {
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0 10px;
                    }
                }

                >.wpb_column:last-child {
                    padding-top: 8px;
                }

                .wpcf7 {
                    margin: 0;

                    .screen-reader-response,
                    .wpcf7-response-output,
                    .wpcf7-spinner,
                    .wpcf7-not-valid-tip {
                        display: none !important;
                    }

                    form {
                        margin: 0;

                        >.col-100 {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 18px 24px;
                            padding: 28px 28px 26px;
                            border-radius: 24px;
                            background: #FFFFFF;
                            box-shadow: 0px 18px 40px -28px rgba(15, 23, 42, 0.22);

                            >h2 {
                                grid-column: 1 / -1;
                                margin: 0 0 6px;
                                color: #3A3A3A;
                                font-size: 26px;
                                line-height: 34px;
                                font-weight: 700;
                                text-align: center;
                                text-transform: uppercase;
                            }

                            >.col-50,
                            >.col-100 {
                                display: block;
                            }

                            >.col-100 {
                                grid-column: 1 / -1;
                            }

                            >.col-50:nth-last-child(2),
                            >.col-50:last-child {
                                align-self: end;
                            }
                        }
                    }

                    .h-captcha[data-sitekey=""],
                    .wpcf7-form-control-wrap[data-name="cf7apps-hcaptcha"] {
                        display: none !important;
                    }

                    .col-50,
                    .col-100 {
                        >label {
                            position: relative;
                            display: block;
                            margin: 0;
                            padding-top: 12px;
                            color: transparent;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;

                            &::before {
                                position: absolute;
                                top: 0;
                                left: 14px;
                                z-index: 1;
                                padding: 0 6px;
                                background: #FFFFFF;
                                color: #4B5563;
                                font-size: 14px;
                                line-height: 20px;
                                font-weight: 400;
                            }

                            >.wpcf7-form-control-wrap {
                                display: block;
                            }
                        }
                    }

                    form>.col-100>.col-50:nth-of-type(1) label::before {
                        content: "*Nombre(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(2) label::before {
                        content: "*Apellido(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(3) label::before {
                        content: "*Teléfono";
                    }

                    form>.col-100>.col-50:nth-of-type(4) label::before {
                        content: "Empresa";
                    }

                    form>.col-100>.col-100:nth-of-type(5) label::before {
                        content: "*Correo electrónico";
                    }

                    form>.col-100>.col-100:nth-of-type(6) label::before {
                        content: "*Mensaje";
                    }

                    input:not([type="checkbox"]):not([type="submit"]),
                    textarea {
                        width: 100%;
                        margin-top: 0;
                        border: 1px solid #D9D9D9;
                        border-radius: 2px;
                        background: #FFFFFF;
                        color: #3A3A3A;
                        font-size: 15px;
                        line-height: 24px;
                        box-sizing: border-box;
                        box-shadow: none;
                        outline: none;

                        &:focus {
                            border-color: rgba(255, 103, 32, 0.5);
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }
                    }

                    input:not([type="checkbox"]):not([type="submit"]) {
                        min-height: 42px;
                        padding: 10px 12px;
                    }

                    textarea {
                        min-height: 116px;
                        padding: 12px;
                        resize: none;
                    }

                    .wpcf7-acceptance {
                        display: inline-flex;
                        align-items: center;
                        min-height: 46px;

                        .wpcf7-list-item {
                            margin: 0;

                            label {
                                display: inline-flex;
                                align-items: center;
                                gap: 10px;
                                margin: 0;
                                padding: 0;
                                color: #4B5563;

                                &::before {
                                    content: none;
                                }
                            }
                        }

                        .wpcf7-list-item-label {
                            display: inline !important;
                            color: #4B5563;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;
                        }
                    }

                    input[type="checkbox"] {
                        position: relative;
                        flex-shrink: 0;
                        appearance: none;
                        width: 22px;
                        height: 22px;
                        margin: 0;
                        border: 1px solid #D1D5DB;
                        border-radius: 4px;
                        background: #FFFFFF;
                        cursor: pointer;

                        &:checked {
                            border-color: var(--secondary-color);

                            &::after {
                                content: "";
                                position: absolute;
                                left: 7px;
                                top: 3px;
                                width: 5px;
                                height: 10px;
                                border: solid var(--secondary-color);
                                border-width: 0 2px 2px 0;
                                transform: rotate(45deg);
                            }
                        }
                    }

                    .wpcf7-submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: min(100%, 228px);
                        min-height: 46px;
                        margin-left: auto;
                        padding: 12px 18px;
                        border: 0;
                        border-radius: 4px;
                        background: var(--secondary-color);
                        color: #FFFFFF;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                        opacity: 1;

                        &:disabled {
                            opacity: 1;
                        }
                    }
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;
                        text-transform: none;
                    }
                }

                .__title {
                    margin: 0;
                    color: #3A3A3A;
                    font-size: 56px;
                    line-height: 64px;
                    font-weight: 700;
                    text-transform: none;
                }

                .__text {
                    margin-top: 16px;

                    p {
                        margin: 0;
                        color: #4B5563;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                    }
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    margin-top: 18px;
                    box-shadow: 0px 5px 18.6px -12px #0000001A;
                    width: max-content;
                    padding: 8px 24px;

                    p {
                        margin: 0;
                    }

                    a {
                        position: relative;
                        display: inline-flex;
                        align-items: center;
                        min-height: 40px;
                        padding: 0 18px 0 42px;
                        border-radius: 12px;
                        background: #FFFFFF;
                        color: #6B7280;
                        font-size: 14px;
                        line-height: 22px;
                        font-weight: 400;
                        text-decoration: none;
                        box-shadow: 0px 12px 26px -22px rgba(15, 23, 42, 0.35);

                        &::before {
                            position: absolute;
                            left: 10px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 22px;
                            height: 22px;
                            border-radius: 50%;
                            color: #FFFFFF;
                            font-size: 14px;
                            line-height: 1;
                        }
                    }
                }

                .__contact-whatsapp a::before {
                    content: "\f232";
                    background: #6CD36C;
                    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
                    font-weight: 400;
                }

                .__contact-phone a::before {
                    content: "call";
                    background: #3A3A3A;
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }

                .__contact-mail a::before {
                    content: "mail";
                    background: var(--secondary-color);
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }
            }

            /*-- promotruper --*/

            .promotruper {
                margin-bottom: 40px;

                .vc_col-sm-5 {

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 40px 14px;
                    }

                    .wpb_text_column {
                        margin: 0;
                    }

                    p {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        min-height: 130px;
                        margin: 0;
                        padding: 20px;
                        border: 1px solid #FF6720;
                        border-radius: 5px;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        color: #475569;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        text-align: center;
                    }

                    strong {
                        display: block;
                        margin-bottom: 4px;
                        color: var(--secondary-color);
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 28px;
                        font-weight: 700;
                    }
                }

                .vc_col-sm-7 {

                    .__eyebrow {
                        margin-top: -20px;
                        margin-bottom: 0px;
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin: 0;
                        color: #475569;
                    }

                    .__btns {
                        margin-top: 18px;

                        p {
                            margin: 0;
                        }

                        .btn-primary {

                            &:hover,
                            &:focus {
                                background: #FF854D;
                                color: #FFFFFF;
                            }
                        }
                    }
                }
            }

            .catalog-sec {
                margin-bottom: 40px;

                .vc_col-sm-5 {
                    .__title {
                        margin: 0;
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin-top: 22px;
                        color: #475569;
                    }
                }

                .vc_col-sm-7 {
                    >.vc_column-inner>.wpb_wrapper {
                        position: relative;
                        padding: 20px 70px 28px;
                        border: 1px solid #B7BBB9;
                        border-radius: 24px;
                        background: #F8F9F8;

                        .__galery {
                            margin: 0;

                            .wpb_wrapper {
                                position: relative;

                                .ferremax-promotruper-carousel {
                                    position: relative;

                                    .owl-stage-outer {
                                        overflow: hidden;

                                        .owl-stage {
                                            display: flex;
                                            align-items: stretch;

                                            .owl-item {
                                                display: flex;
                                                align-items: stretch;

                                                .ferremax-promotruper-slide {
                                                    display: flex;
                                                    flex-direction: column;
                                                    width: 100%;

                                                    .ferremax-promotruper-slide__frame {
                                                        flex: 1 1 auto;

                                                        a[data-lightbox] {
                                                            display: block;
                                                            overflow: hidden;
                                                            border-radius: 4px;

                                                            img {
                                                                object-fit: cover;
                                                            }
                                                        }
                                                    }

                                                    .ferremax-promotruper-slide__caption {
                                                        margin: 18px 0 0;
                                                        color: #64748B;
                                                        font-size: 14px;
                                                        line-height: 20px;
                                                        font-weight: 400;
                                                        text-align: center;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .owl-nav {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        bottom: 48px;
                                        left: 0;
                                        margin: 0;
                                        pointer-events: none;

                                        .owl-prev,
                                        .owl-next {
                                            position: absolute;
                                            top: 50%;
                                            display: flex !important;
                                            align-items: center;
                                            justify-content: center;
                                            width: 36px;
                                            height: 36px;
                                            margin: 0 !important;
                                            border: 1px solid #D1D5DB;
                                            border-radius: 8px;
                                            background: #FFFFFF;
                                            pointer-events: auto;
                                            transform: translateY(-50%);
                                            box-shadow: 0px 8px 20px -16px rgba(15, 23, 42, 0.35);

                                            span {
                                                color: #64748B;
                                                font-size: 24px;
                                                line-height: 1;
                                            }
                                        }

                                        .owl-prev {
                                            left: -52px;
                                        }

                                        .owl-next {
                                            right: -52px;
                                        }
                                    }
                                }
                            }

                            &::after {
                                content: "Click para ampliar";
                                display: block;
                                margin-top: 14px;
                                color: #64748B;
                                font-size: 12px;
                                line-height: 18px;
                                font-weight: 400;
                                text-align: center;
                            }
                        }
                    }
                }
            }

        }
    }

    #site-navigation {
        .site-header__mobile-promo {
            img {
                width: min(42%, 156px);
                max-width: 156px;
                min-width: 116px;
                height: auto;
            }

            a {
                line-height: 18px;
            }
        }
    }

    .site-main {
        .entry-content {
            #branches {
                >.wpb_column>.vc_column-inner>.wpb_wrapper {
                    display: flex !important;
                    flex-direction: column !important;
                    align-items: stretch !important;
                    gap: 18px !important;
                    padding: 26px 0;
                }

                .wpb_single_image,
                h2.__title,
                .wpb_text_column,
                .wpb_gmaps_widget {
                    grid-column: auto;
                    grid-row: auto;
                    width: 100% !important;
                    max-width: none !important;
                }

                .wpb_single_image {
                    .vc_figure,
                    .vc_single_image-wrapper {
                        width: min(100%, 320px);
                        height: auto;
                        aspect-ratio: 215 / 158;
                    }
                }

                .wpb_text_column {
                    margin-top: 0;
                }

                .wpb_gmaps_widget {
                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 100% !important;
                        height: 220px;
                    }
                }
            }

            .contact-page {
                gap: 28px;
                padding-top: 32px;

                .wpcf7 {
                    form>.col-100 {
                        grid-template-columns: minmax(0, 1fr);
                        gap: 14px;
                        padding: 24px 20px 22px;

                        >h2 {
                            margin-bottom: 2px;
                            font-size: 22px;
                            line-height: 30px;
                        }

                        >.col-50:nth-last-child(-n+2) {
                            grid-column: 1 / -1;
                        }
                    }

                    .wpcf7-submit {
                        width: 100%;
                        margin-left: 0;
                    }

                    .wpcf7-acceptance {
                        width: 100%;
                        min-height: 0;

                        .wpcf7-list-item {
                            display: block;
                            width: 100%;

                            label {
                                display: flex !important;
                                align-items: flex-start !important;
                                gap: 12px;
                            }
                        }

                        .wpcf7-list-item-label {
                            display: block !important;
                            font-size: 13px;
                            line-height: 19px;
                        }
                    }
                }

                .__title {
                    font-size: clamp(1.875rem, 1.5333rem + 1.7778vw, 2.625rem);
                    line-height: clamp(2.25rem, 1.9083rem + 1.7778vw, 3rem);
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    max-width: none;
                }
            }

            .promotruper {
                .vc_col-sm-5>.vc_column-inner>.wpb_wrapper {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    gap: 14px;
                }

                .vc_col-sm-5 p {
                    min-height: 118px;
                    padding: 18px;
                }
            }

            #newsletter {
                display: flex;
                flex-direction: column;
                gap: 22px;

                &::before,
                &::after {
                    display: none;
                }

                >.wpb_column {
                    width: 100%;
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0;
                    }
                }

                .wpb_text_column,
                .wpcf7 {
                    margin-bottom: 0;
                }

                .wpcf7-form-control-wrap,
                .wpcf7 input[type="email"],
                .wpcf7 .wpcf7-submit {
                    width: 100%;
                    max-width: none;
                }
            }

            .catalog-sec {
                .vc_col-sm-7>.vc_column-inner>.wpb_wrapper {
                    padding: 18px 28px 22px;
                }
            }
        }
    }

    .site-main {
        .entry-content.blog-archive {
            .blog-hero {
                grid-template-columns: minmax(0, 1fr);
                grid-template-rows: auto;
                gap: 14px;
                min-height: auto;
                margin-top: 20px;
                margin-bottom: 28px;
                padding: 28px 22px;

                .__eyebrow,
                .__title,
                .__text {
                    grid-column: auto;
                    grid-row: auto;
                }

                .__text {
                    max-width: none;
                    justify-self: auto;
                    text-align: left;
                }
            }

            .blog-toolbar {
                grid-template-columns: minmax(0, 1fr);
                gap: 14px;
                margin-bottom: 28px;

                .blog-cats {
                    gap: 8px;
                }
            }

            .blog-search {
                max-width: none;
            }

            .blog-results {
                gap: 22px;

                .blog-main-card {
                    grid-template-columns: minmax(0, 1fr);

                    .blog-main-image {
                        min-height: 0;

                        img {
                            display: block;
                            width: 100%;
                            aspect-ratio: 16 / 10;
                            min-height: 0;
                        }
                    }

                    .blog-main-content {
                        gap: 12px;
                        padding: 22px 22px 24px;

                        .blog-card-title {
                            font-size: clamp(1.125rem, 1.0324rem + 0.3896vw, 1.5rem);
                            line-height: clamp(1.625rem, 1.5016rem + 0.5195vw, 2.125rem);
                        }

                        .blog-card-link {
                            font-size: 16px;
                        }
                    }
                }

                .ferremax-blog-card__meta {
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 8px;
                }

                .blog-pagination {
                    justify-content: center;
                }
            }

            .blog-grid.ferremax-blog-grid,
            .blog-results > .ferremax-blog-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 20px;
                padding-top: 0;
            }
        }

        .entry-content.blog-single {
            .blog-single-breadcrumb {
                padding-top: 20px;

                .woocommerce-breadcrumb {
                    font-size: 14px;
                    line-height: 22px;
                }
            }

            .blog-single-head {
                grid-template-columns: minmax(0, 1fr);
                gap: 18px;
                margin-top: 18px;
                padding: 16px;

                .blog-single-copy {
                    padding: 8px 4px 2px;
                }

                .blog-single-meta {
                    gap: 10px 18px;

                    time,
                    > span {
                        font-size: 15px;
                        line-height: 22px;
                    }
                }

                .blog-single-image {
                    min-height: 0;

                    img {
                        display: block;
                        width: 100%;
                        max-height: none;
                        aspect-ratio: 16 / 10;
                    }
                }
            }

            .blog-single-layout {
                grid-template-columns: minmax(0, 1fr);
                gap: 20px;
                margin-top: 24px;

                .blog-single-content {
                    padding: 26px 22px;

                    p,
                    li {
                        font-size: 16px;
                        line-height: 28px;
                    }

                    h2 {
                        margin: 34px 0 14px;
                        line-height: clamp(1.875rem, 1.7529rem + 0.5143vw, 2.25rem);
                    }

                    h3 {
                        margin: 26px 0 12px;
                        font-size: 20px;
                        line-height: 30px;
                    }

                    blockquote {
                        margin: 28px 0;
                    }
                }

                .blog-single-aside {
                    position: static;
                    gap: 12px;
                }
            }

            .blog-post-nav {
                grid-template-columns: minmax(0, 1fr);
                margin-top: 28px;

                .blog-post-nav__item {
                    a {
                        min-height: auto;
                    }
                }

                .blog-post-nav__item--next a {
                    text-align: left;
                }
            }

            .blog-related,
            .blog-comments {
                margin-top: 32px;
            }

            .blog-related {
                > h2 {
                    margin-bottom: 18px;
                    font-size: 18px;
                    line-height: 24px;
                }
            }

            .blog-comments {
                .comments-area {
                    padding: 24px 20px;

                    .comments-title,
                    .comment-reply-title {
                        margin-bottom: 18px;
                        font-size: 18px;
                        line-height: 24px;
                    }

                    .comment-list {
                        margin-bottom: 24px;
                    }

                    .comment-form {
                        grid-template-columns: minmax(0, 1fr);
                    }
                }
            }
        }
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 16px !important;
    }

    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card {
        float: none !important;
        width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card > .vc_column-inner,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card > .vc_column-inner {
        height: 100% !important;
        padding: 20px 20px 18px !important;
    }

    .site-main .entry-content #feature-links .feature-links__card .wpb_single_image {
        position: static !important;
        right: auto !important;
        top: auto !important;
        margin-top: 4px !important;
    }

    .site-main .entry-content #feature-links .feature-links__card .__title h2 {
        line-height: 1.2 !important;
    }

    .site-main .entry-content .promotional-banner5 {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 24px !important;
        padding: 28px 24px !important;
    }

    .site-main .entry-content .promotional-banner5 > .wpb_column,
    .site-main .entry-content .promotional-banner5 .vc_col-sm-8,
    .site-main .entry-content .promotional-banner5 .vc_col-sm-4 {
        width: 100% !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-8,
    .site-main .entry-content .promotional-banner5 .vc_col-sm-4 {
        flex: 1 1 auto !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-8 .__text {
        padding-right: 0 !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-4 > .vc_column-inner {
        padding: 0 !important;
    }

    .product-archive #hero.hero--shop {
        min-height: 0;
        padding: 24px;
    }

    .product-archive #hero.hero--shop .content {
        max-width: none;
        gap: 10px;
    }

    .product-archive #hero.hero--shop .btn-secondary {
        width: auto;
        margin-left: 0 !important;
    }

    .product-archive #hero.hero--shop img {
        position: static !important;
        display: block;
        right: auto !important;
        bottom: auto !important;
        width: min(220px, 58vw) !important;
        max-width: 100%;
        margin: 16px auto 0;
    }


}

/* ---------- Mobile (max-width: 640px) ---------- */
@media (max-width: 640px) {

    .site-header {
        .site-header__inner {
            padding: 0 12px;

            .site-header__top {
                gap: 8px;
                padding: 4px 0;

                .site-header__contact {
                    flex: 1 1 auto;
                    min-width: 0;
                    gap: 6px;
                    font-size: 9px;
                    line-height: 12px;

                    li:first-child {
                        flex: 1 1 auto;
                        min-width: 0;

                        a {
                            min-width: 0;

                            span:last-child {
                                min-width: 0;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                    }

                    li:last-child {
                        flex: 0 0 auto;
                    }

                    a {
                        gap: 4px;
                    }
                }

                .site-header__account-links {
                    ul {
                        right: -4px;
                        min-width: 140px;
                        border-radius: 4px;

                        li a {
                            gap: 6px;
                            padding: 8px 12px;
                            font-size: 11px;
                        }
                    }
                }
            }

            .site-header__main {
                .site-header__content {
                    .site-branding {
                        gap: 16px;

                        .site-branding__partner-link img {
                            max-width: 100px;
                        }

                        .custom-logo-link img {
                            min-width: 64px;
                            width: 100%;
                            max-width: 80px;
                        }
                    }
                }
            }
        }

        #site-navigation {
            padding: 4px 10px;

            .menu-toggle::before {
                font-size: 20px;
            }

            .site-header__mobile-search {
                padding-top: 14px;
            }

            .menu-main-menu-container .nav-menu {
                .menu-item a {
                    padding: 8px 12px;
                    font-size: 13px;
                }

                .menu-item>.sub-menu {
                    padding: 0 0 3px 12px;

                    >.menu-item>a {
                        padding: 6px 12px;
                        font-size: 12px;
                    }
                }
            }

        }
    }

    /* ---- main styles ---- */
    .site-main {

        .entry-content {
            width: min(100%, var(--container-width));
            max-width: var(--container-width);
            margin: 0 auto;
            padding-inline: 20px;
            box-sizing: border-box;

            /* Reset WPBakery negative row margins so content stays inside the container */
            .wpb-content-wrapper>.vc_row {
                margin-left: 0;
                margin-right: 0;
            }

            #hero-home {
                margin-top: 18px;

                .hero-home__slider {
                    border-radius: 20px;

                    .hero-home__content {
                        .vc_column-inner {
                            padding: 22px 18px;
                        }

                        .hero-home__btns .wpb_wrapper p {
                            width: 100%;

                            .btn-primary,
                            .btn-secondary {
                                width: 100%;
                            }
                        }
                    }

                    .hero-home__media .vc_column-inner img {
                        min-height: 220px;
                    }
                }
            }

            #feature-links {
                margin-top: 32px;
                margin-bottom: 32px;

                .feature-links__card .vc_column-inner {
                    padding: 18px 16px;
                    border-radius: 20px;
                }
            }

            .promotional-banner1,
            .promotional-banner2,
            .promotional-banner3 {
                .container {
                    padding: 22px 18px;
                    border-radius: 20px;
                }

                .home__btns,
                .home__btns .wpb_wrapper p,
                .home__btns p {
                    width: 100%;
                }

                .btn-primary,
                .btn-secondary {
                    width: 100%;
                    justify-content: center;
                }
            }

            #store-section,
            #about-store {
                .vc_column-inner {
                    .__sales {
                        .wpb_text_column {
                            .sales-carousel {
                                .sales-carousel__slider {
                                    .sales-card {
                                        min-height: 240px;

                                        .sales-card__content {
                                            padding: 18px;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .__brands {
                        padding: 28px 16px;

                        .brands-grid,
                        .brands-grid--columns-3,
                        .brands-grid--columns-4,
                        .brands-grid--columns-5,
                        .brands-grid--columns-6,
                        .brands-grid--columns-7,
                        .brands-grid--columns-8 {
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 14px;
                        }
                    }

                    .ferremax-products-grid,
                    .ferremax-products-grid--columns-2,
                    .ferremax-products-grid--columns-3,
                    .ferremax-products-grid--columns-4,
                    .ferremax-products-grid--columns-5,
                    .ferremax-products-grid--columns-6 {
                        grid-template-columns: minmax(0, 1fr);
                    }
                }
            }

            #blog-section {
                margin-top: 32px;
                padding: 32px 16px 0;
                border-radius: 20px;

                .ferremax-blog-grid,
                .ferremax-blog-grid--columns-2,
                .ferremax-blog-grid--columns-3,
                .ferremax-blog-grid--columns-4 {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 18px;
                }
            }

            .promotional-banner3 {
                .promotional-banner__content .__text {
                    width: 100%;
                }
            }

            /* --- Nosotros --- */
            #hero {
                width: 100%;
                margin-top: 24px;
                border-radius: 24px;

                .vc_column-inner {
                    padding: 0px;
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                    }
                }
            }

            #values {
                margin-top: 40px;
                display: flex;
                gap: 20px;
                flex-wrap: nowrap;

                .vc_column_container {
                    padding: 0;
                }

                .vc_column-inner {
                    box-shadow: 0px 25px 50px -12px #00000033;
                    border-radius: 24px;
                    padding: 40px;

                    .__eyebrow {
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        color: #475569;
                        margin: 0;
                    }

                }
            }

            .promotional-banner4 {
                margin: 50px auto;

                .container {
                    border-radius: 24px;
                    padding: 16px 95px;
                    min-height: 144px;

                    .__title {
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 40px;
                    }

                    .__text {
                        width: 65%;
                        color: #FFFFFFE5;
                    }
                }
            }

            #about-us {
                .vc_col-sm-5 {
                    padding: 0;

                    img {
                        border-radius: 24px;
                    }

                    .vc_column-inner {
                        padding: 0;
                    }

                    .wpb_text_column {
                        position: absolute;
                        right: -15px;
                        bottom: -25px;

                        p {
                            background-color: var(--secondary-color);
                            color: #F8F9F8;
                            font-size: clamp(0.75rem, 0.6444rem + 0.4444vw, 1rem);
                            line-height: clamp(1rem, 0.7889rem + 0.8889vw, 1.5rem);
                            padding: 5px 10px;
                            width: fit-content;
                            border-radius: 10px;
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;

                            strong {
                                font-size: clamp(1.375rem, 1.2167rem + 0.6667vw, 1.75rem);
                                line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                                color: var(--text-color-2);
                            }
                        }
                    }
                }

                .vc_col-sm-7 {
                    padding: 0 0 0 40px;

                    .__eyebrow {
                        margin-bottom: 0;
                        color: var(--secondary-color);

                        p {
                            margin: 0;
                        }
                    }

                    .__title {
                        margin: 0;
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        color: var(--text-color);
                    }

                    .__text {
                        color: #475569;
                    }

                    .list {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        gap: 10px;

                        .vc_col-sm-12 {
                            box-shadow: 0px 5px 18.6px -12px #0000001A;
                            border-radius: 10px;

                            .wpb_wrapper {
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                gap: 12px;
                                padding: 18px 25px 14px;

                                .wpb_single_image,
                                .wpb_text_column,
                                p {
                                    margin: 0;

                                    .wpb_wrapper {
                                        padding: 0;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            #our-services {
                margin-top: 50px;

                .vc_column_container,
                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 16px;
                    color: var(--secondary-color);
                }

                .__title {
                    color: var(--text-color);
                }

                .__text {
                    margin-bottom: 16px;
                    color: #475569;
                }

                .grid-cards {
                    display: grid;
                    gap: 20px;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    grid-template-rows: repeat(2, minmax(0, 1fr));
                    margin: 0;

                    >.vc_column_container {
                        width: auto;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        border-radius: 24px;
                        padding: 20px;

                        .vc_column-inner {
                            padding: 0;
                        }

                        .__title {
                            color: var(--text-color);
                            font-size: clamp(1.125rem, 0.8611rem + 1.1111vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2.5rem);
                            min-height: 80px;
                        }

                        .__text {
                            margin-bottom: 0px;
                            color: #475569;
                        }
                    }
                }
            }

            .container .__online-store {
                .wpb_wrapper {

                    h2 {
                        font-size: clamp(1rem, 0.8944rem + 0.4444vw, 1.25rem) !important;
                        line-height: 24px !important;
                        color: var(--text-color);

                        &::before {
                            display: none;
                            content: none;
                        }
                    }

                    hr {
                        background-color: var(--secondary-color);
                        position: absolute;
                        width: 65%;
                        top: 4px;
                        right: 0;

                    }
                }
            }

            #store-section {
                .__brands.container {
                    margin-top: 0 !important;
                }
            }

            .our-clients {
                .vc_column-inner {
                    padding: 42px 0 0 0;
                    border-radius: 24px;

                    .__title {
                        font-size: clamp(1.25rem, 1.0389rem + 0.8889vw, 1.75rem);
                        color: var(--text-color);
                    }

                    img {
                        filter: grayscale(1);

                        &:hover {
                            filter: grayscale(0);
                        }
                    }
                }
            }

            .ferremax-pagination {
                margin-top: 24px;

                .ferremax-pagination__inner {
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    gap: 6px;
                    flex-wrap: wrap;

                    .ferremax-pagination__item {
                        display: inline-flex;

                        .page-numbers {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-width: 22px;
                            height: 22px;
                            padding: 0 6px;
                            border: 1px solid #D1D5DB;
                            border-radius: 4px;
                            background: #FFFFFF;
                            color: #475569;
                            font-size: 12px;
                            line-height: 1;
                            font-weight: 400;
                            text-decoration: none;
                            box-sizing: border-box;

                            &.current {
                                background: var(--secondary-color);
                                border-color: var(--secondary-color);
                                color: #FFFFFF;
                                font-weight: 700;
                            }

                            &.dots {
                                border-color: #D1D5DB;
                                color: #475569;
                            }

                            &:hover,
                            &:focus {
                                border-color: var(--secondary-color);
                                color: var(--secondary-color);
                            }
                        }
                    }
                }

            }

            #hero {
                margin-top: 16px;
                border-radius: 20px;
            }

            #values {
                margin-top: 28px;
                gap: 14px;
                flex-direction: column;

                >.vc_column_container {
                    width: 100%;
                }

                .vc_column-inner {
                    padding: 20px 18px;
                    border-radius: 20px;
                }
            }

            .promotional-banner4 {
                margin: 32px auto;

                .container {
                    padding: 20px 18px;
                    border-radius: 20px;

                    .__title,
                    .__text {
                        width: 100%;
                    }
                }
            }

            #about-us {
                gap: 20px;

                .vc_col-sm-5 {
                    .wpb_text_column {
                        position: static;
                        margin-top: 12px;
                    }
                }

                .vc_col-sm-7 {
                    .list .vc_col-sm-12 .wpb_wrapper {
                        align-items: flex-start;
                        padding: 14px 16px;
                    }
                }
            }

            #our-services {
                margin-top: 32px;

                .grid-cards {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 14px;

                    >.vc_column_container {
                        padding: 16px;
                        border-radius: 20px;
                    }
                }
            }

            /*-- catalog & store --*/
            #hero {
                background-position: center;
                background-size: cover;
                padding: 25px;
                margin-bottom: 48px;

                .__eyebrow {
                    color: var(--secondary-color);
                }

                .__title {
                    margin: 0;
                }
            }

            #hero.hero--shop {
                position: relative;
                align-items: center;
                padding: 25px;
                margin-top: 50px;
                background: linear-gradient(90deg, #FF6A21 0%, #FF8B44 52%, #FF6A21 100%);

                .content {
                    display: flex;
                    flex: 1;
                    flex-wrap: wrap;
                    align-items: center;
                    column-gap: 24px;
                    row-gap: 2px;
                    color: #FFFFFF;
                }

                .__eyebrow {
                    width: 100%;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;
                }

                .btn-secondary {
                    margin-left: 160px;
                }

                img {
                    position: absolute;
                    right: 0;
                    bottom: -12px;
                    width: 219px;
                    object-fit: contain;
                }
            }

            .brands-bar {
                display: flex;
                align-items: center;
                gap: 30px;
                margin-top: 40px;
                padding: 25px;
                border: 1px solid #B7BBB9;
                border-radius: 24px;

                >span {
                    display: inline-flex;
                    align-self: center;
                    color: #111827;
                    font-size: 20px;
                    line-height: 24px;
                    font-weight: 700;
                }

                .brands-grid {
                    display: grid;
                    grid-template-columns: repeat(8, minmax(0, 1fr));
                    align-items: start;
                    gap: 12px;
                }

                .brand-card {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    cursor: pointer;
                    position: relative;
                    border-radius: 16px;
                    transition: transform 0.25s ease, filter 0.25s ease;
                }

                .brand-card::before {
                    content: "";
                    position: absolute;
                    inset: -8px -10px -6px;
                    border-radius: 18px;
                    background: linear-gradient(180deg, color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 10%, #ffffff 90%) 0%, rgba(255, 255, 255, 0) 100%);
                    opacity: 0;
                    transform: scale(0.96);
                    transition: opacity 0.25s ease, transform 0.25s ease;
                    pointer-events: none;
                }

                .brand-card>* {
                    position: relative;
                    z-index: 1;
                }

                .brand-logo {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    min-height: 29px;
                    padding: 10px 12px;
                    border-radius: 5px;
                    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
                }

                img {
                    max-width: 100%;
                    max-height: 10px;
                    object-fit: contain;
                    transition: all 0.3s ease;
                }

                .brand-card:nth-child(5) img {
                    max-height: 12px;
                }

                .brand-name {
                    color: #FFFFFF;
                    font-size: 14px;
                    line-height: 18px;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                .brand-desc {
                    display: -webkit-box;
                    margin: 10px 0 0;
                    min-height: 40px;
                    padding: 0 2px 6px;
                    overflow: hidden;
                    border-bottom: 0;
                    color: var(--brand-accent, currentColor);
                    font-size: 12px;
                    line-height: 18px;
                    font-weight: 600;
                    text-align: center;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    line-clamp: 2;
                    transition: color 0.25s ease, opacity 0.25s ease;
                }

                .brand-card:hover .brand-logo img,
                .brand-card:focus .brand-logo img,
                .brand-card:focus-visible .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card:hover,
                .brand-card:focus-visible,
                .brand-card[aria-pressed="true"],
                .brand-card--active {
                    transform: translateY(-2px);
                }

                .brand-card:hover::before,
                .brand-card:focus-visible::before,
                .brand-card[aria-pressed="true"]::before,
                .brand-card--active::before {
                    opacity: 1;
                    transform: scale(1);
                }

                .brand-card:hover .brand-logo,
                .brand-card:focus-visible .brand-logo,
                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34);
                    filter: saturate(1.04);
                }

                .brand-card[aria-pressed="true"] .brand-logo img,
                .brand-card--active .brand-logo img {
                    transform: scale(0.9);
                }

                .brand-card[aria-pressed="true"] .brand-logo,
                .brand-card--active .brand-logo {
                    box-shadow: 0 18px 34px -22px rgba(0, 0, 0, 0.34), 0 0 0 1px color-mix(in srgb, var(--brand-accent, var(--secondary-color)) 26%, #ffffff 74%);
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    font-weight: 700;
                    color: color-mix(in srgb, var(--brand-accent, currentColor) 72%, #111111 28%);
                    text-shadow: 0 0 0 transparent;
                }

                .brand-card[aria-pressed="true"] .brand-desc,
                .brand-card--active .brand-desc {
                    background-image: linear-gradient(90deg, color-mix(in srgb, var(--brand-accent, currentColor) 88%, #ffffff 12%) 0%, color-mix(in srgb, var(--brand-accent, currentColor) 52%, #ffffff 48%) 100%);
                    background-repeat: no-repeat;
                    background-size: 100% 2px;
                    background-position: 50% 100%;
                }

                .brand-card--active .brand-logo {
                    box-shadow: 0px 10px 24px -16px rgba(0, 0, 0, 0.45);
                }

                .brand-card:focus-visible {
                    outline: 2px solid var(--brand-accent, var(--secondary-color));
                    outline-offset: 4px;
                    border-radius: 12px;
                }
            }

            .filter-mobile {
                display: block;
                margin-top: 16px;

                >button {
                    min-height: 48px;
                    padding: 12px 14px;
                    border-radius: 14px;
                    font-size: 14px;
                }

                #js-filter-mobile-panel {
                    padding: 16px;
                    border-radius: 18px;
                }

                .filter-mobile__actions {
                    grid-template-columns: minmax(0, 1fr);
                }

                .js-mobile-cat-list {
                    max-height: 280px;
                }
            }

            &.product-archive,
            &.catalog-archive {
                .brands-bar,
                .product-brands {
                    display: none;
                }

                .archive-layout {
                    display: block;
                    margin-top: 18px;

                    .col-30 {
                        display: none;
                    }
                }

                .ferremax-products-grid,
                .ferremax-catalogo-grid,
                .ferremax-products-grid--columns-2,
                .ferremax-products-grid--columns-3,
                .ferremax-products-grid--columns-4,
                .ferremax-products-grid--columns-5,
                .ferremax-products-grid--columns-6,
                .ferremax-catalogo-grid--columns-2,
                .ferremax-catalogo-grid--columns-3,
                .ferremax-catalogo-grid--columns-4,
                .ferremax-catalogo-grid--columns-5,
                .ferremax-catalogo-grid--columns-6 {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 14px;
                }
            }

            &.product-single,
            &.catalog-single {
                display: flex;
                flex-direction: column;
                gap: 16px;
                padding-top: 18px;

                >.product-actions {
                    width: 100%;
                    flex-direction: column;
                    align-items: stretch;
                    justify-self: auto;

                    .action-link,
                    .action-status {
                        width: 100%;
                        justify-content: center;
                    }
                }

                >.product-overview {
                    flex-direction: column;
                    gap: 18px;

                    .col-40,
                    .col-60 {
                        flex: none;
                        width: 100%;
                    }

                    .col-40 {
                        .gallery-main {
                            min-height: 300px;
                            padding: 16px;
                        }

                        .gallery-arrow,
                        .thumb-arrow {
                            width: 36px;
                            height: 36px;
                        }

                        .thumbs {
                            flex-wrap: wrap;
                            gap: 10px;

                            .thumb-track {
                                gap: 10px;
                            }
                        }
                    }

                    .col-60 {
                        gap: 14px;

                        .shipping-banner,
                        .contact-button,
                        .add-to-cart.btn-primary,
                        .support-row .sheet-link.btn-secondary {
                            width: 100%;
                            max-width: none;
                        }

                        .purchase-box .product-cart,
                        .contact-buttons,
                        .support-row {
                            flex-direction: column;
                            align-items: stretch;
                            gap: 10px;
                        }

                        .purchase-box .quantity {
                            width: 100%;
                            min-width: 0;
                        }
                    }
                }

                .product-cta-grid {
                    grid-template-columns: minmax(0, 1fr);
                    gap: 14px;

                    .cta-card {
                        padding: 16px;
                        border-radius: 20px;

                        .cta-copy {
                            max-width: none;
                        }

                        .cta-art {
                            position: static;
                            width: 48px;
                            height: 48px;
                            margin-top: 10px;
                        }
                    }
                }
            }

            /*-- sucursales --*/
            #hero.Sucursal {
                padding: 25px;

                .vc_column-inner {
                    padding: 0;
                }

                .__eyebrow {
                    margin-bottom: 6px;
                }

                .__title {
                    margin: 0;
                    color: #FFFFFF;

                    h1 {
                        margin: 0;
                        color: inherit;
                        font-size: inherit;
                        line-height: inherit;
                    }
                }

                .vc_col-sm-6:nth-last-child(1) {
                    text-align: right;
                }

                .__text {
                    margin: 0;
                    margin-left: auto;
                    text-align: right;
                    max-width: 328px;
                }
            }

            #branches {
                display: flex;
                flex-direction: column;
                gap: 0;

                >.wpb_column {
                    width: 100%;
                    margin: 0;
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0;
                    }

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: 215px minmax(0, 1fr) 362px;
                        grid-template-rows: auto;
                        align-items: start;
                        column-gap: 42px;
                        row-gap: 0;
                        padding: 38px 0 38px;
                        border-bottom: 1px solid #FF6720;
                    }
                }

                >.wpb_column:last-child {
                    >.vc_column-inner>.wpb_wrapper {
                        border-bottom: 0;
                    }
                }

                .wpb_single_image {
                    grid-column: 1;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .vc_figure,
                    .vc_single_image-wrapper {
                        display: block;
                        width: 215px;
                        height: 158px;
                        margin: 0;
                        border-radius: 15px;
                        overflow: hidden;
                    }

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }

                h2.__title {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    max-width: 470px;
                    margin: 0;
                    color: var(--primary-color);
                    font-size: 18px;
                    line-height: 24px;
                    font-weight: 700;
                    text-transform: uppercase;
                    letter-spacing: -0.01em;
                }

                .wpb_text_column {
                    grid-column: 2;
                    grid-row: 1;
                    align-self: start;
                    margin: 44px 0 0;
                    max-width: 470px;

                    .wpb_wrapper {
                        display: block;
                    }

                    ul {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }

                    li {
                        position: relative;
                        padding-left: 38px;
                        color: #626563;
                        font-size: 15px;
                        line-height: 24px;
                        font-weight: 400;
                    }

                    li::before {
                        position: absolute;
                        left: 0;
                        top: 0;
                        color: var(--secondary-color);
                        font-family: 'Material Symbols Outlined';
                        font-size: 24px;
                        line-height: 24px;
                        font-variation-settings: 'FILL' 0, 'wght' 350, 'GRAD' 0, 'opsz' 24;
                    }

                    li:nth-child(1)::before {
                        content: "location_on";
                    }

                    li:nth-child(2)::before {
                        content: "call";
                    }

                    li:nth-child(3) {
                        min-height: 72px;
                    }

                    li:nth-child(3)::before {
                        content: "schedule";
                    }
                }

                .wpb_gmaps_widget {
                    grid-column: 3;
                    grid-row: 1 / span 2;
                    align-self: start;
                    margin: 0;

                    .wpb_wrapper {
                        padding: 0;
                    }

                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 362px;
                        height: 246px;
                        border-radius: 24px;
                        overflow: hidden;
                        padding: 0;
                    }

                    iframe {
                        display: block;
                        width: 100%;
                        height: 100%;
                        border: 0;
                        border-radius: 16px;
                    }
                }
            }


            /*-- blog --*/
            .blog-hero {
                display: grid;
                grid-template-columns: minmax(0, 280px) minmax(0, 1fr);
                grid-template-rows: auto 1fr;
                align-items: center;
                min-height: 135px;
                margin-top: 24px;
                margin-bottom: 40px;
                padding: 24px 44px 24px 46px;
                border-radius: 24px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;

                .__eyebrow {
                    grid-column: 1;
                    grid-row: 1;
                    color: var(--secondary-color);
                }

                .__title {
                    grid-column: 1;
                    grid-row: 2;
                    align-self: start;
                    margin: 0;
                    color: #FFFFFF;
                }

                .__text {
                    grid-column: 2;
                    grid-row: 1 / span 2;
                    justify-self: end;
                    align-self: center;
                    max-width: 458px;
                    margin: 0;
                    color: #F8F9F8;
                    font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                    line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                    font-weight: 400;
                    text-align: right;
                }
            }

            .blog-toolbar {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 276px;
                align-items: start;
                gap: 30px;
                margin-bottom: 44px;

                .blog-cats {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 8px;

                    .blog-cat {
                        align-items: center;
                        min-height: 36px;
                        padding: 8px 16px;
                        border-radius: 5px;
                        background: #F1F5F9;
                        color: #6B7280;
                        font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                        line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                        font-weight: 400;
                        text-decoration: none;
                        white-space: nowrap;
                        transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;

                        &:hover,
                        &:focus {
                            background: #E2E8F0;
                            color: var(--text-color);
                        }

                        &.is-active {
                            background: var(--secondary-color);
                            color: #FFFFFF;
                        }
                    }
                }
            }

            .blog-search {
                position: relative;
                display: flex;
                align-items: center;
                min-height: 36px;
                padding: 0 16px;
                border: 1px solid #F1F5F9;
                border-radius: 5px;
                background: #F1F5F9;

                .blog-search-field {
                    width: 100%;
                    border: 0;
                    padding: 8px 44px 8px 0;
                    background: transparent;
                    color: #475467;
                    font-size: 16px;
                    line-height: 20px;
                    font-weight: 400;
                    outline: none;

                    &::placeholder {
                        color: #667085;
                    }
                }

                .blog-search-button {
                    position: absolute;
                    top: 50%;
                    right: 16px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    width: 20px;
                    height: 20px;
                    padding: 0;
                    border: 0;
                    background: transparent;
                    color: #94A3B8;
                    font-size: 22px;
                    line-height: 1;
                    transform: translateY(-50%);
                    cursor: pointer;
                }

                &:focus-within {
                    border-color: rgba(255, 103, 32, 0.24);
                    box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                }
            }

            .blog-results {
                display: flex;
                flex-direction: column;
                gap: 28px;

                .blog-main-card {
                    display: grid;
                    grid-template-columns: minmax(300px, 0.86fr) minmax(0, 1.14fr);
                    align-items: stretch;
                    min-height: 310px;
                    border-radius: 10px;
                    background: #FFFFFF;
                    box-shadow: 0px 5px 20px -10px #0000001A;

                    overflow: hidden;

                    .blog-main-image {
                        img {
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .blog-main-content {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: flex-start;
                        gap: 14px;
                        padding: 20px 26px 40px 30px;

                        .blog-card-category {
                            display: inline-flex;
                            align-items: center;
                            color: var(--secondary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                            text-decoration: none;
                        }

                        .blog-card-title {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                            line-height: clamp(1.75rem, 1.4333rem + 1.3333vw, 2rem);
                            font-weight: 700;
                            text-transform: uppercase;

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

                        .blog-card-excerpt,
                        .blog-card-date {
                            margin: 0;
                            color: var(--primary-color);
                            font-size: clamp(0.625rem, 0.4667rem + 0.6667vw, 1rem);
                            line-height: clamp(1.125rem, 0.9667rem + 0.6667vw, 1.5rem);
                            font-weight: 400;
                        }

                        .blog-card-date {
                            display: inline-flex;
                            margin-top: 6px;
                        }

                        .blog-card-link {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            margin-top: 2px;
                            color: var(--secondary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            text-decoration: none;

                            .material-symbols-outlined {
                                font-size: 22px;
                                line-height: 1;
                                font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                            }
                        }
                    }

                }

                .ferremax-blog-card__meta {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 16px;
                    margin-top: auto;
                    padding-top: 18px;
                    border-top: 1px solid #111827;

                    .ferremax-blog-card__date {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: #3F3F46;
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 400;

                        .material-symbols-outlined {
                            font-size: 18px;
                            line-height: 1;
                            color: #111827;
                            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                        }
                    }

                    .ferremax-blog-card__cta {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        white-space: nowrap;

                        .material-symbols-outlined {
                            color: var(--secondary-color);
                            font-size: 22px;
                            line-height: 1;
                        }
                    }
                }

                .blog-pagination {
                    display: flex;
                    justify-content: flex-end;
                    margin-top: 8px;

                    .blog-load-more {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;

                        .material-symbols-outlined {
                            font-size: 22px;
                            line-height: 1;
                            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                        }

                        &:hover,
                        &:focus {
                            color: #E85B17;
                        }

                        &.is-loading {
                            opacity: 0.65;
                            cursor: wait;
                        }
                    }
                }
            }

            /*-- single blog --*/

            .blog-single-breadcrumb {
                min-width: 0;
                margin: 0;
                padding-top: 24px;

                .woocommerce-breadcrumb {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 4px;
                    margin: 0;
                    color: #64748B;
                    font-size: 16px;
                    line-height: 24px;
                    font-weight: 400;
                }

                .breadcrumb_last,
                span:last-child {
                    color: var(--secondary-color);
                }

                a {
                    color: #64748B;
                    text-decoration: none;

                    &:hover,
                    &:focus {
                        color: var(--secondary-color);
                    }
                }
            }

            .blog-single-head {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
                gap: 28px;
                align-items: stretch;
                margin-top: 24px;
                padding: 18px;
                border: 1px solid #F1F5F9;
                border-radius: 24px;
                background: linear-gradient(0deg, #3A3A3A, #3A3A3A),
                    linear-gradient(180deg, rgba(33, 35, 34, 0.25) 0%, rgba(33, 35, 34, 0.65) 50%, #3A3A3A 100%);
                box-shadow: 0px 5px 20px -10px #0000001A;

                .blog-single-copy {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    min-width: 0;
                    padding: 24px 18px 24px 22px;

                    .__eyebrow {
                        margin-bottom: 14px;
                        padding: 4px 12px;
                        color: var(--secondary-color);
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        &:hover,
                        &:focus {
                            color: var(--text-color-2);
                        }
                    }

                    .blog-single-title {
                        max-width: 850px;
                        margin: 0;
                        color: var(--text-color-2);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                        font-weight: 700;
                    }

                    .blog-single-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 12px 22px;
                        margin-top: 20px;

                        time,
                        >span {
                            display: inline-flex;
                            align-items: center;
                            gap: 8px;
                            color: #F8F9F8;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 400;
                        }
                    }

                }

                .blog-single-image {
                    margin: 0;
                    width: 100%;
                    min-height: 100%;
                    overflow: hidden;
                    border-radius: 16px;
                    background: #E2E8F0;

                    img {
                        height: 100%;
                        max-height: 360px;
                        object-fit: cover;
                    }
                }
            }

            .blog-single-layout {
                display: grid;
                grid-template-columns: minmax(0, 1fr) 280px;
                gap: 36px;
                align-items: start;
                margin-top: 34px;

                .blog-single-content {
                    min-width: 0;
                    padding: 38px 42px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    >*:first-child {
                        margin-top: 0;
                    }

                    >*:last-child {
                        margin-bottom: 0;
                    }


                    p,
                    li {
                        color: #475569;
                        font-size: 18px;
                        line-height: 32px;
                        font-weight: 400;
                    }

                    p {
                        margin: 0 0 22px;
                    }

                    h2,
                    h3,
                    h4 {
                        color: var(--primary-color);
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    h2 {
                        margin: 42px 0 16px;
                        font-size: clamp(1.5rem, 1.3788rem + 0.5172vw, 2rem);
                        line-height: clamp(2rem, 1.8182rem + 0.7759vw, 2.75rem);
                    }

                    h3 {
                        margin: 34px 0 14px;
                        font-size: 22px;
                        line-height: 32px;
                    }

                    ul,
                    ol {
                        margin: 0 0 24px;
                        padding-left: 24px;
                    }

                    li+li {
                        margin-top: 8px;
                    }

                    a {
                        color: var(--secondary-color);
                        font-weight: 700;
                    }

                    img {
                        max-width: 100%;
                        height: auto;
                        border-radius: 16px;
                    }

                    blockquote {
                        margin: 34px 0;
                        padding: 22px 24px;
                        border-left: 4px solid var(--secondary-color);
                        border-radius: 0 12px 12px 0;
                        background: #F8FAFC;
                        color: var(--primary-color);
                    }
                }

                .blog-single-aside {
                    position: sticky;
                    top: 24px;
                    display: flex;
                    flex-direction: column;
                    gap: 16px;

                    .blog-back,
                    .blog-aside-box {
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #FFFFFF;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    .blog-back {
                        display: inline-flex;
                        align-items: center;
                        gap: 8px;
                        min-height: 48px;
                        padding: 12px 16px;
                        color: var(--secondary-color);
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-decoration: none;
                        text-transform: uppercase;

                        .material-symbols-outlined {
                            font-size: 20px;
                            line-height: 1;
                        }
                    }

                    .blog-aside-box {
                        padding: 18px;

                        h2 {
                            margin: 0 0 14px;
                            color: var(--primary-color);
                            font-size: 18px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                        }

                        ul {
                            display: flex;
                            flex-direction: column;
                            gap: 12px;
                            margin: 0;
                            padding: 0;
                            list-style: none;

                            li {
                                display: flex;
                                flex-direction: column;
                                gap: 2px;

                                span {
                                    color: #64748B;
                                    font-size: 13px;
                                    line-height: 18px;
                                    font-weight: 400;
                                }

                                strong {
                                    color: var(--primary-color);
                                    font-size: 15px;
                                    line-height: 22px;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                }


            }

            .blog-post-nav {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 20px;
                margin-top: 36px;

                .blog-post-nav__item {

                    a {
                        display: flex;
                        flex-direction: column;
                        gap: 6px;
                        min-height: 112px;
                        padding: 20px;
                        border: 1px solid #F1F5F9;
                        border-radius: 14px;
                        background: #FFFFFF;
                        color: var(--primary-color);
                        text-decoration: none;
                        box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);
                    }

                    span {
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 700;
                        text-transform: uppercase;
                    }

                    strong {
                        color: inherit;
                        font-size: 18px;
                        line-height: 26px;
                        font-weight: 700;
                    }

                }

                .blog-post-nav__item--next a {
                    text-align: right;
                }
            }

            .blog-related {
                margin-top: 48px;

                >h2 {
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    margin: 0 0 24px;
                    color: var(--primary-color);
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 700;
                    text-transform: uppercase;

                    &::after {
                        content: "";
                        display: block;
                        flex: 1 1 auto;
                        height: 1px;
                        background: var(--secondary-color);
                    }
                }
            }

            .blog-comments {
                margin-top: 48px;

                .comments-area {
                    padding: 34px 36px;
                    border: 1px solid #F1F5F9;
                    border-radius: 16px;
                    background: #FFFFFF;
                    box-shadow: 0 18px 35px -32px rgba(15, 23, 42, 0.35);

                    .comments-title,
                    .comment-reply-title {
                        display: flex;
                        align-items: center;
                        gap: 12px;
                        margin: 0 0 22px;
                        color: var(--primary-color);
                        font-size: 20px;
                        line-height: 28px;
                        font-weight: 700;
                        text-transform: uppercase;

                        &::after {
                            content: "";
                            display: block;
                            flex: 1 1 auto;
                            height: 1px;
                            background: var(--secondary-color);
                        }
                    }

                    .comment-list {
                        display: flex;
                        flex-direction: column;
                        gap: 16px;
                        margin: 0 0 32px;
                        padding: 0;
                        list-style: none;

                        ol {
                            margin-top: 16px;
                            padding-left: 22px;
                            list-style: none;
                        }
                    }

                    .comment-body {
                        padding: 18px;
                        border: 1px solid #F1F5F9;
                        border-radius: 12px;
                        background: #F8FAFC;
                    }

                    .comment-meta {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 6px 12px;
                        align-items: center;
                        margin-bottom: 10px;
                    }

                    .comment-author {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        color: var(--primary-color);
                        font-size: 15px;
                        line-height: 22px;
                        font-weight: 700;
                    }

                    .avatar {
                        width: 34px;
                        height: 34px;
                        border-radius: 50%;
                    }

                    .comment-metadata,
                    .comment-metadata a {
                        color: #64748B;
                        font-size: 13px;
                        line-height: 18px;
                        text-decoration: none;
                    }

                    .comment-content {
                        p {
                            margin: 0 0 10px;
                            color: #475569;
                            font-size: 16px;
                            line-height: 26px;
                        }
                    }

                    .reply {
                        a {
                            display: inline-flex;
                            color: var(--secondary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                            text-decoration: none;
                            text-transform: uppercase;
                        }
                    }

                    .comment-form {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 16px;
                        margin-top: 10px;

                        .comment-notes,
                        .comment-form-comment,
                        .comment-form-cookies-consent,
                        .form-submit,
                        .logged-in-as {
                            grid-column: 1 / -1;
                        }

                        p {
                            margin: 0;
                        }

                        label {
                            display: block;
                            margin-bottom: 8px;
                            color: var(--primary-color);
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 700;
                        }

                        input:not([type="checkbox"]):not([type="submit"]),
                        textarea {
                            width: 100%;
                            border: 1px solid #E2E8F0;
                            border-radius: 8px;
                            background: #F8FAFC;
                            color: #475569;
                            font-size: 16px;
                            line-height: 24px;
                            box-sizing: border-box;
                        }

                        input:not([type="checkbox"]):not([type="submit"]) {
                            min-height: 46px;
                            padding: 10px 14px;
                        }

                        textarea {
                            min-height: 150px;
                            padding: 12px 14px;
                            resize: vertical;
                        }

                        input:focus,
                        textarea:focus {
                            border-color: rgba(255, 103, 32, 0.45);
                            outline: 0;
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }

                        .comment-form-cookies-consent {
                            display: flex;
                            align-items: flex-start;
                            gap: 10px;
                            color: #475569;
                            font-size: 14px;
                            line-height: 22px;

                            label {
                                margin: 0;
                                color: inherit;
                                font-weight: 400;
                            }
                        }

                        .submit {
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            min-height: 48px;
                            min-width: 180px;
                            padding: 12px 18px;
                            border: 0;
                            border-radius: 5px;
                            background: var(--secondary-color);
                            color: #FFFFFF;
                            font-size: 16px;
                            line-height: 24px;
                            font-weight: 700;
                            text-transform: uppercase;
                            cursor: pointer;
                        }
                    }
                }
            }

            /*-- contact --*/
            .contact-page {
                display: flex;
                justify-content: space-between;
                padding-top: 60px;
                gap: 40px;

                &::before,
                &::after {
                    display: none;
                }

                >.wpb_column {
                    padding: 0;

                    >.vc_column-inner {
                        padding: 0 10px;
                    }
                }

                >.wpb_column:last-child {
                    padding-top: 8px;
                }

                .wpcf7 {
                    margin: 0;

                    .screen-reader-response,
                    .wpcf7-response-output,
                    .wpcf7-spinner,
                    .wpcf7-not-valid-tip {
                        display: none !important;
                    }

                    form {
                        margin: 0;

                        >.col-100 {
                            display: grid;
                            grid-template-columns: repeat(2, minmax(0, 1fr));
                            gap: 18px 24px;
                            padding: 28px 28px 26px;
                            border-radius: 24px;
                            background: #FFFFFF;
                            box-shadow: 0px 18px 40px -28px rgba(15, 23, 42, 0.22);

                            >h2 {
                                grid-column: 1 / -1;
                                margin: 0 0 6px;
                                color: #3A3A3A;
                                font-size: 26px;
                                line-height: 34px;
                                font-weight: 700;
                                text-align: center;
                                text-transform: uppercase;
                            }

                            >.col-50,
                            >.col-100 {
                                display: block;
                            }

                            >.col-100 {
                                grid-column: 1 / -1;
                            }

                            >.col-50:nth-last-child(2),
                            >.col-50:last-child {
                                align-self: end;
                            }
                        }
                    }

                    .h-captcha[data-sitekey=""],
                    .wpcf7-form-control-wrap[data-name="cf7apps-hcaptcha"] {
                        display: none !important;
                    }

                    .col-50,
                    .col-100 {
                        >label {
                            position: relative;
                            display: block;
                            margin: 0;
                            padding-top: 12px;
                            color: transparent;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;

                            &::before {
                                position: absolute;
                                top: 0;
                                left: 14px;
                                z-index: 1;
                                padding: 0 6px;
                                background: #FFFFFF;
                                color: #4B5563;
                                font-size: 14px;
                                line-height: 20px;
                                font-weight: 400;
                            }

                            >.wpcf7-form-control-wrap {
                                display: block;
                            }
                        }
                    }

                    form>.col-100>.col-50:nth-of-type(1) label::before {
                        content: "*Nombre(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(2) label::before {
                        content: "*Apellido(s)";
                    }

                    form>.col-100>.col-50:nth-of-type(3) label::before {
                        content: "*Teléfono";
                    }

                    form>.col-100>.col-50:nth-of-type(4) label::before {
                        content: "Empresa";
                    }

                    form>.col-100>.col-100:nth-of-type(5) label::before {
                        content: "*Correo electrónico";
                    }

                    form>.col-100>.col-100:nth-of-type(6) label::before {
                        content: "*Mensaje";
                    }

                    input:not([type="checkbox"]):not([type="submit"]),
                    textarea {
                        width: 100%;
                        margin-top: 0;
                        border: 1px solid #D9D9D9;
                        border-radius: 2px;
                        background: #FFFFFF;
                        color: #3A3A3A;
                        font-size: 15px;
                        line-height: 24px;
                        box-sizing: border-box;
                        box-shadow: none;
                        outline: none;

                        &:focus {
                            border-color: rgba(255, 103, 32, 0.5);
                            box-shadow: 0 0 0 3px rgba(255, 103, 32, 0.12);
                        }
                    }

                    input:not([type="checkbox"]):not([type="submit"]) {
                        min-height: 42px;
                        padding: 10px 12px;
                    }

                    textarea {
                        min-height: 116px;
                        padding: 12px;
                        resize: none;
                    }

                    .wpcf7-acceptance {
                        display: inline-flex;
                        align-items: center;
                        min-height: 46px;

                        .wpcf7-list-item {
                            margin: 0;

                            label {
                                display: inline-flex;
                                align-items: center;
                                gap: 10px;
                                margin: 0;
                                padding: 0;
                                color: #4B5563;

                                &::before {
                                    content: none;
                                }
                            }
                        }

                        .wpcf7-list-item-label {
                            display: inline !important;
                            color: #4B5563;
                            font-size: 14px;
                            line-height: 20px;
                            font-weight: 400;
                        }
                    }

                    input[type="checkbox"] {
                        position: relative;
                        flex-shrink: 0;
                        appearance: none;
                        width: 22px;
                        height: 22px;
                        margin: 0;
                        border: 1px solid #D1D5DB;
                        border-radius: 4px;
                        background: #FFFFFF;
                        cursor: pointer;

                        &:checked {
                            border-color: var(--secondary-color);

                            &::after {
                                content: "";
                                position: absolute;
                                left: 7px;
                                top: 3px;
                                width: 5px;
                                height: 10px;
                                border: solid var(--secondary-color);
                                border-width: 0 2px 2px 0;
                                transform: rotate(45deg);
                            }
                        }
                    }

                    .wpcf7-submit {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: min(100%, 228px);
                        min-height: 46px;
                        margin-left: auto;
                        padding: 12px 18px;
                        border: 0;
                        border-radius: 4px;
                        background: var(--secondary-color);
                        color: #FFFFFF;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 700;
                        text-transform: uppercase;
                        cursor: pointer;
                        opacity: 1;

                        &:disabled {
                            opacity: 1;
                        }
                    }
                }

                .__eyebrow {
                    margin-bottom: 6px;

                    p {
                        margin: 0;
                        color: var(--secondary-color);
                        font-size: 14px;
                        line-height: 20px;
                        font-weight: 400;
                        text-transform: none;
                    }
                }

                .__title {
                    margin: 0;
                    color: #3A3A3A;
                    font-size: 56px;
                    line-height: 64px;
                    font-weight: 700;
                    text-transform: none;
                }

                .__text {
                    margin-top: 16px;

                    p {
                        margin: 0;
                        color: #4B5563;
                        font-size: 16px;
                        line-height: 24px;
                        font-weight: 400;
                    }
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    margin-top: 18px;
                    box-shadow: 0px 5px 18.6px -12px #0000001A;
                    width: max-content;
                    padding: 8px 24px;

                    p {
                        margin: 0;
                    }

                    a {
                        position: relative;
                        display: inline-flex;
                        align-items: center;
                        min-height: 40px;
                        padding: 0 18px 0 42px;
                        border-radius: 12px;
                        background: #FFFFFF;
                        color: #6B7280;
                        font-size: 14px;
                        line-height: 22px;
                        font-weight: 400;
                        text-decoration: none;
                        box-shadow: 0px 12px 26px -22px rgba(15, 23, 42, 0.35);

                        &::before {
                            position: absolute;
                            left: 10px;
                            display: inline-flex;
                            align-items: center;
                            justify-content: center;
                            width: 22px;
                            height: 22px;
                            border-radius: 50%;
                            color: #FFFFFF;
                            font-size: 14px;
                            line-height: 1;
                        }
                    }
                }

                .__contact-whatsapp a::before {
                    content: "\f232";
                    background: #6CD36C;
                    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
                    font-weight: 400;
                }

                .__contact-phone a::before {
                    content: "call";
                    background: #3A3A3A;
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }

                .__contact-mail a::before {
                    content: "mail";
                    background: var(--secondary-color);
                    font-family: 'Material Symbols Outlined';
                    font-size: 14px;
                    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                }
            }

            /*-- promotruper --*/

            .promotruper {
                margin-bottom: 40px;

                .vc_col-sm-5 {

                    >.vc_column-inner>.wpb_wrapper {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        gap: 40px 14px;
                    }

                    .wpb_text_column {
                        margin: 0;
                    }

                    p {
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        min-height: 130px;
                        margin: 0;
                        padding: 20px;
                        border: 1px solid #FF6720;
                        border-radius: 5px;
                        box-shadow: 0px 5px 18.6px -12px #0000001A;
                        color: #475569;
                        font-size: clamp(0.75rem, 0.6883rem + 0.2597vw, 1rem);
                        line-height: clamp(1.25rem, 1.1883rem + 0.2597vw, 1.5rem);
                        text-align: center;
                    }

                    strong {
                        display: block;
                        margin-bottom: 4px;
                        color: var(--secondary-color);
                        font-size: clamp(1.125rem, 0.9708rem + 0.6494vw, 1.75rem);
                        line-height: 28px;
                        font-weight: 700;
                    }
                }

                .vc_col-sm-7 {

                    .__eyebrow {
                        margin-top: -20px;
                        margin-bottom: 0px;
                        color: var(--secondary-color);
                    }

                    .__title {
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin: 0;
                        color: #475569;
                    }

                    .__btns {
                        margin-top: 18px;

                        p {
                            margin: 0;
                        }

                        .btn-primary {

                            &:hover,
                            &:focus {
                                background: #FF854D;
                                color: #FFFFFF;
                            }
                        }
                    }
                }
            }

            .catalog-sec {
                margin-bottom: 40px;

                .vc_col-sm-5 {
                    .__title {
                        margin: 0;
                        color: var(--text-color);
                        font-size: clamp(1.5rem, 1.1042rem + 1.6667vw, 2.4375rem);
                        line-height: clamp(2.5rem, 2.2889rem + 0.8889vw, 3rem);
                    }

                    .__text {
                        margin-top: 22px;
                        color: #475569;
                    }
                }

                .vc_col-sm-7 {
                    >.vc_column-inner>.wpb_wrapper {
                        position: relative;
                        padding: 20px 70px 28px;
                        border: 1px solid #B7BBB9;
                        border-radius: 24px;
                        background: #F8F9F8;

                        .__galery {
                            margin: 0;

                            .wpb_wrapper {
                                position: relative;

                                .ferremax-promotruper-carousel {
                                    position: relative;

                                    .owl-stage-outer {
                                        overflow: hidden;

                                        .owl-stage {
                                            display: flex;
                                            align-items: stretch;

                                            .owl-item {
                                                display: flex;
                                                align-items: stretch;

                                                .ferremax-promotruper-slide {
                                                    display: flex;
                                                    flex-direction: column;
                                                    width: 100%;

                                                    .ferremax-promotruper-slide__frame {
                                                        flex: 1 1 auto;

                                                        a[data-lightbox] {
                                                            display: block;
                                                            overflow: hidden;
                                                            border-radius: 4px;

                                                            img {
                                                                object-fit: cover;
                                                            }
                                                        }
                                                    }

                                                    .ferremax-promotruper-slide__caption {
                                                        margin: 18px 0 0;
                                                        color: #64748B;
                                                        font-size: 14px;
                                                        line-height: 20px;
                                                        font-weight: 400;
                                                        text-align: center;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .owl-nav {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        bottom: 48px;
                                        left: 0;
                                        margin: 0;
                                        pointer-events: none;

                                        .owl-prev,
                                        .owl-next {
                                            position: absolute;
                                            top: 50%;
                                            display: flex !important;
                                            align-items: center;
                                            justify-content: center;
                                            width: 36px;
                                            height: 36px;
                                            margin: 0 !important;
                                            border: 1px solid #D1D5DB;
                                            border-radius: 8px;
                                            background: #FFFFFF;
                                            pointer-events: auto;
                                            transform: translateY(-50%);
                                            box-shadow: 0px 8px 20px -16px rgba(15, 23, 42, 0.35);

                                            span {
                                                color: #64748B;
                                                font-size: 24px;
                                                line-height: 1;
                                            }
                                        }

                                        .owl-prev {
                                            left: -52px;
                                        }

                                        .owl-next {
                                            right: -52px;
                                        }
                                    }
                                }
                            }

                            &::after {
                                content: "Click para ampliar";
                                display: block;
                                margin-top: 14px;
                                color: #64748B;
                                font-size: 12px;
                                line-height: 18px;
                                font-weight: 400;
                                text-align: center;
                            }
                        }
                    }
                }
            }

        }
    }

    #site-navigation {
        .site-header__mobile-promo {
            flex-direction: column;
            justify-content: center;
            gap: 10px;
            padding-top: 16px;

            img {
                width: min(52%, 176px);
                max-width: 176px;
                min-width: 112px;
                height: auto;
            }

            a {
                width: 100%;
                text-align: center;
            }
        }
    }

    .site-main {
        .entry-content {
            #hero.Sucursal {
                padding: 18px 18px 20px;
            }

            #branches {
                >.wpb_column>.vc_column-inner>.wpb_wrapper {
                    display: flex !important;
                    flex-direction: column !important;
                    align-items: stretch !important;
                    gap: 16px !important;
                    padding: 24px 0;
                }

                .wpb_single_image,
                h2.__title,
                .wpb_text_column,
                .wpb_gmaps_widget {
                    width: 100% !important;
                    max-width: none !important;
                }

                .wpb_single_image .vc_figure,
                .wpb_single_image .vc_single_image-wrapper {
                    width: 100%;
                }

                .wpb_gmaps_widget {
                    .wpb_wrapper,
                    .wpb_map_wraper {
                        width: 100% !important;
                        height: 210px;
                        border-radius: 18px;
                    }
                }
            }

            .contact-page {
                padding-top: 24px;
                gap: 24px;

                .wpcf7 {
                    form>.col-100 {
                        >.col-50:nth-last-child(-n+2) {
                            grid-column: 1 / -1;
                        }
                    }

                    .wpcf7-acceptance {
                        width: 100%;
                        min-height: 0;

                        .wpcf7-list-item {
                            display: block;
                            width: 100%;

                            label {
                                display: flex !important;
                                align-items: flex-start !important;
                                gap: 10px;
                            }
                        }

                        .wpcf7-list-item-label {
                            display: block !important;
                            font-size: 13px;
                            line-height: 18px;
                        }
                    }

                    .wpcf7-submit {
                        width: 100%;
                        max-width: none;
                        min-height: 48px;
                        padding-inline: 16px;
                        font-size: 14px;
                        line-height: 20px;
                    }
                }

                .__title {
                    font-size: 34px;
                    line-height: 42px;
                }

                .__text {
                    margin-top: 12px;
                }

                .__contact-whatsapp,
                .__contact-phone,
                .__contact-mail {
                    margin-top: 14px;

                    a {
                        min-height: 44px;
                        padding-right: 16px;
                        font-size: 13px;
                        line-height: 20px;
                    }
                }
            }

            .promotruper {
                gap: 24px;

                .vc_col-sm-5>.vc_column-inner>.wpb_wrapper {
                    gap: 12px;
                }

                .vc_col-sm-5 {
                    p {
                        min-height: 108px;
                        padding: 16px;
                    }

                    strong {
                        line-height: 24px;
                    }
                }

                .vc_col-sm-7 .__title {
                    line-height: 42px;
                }
            }

            #newsletter {
                gap: 18px;

                >.wpb_column {
                    width: 100%;
                }

                .wpcf7 p {
                    margin-bottom: 0;
                }

                .wpcf7-form-control-wrap,
                .wpcf7 input[type="email"],
                .wpcf7 .wpcf7-submit {
                    width: 100%;
                    max-width: none;
                }
            }

            .catalog-sec {
                .vc_col-sm-7>.vc_column-inner>.wpb_wrapper {
                    padding: 16px 18px 20px;
                    border-radius: 18px;
                    .__galery .wpb_wrapper .ferremax-promotruper-carousel .owl-nav {
                        .owl-prev,
                        .owl-next {
                            width: 32px;
                            height: 32px;
                        }

                        .owl-prev {
                            left: -10px;
                        }

                        .owl-next {
                            right: -10px;
                        }
                    }
                }
            }
        }
    }

    .site-footer {
        padding: 48px 0 32px;

        .site-footer__inner {
            padding-right: 12px;
            padding-left: 12px;
        }

        .site-footer__widgets {
            grid-template-columns: minmax(0, 1fr);
            gap: 28px;
            padding-bottom: 40px;
        }

        .footer-widget-title {
            margin-bottom: 14px;
        }
    }

    .site-main .entry-content .contact-page .wpcf7 form>.col-100 {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .site-main .entry-content .contact-page .wpcf7 form>.col-100>.col-50:nth-last-child(-n+2) {
        grid-column: 1 / -1 !important;
        width: 100% !important;
    }

    .site-main .entry-content .contact-page .wpcf7 .wpcf7-acceptance .wpcf7-list-item label {
        display: flex !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .site-main .entry-content .contact-page .wpcf7 .wpcf7-submit {
        width: 100% !important;
        max-width: none !important;
        min-height: 48px;
    }

    #site-navigation.toggled .site-header__mobile-promo {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
    }

    #site-navigation.toggled .site-header__mobile-promo a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    #site-navigation.toggled .site-header__mobile-promo img {
        display: block;
        margin: 0 auto;
    }

    .site-main {
        .entry-content.blog-archive {
            .blog-hero {
                grid-template-columns: minmax(0, 1fr);
                gap: 12px;
                margin-top: 16px;
                margin-bottom: 24px;
                padding: 22px 18px;
                border-radius: 20px;

                .__eyebrow,
                .__title,
                .__text {
                    grid-column: auto;
                    grid-row: auto;
                }

                .__text {
                    max-width: none;
                    justify-self: auto;
                    text-align: left;
                    font-size: 14px;
                    line-height: 22px;
                }
            }

            .blog-toolbar {
                grid-template-columns: minmax(0, 1fr);
                gap: 12px;
                margin-bottom: 24px;
            }

            .blog-search {
                width: 100%;
                max-width: none;
                min-height: 42px;
                padding: 0 14px;

                .blog-search-field {
                    padding-right: 36px;
                    font-size: 15px;
                }

                .blog-search-button {
                    right: 14px;
                }
            }

            .blog-results {
                gap: 20px;

                .blog-main-card {
                    grid-template-columns: minmax(0, 1fr);
                    border-radius: 16px;

                    .blog-main-image img {
                        display: block;
                        width: 100%;
                        height: auto;
                        aspect-ratio: 4 / 3;
                    }

                    .blog-main-content {
                        padding: 18px 18px 20px;

                        .blog-card-category,
                        .blog-card-date {
                            font-size: 13px;
                            line-height: 20px;
                        }

                        .blog-card-link {
                            font-size: 15px;
                            line-height: 22px;
                        }
                    }
                }

                .ferremax-blog-card__meta {
                    padding-top: 14px;
                }
            }

            .blog-grid.ferremax-blog-grid,
            .blog-results > .ferremax-blog-grid {
                grid-template-columns: minmax(0, 1fr);
                gap: 18px;
            }
        }

        .entry-content.blog-single {
            .blog-single-breadcrumb {
                padding-top: 16px;

                .woocommerce-breadcrumb {
                    font-size: 13px;
                    line-height: 20px;
                }
            }

            .blog-single-head {
                grid-template-columns: minmax(0, 1fr);
                gap: 14px;
                margin-top: 16px;
                padding: 14px;
                border-radius: 20px;

                .blog-single-copy {
                    .__eyebrow {
                        margin-bottom: 10px;
                        padding: 0;
                        font-size: 13px;
                        line-height: 18px;
                    }

                    .blog-single-meta {
                        flex-direction: column;
                        align-items: flex-start;

                        time,
                        > span {
                            font-size: 14px;
                            line-height: 20px;
                        }
                    }
                }
            }

            .blog-single-layout {
                grid-template-columns: minmax(0, 1fr);
                margin-top: 20px;

                .blog-single-content {
                    padding: 22px 18px;

                    p,
                    li {
                        font-size: 15px;
                        line-height: 27px;
                    }

                    ul,
                    ol {
                        padding-left: 20px;
                    }

                    blockquote {
                        margin: 24px 0;
                        padding: 18px 16px;
                    }
                }

                .blog-single-aside {
                    .blog-back {
                        min-height: 44px;
                        padding: 10px 14px;
                        font-size: 14px;
                        line-height: 20px;
                    }

                    .blog-aside-box {
                        padding: 16px;

                        h2 {
                            margin-bottom: 12px;
                            font-size: 16px;
                            line-height: 22px;
                        }
                    }
                }
            }

            .blog-post-nav {
                gap: 14px;
                margin-top: 24px;

                .blog-post-nav__item {
                    a {
                        padding: 16px;
                    }

                    span {
                        font-size: 12px;
                        line-height: 18px;
                    }

                    strong {
                        font-size: 16px;
                        line-height: 22px;
                    }
                }
            }

            .blog-related,
            .blog-comments {
                margin-top: 28px;
            }

            .blog-related {
                > h2 {
                    gap: 8px;
                    margin-bottom: 16px;
                    font-size: 16px;
                    line-height: 22px;
                }
            }

            .blog-comments {
                .comments-area {
                    padding: 18px 16px;
                    border-radius: 14px;

                    .comments-title,
                    .comment-reply-title {
                        gap: 8px;
                        margin-bottom: 16px;
                        font-size: 16px;
                        line-height: 22px;
                    }

                    .comment-body {
                        padding: 16px;
                    }

                    .comment-meta {
                        flex-direction: column;
                        align-items: flex-start;
                    }

                    .comment-content {
                        p {
                            font-size: 15px;
                            line-height: 24px;
                        }
                    }

                    .comment-form {
                        label {
                            font-size: 13px;
                            line-height: 18px;
                        }

                        input:not([type="checkbox"]):not([type="submit"]),
                        textarea {
                            font-size: 15px;
                        }

                        .submit {
                            width: 100%;
                            min-width: 0;
                        }
                    }
                }
            }
        }
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card,
    .site-main .entry-content #feature-links > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card {
        float: none !important;
        width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .site-main .entry-content #feature-links > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner.container > .feature-links__card > .vc_column-inner {
        padding: 18px 18px 16px !important;
    }

    .site-main .entry-content #feature-links .feature-links__card .wpb_wrapper {
        gap: 10px !important;
    }

    .site-main .entry-content .promotional-banner5 {
        gap: 18px !important;
        padding: 24px 18px !important;
        border-radius: 18px !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-8 .__text {
        margin-top: 10px !important;
        padding-right: 0 !important;
    }

    .site-main .entry-content .promotional-banner5 .vc_col-sm-4 {
        width: 100% !important;
    }

    .product-archive #hero.hero--shop {
        padding: 22px 18px;
    }

    .product-archive #hero.hero--shop .content {
        gap: 8px;
    }

    .product-archive #hero.hero--shop .btn-secondary {
        width: 100%;
        margin-left: 0 !important;
        justify-content: center;
    }

    .product-archive #hero.hero--shop img {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        width: min(200px, 64vw) !important;
        margin-top: 14px;
    }

    .ferremax-products-grid,
    .ferremax-catalogo-grid,
    .ferremax-products-grid--columns-2,
    .ferremax-products-grid--columns-3,
    .ferremax-products-grid--columns-4,
    .ferremax-products-grid--columns-5,
    .ferremax-products-grid--columns-6,
    .ferremax-catalogo-grid--columns-2,
    .ferremax-catalogo-grid--columns-3,
    .ferremax-catalogo-grid--columns-4,
    .ferremax-catalogo-grid--columns-5,
    .ferremax-catalogo-grid--columns-6 {
        grid-template-columns: minmax(0, 1fr);
    }
}