/* ESTILOS COLOMBIAN UP */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}

html {
    font-size: 16px;
    text-wrap: pretty;
    /* Tamaño de fuente base en píxeles */
}
a:focus, .search-box input:focus {
    outline: none !important;
}

:root {
    --main-color: #00409f;
    --alternate-color: #01cdd6;
    --secondary-color: #01dd3b;
    --color-1: #fff;
    --color-2: #000;
    --color-3: #4b4b4b;
    --color-4: #696969;
    --color-5: #bebebe;   
    --color-6: #f2f2f2; 
    --color-7: #0866ff;
}

/* Colors */
.main-color {
    color: var(--main-color);
}
.color-1 {
    color: var(--color-1);
}
.color-2 {
    color: var(--color-2);
}
.color-3 {
    color: var(--color-3);
}
.color-4 {
    color: var(--color-4);
}
.color-5 {
    color: var(--color-5);
}
.color-6 {
    color: var(--color-6);
}
.borderRadius {
    border-radius: 6px;
}

/* BACKGROUNDS */
.main-background {
    background-color: var(--main-color);
}
.gradient-background {
    background: rgb(0, 64, 159);
    background: linear-gradient(90deg, rgba(0,64,159,1) 0%, rgba(1,205,214,1) 50%, rgba(1,221,59,1) 75%);    
}
.background-1 {
    background-color: var(--color-1);
}
.background-2 {
    background-color: var(--color-2);
}
.background-3 {
    background-color: var(--color-3);
}
.background-4 {
    background-color: var(--color-4);
}
.background-5 {
    background-color: var(--color-5);
}
/* END BACKGROUNDS */

/* BUTTONS */
.btn-custom-1 {    
    display: inline-block;
    padding: 5px 15px;
    font-weight: 700;
    color: var(--main-color);
    transition: .3s;    
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(177, 177, 177, 1) 100%);    
    border-radius: 3px;
    &:hover {
        color: var(--color-3);
    }
}

/* END BUTTONS */

/* TITLES */
.title h2 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-2);
}
.title .aside {    
    font-weight: 600;
    color: var(--color-2);
}
/* END TITLES */

/* SWIPER ARROW */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    font-size: 20px !important;
    color: var(--main-color);
}
/* END SWIPER ARROW */

/* STARS RATING */
.activeStars {
    color: var(--alternate-color);    
}
.inactiveStars {
    color: var(--color-4);    
}
.activeStars, .inactiveStars {
    font-size: 10px;
    font-family: "Font Awesome 5 Free" !important;
}
/* END STARS RATING */

/* SEPARATOR STRIPE */
.separator-stripe:after {
    content: '';
    background: var(--color-6);
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: -1;
}
.separator-stripe h2 {
    background: var(--color-1);
    width: fit-content;
    padding-right: 10px;
}
.separator-stripe {
    position: relative;
    margin-bottom: 20px;
}
/* END SEPARATOR STRIPE */

/* SECONDARY MENU */
.secondary-menu ul#menu-menu-topbar,
ul#menu-menu-principal {
    display: flex;
    justify-content: end;
    margin: 0;
}
.secondary-menu ul#menu-menu-topbar li,
ul#menu-menu-principal li {
    list-style: none;
}
.secondary-menu ul#menu-menu-topbar li:not(:last-child), .secondary-menu ul#menu-menu-topbar-1 li:not(:last-child) {
    border-right: 1px solid var(--color-5);
    padding-right: 10px;
    margin-right: 10px;
}
.secondary-menu ul#menu-menu-topbar li a, .top-slogan, #offcanvasRightMainMenu ul#menu-menu-topbar-1 a {
    font-size: 14px;
    color: var(--color-4);
    font-weight: 500;
    transition: .2s;
}
.secondary-menu ul#menu-menu-topbar li a:hover {
    color: var(--main-color);
}
#top-bar {
    margin-top: 10px;
    margin-bottom: 10px;
}
/* FILTROS */
.aside-menu .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-max-input, .aside-menu .wcpf-field-price-slider.wcpf-display-min-max-inputs .wcpf-min-input {
    background: white;
    box-shadow: none;
    border: 1px solid var(--color-6);
    border-radius: 5px;
}
.wcpf-field-price-slider .priceLabel .price-text {
    display: none;
}
.aside-menu .wcpf-field-price-slider .ui-slider .ui-slider-range {    
    background: rgb(0, 64, 159);
    background: linear-gradient(90deg, rgba(0, 64, 159, 1) 0%, rgba(1, 205, 214, 1) 50%, rgba(1, 221, 59, 1) 100%);
}
.aside-menu button.wcpf-button.wcpf-button-action-reset {
    background: rgb(0, 64, 159);
    background: linear-gradient(90deg, rgba(0, 64, 159, 1) 0%, rgba(1, 205, 214, 1) 50%, rgba(1, 221, 59, 1) 100%);
    color: var(--color-1);
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    border: none;
}
.aside-menu .wcpf-field-text-list .wcpf-product-counts, 
.aside-menu .wcpf-field-radio-list .wcpf-product-counts, 
.aside-menu .wcpf-field-checkbox-list .wcpf-product-counts {
    display: none !important;
}
.aside-menu.filter {
    padding: 20px;
}
.aside-menu .wcpf-field-title.wcpf-heading-label {
    text-transform: none;
    font-size: 16px;
    font-weight: 600;
}
.aside-menu .wcpf-field-item.wcpf-front-element.wcpf-front-element-254.wcpf-field-button {
    margin-bottom: 0;
}
/* END FILTROS */

