@font-face {
    font-family: 'DMSans-Regular';
    src: url(../fonts/dmSans/DMSans-Regular.ttf);
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'DMSans-Semibold';
    src: url(../fonts/dmSans/DMSans-Medium.ttf);
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'DMSans-Bold';
    src: url(../fonts/dmSans/DMSans-Bold.ttf);
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'DomainSans-Regular';
    src: url(../fonts/domainSans/TestDomaineSansDisplay-Regular.otf);
    font-style: normal;
}

@font-face {
    font-family: 'DomainSans-Medium';
    src: url(../fonts/domainSans/TestDomaineSansDisplay-Medium.otf);
    font-style: normal;
}

@font-face {
    font-family: 'DomainSans-Bold';
    src: url(../fonts/domainSans/TestDomaineSansDisplay-Bold.otf);
    font-style: normal;
}

:root {
    --colorPrincipal: #6FA286;
    --colorSecundario: #007E78;
    --colorTerciario: #005252;
    --gray: #5B5B5B;
    --black: #2c2e35;
    --font-nomal: 'DMSans-Regular';
    --font-semibold: 'DMSans-Semibold';
    --font-bold: 'DMSans-Bold';
    --font-domain: 'DomainSans-Regular';
    --font-main-medium: 'DomainSans-Medium';
    --font-main-bold: 'DomainSans-Bold';
}

html {
    -webkit-font-smoothing: antialiased;
}

body {
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 300;
    font-stretch: normal;
    font-size: 1.4rem;
    line-height: 1.86;
    font-family: var(--font-nomal), sans-serif;
    overflow-x: hidden;
}

.body.remove {
    overflow: hidden;
}

.page-content {
    padding-bottom: 0;
}

::selection {
    background-color: var(--colorSecundario);
}

a {
    color: unset;
}

a,
p,
.page-header h1 {
    font-family: var(--font-nomal), sans-serif;
}

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

.page-header.with-bg,
.bg-degradado {
    background: var(--colorPrincipal);
}

p,
ul {
    color: #333;
}

.btn,
.product-details-action .btn-cart {
    border-radius: 4px;
}

.btn-add-cart {
    background: var(--colorPrincipal);
    transition: all .3s;
    border-radius: 4px;
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
    color: #fff;
    font-size: 1.25rem;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin-top: 1rem;
    font-family: var(--font-semibold);
    line-height: 1.5;
}

.btn-add-cart:hover {
    background: var(--colorSecundario);
    color: #fff;
}

.btn-product {
    text-decoration: none !important;
    color: #fff !important;
    padding: 1.3rem 0;
}

.form-tab .form-footer .forgot-link {
    display: block;
}

.btn-product:before {
    font-size: 1.6rem;
}

.menu-vertical>li>a,
.menu-vertical li>a,
.nav.nav-pills .nav-link,
.form-control,
.cart-dropdown .product-cart-details {
    color: #595959;
}

.btn.btn-primary {
    border: transparent !important;
}

.btn-primary {
    border: transparent !important;
    background: var(--colorPrincipal);
    border-color: var(--colorPrincipal);
}

.form-tab .form-footer a:not(.forgot-link) {
    border: transparent !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--colorSecundario);
    border-color: var(--colorSecundario);
}

/* Botones principales más altos y con texto grueso */
.btn-primary.btn-lg, 
.btn-primary.btn-order.btn-lg {
    padding: 1.6rem 2.5rem !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn-primary.btn-lg span,
.btn-primary.btn-order.btn-lg span {
    font-weight: 700 !important;
    font-size: 1.6rem !important;
}

/* Botón finalizar compra más ancho y centrado */
.btn-wide-finalizar {
    width: 100% !important;
    max-width: 400px;
    min-width: 280px !important;
    padding: 1.6rem 3rem !important;
}

.breadcrumb-item {
    align-items: center;
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "/";
    font-family: revert;
}


/* header */

.top-header {
    height: 33px;
    background: var(--colorPrincipal);
    position: relative;
    z-index: 9999;
    overflow: hidden;
}

.text-carousel-rotate {
    font-size: 1.1rem;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    font-family: var(--font-semibold);
    color: #fff;
    line-height: 33px;
    letter-spacing: .1rem;
}

.header .container,
.header .container-fluid {
    position: unset;
}

.header-login {
    position: fixed;
    width: 100%;
    padding: 1.6rem 0;
    z-index: 999;
}

.header {
    position: sticky;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
    height: 82px;
    display: flex;
    align-items: center;
    transition: all .1s;
    margin-bottom: -82px;
    border-bottom: 1px solid var(--colorPrincipal);
}

.header:hover {
    background: #fff;
    border-bottom: 1px solid var(--colorPrincipal);
}

.bg-white.bg-white {
    background: #fff;
    border-bottom: 1px solid var(--colorPrincipal);
}

.header.change-color {
    background: #fff;
    border-bottom: 1px solid var(--colorPrincipal);
}

.header .grid-header {
    padding: 1.6rem 0;
}

.grid-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    width: 100%;
}

.grid-header-new {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    align-items: center;
    width: 100%;
}

