/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

.cabecera-derecha {
    display: flex;
    flex-direction: row-reverse;
    column-gap: 10px;
    align-items: center;
}



/* #wrapper .block-title {
    font-size: 1.4rem;
} */

.cbp-horizontal>ul>li>a,
.cbp-horizontal>ul>li>a:not([href]):not([tabindex]),
.cbp-horizontal>ul>li>.cbp-main-link {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (max-width: 1180px) {

    .cbp-horizontal>ul>li>a,
    .cbp-horizontal>ul>li>a:not([href]):not([tabindex]),
    .cbp-horizontal>ul>li>.cbp-main-link {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
}

@media (max-width: 1080px) {
    .cbp-horizontal .cbp-tab-title {
        font-size: .8rem;
    }
}

/* .swiper-button-prev,
.swiper-button-next {
    display: none;
} */

.elementor-image-carousel:hover .swiper-button-prev,
.elementor-image-carousel:hover .swiper-button-next {
    display: block;
}

#header .desktop-header-style-1 #user_info {
    margin-top: 0;
}

.icon-tiktok {
    fill: #fff;
    margin-bottom: 2px;
}

.icon-tiktok:hover {
    fill: #000;
}

.icon-tiktok-footer {
    fill: #747474;
    margin-bottom: 4px;
}

.icon-tiktok-footer:hover {
    fill: #000;
}

.bg-warehouse {
    background: #1e3abc;
    color: #fff;
}

.bg-warehouse:hover {
    background: #406e91;
    color: #fff;
}



.icono-carrito {
    display: flex;
    margin-right: 5px;
    margin-top: 5px;
}

.flag-lg {
    background-image: url('../../../../img/cms/iconos/lg.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 6rem;
    margin: 0.5rem 0;
}

.flag-lg-detalles {
    background-image: url('../../../../img/cms/iconos/lg.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 8rem;
    margin: 0.5rem 0;
}

.flag-hot-deals {
    background-image: url('../../../../img/cms/iconos/hot-deals-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 6rem;
    margin: 0.5rem 0;
}

.flag-hot-deals-detalles {
    background-image: url('../../../../img/cms/iconos/hot-deals-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 5rem;
    width: 8rem;
    margin: 0.5rem 0;
}

.flag-nuevo {
    background-image: url('../../../../img/cms/iconos/nuevo.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 6rem;
    margin: 0.5rem 0;
    float: right; /* Mueve la flag a la derecha */
}

.flag-nuevo-detalles {
    background-image: url('../../../../img/cms/iconos/nuevo.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 8rem;
    margin: 0.5rem 0;
    float: right; /* Mueve la flag a la derecha */
}


/* Iconos pictogramas para la nueva landing page Tamara Coronel */
@media (max-width: 768px) {
    .iconos-horizontal {
        display: flex;
        flex-wrap: wrap; /* Permite que los elementos se distribuyan en varias filas */
        justify-content: center; /* Centra el contenido horizontalmente */
        gap: 50px; /* Espacio aumentado entre los iconos */
        padding: 20px;
        width: 100%; /* Asegura que el contenedor ocupe todo el ancho */
        box-sizing: border-box; /* Incluye el padding en el cálculo del ancho */
    }

    .iconos-horizontal .elementor-column {
        flex: 0 1 30%; /* Asigna un 30% de ancho para cada ítem */
        max-width: 30%; /* Asegura que cada ítem no ocupe más del 30% */
        text-align: center;
        margin-bottom: 10px; /* Espacio entre las filas */
        transform: translateY(-20px); /* Mueve los elementos 20px hacia arriba */
    }

    .iconos-horizontal img {
        max-width: 100px; /* Limita el tamaño máximo de las imágenes */
        height: auto;
    }


    .category-nav {
        /* padding: 10px; */
        border: 1px solid #f2f2f2;
    }

    .category-nav::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari y Opera */
    }

    /* Lista que contiene los enlaces */
    .category-nav ul {
        display: flex;
        /* justify-content: center; */
        list-style: none;
        margin: 0;
        padding: 0;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .category-nav ul::-webkit-scrollbar {
        display: none;
    }

    /* Cada elemento de la lista */
    .category-nav li {
        padding: 10px 0;
        flex-shrink: 0;
        /* Evita que los elementos se encojan */

    }

    /* Los enlaces de cada categoría */
    .category-nav a {
        display: block;
        /* Ocupa todo el espacio del 'li' */
        color: #333;
        /* Color de texto oscuro */
        text-decoration: none;
        /* Quita el subrayado */
        padding: 0px 5px;
        margin: 0 3px;
        background-color: #f2f2f2;
        font-size: 10px;
        font-weight: bold;
        font-family: Arial, sans-serif;
        /* Aseguramos la fuente */
        white-space: nowrap;
        /* Evita que el texto se parta en dos líneas */
        border-bottom: 2px solid transparent;
        /* Borde inferior para la animación */
        transition: all 0.2s ease-in-out;
        /* Transición suave */
    }

    /* Efecto al pasar el mouse por encima */
    .category-nav a:hover {
        color: #007bff;
        /* Cambia el color del texto */
        background-color: #f8f9fa;
        /* Fondo sutil */
    }
}


/*Tamaño de los banners laterales para versión móvil Tamara Coronel */
@media (max-width: 768px) {
    .ofertas {
        width: 50px; /* Reducir el ancho del banner */
        height: auto; /* Mantener la altura proporcional al contenido */
        padding: 10px; /* Reducir el padding para hacer el contenido más compacto */
        font-size: 14px; /* Reducir el tamaño del texto */
        transform: scale(0.8); /* Escalar el banner a un 80% de su tamaño original */
        box-sizing: border-box; /* Asegura que padding y borde se incluyan en el ancho y alto */
    }

    .ofertas img {
        width: 100%; /* Ajustar las imágenes para que se adapten al tamaño del banner */
        height: auto; /* Mantener la proporción de la imagen */
    }
}




/*
.flag-oferta {
    background-image: url('../../../../img/cms/iconos/oferta.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 3rem;
    width: 6rem;
    margin: 0.5rem 0;
}

.flag-oferta-detalles {
    background-image: url('../../../../img/cms/iconos/oferta.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 8rem;
    margin: 0.5rem 0;
}
*/

/* DG
Cambio arte ofertas por el arbolito de navidad A LA DERECHA
*/
.product-flags {
    width: 100%;
    position: absolute;
    top: 0.5rem;
    z-index: 2;
    left: 1rem;
    transition: all 0.2s cubic-bezier(0.7, 0, 0.3, 1);
  }
.flag-oferta {
      position: absolute;
      left: 0;
      background-image: url(../../../../img/cms/iconos/ofertas_mayo.png);
      background-repeat: no-repeat;
      background-size: contain;
      height: 6rem;
      width: 6rem;
      margin: 0 0 0 0.5rem;
  }

.flag-oferta-detalles {
    position: absolute;
    left: 0;
    background-image: url('../../../../img/cms/iconos/ofertas_mayo.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    width: 6rem;
    margin: 0.5rem 0;
}
/* Media query para pantallas con un ancho máximo de 768px (teléfonos) */
@media (max-width: 768px) {
    .flag-oferta, .flag-oferta-detalles {
        height: 3rem; /* Ajusta la altura */
        width: 3rem;  /* Ajusta el ancho */
    }
}

/* Media query para pantallas con un ancho entre 769px y 1024px (tablets) */
@media (min-width: 769px) and (max-width: 1024px) {
    .flag-oferta, .flag-oferta-detalles {
        height: 4rem; /* Ajusta la altura para tablets */
        width: 4rem;  /* Ajusta el ancho para tablets */
    }
}

/* bandera oferta brentwood */
.flag-brent{
    position: absolute;
    left: 0;
    background-image: url('../../../../img/cms/iconos/banderayamaha.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 7rem;
    margin: 0.5rem 0 0 0.5rem;
    z-index: 3;
}

.flag-brent-detalles {
    position: absolute;
    right: 0;
    background-image: url('../../../../img/cms/iconos/banderayamaha.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 4rem;
    width: 7rem;
    margin: 0.5rem 0 0 0.5rem;
    z-index: 3;
}
/* bandera oferta brentwood */



.product-manufacturer-next {
    display: none;
}

.page-header>.page-title {
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
}

#mobile-header .mobile-main-bar {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.header-top .form-search-control {
    border: solid 3px #9d9d9d;
}

#search_widget .input-group>.form-control:not(:last-child),
#search_widget .input-group>.custom-select:not(:last-child) {
    border-radius: 10px;
}

.page-content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

.marcas-desk {
    display: block;
}

.marcas-mob {
    display: none;
}

@media (max-width: 600px) {
    .marcas-desk {
        display: none;
    }

    .marcas-mob {
        display: block;
    }
}

.link-text {
    color: #1e3abc !important;
}

.top-bar-whatsapp {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 4px;
}

.add-flex {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.bg-whatsapp {
    background-color: #25d366;
    color: #fff;
    font-weight: 500;
}

.bg-whatsapp:hover {
    background-color: rgb(32, 176, 85);
    color: #fff
}

#lgcookieslaw_banner.lgcookieslaw-banner-floating {
    width: 55%;
}

.lgcookieslaw-banner-message p {
    font-size: 12px;
}

#lgcookieslaw_banner a {
    font-size: 12px;
}

/* .bg-whatsapp svg {
    margin-bottom: 4px;
} */

/* .btn-product-list,
.discount,
.bg-warehouse,
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background: #8200e1 !important;
} */


/* .product-price {
    color: #8200e1 !important;
} */

.credito-top-bar {
    font-weight: 600;
    text-decoration: underline;
    text-underline-position: under;
}


.titulo-grande span {
    font-size: 4rem; 
}


@media (min-width: 992px) {
    .product-miniature-default .product-thumbnail img {
        height: 60%;
        width: 60%;
    }
}

@media (min-width: 1200px) {
    .product-miniature-default .product-thumbnail img {
        height: 90%;
        width: 90%;
    }
}

/*color rojo en el reloj*/
.discount {
    background: #ff0000;
    color: #ffffff;
}

/* Cambia el color del fondo del valor de descuento, que se presenta en la parte superior derecho */
li.product-flag {
    background: #1e3abc00;
    color: #1e3abc00;
}
.product-flags .discount{
    background: #1e3abc00;
    color:#1e3abc00;
}

/*cambia el color del boton de las cookies*/
#lgcookieslaw_fixed_button{
    background-color:red;
}

/* oculta el banner cookies */
/* #lgcookieslaw_banner {
    display: none;
} */

/*quita el icono de wpp en DisplayNav2*/
.block-iqitlinksmanager-2 .top-bar-whatsapp {
    display: none;
}