/* OFERTAS */
.offers .box-title {
    font-size: 18px;
    color: var(--color-2);
    line-height: 30px;
    font-weight: 600;
}
.offer-box, .offer-banner {
    border: 1px solid var(--color-6);
    border-radius: 5px;
    padding: 20px;
}
.offers .categoryBox .title h3 {    
    height: 64px;    
    -webkit-line-clamp: 3;    
}
.archive .product-card .categoryBox h3 a {    
    height: 45px;
    -webkit-line-clamp: 2;    
}
.offers .categoryBox .title h3,
.archive .product-card .categoryBox h3 a {
    font-size: 18px;
    font-weight: 400;    
    width: 100%;    
    text-overflow: ellipsis;
    white-space: pre-line;
    overflow: hidden;
    display: -webkit-box;    
    -webkit-box-orient: vertical;
    font-family: 'Roboto Condensed';
    color: var(--color-3);
}
.offers .categoryBox .price {
    color: var(--main-color);
    font-size: 22px;
    font-weight: 700;
}
.offers .swiper-pagination {
    margin-bottom: -15px;
}
.offers .swiper-button-next {
    margin-right: -18px;
    margin-top: -10px;
}
.offers .swiper-button-prev {
    margin-left: -18px;
    margin-top: -10px;
}
.offer-banner img {
    border-radius: 5px;
}
/* END OFERTAS */

/* ASIDE MENU */
.aside-menu {
    border: 1px solid var(--color-6);
    border-radius: 5px;
}
.aside-menu ul {
    list-style: none;
    margin: 30px;
}
.aside-menu li {        
    margin-left: 14px;
    margin-bottom: 12px;
}
.aside-menu li a {
    color: var(--color-4) !important;   
    transition: .2s; 
    font-weight: 500;
}
.aside-menu li:hover a, 
.aside-menu li.current-menu-item a,
.aside-menu li.current-menu-item:before {
    color: var(--main-color) !important;
}
.aside-menu li:before {
    content: '>';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -14px;
    top: -9px;
    color: var(--color-5);
    font-size: 24px;
    padding: 0;
    font-family: cursive;    
}

/* MY ACCOUNT */
.woocommerce-account #customer_login a {
    color:var(--color-2);
    transition: .2s;
    text-decoration: none;
    &:hover {
        color: var(--main-color);
    }
}
.woocommerce-account #customer_login input {
    border-radius: 6px;
}
.woocommerce-account #customer_login input:focus {
    outline: none;
}
.woocommerce-account #customer_login h2 {
    color: var(--color-2);
    font-weight: 400;
}
.woocommerce-MyAccount-content form.edit-account fieldset {
    border-radius: 6px;
}
.woocommerce-MyAccount-content form.edit-account legend {
    color: #000;
}
.woocommerce-MyAccount-content form.edit-account input {
    border-radius: 6px;
}
.woocommerce-MyAccount-content form.edit-account label {
    color: var(--color-2);
    font-weight: 500;
}
.woocommerce-orders-table thead .nobr {
    color: var(--color-2);
}
.woocommerce-orders-table tbody td.woocommerce-orders-table__cell a.woocommerce-button {
    border-radius: 6px;
}
.woocommerce-orders-table thead tr th:first-child {
    border-top-left-radius: 6px;
}
.woocommerce-orders-table thead tr th:last-child {
    border-top-right-radius: 6px;
}
.woocommerce-orders-table tbody tr:last-child th:first-child {
    border-bottom-left-radius: 6px;
}
.woocommerce-orders-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 6px;
}
.woocommerce-account .woocommerce-Addresses h2 {
    font-size: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation a,
.woocommerce-account .woocommerce-MyAccount-content a {
    color: var(--main-color);
}
.woocommerce-account .woocommerce-MyAccount-content strong {
    color: var(--color-2);
}
/* END MY ACCOUNT */

/* ACORDEON */
.accordion .accordion-button.collapsed {
    color: var(--color-2);
    font-weight: 600;
}
.accordion .accordion-button:not(.collapsed) {
    background: var(--color-1);
    color: var(--main-color);
    font-weight: 600;
    box-shadow: none;
    border-radius: 5px;    
}
.accordion-collapse.collapse.show .accordion-body {
    font-size: 16px;
    color: var(--color-3);
}
.accordion-collapse.collapse.show {
    position: relative;
}
.accordion-collapse.collapse.show:before {
    content: '';
    background: var(--color-6);
    height: 1px;
    width: calc(100% - 40px);
    position: absolute;
    left: 20px;
    top: 0;
}

/* HEADER */ 
#masthead {
    background-size: cover;
}

/* FOOTER */
#stripe-footer .item-social .img-social a:hover img {
    filter: brightness(0.7);
}

#stripe-footer .item-social .img-social a img {
    transition: .2s;
}
#colophon {
    background-repeat: repeat-y;    
    background-size: auto;    
}
.slogan-footer {
    border-top: 1px solid var(--color-5);
    padding-top: 20px;
    margin-top: 20px;
}
.slogan-footer {
    font-weight: 500;
}
.main-menu-class li {
    list-style: none;
    font-size: 16px;
    line-height: 2.3;
    font-weight: 600;
}
.main-menu-class li a {
    color: var(--color-2) !important;
    transition: .2s;
    &:hover {
        color: var(--main-color) !important;
    }
}
.services-menu-footer li a {
    color: var(--color-4);
    font-weight: 500;
}
.services-menu-footer li {
    list-style: none;
}
.services-menu-footer ul {
    margin-left: 14px;
}
.services-menu-footer li:before {
    content: '\2022';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -14px;
    top: -13px;
    color: var(--main-color);
    font-size: 30px;
    padding: 0;
}
footer .social-icon {
    border-bottom: 1px solid lightgray;
}
.main-menu-class ul, .services-menu-footer ul {
    margin-bottom: 0;
}
.copyright-bar span, .copyright-bar span a {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-4);
}
.copyright-bar span.phone a, .copyright-bar span.createdby a {
    line-height: 1.9;
    margin: 0 5px;
}
body .floating_button:before {
    width: 40px !important;
}