.lista-haeder-menu,
.lista-hader-iconos {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.lista-hader-iconos {
    justify-content: flex-end;
}

.lista-haeder-menu li,
.lista-hader-iconos li {
    padding: 1.5rem 0;
}

.lista-haeder-menu li .link-lista-header-menu,
.lista-hader-iconos li .link-lista-header-menu {
    color: var(--black);
    font-family: var(--font-semibold);
    font-weight: 500;
    text-transform: uppercase;
    padding: 12px;
    letter-spacing: .05rem;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.lista-haeder-menu li .link-lista-header-menu .icon-menu-arrow {
    opacity: .6;
}

.lista-haeder-menu li .link-lista-header-menu:hover,
.lista-hader-iconos li .link-lista-header-menu:hover {
    color: var(--colorSecundario);
}

.lista-haeder-menu li .link-lista-header-menu:not(.icon-header):after,
.lista-hader-iconos li .link-lista-header-menu:not(.icon-header)::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 80%;
    height: 1px;
    background: var(--colorSecundario);
    transform: translate(-50%, 3px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.lista-haeder-menu li .link-lista-header-menu:hover::after,
.lista-hader-iconos li .link-lista-header-menu:hover::after {
    transform: translate(-50%, -5px);
    opacity: 1;
    visibility: visible;
}

.lista-haeder-menu li .link-lista-header-menu.icon-header,
.lista-hader-iconos li .link-lista-header-menu.icon-header {
    padding: 0;
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    position: relative;
}

.icon-header:hover {
    background: #f2f2f2;
}

.cont-bag {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-color: var(--colorPrincipal);
    color: var(--white);
    opacity: 1;
    border-radius: 50%;
    transform: translate3d(25%, -25%, 0) scale(1);
    font-size: 1.2rem;
}


/* Fin header */


/* Megamenu */

.mega-menu {
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    width: 100%;
    z-index: 999;
    display: none;
    padding-top: 1rem;
    border-bottom: 1px solid var(--colorSecundario);
}

.lista-haeder-menu li:hover .mega-menu {
    display: block;
}

.lista-haeder-menu li:hover .mega-menu-container {
    border-top: 1px solid var(--colorSecundario);
}

.lista-haeder-menu li:hover .link-lista-header-menu {
    color: var(--colorSecundario);
}

.lista-haeder-menu li:hover link-lista-header-menu::after {
    background: transparent;
}

.mega-menu-container {
    display: grid;
    grid-template-columns: 65% auto;
    grid-column-gap: 40px;
    margin: 0 auto;
    padding: 4rem 1.6rem;
    width: 100%;
}

.mega-menu-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mega-menu-categoria {
    width: calc(94% / 3);
}

.mega-menu-categoria ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 185px;
    column-gap: 10px;
}

.mega-menu-marcas {
    width: 100%;
}

.mega-menu-marcas ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2rem;
    align-items: flex-start;
    width: 100%;
}

.mega-menu-marcas ul li {
    margin-bottom: .5rem;
    padding: 0;
}

.mega-menu-marcas ul li a {
    font-size: 1.6rem;
    padding-bottom: 5px;
    position: relative;
    color: var(--colorPrincipal);
    transition: all .3s;
}

.mega-menu-marcas ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background: var(--colorSecundario);
    transform: translate(-50%, 3px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mega-menu-marcas ul li a:hover:after {
    transform: translate(-50%, 2px);
    opacity: 1;
    visibility: visible;
}

.mega-menu-categoria ul li {
    padding: 0;
    margin-bottom: 5px;
    display: inline-block;
    width: fit-content;
}

.mega-menu-categoria ul li a {
    color: var(--black);
    font-size: 1.4rem;
    padding-bottom: 5px;
    position: relative;
    transition: all .3s;
}

.mega-menu-categoria ul li a:hover {
    color: var(--colorSecundario);
}

.mega-menu-categoria ul li a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 5px;
    width: 100%;
    height: 1px;
    background: var(--colorSecundario);
    transform: translate(-50%, 3px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.mega-menu-categoria ul li a:hover:after {
    transform: translate(-50%, 2px);
    opacity: 1;
    visibility: visible;
}

.title-mega-menu {
    letter-spacing: .05rem;
    color: var(--colorPrincipal);
    font-size: 1.4rem;
    padding-bottom: 1.4rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ccc;
}


/* Megamenu principal*/


/* Banner Principal */

.banner-principal-display {
    padding-bottom: 95px;
}

.banner-principal-display .swiper-slide {
    height: 100vh !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 25px !important;
    left: 50% !important;
    transform: translateX(-50%);
    width: 90% !important;
    display: flex;
    align-items: center;
    column-gap: 1.6rem;
}

.swiper-pagination {
    padding: 1rem 0;
}

.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 33px;
    height: 33px;
    border-radius: 0;
    opacity: 1;
    color: #fff;
    background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.swiper-pagination .swiper-pagination-bullet svg {
    display: inline-block;
    width: 33px;
    height: 33px;
}

.swiper-pagination-bullet svg .circle {
    stroke-dasharray: 95;
    stroke-dashoffset: 95;
    stroke-opacity: 1;
    stroke-width: 2;
    transition: opacity .5;
}

.swiper-pagination-bullet svg .circle-opacity {
    fill: none;
    stroke: currentColor;
    stroke-linecap: butt;
    stroke-opacity: .3;
    stroke-width: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active svg .circle {
    animation: circleFill 8s linear both;
}

.swiper-pagination .swiper-pagination-bullet span {
    opacity: .8;
    transition: opacity .2s;
    font-family: var(--font-semibold);
}

.swiper-pagination .swiper-pagination-bullet:hover span {
    opacity: 1;
}

.number {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    opacity: .8;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active .number {
    opacity: 1;
    color: #fff;
}

.img-banner-display {
    width: 100%;
}

@keyframes circleFill {
    0% {
        stroke-dashoffset: 95;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@media screen and (max-width:768px) {
    .swiper-slide {
        height: auto !important;
    }
}


/* Fin Banner */


/* Feature */

.features {
    padding: 2rem 0;
    border-bottom: 1px solid var(--colorPrincipal);
}

.container-features {
    text-align: center;
    padding: 1rem 2.5rem;
}

.image-features img {
    width: 45px;
    margin: 0 auto 1rem;
}

.text-features h6 {
    color: #6a6a6a;
    line-height: 1.5;
    font-size: 1.5rem;
    margin-bottom: 0;
}


/*Fin Feature */

.modal-check {
    max-width: 375px !important;
}

.container-chech {
    padding: 3rem;
}

.content-btn-chats {
    position: fixed;
    left: 20px;
    bottom: 25px;
    z-index: 2;
}

.btn-whatsapp {
    font-size: 45px;
    position: fixed;
    right: 10px;
    bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-decoration: none !important;
    z-index: 1;
    color: #fff !important;
    background-color: #28a745;
    border: #28a745;
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    transition: all 0.3s;
}

.btn-whatsapp i {
    font-size: 3.2rem;
}

@media screen and (max-width: 399px) {
    .header-intro-clearance .account,
    .wishlist {
        display: flex;
    }
}

@media (max-width: 767px) {
    .header-4 .header-middle {
        padding-bottom: 55px;
    }
    .header-intro-clearance .header-middle .header-left {
        max-width: 100%;
        flex: 0 1 100%;
        /* justify-content: space-between !important; */
    }
    .logo {
        margin-top: 1.2rem;
        margin-bottom: 1.2rem;
    }
    .logo img {
        height: 50px;
        width: auto;
        object-fit: contain;
    }
    .header-intro-clearance .header-middle .header-right {
        flex: 0 1 83%;
        justify-content: flex-end;
    }
    .header-middle .header-center {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 60px;
        max-width: 100% !important;
    }
    .header-search-visible .search-toggle {
        display: none;
    }
    .header-search {
        width: 95%;
        max-width: 100%;
        margin: auto;
    }
    .header-4.header-intro-clearance .header-search .header-search-wrapper {
        width: 100%;
        display: flex;
        right: 0;
    }
    .dropdown-menu .compare-product-title,
    .cart-dropdown .product-title,
    .sidebar-toggler,
    .toolbox label,
    .sidebar-filter-responsive .close-sidebar-filter span {
        font-size: 14px;
    }
    .header-4 .cart-dropdown,
    .header-4 .compare-dropdown,
    .header-4 .wishlist {
        padding-left: 2.4rem;
    }
    .cart-dropdown .product-cart-details,
    .product-cat,
    .btn-product span {
        font-size: 1.45rem;
    }
    .sidebar-shop .custom-control-label {
        font-size: 1.59rem;
    }
    .sticky-header.fixed {
        padding-bottom: 68px !important;
    }
    .sidebar-toggler {
        position: relative;
        top: 2px;
        column-gap: 5px;
    }
    .text-icon-header {
        display: none;
    }
    .header-right {
        column-gap: 1.4rem !important;
    }
}

@media (max-width: 340px) {
    .compare-dropdown,
    .wishlist,
    .account,
    .wishlist-link {
        display: flex !important;
    }
}

.header-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-right {
    column-gap: 2.1rem;
}

.account a:hover,
.account a:focus {
    color: var(--colorPrincipal);
}

.wishlist a:hover,
.wishlist a:focus {
    color: var(--colorPrincipal);
}

.cart-dropdown:hover .dropdown-toggle,
.cart-dropdown.show .dropdown-toggle,
.compare-dropdown:hover .dropdown-toggle,
.compare-dropdown.show .dropdown-toggle {
    color: var(--colorPrincipal);
}

.cart-dropdown .dropdown-toggle i {
    display: inline-block;
    margin-top: 0px;
}

.header-4 .cart-dropdown .dropdown-toggle {
    font-size: 2.6rem;
}

.header-intro-clearance .account a {
    font-size: 2.6rem;
    padding-left: 0;
}

.header-intro-clearance .wishlist a {
    font-size: 2.6rem;
}

.header-intro-clearance .cart-dropdown,
.header-intro-clearance .wishlist,
.header-intro-clearance .account {
    padding-left: 0;
}

.header-intro-clearance .account:after {
    width: unset;
    height: unset;
    background-color: transparent;
}


/* index */


/* slider */

.owl-theme.owl-light .owl-nav [class*="owl-"] {
    color: #777;
}

.intro-slider-container,
.intro-slide {
    height: auto;
}

.owl-theme.owl-nav-inside .owl-nav .owl-prev {
    left: 12px;
    margin-left: auto;
}

.owl-theme.owl-nav-inside .owl-nav .owl-next {
    right: 12px;
    margin-right: auto;
}


/* ///////Categoria vertical//////// */

.menu-categorias {
    /* border: 1px solid #ddd; */
    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
    border-radius: 8px;
    height: 490px;
}

.btn-categorias {
    padding: 1rem .5rem;
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #232c79;
    border: 0;
    color: #fff;
    border-radius: 8px 8px 0 0;
    font-size: 1.5rem;
    transition: all .3s;
}

.lista-categorias {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.lista-categorias li a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 1.4rem;
    color: #333;
    transition: all .3s;
    padding: .7rem 1.6rem .7rem 1.6rem;
    margin: 0;
}

.lista-categorias li a:hover {
    color: var(--colorSecundario);
    background: #f0f1ff;
}

.lista-categorias li:first-child .lista-categoria-link {
    padding: 1rem 1.6rem .5rem 1.6rem;
}

.lista-categorias li:first-child .lista-categoria-link::after {
    top: 55%;
}

.lista-categorias li .lista-categoria-link {
    position: relative;
}

.lista-categorias li .lista-categoria-link::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: url(../images/arrow-left.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .8;
    transition: all .3s;
}

.lista-categorias li .lista-categoria-link:hover::after {
    right: 1.3rem;
    transition: all .3s;
}

.lista-categorias li a img {
    width: 24px;
    height: 24px;
    object-fit: cover;
    opacity: .9;
}

.subcategorias-lista {
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
    position: absolute;
    top: 0;
    left: 97%;
    width: 593px;
    height: 100%;
    z-index: 99;
    border-radius: 8px;
    padding: 2.5rem 3rem;
    display: none;
}

.lista-categorias li:hover .subcategorias-lista {
    display: block;
}

.title-subcategoria {
    font-size: 2rem;
    border-bottom: 1px solid #ddd;
    padding: 1.6rem 0;
}

.lista-subcategorias {
    display: grid;
    grid-template-rows: repeat(9, min-content);
    grid-auto-flow: column;
}

.lista-subcategorias li a {
    padding-left: 0;
}

.lista-subcategorias li a:hover {
    background: transparent;
}


/* ///////Categoria vertical//////// */

.intro-slider {
    border-radius: 8px;
}

.img-banner-principal {
    border-radius: 8px;
    height: 490px;
    object-fit: cover;
}

.container-banner-miniatura {
    position: relative;
    transition: all 2s;
    overflow: hidden;
    border-radius: 8px;
    width: 100%;
}

.container-text-banner-miniatura {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 4rem 2rem;
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
    z-index: 1;
}

.container-text-banner-head {
    text-align: center;
}

.container-text-banner-head p {
    color: #fff;
    font-size: 1.6rem;
}

.img-miniatura {
    width: 100%;
    height: 490px;
    object-fit: cover;
    transition: all 2s;
}

.container-banner-miniatura:hover .img-miniatura {
    transform: scale(1.08);
    transition: all 2s;
}

.img-miniatura.img-miniatura-carousel {
    height: 555px;
}

.title-img-miniatura {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.8rem;
    letter-spacing: 1px;
}

.btn-principal {
    border-radius: 8px;
    color: #fff;
    background: var(--colorPrincipal);
    padding: 1rem 2rem;
    transition: all .3s;
    font-size: 1.6rem;
    line-height: 1.5;
}

.btn-principal:hover {
    color: #fff;
    background: var(--colorSecundario);
}


/* countdown */

.img-promociones {
    width: 100%;
    height: 60vh;
    object-fit: cover;
}

.title-promociones {
    font-size: 3.5rem;
    color: #fff;
}

.text-promociones {
    width: 40%;
    margin-bottom: 2rem;
    font-weight: 400;
    font-size: 1.6rem;
    color: #fff;
    line-height: 1.5;
}

.container-promociones {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.container-countdown {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4rem;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.simply-section {
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
}

.simply-section:not(:last-child)::after {
    content: ':';
    position: absolute;
    right: -1.4rem;
    top: 38%;
    transform: translateY(-50%);
    font-size: 2rem;
    font-weight: bold;
    color: var(--black);
    font-family: var(--font-nomal);
}

.simply-section div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.simply-amount {
    display: block;
    font-size: 2.5rem;
    color: var(--black);
    font-family: var(--font-nomal);
    text-align: center;
    line-height: 1;
    margin-bottom: .5rem;
}

.simply-word {
    line-height: 1;
    font-size: 1.2rem;
    color: var(--black);
    font-family: var(--font-nomal);
}

.deal-countdown.offer-countdown {
    background: #fff;
    padding: 11px 10px;
    max-width: 300px;
    border-radius: 4px;
    position: absolute;
    top: 2%;
    bottom: 1%;
    left: 0.5%;
    right: 0.5%;
    box-shadow: 5px 5px 10px rgb(0 0 0 / 3%), -5px 5px 10px rgb(0 0 0 / 3%);
    display: flex;
    justify-content: space-around;
    margin: auto;
    width: 99%;
    height: 97%;
    z-index: 1;
}

.deal-countdown .countdown-section {
    background-color: #fff;
}

.deal-countdown:before {
    content: "";
    background-image: none;
    width: unset;
    height: unset;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
    display: none;
}

.countdown-section {
    background: transparent !important;
}

.deal-top {
    height: 65px;
}

.deal-countdown .countdown-amount,
span.countdown-section::after {
    color: var(--colorPrincipal) !important;
}

.deal .product-price {
    font-weight: 500;
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
}

.deal-countdown .countdown-period {
    padding-bottom: 1px;
    color: var(--colorPrincipal) !important;
    font-size: 11.9px;
}

.deal-top {
    text-align: center;
}

.deal h4 {
    max-width: unset;
}

.countdown-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    height: 75px;
    left: 0;
    margin-top: 0;
}

.border-deal {
    position: absolute;
    display: block;
    left: auto;
    z-index: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: linear-gradient( to right, var(--colorPrincipal) 20%, var(--colorPrincipal) 40%, var(--colorTerciario) 50%, var(--colorSecundario) 55%, var(--colorPrincipal) 70%, var(--colorPrincipal) 100%);
    background-size: 200% auto;
    border-radius: 10px;
    animation: shine 3s linear infinite;
}


/*Begin shimmer code*/

@keyframes shine {
    to {
        background-position: 200% center;
    }
}


/* blocks */

.product-block {
    background-color: transparent;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.block-img-cover {
    display: flex;
    flex-grow: 1;
    overflow: hidden;
}

.block-img-cover img {
    object-fit: cover;
}

.block-img-contain {
    overflow: hidden;
    padding: 3rem;
    width: 100%;
    display: flex;
    flex-grow: 1;
}

.block-img-contain img {
    height: 100px;
    margin: auto;
    object-fit: contain;
}

.product-block:hover h5 {
    color: var(--colorPrincipal);
}

.product-blocks a img {
    transition: all ease 0.3s;
}

.btn-cuotas-add {
    min-width: unset;
    padding: 6px 10px;
}

.select-cuotas {
    font-size: 12px;
    height: 35px !important;
    color: #555 !important;
    font-weight: 400;
}

.btn-cart:before {
    content: "\f213";
}

.btn-product:before {
    font-family: uicons-regular-rounded !important;
}

.product {
    border-radius: 4px;
}

.product.product-2 .product-body {
    padding-bottom: 1.6rem;
    text-align: center;
}

@media (min-width: 768px) {
    p.block_p {
        transition: all 0.25s ease;
    }
    span.block_link {
        opacity: 0;
        position: absolute;
        bottom: 19px;
        left: 0;
        right: 0;
        transition: all 0.3s ease;
        transform: translateY(0px);
        -ms-transform: translateY(0px);
    }
    .product-block:hover span.block_link {
        opacity: 1;
        transform: translateY(-11px);
        -ms-transform: translateY(0);
    }
    .product-block:hover p.block_p {
        opacity: 0;
    }
}

@media (max-width: 767px) {
    p {
        font-size: 1.6rem;
    }
    .product-block {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .block-img-contain {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0;
        padding-left: 25px;
    }
    .product.product-2 .product-body {
        padding: 1.6rem 1rem;
    }
    .intro-subtitle {
        font-size: 15pt;
    }
    span.countdown-period {
        font-size: 10pt;
    }
    .deal-countdown.offer-countdown {
        left: 1%;
        right: 1%;
        width: 98%;
        height: 94%;
    }
}

@media (max-width: 580px) {
    .product-media .product-action .btn-cart {
        font-size: 1.4rem;
    }
    .product-media .product-action .btn-cart span {
        font-size: 1.2rem;
    }
    .product-media .product-action .btn-product:before {
        margin-right: 0.6rem;
    }
    .tres-carruseles .owl-prev,
    .tres-carruseles .owl-next {
        display: none !important;
    }
}

@media (max-width: 340px) {
    .product-media .product-action .btn-cart {
        font-size: 1.1rem;
    }
    .product-media .product-action .btn-cart span {
        font-size: 1.1rem;
    }
}


/*  */

.heading-line {
    position: relative;
}

.heading-line:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #ddd;
    left: 0;
    top: 50%;
    z-index: 0;
}

.heading-line .title {
    width: -moz-fit-content;
    width: fit-content;
    background: #fff;
    margin: auto;
    padding: 0 20px;
    z-index: 1;
    position: relative;
}

.new-arrivals li.nav-item {
    display: flex;
    flex-grow: 1;
    align-items: center;
    text-align: center;
    margin-left: 0 !important;
}

.nav.nav-pills .nav-link {
    font-weight: 600;
    text-transform: none;
}

.new-arrivals .nav.nav-pills .nav-link {
    width: 100%;
    border-bottom: 2px solid #e5e5e5;
    border-top: 4px solid #fff;
    padding: 15px 0;
    font-size: 16px;
}

.new-arrivals .nav.nav-pills .nav-item .nav-link.active {
    border-top-color: var(--colorPrincipal);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-bottom-color: #e5e5e5;
}

.new-arrivals .nav.nav-border-anim .nav-link.active:before {
    display: none;
}

.marcas-carousel .owl-stage {
    display: flex;
    justify-content: center;
}

.brand {
    height: 100%;
}

.brand img {
    object-fit: contain;
    height: 90px;
    padding: 0 15px;
}

.new-arrivals .product-price,
.trending-products .product-price {
    color: var(--colorPrincipal);
}

.owl-simple .owl-nav .owl-prev {
    left: 0;
}

.owl-simple .owl-nav .owl-next {
    right: 0;
}

.btn-quickview:before {
    content: "\f2ed";
    transform: scaleX(-1);
}

.btn-product-icon {
    color: #ffffff;
    background-color: var(--colorPrincipal);
}

.btn-product-icon:hover,
.btn-product-icon:focus {
    color: #fff;
    border-color: var(--colorPrincipal);
    background-color: var(--colorPrincipal);
}


/* catalogo */

.banner-catalogo img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
}

.title-toobox {
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
}

.product-label.label-new {
    top: 1rem;
    left: 1rem;
}

.product-cat,
.blog-posts .entry-meta {
    color: #555;
}

.entry-content {
    margin-top: .8rem;
}

.max-col-2 .entry-grid .entry-title {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-transform: uppercase;
    line-height: 1.5;
    letter-spacing: .1rem;
    transition: all .3s;
    font-weight: 500;
}

.entry-title a:hover,
.entry-title a:focus {
    color: var(--colorSecundario);
}

.read-more {
    color: var(--colorSecundario);
}

.read-more:hover,
.read-more:focus {
    box-shadow: 0 1px 0 0 var(--colorSecundario);
}

.widget-cats a:hover,
.widget-cats a:focus,
.tagcloud a:hover,
.tagcloud a:focus,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus {
    color: var(--colorSecundario);
}

.product-label.label-sale {
    background-color: var(--red);
}

.product-action.product-action-dark {
    background-color: var(--colorPrincipal);
}

.product-action.product-action-dark:hover {
    background-color: var(--colorSecundario);
}

.product-action.product-action-dark a,
.product-action.product-action-dark a span {
    color: #fff !important;
}

.btn-product:hover span,
.btn-product:focus span {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--colorPrincipal);
    background-color: var(--colorPrincipal);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label {
    color: var(--colorPrincipal);
}

.fullscreen-container .owl-carousel .owl-item img {
    max-height: 380px;
    object-fit: contain;
}

.intro-slider-container,
.intro-slide {
    background-color: transparent;
}

.sidebar-filter-responsive {
    position: fixed;
    left: -350px;
    top: 0;
    bottom: 0;
    z-index: 1001;
    background-color: #fff;
    margin-top: 0;
    width: 100%;
    max-width: 350px;
    overflow-y: scroll;
    box-shadow: 0.1rem 0 0.6rem 0 rgba(51, 51, 51, 0.5);
    will-change: transform;
    visibility: hidden;
    transition: all 0.35s;
}

.sidebar-filter-active .sidebar-filter-responsive {
    visibility: visible;
    transform: translateX(350px);
}

.product-action {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 991.9px) {
    .toolbox {
        height: 75px;
    }
}

.btn-preview:before {
    content: "\f145";
}

.modal-addtocart .product-img-wrapper img {
    width: 100%;
    max-width: 154px;
    height: auto;
    margin: auto;
}

.modal-addtocart .product-img-wrapper img {
    width: 100%;
    max-width: 154px;
    height: auto;
    margin: auto;
}

.modal-addtocart [class^="col"] .btn {
    margin-top: 20px;
}

.product-media .product-image,
.slider-foto-grande img,
.slick-vertical .slick-slide img,
.modal-addtocart .product-img-wrapper img,
.container-cart-body .item-product-cart img,
td.product-col img,
.table.table-summary img {
    aspect-ratio: 1/1;
    object-fit: contain;
}

.product-media {
    background-color: #fff;
}

@media (min-width: 1025px) {
    .modal-addtocart.desktop:before {
        content: "";
        width: 1px;
        height: 100%;
        background: #e9e7e7;
        position: absolute;
        left: 50%;
        margin-left: 8px;
        top: 0;
    }
}


/* producto */

.product-details-action .btn-cart {
    color: #ffffff;
    border-color: var(--colorPrincipal);
    background-color: var(--colorPrincipal);
    font-weight: 400;
    height: 40px;
    max-width: 280px;
}

.new-price {
    color: var(--red);
}

.btn-product-gallery {
    z-index: 1;
    border-radius: 4px;
}

.table-prod-info {
    text-align: center;
}

.table-prod-info td {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

.product-details-action .btn-cart span {
    text-transform: none;
}

.btn.btn-spinner {
    padding: 1.15em 0.4rem;
    min-width: 30px !important;
}

.cart-product-quantity .btn.btn-spinner {
    padding: 1.18em 0.4rem;
}

body.mfp-zoom-out-cur {
    overflow: hidden;
}

.mfp-zoom-out-cur .mfp-bg {
    background: #fff;
}

.mfp-gallery .mfp-ready.mfp-bg {
    opacity: 1;
    height: 100% !important;
}

.mfp-gallery .mfp-figure:after {
    box-shadow: none;
}

.mfp-gallery .mfp-close:before,
.mfp-gallery .mfp-arrow,
.mfp-gallery .mfp-title {
    color: #000;
}

.mfp-gallery .mfp-counter {
    display: none;
}

.dashboard {
    padding-bottom: 6rem;
}

.nav-dashboard .nav-link:hover,
.nav-dashboard .nav-link:focus,
.nav-dashboard .nav-link.active {
    color: var(--colorSecundario);
}

@media (max-width: 767px) {
    .product-details-action .btn-cart {
        width: 100%;
        max-width: 100%;
    }
}


/* carrito */

.table .total-col {
    color: var(--colorSecundario);
}

.table.table-summary .summary-total td {
    color: var(--colorSecundario);
}

@media (max-width: 991px) {
    .accordion-summary .summary {
        margin-top: 0;
    }
    td[data-title]::before {
        content: attr(data-title);
    }
    .nav-dashboard .nav-link,
    .breadcrumb-item {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 580px) {
    .product-details-action {
        flex-direction: unset;
    }
}


/* checkout */

.checkout {
    padding-bottom: 8rem;
}

.checkout #step-tabs .nav-item {
    position: relative;
}

#step-tabs .nav-item .nav-link.active p {
    color: var(--colorPrincipal);
}

.checkout .form-control:not(:focus) {
    background-color: transparent;
}

.form-control {
    border-radius: 5px;
}

.element i {
    font-size: 50px;
}

.accordion-summary .card-title a:not(.collapsed) .element {
    border-color: var(--colorPrincipal);
}

.element {
    min-height: 70px;
}

.element-title {
    font-size: 1.6rem;
}

.accordion-summary .card .store-content {
    font-size: 1.4rem;
}

.accordion-summary .card-title a:not(.collapsed) .element .element-title {
    color: var(--colorPrincipal);
}

.payment_box p {
    font-weight: 400;
}

label {
    color: #111;
    font-weight: 400;
}

.checkout .custom-control .custom-control-label {
    text-align: left;
    user-select: none;
}

.select2-container {
    width: 100% !important;
    padding: 0;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 40px !important;
}

.select2-container .select2-selection--single {
    font-size: 1.4rem;
    line-height: 1.5;
}

.step-count {
    font-size: 23px;
}

.element {
    color: #333;
}

.payment_box {
    color: #333;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    padding: 2rem;
    margin-bottom: 3rem;
}

.nav.nav-pills .nav-link:hover,
.nav.nav-pills .nav-link:focus {
    color: var(--colorPrincipal);
}

.summary {
    border-style: solid;
}

.prods-summary {
    overflow-y: auto;
    max-height: 19.5em;
}

.checkout .table.table-summary a {
    font-size: 13.5px;
}

.clear-both {
    clear: both;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.direc-item {
    transition: all ease 0.3s;
    color: #595959;
    border: 1px solid #dee2e6;
}

.direc-item:hover {
    border-color: var(--colorPrincipal);
    color: var(--colorPrincipal);
}

.forma_pago_wrapper label {
    text-align: center;
}

.forma_pago_wrapper .element.active {
    border-color: var(--colorPrincipal);
}

.forma_pago_wrapper .element.active label {
    color: var(--colorPrincipal);
}

.forma_pago_wrapper,
.forma_pago_wrapper input,
.forma_pago_wrapper label {
    cursor: pointer;
}

.input-forma-pago {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
    .checkout #step-tabs .nav-item:not(:last-child)::after {
        content: "";
        width: 50px;
        height: 0.5px;
        background-color: #e7e7e7;
        top: 50%;
        right: -50px;
        position: absolute;
        transform: translateX(50px);
    }
}

@media (max-width: 767px) {
    .accordion-summary .card-body {
        padding: 0;
    }
    .step-title {
        font-size: 12px;
        font-weight: 400;
    }
    .btnPrevious,
    .btnNext {
        margin-bottom: 15px;
        width: 100%;
    }
}


/* sucursales */

.store {
    margin-bottom: 0;
    height: 100%;
}


/* blog */

.entry-media .img-blog-media {
    height: 400px;
    object-fit: cover;
    border-radius: 4px;
}

.entry:not(.single-entry) .entry-media img {
    height: 200px;
    object-fit: cover;
}

.entry:not(.single-entry).boda-item .entry-media img {
    height: 120px;
    object-fit: contain;
    padding: 12px;
    background: #f4f7ff;
}

.boda-item {
    margin-bottom: 15px !important;
}

.blog-posts .read-more {
    text-transform: none;
}

.entry-content p,
.entry-content p span {
    font-family: var(--font-nomal), sans-serif!important;
}

article.entry.entry-grid .entry-content p {
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: normal;
    font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
    .entry-title {
        font-size: 2.4rem;
        text-transform: uppercase;
        line-height: 1.5;
    }
}


/* login */

.grid-login {
    --bg: url(../images/O_Boticario-Banner-Inicio-800x800px.png);
    --bg-mobile: url(../images/O_Boticario-Banner-Inicio-800x800px.png);
    display: grid;
    grid-template-columns: 1fr .5fr;
    height: 100%;
    min-height: 100vh;
    padding: 2rem 0;
    background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)), var(--bg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.item-login.width-login {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}

.width-login {
    width: 80%;
    margin: 0 auto;
}

.item-login .banner-login {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-login {
    padding: 2.5rem;
    position: relative;
    background: #fff;
    z-index: 1;
    border-radius: 6px;
    width: 80%;
}

.title-login {
    font-size: 3.5rem;
    font-family: var(--font-semiboldbold);
    color: var(--black);
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1.6rem;
}

.container-banner-login {
    position: relative;
    height: 100%;
}

/* .container-banner-login:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .4));
} */

.header-banner-login {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    width: 100%;
    padding: 1.6rem 0;
    width: 80%;
    margin: 0 auto;
    z-index: 9;
}

.container-text-login {
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    margin: 0 auto;
    z-index: 1;
}

.container-links-login {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

.title-login-banner {
    font-size: 2.8rem;
    color: #fff;
    font-family: var(--font-semibold);
    line-height: 1.2;
    margin-top: 2rem;
}

.subtitle-login-banner {
    font-size: 2rem;
    color: #fff;
    font-family: var(--font-semibold);
    line-height: 1.5;
    margin-bottom: 2rem;
}

.item-pasos {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    grid-column-gap: 20px;
    padding: 2rem;
    border-radius: 4px;
    background: #fff;
    margin-bottom: 2rem;
    height: 160px;
}

.container-pasos-numero {
    width: 60px;
    height: 60px;
    background: var(--colorPrincipal);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 3rem;
    font-family: var(--font-bold);
}

.container-pasos-texto h2 {
    font-size: 2.2rem;
    font-family: var(--font-semibold);
    color: var(--black);
    margin-bottom: 1rem;
}

.title-pasos {
    font-size: 2rem;
    color: #fff;
    font-family: var(--font-semibold);
    margin-top: 2rem;
}

.swiper-login {
    padding-bottom: 3.5rem !important;
}

.swiper-login .swiper-pagination {
    bottom: 0 !important;
    width: 100% !important;
}

.info-faq {
    margin-top: 2.5rem;
    margin-bottom: 4rem;
}

.form-tab .nav.nav-pills .nav-link {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.8rem;
    letter-spacing: -.025em;
    color: inherit;
    border-bottom-width: 0.2rem;
    padding: 0.9rem 1rem;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
}

.btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1rem;
    background: var(--colorPrincipal);
    font-family: var(--font-semibold);
    border-radius: 4px;
    transition: all .3s;
    padding: 1.3rem 0;
    display: none;
}

.btn-info:hover {
    background: var(--colorSecundario);
}

#signin-2 label,
#register-2 label {
    margin-bottom: 0;
}

.btn-login.btn-g,
.btn-login.btn-f {
    border-radius: 5px;
}

.btn-login.btn-g {
    --Google: #cc3333;
    background-color: var(--Google) !important;
    border-color: var(--Google) !important;
    color: #fff;
    margin-bottom: 1rem;
}

.btn.btn-login.btn-g i {
    color: #fff;
}

.btn-login.btn-f {
    --Facebook: #3366cc;
    background-color: var(--Facebook) !important;
    border-color: var(--Facebook) !important;
    color: #fff;
    margin-bottom: 1rem;
}

.btn.btn-login.btn-g i,
.btn.btn-login.btn-f i {
    color: #fff;
}

.pattern {
    background-color: var(--colorPrincipal);
    background-image: url(../images/pattern.svg);
    background-repeat: repeat;
    background-size: cover;
    height: 212px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-pattern {
    width: auto;
    height: 120px;
}

.bg-pattern {
    background-color: var(--colorPrincipal);
    background-image: url(../images/pattern.svg);
    background-repeat: repeat;
    background-size: cover;
    height: 45vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-title {
    padding-top: 6rem;
}


/* footer */

.widget-call a:hover {
    color: var(--colorSecundario);
}

.list-payment-icons li.nav-item {
    margin-left: 5px;
}

.list-payment-icons .payment-icon-image {
    max-height: 2em;
    width: auto;
}

.widget-newsletter .form-control {
    border-radius: 4px !important;
    border-right-width: 1px;
    padding-right: 4rem;
}

.widget-newsletter .input-group-append {
    position: absolute;
    right: 0;
    height: 100%;
    z-index: 3;
}

#newsletter-btn {
    background-color: var(--colorPrincipal);
    border: 0;
    color: #fff;
    padding: 1px 11px;
    border-radius: 4px;
    margin: 5px;
}

#newsletter-btn:hover {
    background-color: var(--colorSecundario);
}

footer .social-icon {
    font-size: 2rem;
    border: 0;
    background: var(--colorPrincipal);
    color: #fff;
    border-radius: 4px;
}

footer .social-icon:hover {
    background: var(--colorSecundario);
    color: #fff;
}

#scroll-top {
    border-radius: 4px;
    background-color: var(--colorPrincipal);
    color: #ffffff;
    bottom: 50px;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    left: 50px;
    right: unset;
}

#scroll-top:hover,
#scroll-top:focus {
    color: #fff;
    background-color: var(--colorSecundario);
    opacity: 1;
}

.widget.widget-about span {
    font-weight: 400;
}

.widget-about i {
    margin-right: 5px;
}

.footer .widget-about>a,
.footer .widget-list a {
    color: #333;
}

.footer-copyright {
    font-size: 13px;
    line-height: normal;
}

.container-enlaces {
    display: flex;
    align-items: flex-start;
    column-gap: 5rem;
}

@media (min-width: 992px) {
    .footer .widget {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    footer ul.widget-list {
        columns: 2;
    }
    .footer .widget-about>a,
    .footer .widget-list a {
        font-size: 15px;
    }
}


/* lista bodas */

.listas-banner {
    height: 100%;
    background-attachment: fixed;
}

.banner-box {
    background-color: #fff;
    padding: 6rem 6rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0.25rem;
}

.lista-item .entry-title {
    font-size: 2rem;
}

.listas-banner .intro-content {
    z-index: 2;
}

.label-regalado {
    background-color: var(--success);
    color: #fff;
    width: 100%;
    left: 0;
    top: 0;
}

.newsletter-popup-container .form-control {
    border-radius: 40px !important;
    padding-right: 4rem;
}

.newsletter-popup-container .input-group-append {
    position: absolute;
    right: 0;
    z-index: 3;
}

.newsletter-popup-container .input-group .btn {
    background-color: var(--colorPrincipal);
    border-radius: 45px;
    display: block;
    text-transform: none;
    min-width: 16rem;
}

.newsletter-popup-container .form-check-input {
    margin-top: 5px;
    margin-left: -2.25rem;
}

.newsletter-popup-container .mfp-close {
    right: calc(100% / 3.3 + 1rem);
    background-color: #f5f5f5;
}

@media (max-width: 1199px) {
    .newsletter-popup-container .mfp-close {
        right: calc(100% / 3.8 + 1rem);
    }
}

@media (max-width: 991px) {
    .newsletter-popup-container .mfp-close {
        right: calc(100% / 4.5 + 1rem);
    }
}

@media (max-width: 767px) {
    .newsletter-popup-container .mfp-close {
        right: 2rem;
    }
}

.product-label.label-new {
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    height: 25px;
    background-color: var(--colorSecundario);
}

.label-new~a {
    padding-top: 25px;
}

.swal2-popup {
    font-size: 1.4rem !important;
}

.product-gallery-item:before {
    border-color: transparent !important;
}

.politicas-content p,
.politicas-content ul {
    margin-bottom: 1.5rem;
    font-weight: 400;
}

@media screen and (min-width: 1600px) {
    .header .container-fluid .megamenu-container {
        position: static;
    }
    .header .container-fluid .megamenu-container .megamenu {
        width: 100%;
    }
}


/* resumen */

.tabla-resumen td {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.tabla-resumen .product-col .product-media {
    max-height: 60px;
}

.tabla-resumen tfoot td {
    border: 0;
}

#resumen-content .card-header {
    padding-bottom: 0.5rem;
}

#resumen-content .card-header h4 {
    margin-bottom: 0;
    font-size: 20px;
}

@media (max-width: 767px) {
    .tabla-resumen,
    .tabla-resumen thead,
    .tabla-resumen tbody,
    .tabla-resumen th,
    .tabla-resumen tbody td,
    .tabla-resumen tbody tr {
        font-size: 1.5rem !important;
    }
    .tabla-resumen tbody tr {
        border-bottom: 0.1rem solid #ebebeb;
        display: grid;
        grid-template-columns: auto auto;
        grid-template-areas: "prod prod" "price cant" ". sub";
    }
    .tabla-resumen>thead>tr:nth-child(2) {
        display: none;
    }
    .tabla-resumen td {
        position: relative;
        border-bottom: 0;
        padding: 0px 10px 10px 10px;
    }
    .tabla-resumen .product-col {
        grid-area: prod;
    }
    .tabla-resumen .total-col {
        grid-area: sub;
    }
    .tabla-resumen td:before,
    .tabla-resumen td>div:before {
        position: relative;
        font-weight: 600;
    }
    .tabla-resumen .price-col:before {
        content: "Precio: ";
    }
    .tabla-resumen .cant-td:before {
        content: "Cantidad: ";
    }
    .tabla-resumen tfoot {
        float: right;
    }
    .tabla-resumen .table-foot td {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
    #resumen-content .card-body {
        font-size: 1.5rem;
    }
}

.table.table-cart .total-col {
    white-space: nowrap;
}

.marcar-default {
    content: "⭐";
    position: absolute;
    right: 0;
    top: 10px;
    padding: 0 20px;
    filter: grayscale(1);
}

.direccion-default .marcar-default {
    filter: grayscale(0);
}

.direccion.direccion-default {
    border: 1px solid var(--colorPrincipal);
    border-radius: 10px;
}

#tab-pedidos .table tbody td,
#tab-credito .table tbody td {
    padding-right: 5px;
    padding-left: 5px;
}

@media (max-width: 767.9px) {
    .dashboard .nav-dashboard {
        display: grid;
        grid-template-columns: auto auto;
    }
}

@media (max-width: 991px) {
    #tab-pedidos td[data-title]::before,
    #tab-credito td[data-title]::before {
        color: #888;
    }
    #tab-pedidos table tr,
    #tab-pedidos table td,
    #tab-credito table tr,
    #tab-credito table td {
        display: grid;
    }
    #tab-pedidos thead,
    #tab-credito thead {
        display: none;
    }
    #tab-pedidos tr,
    #tab-pedidos td,
    #tab-credito tr,
    #tab-credito td {
        padding: 10px 0;
    }
    #tab-pedidos td,
    #tab-credito td {
        border-bottom: 0;
        grid-template-rows: 0fr 0fr;
    }
    #tab-pedidos tbody tr {
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-column-gap: 10px;
        border-bottom: 0.1rem solid #ebebeb;
        grid-template-areas: "info info" "info info" "info info" "button button";
    }
    #tab-credito tbody tr {
        grid-template-columns: auto auto;
        grid-template-rows: auto;
        grid-column-gap: 10px;
        border-bottom: 0.1rem solid #ebebeb;
        grid-template-areas: "info info" "info info" "info info" "info info";
    }
    .td-btn {
        grid-area: button;
    }
    .td-metodo-entrega {
        display: none !important;
    }
}