/* Logo */
.stripe-logo-row .col:first-child {
    max-width: 380px;
    padding: 0;  
}
.stripe-logo-row .col:last-child {
    display: flex;
    justify-content: end;
    align-items: center;
}
form.woocommerce-product-search {
    margin: 0;
}
.link-cart svg {
    max-width: 30px;
    max-height: 30px;
}
.link-cart {
    display: flex;
    gap: 10px;
    margin-right: 10px;
}
.search-box input#woocommerce-product-search-field-0 {    
    box-shadow: none;
}
.search-box button {
    background: url(/02-ctes/colombianup/wp-content/uploads/2024/01/search-left-svgrepo-com.svg) no-repeat center center;
    text-indent: -9999px;
    border: none;
    display: inline-block;
    background-size: 20px;
    transition: .2s;
    &:hover {
        background-color: var(--color-6) !important;
    }
}
form.woocommerce-product-search {
    background: #fff;
    border: 2px solid #d3d3d39e;
    border-radius: 4px;
    width: fit-content;
}
input#woocommerce-product-search-field-0 {
    background: none;
}
input#woocommerce-product-search-field-0::placeholder {
    font-family: 'Montserrat', sans-serif;
    color: #bebebe;
    font-size: 18px;
    font-weight: 400;
}
.link-cart a {
    color: var(--main-color);
    font-size: 18px;
    font-weight: bold;
    transition: .2s;
}
.link-cart a:hover {
    color: var(--color-2);
}

/* CARRITO */
.woocommerce-cart .cart_totals h2 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
.woocommerce-cart a.checkout-button {
    background: var(--main-color);
}
.woocommerce-cart .cart_totals {
    color: var(--color-2);
}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout {
    margin-bottom: 0;
}
.woocommerce-cart table.cart td.product-quantity .qty,
.woocommerce-cart table.cart td.actions input,
.woocommerce-cart .button {
    border-radius: 6px;
}
.woocommerce-cart table.cart td.product-quantity .qty:focus,
.woocommerce-cart table.cart td.actions input:focus {
    outline: none;
}
.woocommerce-cart table.cart td {
    padding: 10px;
    vertical-align: middle;
}
.woocommerce-cart table.cart th:first-child,
.woocommerce-cart .cart_totals tr:first-child th {
    border-top-left-radius: 6px;
}
.woocommerce-cart table.cart th:last-chiLd,
.woocommerce-cart .cart_totals tr:first-child td {
    border-top-right-radius: 6px;
}
.woocommerce-cart table.cart tbody tr:nth-last-child(2) td:first-child,
.woocommerce-cart .cart_totals tr:last-child th {
    border-bottom-left-radius: 6px;
}
.woocommerce-cart table.cart tbody tr:nth-last-child(2) td:last-child,
.woocommerce-cart .cart_totals tr:last-child td {
    border-bottom-right-radius: 6px;
}
.woocommerce-cart table.cart th {
    color: var(--color-2);
}
.link-cart .imgCart {
    position: relative;
}
.imgCart .counter {
    background: var(--color-1);
    position: absolute;
    top: -15px;
    right: -13px;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
}

/* Nav */
#stripe-nav .row .col:first-child {
    max-width: 235px;  
    padding: 0;  
}
.bg-btn-gradient a, 
.woocommerce-MyAccount-content form.edit-account .woocommerce-Button,
.woocommerce-account #customer_login button.woocommerce-button {
    /* background: rgb(0,64,159);
    background: linear-gradient(90deg, rgba(0,64,159,1) 0%, rgba(1,205,214,1) 50%, rgba(1,221,59,1) 100%); */
    display: inline-block;
    padding: 6px 20px;    
    border-radius: 4px;
    color: var(--color-1);
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    transition: .2s;
    overflow: hidden;
    z-index: 2;    
    &:hover{
        color: var(--color-1);
    }
}
#stripe-nav .row .btn-store a {    
    background: transparent;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 15px 10px;
    position: relative;
    overflow: hidden;  
    z-index: 2;  
}
#stripe-nav .row .btn-store a:before,
.single-product.storefront-full-width-content.single-product div.product .summary form.cart button.button:before,
.bg-btn-gradient a:before,
.boxFrmButton:before,
.woocommerce-MyAccount-content form.edit-account .woocommerce-Button:before,
.woocommerce-account #customer_login button.woocommerce-button:before {
    content: '';
    background: rgb(0,64,159);
    background: linear-gradient(90deg, rgba(0,64,159,1) 0%, rgba(1,205,214,1) 50%, rgba(1,221,59,1) 100%);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: .2s;
}
#stripe-nav .row .btn-store a:hover:before,
.single-product.storefront-full-width-content.single-product div.product .summary form.cart button.button:hover:before,
.bg-btn-gradient a:hover:before,
.boxFrmButton:hover:before,
.woocommerce-MyAccount-content form.edit-account .woocommerce-Button:hover:before,
.woocommerce-account #customer_login button.woocommerce-button:hover:before {
    filter: brightness(0.7);
}

.btn-store a {
    color: var(--color-1);
    font-size: 18px;
    font-weight: 600;
    transition: .2s;
}
.stripe-nav-row {
    border-radius: 6px;
}
ul#menu-menu-principal li a {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-2);
    transition: .2s;
}
ul#menu-menu-principal li a:hover {
    color: var(--main-color);
}
ul#menu-menu-principal {
    gap: 30px;
    padding-right: 30px;
}
ul#menu-menu-principal li.current-menu-item a {
    color: var(--main-color) !important;
}
#stripe-nav {
    min-height: 60px;
    position: relative;
}
.stripe-nav-row {
    position: absolute;
    width: calc(100% - 20px);
    bottom: -28px;
    max-width: 1230px;
    box-shadow: 0px 5px 10px 5px #d3d3d33d;
    left: 20px;
}
.storefront-breadcrumb .col-full {
    max-width: 1210px;
}
.internalHero .woocommerce-category-description {
    font-weight: 500;
    color: var(--color-2);
}
.internalHero .woocommerce-category-description p {
    margin-bottom: 0;
}
header.woocommerce-products-header {
    padding-bottom: inherit !important;
}
.woocommerce-order-received #content,
.single-product #content .woocommerce,
.woocommerce-cart #content .woocommerce,
.woocommerce-account #content .col-full-content {
    max-width: 1210px;
    margin: auto;
}

/* ORDER */
.woocommerce-order-overview.order_details li,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr td {
    color: var(--color-2);
}
ul.woocommerce-order-overview.order_details li strong {
    color: var(--main-color);
}
.woocommerce-order-received ul.order_details::before, .woocommerce-order-received ul.order_details::after {
    background-size: initial;
    height: initial;
    background: none;
}
.woocommerce-order-received ul.order_details, .woocommerce-order-received .order_details,
.woocommerce-info, .woocommerce-noreviews, p.no-comments,
.woocommerce-message {
    border-radius: 6px !important;
}
.woocommerce-order-received table:not( .has-background ) th {
    background-color: initial;
}
.woocommerce-order-received h2 {
    color: #000;
    font-weight: 400;
}
.woocommerce-order-received .site-content a, .woocommerce-cart .product-name a, .woocommerce-cart form.woocommerce-shipping-calculator a {
    color: var(--main-color);
    font-weight: 500;
    text-decoration: none !important;
    transition: .2s;
    &:hover {
        color: var(--color-2);
    }
}
/* END ORDER */

/* ARCHIVE PRODUCTS */
.archive ul.products .product-card {
    border: 1px solid var(--color-6);
    border-radius: 5px;
    padding: 20px;
}
.archive .product-card .price .woocommerce-Price-amount {
    color: var(--color-2);
    font-weight: bold;
}
.archive .product-card .price {
    font-size: 18px;
}
.archive .content-area, .archive .site-main {
    margin-bottom: 0;
}
.title h1 {
    font-size: 40px;
    color: var(--color-1);
    font-weight: 600;
    margin-bottom: 0;
}
.img-cathegory .img-head img {
    max-height: 160px;
    transform: scale(1.5);
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.7));
    z-index: 5;
    object-fit: contain;
}
.container .category-box:before {
    content: '';
    position: absolute;
    background: var(--main-color);
    top: 0;
    right: 0;
    height: 100%;
    width: 28%;    
    clip-path: polygon(67% 0, 100% 0, 100% 100%, 0% 100%);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 2;
}
.container .category-box:after {
    content: '';
    position: absolute;
    background: var(--color-1);
    top: 30%;
    right: 7.5%;
    height: 80%;
    width: 28%;
    clip-path: polygon(67% 0, 100% 0, 100% 100%, 10% 100%);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 0;
}

.container .category-box {
    position: relative;
    border-radius: 6px;
}
.storefront-breadcrumb {
    margin-bottom: 0 !important;
}
.archive header.woocommerce-products-header {
    padding: 0;
}
.archive header.woocommerce-products-header .img-cathegory {
    padding: 0 12px;
}
.swiper-offers .swiper-slide {
    background: var(--color-1);
}
.archive .products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}
.archive ul.products::before, .archive ul.products::after {
    content: none;
}
select.orderby {
    border-color: var(--color-6);
    border-radius: 5px;
    min-height: 30px;
    font-family: 'Montserrat';
}
.aside-menu .wcpf-title {
    font-family: 'Roboto Condensed';
}
/* END ARCHIVE PRODUCTS */

/* CONTACT */
.wpcf7 form.sent .wpcf7-response-output {
    border-radius: 6px;
    text-align: center;
    border-color: var(--secondary-color);
    color: var(--main-color);
}
.contactForm a {
    color: var(--main-color);
    transition: .2s;
    &:hover {
        color: var(--color-2);
    }
}
/* END CONTACT */

/* BOX PRODUCTS */
.categoryBox .col-a .image {
    overflow: hidden;
}
.categoryBox .col-a img {
    transition: .3s;
}
.categoryBox .col-a:hover img {
    transform: scale(1.1);
}
.boxProducts > .container > h2:after {
    content: '';
    background: var(--color-7);
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 82px;
}
.boxProducts > .container > h2 {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    border-bottom: 1px solid var(--color-6);
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.boxProducts .container .row {
    gap: 20px 0;
}
.categoryBox .title h3, .categoryBox .title h3 a {
    font-family: 'Roboto Condensed' !important;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-3);
}
.categoryBox .title h3 {
    min-height: 43px;
}
.categoryBox .price span {
    color: var(--color-2);
    font-size: 18px;
    font-weight: 700;
}
.categoryBox .btn-featured-card {
    margin-top: 5px;
}
/* END BOX PRODUCTS */