.label-circle {
    width: 5.6rem !important;
    height: 5.6rem !important;
    border-radius: 50% !important;
}

.fileinput .btn {
    margin-bottom: 10px;
}

.cursor-pointer {
    cursor: pointer;
}


/* social share btns */

.c-share {
    position: relative;
    width: 3em;
    height: 3em;
}

.c-share__input {
    display: none;
}

.c-share__input:checked~.c-share__toggler .c-share__icon {
    transition: 0s;
    width: 0;
    height: 0;
    color: #595959;
}

.c-share__input:checked~.c-share__toggler .c-share__icon::before {
    transform: rotate(-45deg);
}

.c-share__input:checked~.c-share__toggler .c-share__icon::after {
    transform: rotate(45deg);
}

.c-share__input:checked~.c-share_options {
    width: 11.0625em;
    height: 6.5em;
    border-radius: 0.3125em;
}

.c-share__input:checked~.c-share_options::before,
.c-share__input:checked~.c-share_options li {
    transition: 0.3s 0.15s;
    opacity: 1;
    transform: translateY(0);
}

.c-share__toggler,
.c-share_options {
    position: absolute;
    right: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    background-color: #f5f5f5;
}

.c-share__toggler {
    cursor: pointer;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-share__icon {
    position: relative;
    left: -0.3125em;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    color: #595959;
    background-color: currentColor;
    box-shadow: 0.625em -0.625em, 0.625em 0.625em;
    transition: 0.1s 0.05s;
}

.c-share__icon::before,
.c-share__icon::after {
    content: "";
    position: absolute;
    width: 1em;
    height: 0.125em;
    background-color: currentColor;
    transition: 0.1s;
}

.c-share__icon::before {
    top: 3px;
    left: 0.1875em;
    transform-origin: bottom left;
    transform: rotate(45deg);
}

.c-share__icon::after {
    top: -0.125em;
    left: 0.03125em;
    transform-origin: center;
    transform: rotate(-45deg);
}

.c-share_options {
    list-style: none;
    margin: 0;
    padding: 7px 14px;
    box-sizing: border-box;
    overflow: hidden;
    transition: 0.2s;
    box-shadow: 0 0.125em 0.125em rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.c-share_options::before {
    content: attr(data-title);
    display: block;
    margin-bottom: 0.5em;
    font-weight: 700;
}

.c-share_options li {
    font-size: 0.875em;
    color: #464646;
    cursor: pointer;
}

.c-share_options li:not(:last-child) {
    margin-bottom: 0.75em;
}

.c-share_options::before,
.c-share_options li {
    opacity: 0;
    transform: translateY(0.625em);
    transition: 0s;
}

.product-2 .product-title a {
    color: inherit;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 40px;
}

.product-details-tab .tab-content {
    border: 0;
}

.product-details-tab .tab-content .tab-pane {
    border: 0.1rem solid #dadada;
}

.top-menu.dropdown-desktop:not(.top-link-menu) {
    display: flex;
    align-items: center;
    align-self: stretch;
}

.top-menu.dropdown-desktop:not(.top-link-menu)>li {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding-right: 2.2rem;
}

.top-menu.dropdown-desktop>li {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.top-menu.dropdown-desktop:not(.top-link-menu)>li>a {
    display: block;
    padding-left: 0;
    padding-right: 0;
}

.top-menu.dropdown-desktop:not(.top-link-menu) a {
    padding: 0.3rem 1.5rem;
}

.top-menu.dropdown-desktop:not(.top-link-menu)>li::after {
    font-family: "molla";
    content: "\f110";
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1;
    margin-top: -0.7rem;
}

.top-menu.dropdown-desktop:not(.top-link-menu) ul {
    min-width: 141px;
    display: block;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 20;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    min-width: 180px;
    visibility: hidden;
    opacity: 0;
    margin-top: 1px;
    background-color: #fff;
    box-shadow: 2px 5px 8px rgb(51 51 51 / 5%), -2px 5px 8px rgb(51 51 51 / 5%);
    text-transform: capitalize;
}

.top-menu.dropdown-desktop:not(.top-link-menu) ul:before {
    content: "";
    display: block;
    width: 100%;
    height: 0.1rem;
    position: absolute;
    top: -1px;
    left: 0;
}

.top-menu.dropdown-desktop:not(.top-link-menu) a,
.top-menu:not(.top-link-menu) .social-icons ul a span {
    padding: 0.3rem 1.5rem;
    color: #111;
}

.top-menu.dropdown-desktop:not(.top-link-menu):hover ul,
.top-menu.dropdown-desktop:not(.top-link-menu):focus ul {
    visibility: visible;
    opacity: 1;
}

.header-4 .top-menu.dropdown-desktop li+li {
    margin-left: 0;
}

.bases-title {
    padding-top: 90px;
    margin-top: -90px;
}

.indice {
    font-size: 12.5px;
}

.indice a {
    color: #333;
    display: block;
    padding: 0 5px;
}

.indice a:hover {
    background-color: #e6e6e6;
}

.indice a.active {
    background-color: #d7d7d7;
    font-weight: 400;
}

.nav-sidebar {
    background-color: #f8f8f8;
}

.indice-toggler {
    background: var(--colorSecundario);
    color: #fff !important;
    border-radius: 4px 0 0 4px;
    margin-left: auto;
    margin-right: 0;
    z-index: 1;
    padding: 6px 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 145px;
}

@media (max-width: 991px) {
    .top-menu:not(.top-link-menu) .social-icons ul a {
        color: #111;
    }
    .top-menu.not-dropdown:not(.top-link-menu)>li {
        padding-right: 1.2rem;
    }
    .top-menu.not-dropdown>li {
        padding-top: revert;
        padding-bottom: revert;
    }
    .top-menu.not-dropdown:not(.top-link-menu)>li>a {
        display: block;
        padding-left: 0;
        padding-right: 0;
    }
    .top-menu.not-dropdown:not(.top-link-menu) a {
        padding: 0.3rem 1.5rem;
    }
    .top-menu.not-dropdown:not(.top-link-menu)>li::after {
        display: none;
    }
    .top-menu.not-dropdown:not(.top-link-menu) ul {
        position: relative;
        right: unset;
        top: unset;
        z-index: unset;
        padding-top: revert;
        padding-bottom: revert;
        min-width: unset;
        visibility: visible;
        opacity: 1;
        margin-top: revert;
        background-color: transparent;
        box-shadow: none;
    }
    .top-menu.not-dropdown:not(.top-link-menu) ul:before {
        display: none;
    }
    .top-menu.not-dropdown:not(.top-link-menu) a {
        padding: revert;
    }
    .sticky-header.fixed {
        position: fixed;
        left: 0px;
        right: 0;
        top: 0;
        z-index: 104;
        animation-name: fixedHeader;
        animation-duration: 0.4s;
        box-shadow: 0 3px 6px rgb(51 51 51 / 5%);
        background: #ffffff;
    }
    .sticky-logo {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .product .product-action-vertical {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
    .deal {
        padding: 3.6rem 2rem 4.8rem;
    }
    .nav-sidebar {
        z-index: 1040;
    }
    .bases-title {
        padding-top: 145px;
        margin-top: -145px;
    }
    .product-block-mobile {
        padding-top: 3rem;
    }
}

.product.product-2 .product-action {
    border-radius: 4px;
}

.footer .widget-title {
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    color: var(--black);
    font-family: var(--font-semibold);
    font-weight: unset;
}

.widget-collapsible .widget-title a {
    font-weight: unset;
    text-transform: uppercase;
    font-size: 15px;
    font-family: var(--font-semibold);
    letter-spacing: .1rem;
}

.custom-control-label {
    user-select: none;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label {
    color: var(--colorPrincipal);
}

.accordion-summary .card-title a:before,
.accordion-summary .card-title a:after {
    visibility: hidden;
}

.catalogo-item {
    transition: all ease 0.3s;
}

.catalogo-item:hover {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.old-price {
    text-decoration: line-through;
}

@media screen and (min-width: 993px) {
    .btn-zoom-combo-image {
        position: unset;
        float: right;
        margin-top: 1rem;
    }
}

.regalos {
    padding-top: 0;
    padding-bottom: 3rem;
}

.product-block {
    background-color: #f4f4f4;
    border-radius: 1.38888889vw;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.product-block.flex-row {
    background-color: #fff;
    border: 2.5px solid var(--colorPrincipal);
    border-radius: 8px;
}

.product-block.flex-row:hover {
    border: 0;
    background: linear-gradient(90deg, var(--colorPrincipal) 0%, var(--grad) 100%);
}

.product-block.flex-row .block-desc {
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    transition: all ease .6s;
    z-index: 1;
}

.product-block.flex-row .block-desc::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--colorPrincipal);
    z-index: -1;
    transition: all ease .6s;
}

.product-block.flex-row:hover .block-desc:before {
    width: 0;
}

.product-block.flex-row:hover img {
    filter: brightness(0) invert(1);
}

.product-block:hover img {
    transform: translateY(-5px);
}

.descatados {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.mas-vendidos {
    padding-bottom: 4rem;
}

.cobranzas-grid img {
    height: 100px;
    width: auto;
    margin: auto;
}

.cobranzas-grid .dropdown-item {
    font-size: 12px;
}

.cobrador-alerts .alert {
    border-radius: 15px;
    text-align: center;
    display: block;
    font-weight: 500;
}

.costo-item {
    border-bottom: 1px solid #f5f5f5;
    padding: 5px 0;
    overflow: hidden;
    margin: 0;
}

.aviso-online {
    color: black !important;
    font-weight: bold;
}

.precio-transferencia {
    font-size: 2.4rem;
    color: rgb(126, 121, 126);
}

.precio-ficha-normal {
    font-size: 2rem !important;
    flex-wrap: nowrap !important;
    flex-direction: unset !important;
    align-items: center !important;
}

.desc-price {
    color: rgb(126, 121, 126);
}

.price-fp {
    font-size: 1.6rem;
}

.price-normal {
    font-size: 1.3rem !important;
}

.fp-precio {
    font-size: 1.3rem !important;
}

.fp-checkout p {
    font-size: 1.1rem;
    font-weight: 700;
    color: rgb(126, 121, 126);
}

.account-details-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 25px 20px;
    text-align: center;
}

.coupon-finder {
    max-width: 630px;
    border-radius: 15px;
}

.coupon-finder h1 {
    display: flex;
    justify-content: center;
    gap: 0 8px;
}

.coupon-finder .card-header {
    border-bottom: 5px solid var(--colorSecundario)
}

.coupon-finder .form-group.form-inline {
    gap: 0px 15px;
}

.coupon-finder input {
    max-width: 240px;
    color: #333;
}

.container-categoria {
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 8px;
    transition: all .3s;
}

.container-categoria:hover .container-categoria-text a {
    color: var(--colorTerciario);
}

.container-categoria:hover .btn-link::after {
    right: -10px;
    transition: all .3s;
}

.container-categoria-text {
    padding: 1rem;
    padding-bottom: 2rem;
    text-align: center;
}

.title-categorias {
    font-size: 3rem;
    text-align: center;
    padding-bottom: 3rem;
}

.title-categoria-link {
    margin: 0;
    line-height: 1.5;
}

.title-categoria-link a {
    font-size: 2rem;
    color: #333;
    transition: all .3s;
}

.title-categoria-link a:hover {
    color: var(--colorTerciario);
}

.btn-link {
    display: inline-block;
    font-size: 1.4rem;
    color: var(--colorTerciario);
    line-height: 1.5;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.btn-link:hover {
    border-bottom: transparent;
}

.btn-link::after {
    content: '';
    position: absolute;
    top: 52%;
    right: -5px;
    transform: translateY(-50%);
    width: 10px;
    height: 8px;
    background: url(../images/arrow-left-red.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s;
}

.categorias {
    padding-top: 0;
    padding-bottom: 8rem;
}

.banner-secundario {
    width: 100%;
    height: 60vh;
    overflow: hidden;
    border-radius: 4px;
}

.container-video {
    overflow: hidden;
    height: 100vh;
    border-radius: 4px;
}

.carousel-with-shadow .owl-stage-outer {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}


/* Swipper Slider */

.container-valores {
    position: relative;
}

.row.image-miniatura {
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 999;
}

.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}


/* Swipper Slider */

.blog {
    padding-bottom: 8rem;
}

.item-blog {
    border-radius: 4px;
    overflow: hidden;
}

.container-blog-images {
    height: 250px;
    overflow: hidden;
}

.item-blog:hover .img-blog {
    transform: scale(1.08);
    transition: all 2s;
}

.item-blog:hover .btn-link:after {
    right: -10px;
    transition: all .2s;
}

.img-blog {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 2s;
}

.container-blog-text {
    padding: 2.5rem 2rem;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.title-blog {
    font-family: var(--font-semibold);
    font-size: 1.8rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    margin-top: .5rem;
    margin-bottom: 0;
    transition: all .3s;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.title-blog a {
    font-family: var(--font-semibold);
    color: #333;
}

.title-blog a:hover {
    color: var(--colorTerciario);
}

.text-blog {
    font-size: 1.5rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.widget-list li:first-child .link-items-footer {
    align-items: flex-start;
}

.widget-list li:first-child .link-items-footer img {
    top: 2px;
    width: 14px;
}

.widget-list li:last-child .link-items-footer {
    align-items: flex-start;
}

.link-items-footer {
    line-height: 1.5;
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    margin-bottom: .8rem;
    color: #333;
    transition: all .3s;
}

.link-items-footer:hover {
    color: var(--colorTerciario);
}

.link-items-footer img {
    position: relative;
    top: 4px;
    width: 15px;
    object-fit: contain;
    text-align: center;
    display: flex;
    justify-content: center;
}

.item-list-tel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}

.item-list-tel .link-items-footer {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.item-list-tel .link-items-footer img {
    height: 20px;
    top: 0;
}

.widget-informacion {
    margin-left: 0;
}

.widget-list a:hover {
    color: var(--colorPrincipal);
}

.widget-list a:before {
    background-color: transparent;
}

.footer .footer-middle {
    border-top: none;
    padding: 5rem 0 4rem;
}

.sidebar-filter-wrapper {
    padding: 3.5rem;
}

.close-sidebar-filter {
    cursor: pointer;
}

.toolbox-right {
    align-items: flex-start;
}

.toolbox-left,
.toolbox-right {
    flex: unset;
    gap: 2rem;
}

.sidebar-toggler:hover,
.sidebar-toggler:focus {
    color: var(--colorSecundario);
}

.container-filtro-toggle {
    margin-left: auto;
}

.sidebar-toggler {
    position: relative;
    top: 2px;
    column-gap: 5px;
}

.toolbox-right {
    margin-top: 0;
}


/* .product-details-new {
    width: 410px;
    margin: 0 auto;
} */

.offset-description {
    padding-left: 3rem;
}

.grid-ficha {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 5rem;
    justify-content: center;
}

.grid-description-ficha {
    display: grid;
    grid-template-columns: 1fr 150px;
}

.product-details .product-title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-right: 0;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
    line-height: 1.5;
    color: var(--black);
}

.product-title-ficha {
    font-size: 4rem;
    margin-bottom: 1rem;
    margin-top: 0;
    padding-right: 0;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-bold);
    line-height: 1.5;
    color: var(--black);
}

.text-product-ficha {
    font-size: 1.6rem;
    font-family: var(--font-semibold);
    letter-spacing: .1rem;
    text-transform: uppercase;
    color: var(--black);
    line-height: 1.5;
    margin: 2rem 0;
}

.btn-width {
    width: 250px !important;
}

.precio-ficha-normal {
    align-items: flex-end;
}

.precio-ficha-normal {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container-cuotas-cantidad {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.precio-ficha-normal .new-price {
    font-weight: 500;
    position: relative;
    top: 1px;
    margin: 0;
    font-size: 2rem;
}

.grid-pagos {
    display: flex;
    column-gap: 15px;
    flex-wrap: wrap;
}

.item-grid-pagos {
    padding: 1.6rem;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 340px;
    transition: all .3s;
}

.item-grid-pagos:hover {
    border: 1px solid #86868b;
}

.flex-form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-principal.btn-comprar {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
    border-radius: 4px;
}

.btn-principal.btn-comprar:focus {
    color: #fff;
}

.btn-principal.btn-cuotas {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1.6rem;
    font-size: 1.5rem;
    background: var(--colorTerciario);
}

.btn-principal.btn-cuotas:hover {
    background: var(--hoverTerciario);
}

.select-cuotas-ficha {
    height: 42px !important;
    font-size: 1.4rem;
    padding: 1rem !important;
    width: 205px;
}

.title-item-grid {
    padding-bottom: 1rem;
    margin-bottom: 1.8rem;
    border-bottom: 1px solid #ddd;
    font-size: 2.2rem;
}

.form-control:focus {
    border-color: #ddd;
}

.container-banner-ficha {
    margin-top: 3rem;
    border-radius: 8px;
    overflow: hidden;
}

.banner-ficha {
    width: 100%;
}

.container-fav {
    display: flex;
    align-items: center;
    column-gap: 3rem;
}

.container-fav {
    margin-bottom: 1rem;
}

.item-whatsapp a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 1.4rem;
    color: #333;
    transition: all .3s;
    text-transform: uppercase;
}

.item-whatsapp a:hover {
    color: var(--colorPrincipal);
}

.item-fav a {
    display: flex;
    align-items: center;
    column-gap: 10px;
    font-size: 1.4rem;
    color: #333;
    transition: all .3s;
    text-transform: uppercase;
}

.item-fav a:hover {
    color: var(--colorPrincipal);
}

.icons-ficha {
    font-size: 2.2rem;
}

.relacionados {
    margin-top: 4rem;
}

.product-image-gallery {
    width: 85%;
    margin: 0 auto;
    flex-wrap: unset;
}

.resumen {
    margin-top: 6rem;
}

.radio {
    display: none;
}

.container-form-input {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.container-input {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating {
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    width: 20px;
    height: 20px;
    background: #fcb800;
    position: relative;
    z-index: 1;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
}

.rating::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    height: 16px;
    width: 16px;
    background-color: white;
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    transform: translate(-50%, -50%);
}

.container-input input[type='checkbox']:checked~.rating::after {
    background-color: #fcb800;
}

.nav-link-ficha {
    font-size: 2rem !important;
    opacity: .8;
    color: #333;
}

.nav.nav-pills .nav-item.show .nav-link,
.nav.nav-pills .nav-item .nav-link.active {
    color: var(--colorPrincipal);
    border-bottom-color: var(--colorPrincipal);
    opacity: 1;
}

.product-details-tab .nav.nav-pills .nav-link:hover,
.product-details-tab .nav.nav-pills .nav-link:focus {
    color: var(--colorPrincipal);
    border-bottom-color: var(--colorPrincipal);
}

.product-desc-content {
    width: 70%;
    margin: 0 auto;
}

.product-desc-content p {
    font-size: 1.5rem;
}

.btn-principal.btn-enviar {
    border: 0;
}

.btn-link.btn-checkout {
    color: var(--colorTerciario);
    padding-left: 0;
}
.store a:not(.btn):hover, .store a:not(.btn):focus{
    color: var(--colorPrincipal);
}
.btn-outline-primary-2 {
    color: var(--colorPrincipal);
    background-color: transparent;
    background-image: none;
    border-color: var(--colorPrincipal);
    box-shadow: none;
}

.btn-outline-primary-2:hover,
.btn-outline-primary-2:focus,
.btn-outline-primary-2.focus,
.btn-outline-primary-2:not(:disabled):not(.disabled):active,
.btn-outline-primary-2:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary-2.dropdown-toggle {
    color: #fff;
    background-color: var(--colorPrincipal);
    border-color: var(--colorPrincipal);
    box-shadow: none;
}

.tab-content>.tab-pane {
    display: none;
}

.tab-content>.active {
    display: block;
}

.input-monto,
.gif-seleccion {
    display: none;
}

.monto {
    position: relative;
    padding-left: 2.6rem;
    cursor: pointer;
    user-select: none;
}

.seleccion {
    position: relative;
    cursor: pointer;
    user-select: none;
    border-radius: 8px;
}

.seleccion img {
    border-radius: 8px;
}

.monto::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--colorPrincipal);
}

.monto::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--colorPrincipal);
    opacity: 0;
    visibility: hidden;
}

.seleccion::before {
    content: '';
    position: absolute;
    left: 0;
    top: -3rem;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--colorPrincipal);
}

.seleccion::after {
    content: '';
    position: absolute;
    left: 3px;
    top: -2.7rem;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--colorPrincipal);
    opacity: 0;
    visibility: hidden;
}

.container-input-radio input[type="radio"]:checked~.monto::after {
    opacity: 1;
    visibility: visible;
}

input[type="radio"]:checked~.seleccion::after {
    opacity: 1;
    visibility: visible;
}

#select2-ciudad-container {
    line-height: 1.5;
}

.read-more:hover {
    color: var(--colorTerciario);
}

.delete_from_list {
    font-size: 1.5em;
    top: 0;
    line-height: 1;
    z-index: 2;
    right: 0;
    background: rgba(0, 0, 0, .05);
}

.badge_comprado {
    top: 0.5rem;
    right: 0;
    z-index: 3;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
    font-size: 1.4rem;
    padding: 0.4rem;
    border-radius: 4px;
}

.entry {
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #ddd;
}

.entry-body {
    padding: 2rem;
    padding-bottom: 1.2rem;
}

.max-col-2 .entry-grid .entry-media {
    margin-bottom: 0;
}

.border-none {
    border: transparent;
}

.text-nosotros {
    font-size: 1.6rem;
    text-align: center;
}

.text-primary {
    color: var(--colorPrincipal) !important;
}

.text-secondary {
    color: var(--colorSecundario) !important;
}

.title-nosotros {
    color: var(--colorPrincipal);
    font-size: 3.2rem;
}

.items-icons {
    background: #f9f9f9;
    padding: 5rem 0;
}

.politicas-content {
    padding: 5rem 0;
}

.info-nosotros {
    padding: 8rem 0;
}

.info-nosotros h3 {
    line-height: 1.5;
}

.historia {
    padding: 8rem 0;
}

.modal-header {
    position: absolute;
    right: 0;
    z-index: 99;
}

.close {
    cursor: pointer;
}

.container-regalos {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: all .3s;
}

.item-regalos {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1.6rem;
    transition: all .6s;
}

.container-img-regalos {
    display: flex;
    margin-bottom: 15px;
    margin-bottom: 40px;
    padding: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: #f9fdfe;
    box-shadow: 15px 15px 40px 0 #c1d5da;
    width: 160px;
    height: 160px;
    display: flex;
    align-items: center;
    transition: all .6s;
}

.container-regalos:hover .item-regalos .container-img-regalos {
    transform: translateY(-8px);
    transition: all .6s;
}

.container-regalos:hover .btn-link::after {
    right: -10px;
    transition: all .3s;
}

.img-regalos {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.img-regalos.img-bodas {
    height: 77px;
}

.img-regalos.img-combos {
    height: 77px;
}

.icon-favorite {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all .35s;
    background: #fff;
}

.icon-favorite span {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    align-items: center;
    font-weight: 300;
    font-size: 1.1rem;
    white-space: nowrap;
    letter-spacing: 0;
    min-width: 100px;
    padding-left: 1.8rem;
    padding-right: 0.4rem;
    color: #fff;
    transition: all .35s;
    opacity: 0;
    visibility: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    transform: translateX(15px);
    z-index: 1;
    background: var(--colorPrincipal);
    display: flex;
    align-items: center;
}

.icon-favorite i {
    position: relative;
    top: 1px;
    font-size: 1.6rem;
}

.icon-fav {
    height: 16px;
    width: 16px;
    object-fit: contain;
}

.icon-favorite:hover {
    background: var(--colorPrincipal);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.icon-favorite:hover .icon-fav {
    filter: invert(100%) sepia(0%) saturate(7470%) hue-rotate(70deg) brightness(230%) contrast(96%);
}

.icon-favorite:hover span {
    visibility: visible;
    opacity: 1;
    transform: translateX(2px);
}

.icon-favorite:hover i {
    color: #fff;
}

.icon-compare {
    position: absolute;
    top: 45px;
    right: 5px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all .35s;
    background: #fff;
}

.icon-compare span {
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    align-items: center;
    font-weight: 300;
    font-size: 1.1rem;
    white-space: nowrap;
    letter-spacing: 0;
    min-width: 75px;
    padding-left: 1.8rem;
    padding-right: 0.4rem;
    color: #fff;
    transition: all .35s;
    opacity: 0;
    visibility: hidden;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    transform: translateX(15px);
    z-index: 1;
    background: var(--colorPrincipal);
    display: flex;
    align-items: center;
}

.icon-compare i {
    position: relative;
    top: 1px;
    font-size: 1.6rem;
}

.icon-compare:hover {
    background: var(--colorPrincipal);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.icon-compare:hover span {
    visibility: visible;
    opacity: 1;
    transform: translateX(2px);
}

.icon-compare:hover i {
    color: #fff;
}

.nav.nav-pills-mobile .nav-link.active,
.nav.nav-pills-mobile .nav-link:hover,
.nav.nav-pills-mobile .nav-link:focus {
    color: var(--colorPrincipal);
    border-bottom-color: var(--colorPrincipal);
}

.nav.nav-border-anim .nav-link:before {
    background-color: var(--colorPrincipal);
}

.container-search-mobile {
    padding: 10px;
    margin-bottom: 2rem;
}

.container-search-mobile input {
    padding: 15px;
    margin-left: 0 !important;
    margin-bottom: 0;
}

.header-search-wrapper {
    position: relative;
}

.btn-search {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--colorPrincipal);
    border: transparent;
    border-radius: 8px;
}

.owl-theme.owl-light .owl-dots .owl-dot.active span {
    border-color: var(--colorPrincipal);
    background: var(--colorPrincipal);
}

.owl-theme .owl-nav [class*='owl-']:not(.disabled):hover {
    border-color: var(--colorPrincipal);
    background: var(--colorPrincipal);
}

.owl-theme.owl-light .owl-nav [class*='owl-']:not(.disabled):hover {
    border-color: var(--colorPrincipal);
}

.product-action {
    visibility: visible;
    opacity: 1;
    transform: unset;
}

.product-price {
    margin-top: 1rem;
    margin-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
    column-gap: 5px;
}

.product-price span {
    font-size: 1.6rem;
}

.card-compare {
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 2rem;
}

.title-compare {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 0;
}

.btn-eliminar {
    background: transparent;
    border: 0;
}

.btn-eliminar i {
    color: var(--colorTerciario);
}

.grid-item-compare {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.6rem 0;
    border-top: 1px solid #ddd;
    column-gap: 2rem;
}

.grid-item-compare h6 {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1.5rem;
}

.grid-item-compare a {
    color: var(--colorPrincipal);
}

.product-name-compare {
    height: 70px;
    display: flex;
    align-items: center;
}

.grid-item-compare p {
    padding-top: 1.6rem;
}

.grid-item-compare.grid-item-compare-desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form-box {
    border-radius: 4px;
}

.container-form {
    max-width: 575px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    padding: 2rem 6rem 3rem;
    box-shadow: 0 3px 16px rgb(51 51 51 / 10%);
    margin-bottom: 2rem;
    border-radius: 6px;
}

.container-button-registro .btn-principal {
    display: inline-block;
    padding: 0.85rem 2rem;
    height: 39px;
}

.title-sin-registro {
    font-size: 2.1rem;
}

.container-salir {
    text-align: left;
    margin-bottom: 2rem;
}

.volver-carrito {
    display: inline-flex;
    align-items: center;
    column-gap: 8px;
    border-bottom: 1px solid #ccc;
    font-size: 1.6rem;
}

.footer-form {
    display: flex;
    flex-direction: column;
}


/* Productos */

.section-carousel {
    padding: 8rem 0;
}

.title-carousel {
    text-align: center;
    text-transform: uppercase;
    color: var(--black);
    font-family: var(--font-semibold);
    font-size: 2.5rem;
    letter-spacing: .1rem;
    padding-bottom: 3rem;
}

.productos {
    padding: 1.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    height: auto;
    position: relative;
}

.productos-ticket {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
}

.productos-ticket img {
    width: 70px;
    height: auto;
    object-fit: cover;
}

.swiper.swiper-favoritos {
    /* overflow: visible; */
    scrollbar-width: none;
}

.swiper.swiper-favoritos::-webkit-scrollbar {
    display: none;
}

.swiper-favoritos .swiper-button-next,
.swiper-favoritos .swiper-button-prev {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid var(--colorPrincipal);
    transform: scale(.9);
    transition: all .3s;
    will-change: transform;
}

.swiper-favoritos .swiper-button-next:hover,
.swiper-favoritos .swiper-button-prev:hover {
    transform: scale(1);
}

.swiper-favoritos .swiper-button-next img {
    position: relative;
    left: 1px;
}

.swiper-favoritos .swiper-button-prev img {
    position: relative;
    right: 1px;
}

.swiper-favoritos .swiper-button-next img,
.swiper-favoritos .swiper-button-prev img {
    width: 8px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: '' !important;
}

.productos-image img {
    aspect-ratio: 1/1;
    object-fit: contain;
}

.productos-descripcion {
    text-align: center;
    padding: 0 0;
    height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.title-producto {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: var(--black);
    line-height: 1.5;
    letter-spacing: .1rem;
    height: 42px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.producto-precio {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 1rem;
    width: 100%;
    margin: 1rem auto;
}

.producto-precio-carousel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'revendedor catalogo' 'promocion promocion';
    margin-top: .5rem;
}

.title-precio {
    color: var(--colorPrincipal);
    font-size: 1.2rem;
    line-height: normal;
}

.precio-revendedor {
    grid-area: revendedor;
    padding-right: .8rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.precio-catalogo {
    grid-area: catalogo;
    padding-left: .8rem;
    border-left: 1px solid var(--colorPrincipal);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.precio-promocion {
    text-align: center;
    grid-area: promocion;
    margin-top: .5rem;
}

.precio-promocion .producto-precio {
    margin: 0 auto;
}

.producto-precio-carousel.producto-precio-ficha {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 1.6rem;
}

.producto-precio-carousel.producto-precio-ficha .precio-revendedor {
    padding-right: 1rem;
    align-items: center;
}

.producto-precio-carousel.producto-precio-ficha .precio-revendedor .title-precio {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-align: right;
}

.producto-precio-carousel.producto-precio-ficha .precio-revendedor .precio-actual {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-align: right;
}

.producto-precio-carousel.producto-precio-ficha .precio-catalogo .title-precio {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-align: left;
}

.producto-precio-carousel.producto-precio-ficha .precio-catalogo .precio-actual {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-align: left;
}

.producto-precio-carousel.producto-precio-ficha .precio-catalogo {
    padding-left: 1rem;
    border-left: 1px solid var(--colorPrincipal);
    align-items: center;
}

.producto-precio.producto-precio-ficha {
    justify-content: flex-start;
    margin-bottom: 1.6rem;
}

.producto-precio.producto-precio-ficha .precio-actual {
    font-size: 2rem;
}

.producto-precio.producto-precio-ficha .precio-anterior {
    font-size: 1.8;
}

.precio-actual {
    color: var(--colorTerciario);
    font-size: 1.7rem;
    line-height: 1.5;
}

.precio-actual-ficha {
    font-size: 3rem;
    color: var(--colorTerciario);
    font-family: var(--font-semibold);
}

.precio-promo {
    color: #E02C26;
    font-size: 1.7rem;
    line-height: 1.5;
}

.precio-anterior {
    font-size: 1.5;
}

.precio-anterior {
    text-decoration: line-through;
    opacity: .8;
}

.precio-revendedor-ficha,
.precio-catalogo-ficha {
    border: 1px solid #dee2e6;
    padding: 1.6rem;
    border-radius: 4px;
    margin-bottom: 1.6rem;
}

.title-precio-ficha {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    color: var(--colorPrincipal);
}

.precio-ficha-actual {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    text-align: left;
    color: var(--colorTerciario);
    line-height: 1.5;
}


/* Fin Productos */


/* Resumen Ficha*/


/* Tabs */

.container-info-tab {
    padding: 1rem 1.2rem;
    padding-top: 0;
    margin-bottom: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-radius: 3px;
}

.button-tabs {
    background: transparent;
    border-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 1.6rem;
    text-align: left;
    transition: all .3s;
    font-family: var(--font-semibold);
    color: var(--black);
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.button-tabs img {
    width: 10px;
    transition: all .3s;
}

.button-tabs.open-tabs {
    color: var(--colorSecundario);
}

.button-tabs.open-tabs img {
    transition: all .3s;
    transform: rotate(180deg);
}

.text-container-tabs {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .3s;
}

.text-container-tabs h3 {
    margin-top: 1rem;
}

.text.text-tabs {
    margin-bottom: 0;
    font-size: 1.4rem;
}

.text-container-tabs.open-tabs {
    height: auto;
    opacity: 1;
    transition: all .3s;
}

.container-input-details-quantity {
    border-radius: 4px;
}

.input-spinner .form-control {
    padding: unset;
    height: 40px;
    display: flex;
    align-items: center;
}

.btn.btn-spinner {
    height: 100%;
}


/* Resumen Ficha*/


/* //////////////////////Estilos de Slick slider///////////////////////// */

.img-slick-slider {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.img-slick-slider.img-slick-slider-ficha {
    width: 100%;
    height: calc(100vh - 82px);
}

.title-preguntas {
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.text-preguntas {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

@media screen and (max-width:460px) {
    .img-slick-slider {
        object-fit: contain;
    }
}

.slider-nav .slick-slide {
    cursor: pointer;
    padding: 5px;
}

.container-carousel {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 1.5rem;
    padding: 0;
    height: 490px;
}

.container-img {
    width: 100%;
}

.container-dots-img {
    width: 100%;
    width: 110px;
    position: relative;
    z-index: 99;
}

.slick-vertical .slick-slide {
    outline: 0 !important;
}

.slick-vertical .slick-slide img {
    border: 1px solid #c1c0c1 !important;
    padding-bottom: 0;
    margin: 0 auto;
}

.slick-vertical .slick-slide.is-active img {
    border-bottom: 2px solid var(--colorSecundario) !important;
}

.slider-nav .slick-slide {
    padding: 1rem;
    padding-bottom: 0;
}

.slick-vertical .slick-slide img:hover {
    border-bottom: 2px solid var(--colorPrincipal) !important;
}

.container-img {
    width: 510px;
    position: relative;
}

.slider-vertical-button .slick-prev {
    top: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0;
    background: 0 0;
}

.slick-prev:before,
.slick-next:before {
    content: '' !important;
    opacity: 0;
    color: transparent;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 15px;
    height: 15px;
    display: block;
}

.slider-vertical-button .slick-next {
    bottom: -15px !important;
    top: initial !important;
    left: 50%;
    transform: translateX(-50%) rotate(-45deg);
}

.slider-foto-grande .slick-next,
.slider-foto-grande .slick-prev {
    z-index: 1000;
}

.slider-foto-grande .slick-prev {
    left: 15px;
    transform: translateX(-50%) rotate(45deg);
    z-index: 10;
}

.slider-foto-grande .slick-next {
    right: 0;
    transform: translateX(-50%) rotate(-135deg);
}

.slick-slide {
    padding-bottom: 0;
}

.slick-slide.is-active img {
    border: 1px solid var(--colorPrincipal) !important;
}

.slick-slide.is-active img:hover {
    border-bottom: 1px solid var(--colorPrincipal) !important;
}

.img-dots-carrusel {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thumbs-item-ficha .img-dots-carrusel {
    height: 80px;
    width: 110px;
    object-fit: cover;
}

.slick-slide img {
    margin: 0 auto;
}

.galeria-modal {
    display: block;
    position: relative;
    transition: all .3s;
}

.galeria-modal::after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    background-image: url(../images/expant.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    z-index: 999;
    cursor: pointer;
    padding: .5rem;
}

.galeria-modal:hover::after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    background: var(--colorPrincipal);
    background-image: url(../images/expant.svg);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    z-index: 999;
    cursor: pointer;
    padding: .5rem;
}

.slick-initialized .slick-slide,
.galeria-modal {
    outline: 0;
}

.fancybox-slide--image {
    background: #fff;
}

.fancybox-navigation .fancybox-button {
    opacity: 1;
    visibility: visible !important;
}

.fancybox-button--zoom {
    display: none !important;
}

.fancybox-button--play {
    display: none !important;
}

.fancybox-button--thumbs {
    display: none !important;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #888484 !important;
}

.fancybox-button {
    background: transparent !important;
}

.fancybox-navigation .fancybox-button {
    opacity: 1 !important;
}

.fancybox-button--arrow_right {
    position: relative;
}

.fancybox-button--arrow_right svg {
    opacity: 0;
    visibility: hidden;
}

.fancybox-button--arrow_right::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 20px;
    height: 20px;
    border-right: 2px solid #888484;
    border-bottom: 2px solid #888484;
}

.fancybox-button--arrow_left svg {
    opacity: 0 !important;
    visibility: visible;
}

.fancybox-button--arrow_left::after {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 20px;
    height: 20px;
    border-left: 2px solid #888484;
    border-bottom: 2px solid #888484;
}

.slick-zoom img:hover {
    cursor: crosshair;
}

.title-modal {
    font-size: 1.8rem;
    font-family: var(--font-semibold);
    letter-spacing: .1rem;
    text-transform: uppercase;
}

.total-modal strong,
.total-modal span,
.cantidad-modal {
    font-size: 1.6rem;
}

.btn.btn-font {
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
}


/* //////////////////////fin de Slick slider///////////////////////// */

.container-form-contacto {
    padding: 3rem 4rem;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.btn.btn-minwidth-sm {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-family: var(--font-semibold);
    letter-spacing: .1rem;
    padding: 1.1rem 1.5rem;
    margin-top: 1rem;
}


/* Ficha Producto */

.ficha-producto {
    height: calc(100vh - 82px);
    display: flex;
    align-items: center;
    margin-top: 82px;
    overflow: hidden;
}


/* Fin Ficha Producto */

.form-tab .form-footer .btn {
    margin-left: 0;
    margin-right: 1.6rem;
    order: -1;
    text-transform: uppercase;
    font-size: 1.4rem;
    letter-spacing: .1rem;
    font-family: var(--font-semibold);
}


/* MEMU MOBILE */

.btn-menu {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 50%;
    transition: all .3s;
    display: none;
}

.btn-menu:hover {
    background: #f2f2f2;
}

.btn-cerrar {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 50%;
    transition: all .3s;
}

.btn-cerrar:hover {
    background: #f2f2f2;
}

.btn-cerrar:hover img {
    filter: invert(1);
}

.container-menu-mobile {
    position: fixed;
    left: 0;
    top: 0;
    width: 340px;
    height: 100vh;
    padding: 2rem;
    background: #1f2622;
    overflow-y: auto;
    z-index: 9999;
    transform: translateX(-1000px);
    transition: all .3s;
}

.container-menu-mobile.visible {
    transform: translateX(0);
    transition: all .3s;
}

.container-menu-items {
    padding-top: 2rem;
}

.lista-menu-mobile li {
    border-bottom: 1px solid rgba(211, 215, 213, .3);
    padding: 1.8rem 0;
}

.lista-menu-mobile li a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-size: 1.5rem;
    font-family: var(--font-nomal);
}

.lista-menu-mobile li .item-menu-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.collapse-plus {
    position: absolute;
    right: 0;
    top: calc(50% - (11px / 2));
    width: 11px;
    height: 11px;
}

.collapse-plus::before {
    content: '';
    position: absolute;
    width: 11px;
    height: 1px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.collapse-plus::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 11px;
    background: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.item-menu-mobile.open-tabs .collapse-plus::before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
}

.item-menu-mobile.open-tabs .collapse-plus::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.mobile-menu-overlay.overlay-visible {
    visibility: visible;
    opacity: 1;
}

.mobile-menu-overlay {
    background-color: rgba(0, 0, 0, .4);
}

.lista-categorias-mobile,
.lista-marcas-mobile {
    display: none;
    padding: 1.6rem 0;
}

.lista-categorias-mobile li,
.lista-marcas-mobile li {
    border-bottom: transparent;
    padding: 1.2rem 0;
}

.lista-categorias-mobile li a,
.lista-marcas-mobile li a {
    font-size: 1.4rem;
    padding-left: 1.6rem;
    color: rgba(255, 255, 255, .5);
    transition: all .3s;
}

.lista-categorias-mobile li a:hover,
.lista-marcas-mobile li a:hover {
    color: #fff;
}

.lista-categorias-mobile.open-tabs,
.lista-marcas-mobile.open-tabs {
    display: block;
}


/* MEMU MOBILE */


/* CARRITO HEADER */

.container-cart-header {
    position: fixed;
    right: 0;
    top: 0;
    width: 340px;
    height: 100svh;
    background: #fff;
    overflow-y: auto;
    z-index: 9999;
    transform: translateX(1000px);
    transition: all .3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.container-cart-header.visible {
    transform: translateX(0);
    transition: all .3s;
}

.header-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 2.2rem;
    border-bottom: 1px solid #ccc;
}

.header-cant {
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: var(--black);
    font-family: var(--font-semibold);
    font-size: 1.6rem;
}

.header-cart .btn-cerrar img {
    filter: invert(1);
}

.container-cart-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 2rem;
    height: 70svh;
    margin-bottom: auto;
}

.grid-product-cart {
    display: grid;
    grid-template-columns: .5fr 1fr;
    grid-column-gap: 1rem;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid #ccc;
}

.title-producto.title-cart-product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-cart-qry {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-top: 1rem;
}

.remover {
    text-align: right;
    background: transparent;
    border: 0;
    display: block;
    margin-left: auto;
    color: var(--colorSecundario);
}

.footer-cart {
    padding: 2rem;
    border-top: 1px solid #ccc;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
}

.container-total-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.title-producto.title-producto-cart {
    height: unset;
}


/* CARRITO HEADER */


/* SEARCH */

.container-buscador {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    height: 82px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--colorPrincipal);
}

.container-buscador.open {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    margin-bottom: 5px;
    z-index: 9999;
    background: #fff;
}

.container-buscador .header-buscador {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 1rem;
}

.container-buscador .header-buscador form {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.header-buscador .header-search-wrapper {
    width: 100%;
    border-radius: 0;
    border: 2px solid transparent;
    background: transparent;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #86868B;
}

.search-btn {
    background: transparent;
    border-radius: 0;
    width: 22px;
    height: 39px;
    max-width: 22px;
    max-height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #fff;
    border: transparent;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

.cerrar-btn {
    background: transparent;
    border-radius: 0;
    width: 22px;
    height: 39px;
    max-width: 22px;
    max-height: 39pxpx;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    color: #fff;
    border: transparent;
    position: absolute;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

.cerrar-btn img {
    filter: invert(1);
}

.header-search-wrapper .form-control {
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
    padding-left: 0;
    height: 48px;
    padding: 0 1.6rem;
    margin: 0;
    font-size: 2rem;
    border: transparent;
    background: transparent;
}


/* SEARCH */

.btn-catalogo-digital {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    color: #fff;
}

.btn-catalogo-digital img {
    width: 15px;
    aspect-ratio: 1/1;
    object-fit: contain;
}

.grid-catalogo-btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    column-gap: 1.6rem;
}

.img-catalogo-digital {
    aspect-ratio: 1/1.4;
    object-fit: cover;
}

@media screen and (min-width: 992px) {
    .product-gallery-vertical .product-main-image {
        flex: 0 0 85%;
        max-width: 85%;
        margin: 0 auto;
    }
    .product-gallery-vertical .product-image-gallery {
        width: auto;
        flex: unset;
        max-width: unset;
        margin: 0 auto;
        width: 85%;
    }
    .product-gallery-vertical .product-image-gallery img {
        width: 100px;
    }
    .product-gallery-vertical .product-gallery-item {
        flex: 0 0 0;
        max-width: unset;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 1rem;
    }
}

@media screen and (max-width:1150px) {
    .lista-haeder-menu,
    .lista-hader-iconos-text {
        display: none;
    }
    .btn-menu {
        display: flex;
    }
}

@media screen and (max-width:1024px) {
    .row.image-miniatura {
        position: unset;
        top: unset;
        left: unset;
        z-index: 999;
        margin: 0;
        padding-bottom: 3rem;
    }
    .container-banner-miniatura {
        position: relative;
        transition: all 2s;
        overflow: hidden;
        border-radius: 8px;
        width: 100%;
        margin-bottom: 2.5rem;
    }
    .img-miniatura.img-miniatura-carousel {
        height: auto;
    }
    .item-grid-pagos {
        width: 100%;
    }
    .row.row-grid-ficha {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        padding: 0 15px;
    }
    .grid-pagos {
        row-gap: 2rem;
    }
    .header-search-visible .header-search-wrapper {
        width: 80%;
    }
    .ofertas-btn {
        right: -45px;
    }
    .slider-ficha {
        display: none;
    }
    .grid-description-ficha {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width:990px) {
    .menu-categorias-index {
        display: none;
    }
    .header-left {
        column-gap: 30px;
    }
    .header-center {
        display: none !important;
    }
    .mobile-menu-toggler {
        border: 1px solid #ccc;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-menu-toggler i {
        font-size: 2rem;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .text-promociones {
        width: 75%;
    }
    .header-category {
        display: none !important;
    }
    .product-details .product-title {
        font-size: 2.3rem;
        width: 100%;
    }
    .title-item-grid {
        font-size: 1.8rem;
    }
    .header-4 .header-middle {
        padding: 1.6rem 0 !important;
    }
    .accordion-summary .card-title a {
        color: inherit;
        padding: 0.7rem 0 0.7rem 3rem;
    }
    .accordion-summary .card-title a {
        color: inherit;
        padding: 0.7rem 0 0.7rem 0.7rem;
    }
    .sticky-logo {
        display: block;
    }
    .ofertas-btn {
        display: none;
    }
    .container-carousel {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        height: unset;
    }
    .container-dots-img {
        width: 100%;
        order: 1;
        margin-bottom: 4rem;
    }
    .container-img {
        width: 100%;
    }
    .ficha-producto {
        height: auto;
        padding: 3rem 0;
    }
    .grid-ficha {
        grid-template-columns: 1fr;
        padding: 0 1.6rem;
    }
    .img-slick-slider.img-slick-slider-ficha {
        height: auto;
    }
    .product-title-ficha {
        font-size: 3rem;
    }
    .btn-width {
        width: 100% !important;
    }
    .offset-description {
        padding-left: 1rem;
    }
    .productos-descripcion {
        padding: 0;
    }
    .grid-login {
        grid-template-columns: 1fr;
        height: auto;
        background-image: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05)), var(--bg-mobile);
        background-size: contain;
        background-repeat: repeat;
        background-position: top;
    }
    .container-banner-login {
        height: 140vh;
    }
    .width-login {
        width: 100%;
    }
    .form-login {
        border-radius: 10px 10px 0 0;
        top: -10px;
        padding: 6rem 1.6rem;
        width: 100%;
    }
    .container-text-login {
        width: 100%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        top: 70%;
    }
    .header-banner-login {
        width: 100%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .banner-display-principal .swiper-wrapper {
        height: 100%;
    }
    .container-video,
    .banner-secundario {
        height: auto;
        margin-bottom: 0;
    }
    .producto-precio-carousel {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .precio-revendedor,
    .precio-catalogo {
        text-align: center;
        padding: 0;
        border: 0;
    }
    .productos {
        height: auto;
    }
    .productos-descripcion {
        height: 250px;
    }
}

@media screen and (max-width:768px) {
    .sidebar-filter-wrapper {
        padding: 3.5rem 2.5rem 1.5rem;
    }
    .d-none-mobile {
        display: none;
    }
    .promociones {
        padding: 4rem 0;
    }
    .categorias {
        padding-top: 0;
        padding-bottom: 4rem;
    }
    .regalos {
        padding-top: 0;
        padding-bottom: 4rem;
    }
    .product-title a {
        display: -webkit-box;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 40px;
        margin-bottom: 1.6rem;
    }
    .product-price {
        flex-direction: column;
        row-gap: 1rem;
        align-items: flex-start;
    }
    .countdown-wrapper {
        max-width: 320px;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 2rem;
    }
    .container-countdown {
        padding: 2rem;
    }
    .title-promociones {
        color: #fff;
    }
    .text-promociones {
        width: 100%;
    }
    .container-text-banner-miniatura {
        padding: 3rem;
    }
    .img-miniatura.img-miniatura-carousel {
        height: 40vh;
    }
    .widget-enlaces {
        margin-left: 0;
    }
    footer ul.widget-list {
        columns: 1;
    }
    .slider-principal-menu {
        margin-top: 0 !important;
    }
    .img-banner-principal {
        height: auto;
    }
    .mobile-menu-toggler {
        margin: 0;
    }
    .header-left {
        column-gap: 10px;
    }
    .header-4 .header-middle {
        padding-bottom: 1.6rem;
        border-bottom: 1px solid #ddd;
    }
    .row.row-grid-ficha {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
    .product-details-tab .tab-content .tab-pane {
        padding: 2rem 2rem;
    }
    .product-desc-content {
        width: 90%;
        margin: 0 auto;
    }
    .nav-link-ficha {
        font-size: 1.8rem !important;
    }
    .banner-box {
        padding: 4rem;
    }
    .toolbox {
        height: unset;
        margin-top: 2rem;
    }
    .grid-checkout {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .lista-categoria-link {
        display: flex;
        align-items: center;
        column-gap: 10px;
    }
    .seleccion {
        margin-bottom: 6rem;
    }
    .container-img-regalos {
        width: 100px;
        height: 100px;
    }
    .item-regalos a h4 {
        font-size: 2rem;
    }
    .container-regalos {
        padding: 1.8rem;
        text-align: center;
    }
    .title-nosotros {
        font-size: 3rem;
    }
    .btn-add-cart {
        font-size: 1.2rem;
        text-transform: uppercase;
    }
    .btn-add-cart span {
        font-size: 1.2rem;
    }
    .container-form {
        padding: 2.2rem 2rem 4.4rem;
    }
    .container-button-registro .btn-principal {
        margin-top: 1rem;
        width: 100%;
        text-align: center;
    }
    .container-form-contacto {
        padding: 3rem 1rem;
    }
    .item-pasos {
        grid-template-columns: 1fr;
        text-align: center;
        height: 245px;
        grid-template-rows: auto 1fr;
    }
    .container-pasos-numero {
        margin: 1rem auto;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        justify-content: center;
    }
    .item-header-logo img {
        width: 135px;
    }
    .grid-header {
        grid-template-columns: auto auto 1fr;
        grid-column-gap: 1.6rem;
    }
    .top-header {
        height: 45px;
        display: flex;
        align-items: center;
    }
    .text-carousel-rotate {
        line-height: 1.5;
    }
    .container-banner-login {
        height: 80vh;
    }
    .grid-pasos {
        display: none;
    }
    .form-tab .nav.nav-pills .nav-link {
        font-size: 1.4rem;
    }
    .productos-ticket img {
        width: 50px;
    }
}

@media screen and (max-width:375px) {
    .container-filtro-toggle {
        margin-left: 0;
    }
}

.about-us p {
    margin-bottom: 15px;
    text-align: justify;
    hyphens: auto;
}

.about-us .text-color {
    color: rgb(51, 153, 102);
}

.cronometro-banner {
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%);
}
.wrapper-tag-ficha{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    z-index: 9;
}


@media screen and (max-width: 1100px) {
    .container-carousel{
        grid-template-columns: 80px 1fr;
    }
    .img-dots-carrusel{
        width: 80px;
        height: 80px;
    }
    .slider-nav .slick-slide{
        padding: 0;
    }
    .lista-haeder-menu li .link-lista-header-menu, .lista-hader-iconos li .link-lista-header-menu{
        font-size: 1.2rem;
    }
}
@media screen and (max-width: 768px) {
    .cronometro-banner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}