/* SINGLE PRODUCT */
.inactiveStars {
    opacity: .25;
}
.star-rating span:before, .quantity .plus, .quantity .minus, p.stars a:hover:after, p.stars a:after, .star-rating span:before, #payment .payment_methods li input[type=radio]:first-child:checked+label:before {
    color: var(--alternate-color) !important;
}
.star-rating::before, .star-rating span::before {    
    font-family: "Font Awesome 5 Free" !important;
    font-size: 10px;    
}
.single-product div.product .product_meta .star-rating {
    display: inline-flex;
    margin-bottom: -10px;        
}
.product-rating .star-rating {    
    margin: auto;        
}
.single-product div.product .product_meta .star-rating, .product-rating .star-rating, #reviews .commentlist li .comment_container .comment-text .star-rating {
    width: 56px;
}
.upSellsProducts .product-rating, .crossSellsProducts .product-rating, .relatedProducts .product-rating {
    text-align: center;
}
.woocommerce-message {
    border: none !important;
}
.single-product .site-main {
    margin-bottom: 0;
}
.product-type-variable p.price {
    display: none;
}
.single-product div.product table.variations a.reset_variations {
    margin-left: 0;
    margin-top: 10px;
    color: var(--color-4);
    font-size: 14px;
}
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs li a {
    background: none;
    color: var(--color-5);
    font-weight: 600;
}
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs li.active a {    
    color: var(--color-2);
    position: relative;    
    font-size: 18px;
}
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs li.active a:before {
    content: '';
    background: var(--color-7);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 70%;
}
.single-product.storefront-full-width-content .woocommerce-tabs .panel > div {
    margin-bottom: 5px;
}
.single-product.storefront-full-width-content .woocommerce-tabs .panel > div strong {
    color: var(--color-2);
    font-size: 16px;
}
.single-product table:not( .has-background ) th {
    color: var(--color-2);
}
.single-product.storefront-full-width-content.single-product div.product .woocommerce-tabs {
    border: 1px solid var(--color-6);
    border-radius: 5px;
    padding: 30px;
}
.single-product.storefront-full-width-content .woocommerce-tabs .panel {
    border: none;
    margin-bottom: 0;
    padding: 0;
    width: initial;
}
.single-product .woocommerce-tabs ul.tabs ul, .single-product .woocommerce-tabs ul.tabs li, .single-product .woocommerce-tabs ul.tabs li a {
    border: none !important;
}
.pswp__caption {
    display: none;
}
.product-template-default.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    background: #fff;
    border: 1px solid var(--color-6);
    color: var(--color-5);
}
.single-product.storefront-full-width-content.single-product div.product .summary form.cart button.button {    
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    border-radius: 5px;
    transition: .3s;   
    position: relative; 
    overflow: hidden;
}

.single-product.storefront-full-width-content.single-product div.product .summary form.cart .quantity input {
    background: #fff;
    box-shadow: none;
    border: 1px solid var(--color-6);
    font-weight: 600;
    font-size: 18px;
    padding: 7px;
    border-radius: 5px;
}
.single-product.storefront-full-width-content.single-product div.product .summary .product_meta .posted_in a,
.single-product div.product .product_meta .tagged_as a {
    text-decoration: none;
}
.single-product.storefront-full-width-content.single-product div.product .summary .product_meta .inactiveStars {
    color: var(--color-5);
}
.single-product.storefront-full-width-content.single-product div.product .summary p.price ins,
.single-product.storefront-full-width-content.single-product div.product .summary .woocommerce-Price-amount.amount bdi {
    color: var(--main-color);
    font-weight: bold;
}
.single-product div.product .product_meta a {
    text-decoration: none;
}
.single-product.storefront-full-width-content.single-product div.product .summary .product_meta,
.single-product.storefront-full-width-content.single-product div.product .summary p.price {    
    border-bottom: 1px solid var(--color-6);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.single-product.storefront-full-width-content.single-product div.product .summary h1 {
    font-size: 18px;
    font-weight: 600;
    order: 0;
    margin-bottom: 15px;
    font-family: 'Roboto Condensed';
}
.single-product.storefront-full-width-content.single-product div.product .summary .product_meta {
    order: 1;
    font-weight: 600;
    color: var(--color-3);
}
.single-product.storefront-full-width-content.single-product div.product .summary .woocommerce-product-details__short-description {
    order: 2;
}
.single-product.storefront-full-width-content.single-product div.product .summary p.price {
    order: 3;
    margin-top: 10px;
}
.single-product.storefront-full-width-content.single-product div.product .summary form.cart {
    order: 4;
    margin-bottom: 0;
}
.single-product.storefront-full-width-content.single-product div.product .summary .stock.in-stock {
    order: 5;
    margin-bottom: 0;
}
.single-product.storefront-full-width-content.single-product div.product .summary .woocommerce-product-details__short-description p {
    margin-bottom: 0;
}

.single-product span.onsale {
    position: absolute;
    z-index: 9;
    background: rgb(0, 64, 159);
    background: linear-gradient(90deg, rgba(0, 64, 159, 1) 0%, rgba(1, 205, 214, 1) 50%, rgba(1, 221, 59, 1) 100%);
    color: #fff;
    border: 0;
    padding: 6px 10px;
}
#commentform input#submit {
    background: rgb(0, 64, 159);
    background: linear-gradient(90deg, rgba(0, 64, 159, 1) 0%, rgba(1, 205, 214, 1) 50%, rgba(1, 221, 59, 1) 100%);
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Montserrat', sans-serif;
    border-radius: 5px;
    transition: .3s;
    &:hover {
        filter: brightness(0.7);
    }
}
#respond {
    border-radius: 5px;
}
#commentform textarea#comment {
    border-radius: 5px;
}
#commentform textarea#comment:focus {
    outline: none;
}
.product-flags {
    position: absolute;    
    z-index: 99;
    max-width: 85px;
	top: 0px;
}
.product-flags.onOffer {
    top: 38px;
}
.product-flags .boxFlags {
    display: flex;
    gap: 5px;
    flex-direction: column;
}
.product-flags a.btnFlag {
    transition: .3s;
    &:hover {
        filter: brightness(0.8);
    }
}
.single-product.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    margin-right: 17px;
    width: 41.5%;
}
.single-product.storefront-full-width-content.single-product div.product .summary {
    border: 1px solid var(--color-6);
    padding: 40px;
    display: flex;
    flex-direction: column;
    border-radius: 5px;
}
.storefront-breadcrumb {
    padding: 10px 0;
    color: var(--color-2);
    font-weight: bold;
}
.product-category-description .description {
    padding: 10px 0;
    border-top: 1px solid var(--color-6);
    border-bottom: 1px solid var(--color-6);
    margin-bottom: 10px;
}
.product-category-description h2 {
    margin-top: 0;
    padding: 15px 0;    
}
.product-category-description .description p {
    margin-bottom: 0;
    font-weight: 600;
    color: var(--color-2);
    font-size: 14px;
}
.single-product.storefront-full-width-content .woocommerce-tabs ul.tabs {
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--color-6);
}
.single-product .woocommerce-tabs ul.tabs li a {
    padding: 15px 30px;
    padding-left: 0;
}
.single-product .woocommerce-tabs ul.tabs li::after {
    content: none;
}
.single-product .woocommerce-tabs.wc-tabs-wrapper {
    display: flex;
    flex-direction: column;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    border: 1px solid var(--color-6);
    border-radius: 5px;
}
.boxBordered {
    border: 1px solid var(--color-6);
    border-radius: 5px;
}
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments {
    outline: none;
}
/* END SINGLE PRODUCT */

/* BRANDS */
.brands .container {
    border-top: 1px solid var(--color-5);
    border-bottom: 1px solid var(--color-5);
}
/* END BRANDS */

/* SUBSCRIBE */
.table-form label {
    font-weight: 600;
    color: var(--color-2);
    width: 100%;
}
.table-form select.wpcf7-form-control {
    min-height: 47.6px;       
}
.table-form input.wpcf7-form-control,
.table-form select.wpcf7-form-control,
.table-form textarea.wpcf7-form-control {
    width: 100%;
    background: var(--color-1);
    color: var(--color-4);
    box-shadow: none;
    border: 1px solid var(--color-5);
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    &:focus {
        outline: 0;
    }
}
.table-form input.wpcf7-form-control.wpcf7-submit {
    max-width: 150px;
    border: none;
}

.subscribe .col-a p {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
}
.boxFrmButton {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.boxFrmButton:before {    
    border-radius: 5px;
}
.boxFrmButton.ctoFrmButton {
    padding: 12px 0;
}
.subscribe input.wpcf7-form-control.wpcf7-submit.has-spinner,
.table-form input.wpcf7-form-control.wpcf7-submit {    
    font-size: 18px;
    font-weight: 600;
    color: var(--color-1);
    opacity: 1 !important;
    padding: 7px 17px;
    background: transparent;    
}
.subscribe .wpcf7-spinner,
.boxFrmButton.ctoFrmButton .wpcf7-spinner {
    display: none;
}
.subscribe input.wpcf7-form-control.wpcf7-validates-as-email {
    font-size: 16px;
    background: #fff;
    border: 1px solid var(--color-5);
    height: 36px;
    position: relative;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.subs-a p {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.subscribe .wpcf7-acceptance .wpcf7-list-item-label, .subscribe .wpcf7-acceptance .wpcf7-list-item-label a {
    font-size: 14px;
    color: var(--main-color);
    transition: .3s;
    &:hover {
        color: var(--color-4);
    }
}
.brands .swiperBrands img {
    filter: opacity(0.5) grayscale(1); /* Error aquí: Cambiar a opacity: 0.5; grayscale(100%); */
    transition: filter 0.5s; /* Cambiado a filter para que la transición se aplique correctamente */
}

.brands .swiperBrands img:hover {
    filter: opacity(1) grayscale(0); /* Error aquí: Cambiar a opacity: 1; grayscale(0%); */
}
/* END SUBSCRIBE */


/* TABS INFORMACIÓN DETALLADA PRODUCTO */
.comment-form p.stars.selected a.active:before,
.comment-form p.stars:hover a:before,
.comment-form p.stars.selected a:not(.active):before,
.comment-form p.stars.selected a.active:before {
    color: var(--alternate-color);
}
.woocommerce-tabs .wc-tabs {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.woocommerce-tabs .wc-tabs li {
    margin-right: 15px;
    border: none;
}

.woocommerce-tabs .wc-tabs li a {
    display: block;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-bottom: none;
    background-color: #f7f7f7;
    color: #333;
    text-align: center;
}

.woocommerce-tabs .wc-tabs li.active a {
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
    color: #333;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
}

.woocommerce-tabs .woocommerce-Tabs-panel.active {
    display: block;
}
/* END TABS INFORMACIÓN DETALLADA PRODUCTO */


/* CART */
.woocommerce-cart header.entry-header,
.woocommerce-checkout header.entry-header,
.woocommerce-account header.entry-header {
    display: none;
}
.woocommerce .cross-sells h2,
.woocommerce-billing-fields h3,
#order_review_heading {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
/* END CART */

/* CHECKOUT */
#billing_state_field .woocommerce-input-wrapper .selection .select2-selection--single,
#shipping_state_field .woocommerce-input-wrapper .select2-selection--single  {
    min-height: 45px;
    display: flex;
    align-items: center;
}
#billing_state_field .woocommerce-input-wrapper .select2-selection__arrow,
#shipping_state_field .woocommerce-input-wrapper .select2-selection__arrow  {
    top: 10px;
}
.woocommerce-billing-fields__field-wrapper .form-row input:focus, 
.woocommerce-billing-fields__field-wrapper .form-row input:focus-visible,
.woocommerce-additional-fields__field-wrapper .form-row textarea:focus, 
.woocommerce-additional-fields__field-wrapper .form-row textarea:focus-visible,
.checkout_coupon input#coupon_code:focus,
.checkout_coupon input#coupon_code:focus-visible,
.woocommerce input:focus,
.woocommerce input:focus-visible {
    outline: none;
}
.woocommerce-billing-fields__field-wrapper .form-row input,
.woocommerce-additional-fields__field-wrapper .form-row textarea,
.checkout_coupon input#coupon_code,
.checkout_coupon button.button,
#order_review #payment li.wc_payment_method.payment_method_bold_co,
#order_review .form-row.place-order,
#payment .place-order .button,
.woocommerce .woocommerce-error,
.woocommerce input {
    border-radius: 5px;
}
#order_review .woocommerce-checkout-review-order-table th {    
    color: var(--color-2);
}
#order_review .woocommerce-checkout-review-order-table th.product-name {
    border-top-left-radius: 5px;    
}
#order_review .woocommerce-checkout-review-order-table th.product-total {
    border-top-right-radius: 5px;
}
#order_review .woocommerce-checkout-review-order-table tr.order-total th,
#order_review #payment li.wc_payment_method.payment_method_bold_co .payment_box.payment_method_bold_co {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#order_review .woocommerce-checkout-review-order-table tr.cart_item:last-child td.product-total {
    border-bottom-right-radius: 5px;
}
#shipping_method li label {
    color: var(--color-2);
    font-weight: 600;
    font-size: 22px;
}
.woocommerce-Price-amount.amount bdi {
    font-weight: 500;
}
.woocommerce .woocommerce-message {
    max-width: calc(1230px - 24px);
    margin: auto !important;
    margin-bottom: 30px !important;
}
.woocommerce .woocommerce-form-row.form-row .woocommerce-Button {
    border-radius: 5px;
    background: var(--color-7);
    color: var(--color-1);
    transition: .2s;
    &:hover {
        background: var(--color-2);

    }
}
.hentry .woocommerce .btn-featured-card a {
    text-decoration: none;
}
/* END CHECKOUT */

/* RECAPTCHA */
/* .grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}
.grecaptcha-badge:hover {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
} */
/* END RECAPTCHA */



/* RESPONSIVE */
@media (max-width: 479px) {   
    .offers {
        display: none;
    }
    .archive .products {
        grid-template-columns: repeat(1, 1fr);
    }  
}
@media (max-width: 767px) { 
    .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address, 
    .woocommerce-account .entry-content #customer_login .u-column1.col-1, 
    .woocommerce-account .entry-content #customer_login .u-column2.col-2 {
        width: 100%;
        max-width: 540px;
        margin: auto;
        padding: 0 10px;
    }
    .woocommerce-orders-table tbody td::before {
        color: var(--color-2);
    }
    .woocommerce-orders-table tbody td:nth-child(2) {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .woocommerce-orders-table tbody td:last-child {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }    

    .aside-menu ul {
        margin: 20px;
    } 
    .cta-box.row {
        display: block;
        padding: 20px 0;
    }
    .cta-box .col.col-b .image:before {
        right: 0;
        width: 100%;
        border-radius: 6px;
    }
    .cta-box .col-b .image img {
        display: none;
    }
    .cta-box {
        min-height: auto !important;
    }
    .title h1 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .ctas .cta-box .btn-ctas {
        gap: 10px !important;
    }
    .ctas .cta-box .btn-ctas .col {
        font-size: 12px;
    }
    .ctas .cta-box.categories .title a {
        font-size: 14px !important;
        line-height: 1;
    }
    .boxOffers .offer-banner {
        display: flex;
        justify-content: center;
        align-items: center;
    }    
    .cta-box .col-btns {
        margin-top: 20px;
        text-align: center;
    }      
    .subscribe .subs-b p, .subscribe .col-a > p {
        text-align: center;
    }
    .single-product.storefront-full-width-content.single-product div.product .summary,
    .single-product.storefront-full-width-content.single-product div.product .woocommerce-tabs,
    .single-product .upSellsProducts.boxProducts {
        padding: 20px !important;
    }
    .storefront-breadcrumb .col-full {
        max-width: 526px;
        margin: auto;
        padding: 0 10px;
    }    
    .single-product.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        width: initial;
        margin-bottom: 0;
    } 
    .main-menu-class ul {
        margin: 0;
        text-align: center;
        margin-bottom: 20px;
    }
    .services-menu-footer li:before {
        content: none;
    }
    .services-menu-footer li {
        line-height: 2.2;
    }
    .title-service, #stripe-footer .col-box-c .title span {
        position: relative;
    }
    
    .title-service:after, #stripe-footer .col-box-c .title  span:after {
        content: '';
        background: var(--color-4);
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
    }    
}
@media (max-width: 991px) {
    .box-aside-products {
        order: 1;
    }
    .ctas .cta-box:not(.categories) .title {
        line-height: 1.4;
        font-size: 16px !important;
        text-align: center;
    }   
    .offcanvas-body.mobile-container {
        display: flex;
        flex-direction: column;
    }
    .offcanvas .mobile-container .col:first-child {
        align-items: end;
    }
    .offcanvas:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
        background: rgb(0, 26, 255);
        background: linear-gradient(0deg, rgb(0 64 159) 5%, rgba(255, 255, 255, 0) 5%);
    }
    .offcanvas .mobile-container {
        margin-top: 15px;        
    }
    .offcanvas .email, .offcanvas .phone a {
        color: var(--color-2);
        font-weight: 600;
    }    
    .subs-a p {
        flex-direction: column;
        gap: 7px 0;
    }
    #masthead.site-header {
        margin-bottom: 10px !important;
    }
    .single-product.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
        margin-right: inherit;
    }
    .btn-mobil-menu {
        text-align: end;
    }
    #offcanvasRightMainMenu ul#menu-menu-topbar-1 li {
        list-style: none;
    }        
    #offcanvasRightMainMenu ul#menu-menu-topbar-1 {
        display: flex;        
        justify-content: end;
        margin: 0;
    }
    .offcanvas-header button.btn-close {
        filter: invert(17%) sepia(53%) saturate(4485%) hue-rotate(208deg) brightness(85%) contrast(104%);
        opacity: 1;
        padding: 0;
        margin-right: 20px;
    }
    .btn-mobil-menu button.btn {
        padding-right: 0;
    }
    .offcanvas-body nav.main-menu-class .menu li.current-menu-item.current_page_item a {
        font-weight: bold;
        color: var(--main-color) !important;
    }
    .offcanvas-body nav.main-menu-class .menu {
        margin: auto;
        text-align: center;
    }
    .offcanvas-header .col-b {
        display: flex;
        justify-content: end;
        align-items: center;
    }
    .mobile-container {
        max-width: 720px;
        margin: auto;
        width: 100%;
    } 
    .btn-mobil-menu button.btn:active {
        border: none;
    }
    .offcanvas-header {
        background-color: #2c2d33;
        color: #9aa0a7;
        background-position: center center;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        background-size: cover;
    } 
    #offcanvasRightMainMenu.offcanvas.offcanvas-end {
        width: 100%;
    }
    #offcanvasRightMainMenu .stripe-logo-row {
        width: 100%;
    }
    #stripe-footer .col-box-c {
        display: block;
        max-width: 620px;
        margin: auto;
        margin-top: 40px;
        text-align: center;
    }
    footer .social-icon {
        display: flex;
        justify-content: center;
    }
    .img-payment img{
        margin: auto;
    }
    #masthead.site-header {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media (min-width: 768px) {  
    .single-product.storefront-full-width-content.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
        width: 18.4%;
        margin-right: 2%;
    }
    .woocommerce .cart-collaterals .cross-sells {
        width: 100%;
        max-width: 340px;
        margin-right: 3%;
    }
    .woocommerce .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator {
        width: calc(97% - 340px);
    }
}
@media screen and (min-width: 480px) and (max-width: 767px) {  
    .archive .products {
        grid-template-columns: repeat(2, 1fr);
    }  
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .woocommerce-account .entry-content {
        max-width: 720px;
        margin: auto;
    }
    .aside-menu ul {
        margin: 20px;
    }
    .ctas .cta-box.categories .title a {
        font-size: 20px !important;
        line-height: 1;
    }     
    .woocommerce-category-description {
        max-width: 65%;
    }
    .storefront-breadcrumb .col-full {
        max-width: 696px;
        margin: auto;
    } 
    .archive .products {
        grid-template-columns: repeat(2, 1fr);
    }
    .boxOffers .offer-banner, .boxOffers .offer-box {
        width: 49%;
        display: flex;
        align-items: center;
    }
    .boxOffers {
        gap: 10px;
    }   
}
@media (max-width: 1199px) {  
    #stripe-footer .col-box-a {
        display: block;
        max-width: 620px;
        margin: auto;
        margin-bottom: 40px;
    }
    .logo-footer img{
        margin: auto;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .woocommerce-account .entry-content {
        max-width: 940px;
        margin: auto;
    }
    .ctas .cta-box.categories .title a {
        font-size: 20px !important;
        line-height: 1;
    }      
    .ctas .cta-box .btn-ctas {
        gap: 10px !important;
    }
    .offers .swiper-button-next, .offers .swiper-button-prev {
        margin-top: -30px;
    } 
    #stripe-nav .row .col:first-child {
        max-width: 120px;
    }
    ul#menu-menu-principal li a {
        font-size: 17px;
    }
    .woocommerce-category-description {
        max-width: 60%;
    }
    .storefront-breadcrumb .col-full {
        max-width: 936px;        
    }    
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {  
    .storefront-breadcrumb .col-full {
        max-width: 1116px;
        margin: auto;
    }
    .woocommerce-account .entry-content {
        max-width: 1120px;
        margin: auto;
    }
}
@media screen and (min-width: 1601px) {  
    #colophon {        
        background-size: cover;
    }
}