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

/* ===== ROOT VARIABLES ===== */
:root {
    --bs-btn-hover-bg: #b0b0b0 !important;
}

/* ===== GLOBAL STYLES ===== */
* {
    font-family: 'Montserrat';
}

/* ===== MANTENIMIENTO ===== */
#layout-error {
    background-color: #f48f03;
}

#layout-error * {
    color: white !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* ========================================================================== */
/*                                  HEADER                                    */
/* ========================================================================== */


/* ===== HEADER Container ===== */

.container-md , .container {
    width: 1830px;
    max-width: 100%;
}


/* ===== HEADER BASE ===== */
#header {
    background: #ffffff !important;
}

/* ===== HEADER TOP ===== */
#header .header-top,
header#header .header-nav {
    background-color: #f0f0f0;
}

#header .header-top .welcome_text {
    line-height: initial;
    color: #575656;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .7px;
    text-align: center;
    height: fit-content;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.header-top-desktop {
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav .container {
    background: transparent;
    color: #666;
}

/* ===== HEADER BOTTOM ===== */
.header-bottom {
    background-color: white;
}

.header-bottom.main_menu {
    background-color: #f48f03;
}

.main-menu__tree>li .menu-container {
    background-color: hsl(0deg 0% 100% / 87%);
}

.main-menu__tree>li>a {
    padding-block: 12px;
}

.main-menu__tree .submenu li {
    margin-top: 1rem;
}

header#header .row.gx-2.align-items-stretch.header-bottom__row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

/* ===== SEARCH BAR ===== */
#search_widget form input {
    border-radius: 50px;
}

/* ===== HEADER COLUMNS ===== */
header#header .col-display_top,
header#header .col-search {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 50%;
}

header#header .col-display_top {
    flex-direction: row-reverse;
}

/* ===== MAIN MENU ===== */
header#header .main-menu.col-xl.col-auto.d-flex.align-items-center {
    display: flex;
    justify-content: center;
}

.header .main-menu a:not(.dropdown-item):not(.btn) {
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}

.header a:not(.dropdown-item):not(.btn):hover {
    color: #343a40 !important;
}

.header .main-menu a:not(.dropdown-item):not(.btn):hover {
    background-color: white;
}

/* ========================================================================== */
/*                                    HOME                                    */
/* ========================================================================== */

/* ===== CARRUSEL ===== */

.ratio-homeSlider {
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0rem;
}

.ratio-homeSlider::before {
    padding-top: 0px;
}

.ratio-homeSlider .carousel {
    height: 600px;
    width: 1830px;
    max-width: 100%;
    position: relative;
}

.carousel-control-prev,
.carousel-control-next {
    display: none;
}
/*
.carousel .carousel-item img {
    filter: brightness(0.0);
}
*/
.carousel .carousel-caption h2 {
    color: #f0f0f0;
}

.carousel .carousel-caption .caption-description p {
    color: white;
}

/* ===== CONTENTBOX - CUSTOM GRID ===== */

/* ===== PRODUCTOS HOME ===== */

.sale-products .sale-products-footer,
.best-sellers-products .best-sellers-products-footer {
    margin-top: 44px;
}

.featured-products .products {
    justify-content: space-between;
}

.featured-products .products article {
    width: 33%;
}

.featured-products .featured-products-footer {
    padding-block: 0px !important;
    margin-block: 44px;
}

/* ===== PRECIOS ===== */

.product-miniature .card {
    padding: 16px;
}

.product-miniature .product-miniature__price {
    color: #f48f03;
}

.product-miniature .product-miniature__regular-price {
    color: var(--bs-gray-600);
    font-size: small;
}

.product-miniature .product-miniature__prices {
    justify-content: center;
}

/* ===== PRODUCTOS MINIATURA ===== */
.product-miniature .product-miniature__infos__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap:10px;
}
a.btn.btn-outline-primary.mt-3 {
    margin-top: 0px !important;
}
.product-miniature .product-miniature__variants .variant-links>a {
    border-radius: 25px;
}
.product-miniature .product-miniature__title {
    color: #495057;
    text-align: center;
    font-weight: 600;
}

.product-miniature .product-miniature__quickview_button:hover,
.product-miniature__quickview_button .btn:hover {
    background-color: transparent !important;
}

/* ===== REDES SOCIALES ===== */
.block-social {
    margin-block: 44px;
    gap: 24px;
    padding-top: 54px !important;
}

.block-social svg {
    height: 40px;
    fill: #f48f03;
}

/* ===== GRID HOME ===== */
.gridhome-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 128px;
    color: var(--bs-gray-800);
    position: relative;
}

.gridhome-title:after {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    bottom: -1rem;
    left: 0;
    background-color: #f48f03;
}

.gridhome-container {
    margin-block: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.gridhome-container-wrapper {
    width: 1296px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(2, 200px);
    gap: 10px;
}

.gridhome-item {
    display: block;
    position: relative;
    overflow: hidden;
}

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

.gridhome-item.item-1 {
    grid-column: 1 / span 3;
    grid-row: 1 / span 2;
}

.gridhome-item.item-5 {
    grid-column: span 2;
}

/* ===== CUSTOM TEXT ===== */
.page-home #custom-text {
    padding-top: 32px;
}

.page-home #custom-text p:last-child {
    margin-bottom: 0px;
}
/* ===== CUSTOM LOGOS ===== */
.product__description-short.rich-text p img{
    width: 250px;
}

/* ========================================================================== */
/*                                  block personalizado                                    */
/* ========================================================================== */

/* ==== block personalizado - contentbox */

.block-personalizado {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: 32px;
    gap: 32px;
}

.block-personalizado * {
    font-family: 'Montserrat';
}

.block-personalizado .wrapper {
    width: 1830px;
    max-width: calc(100vw - 32px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 32px;
}

.block-personalizado .wrapper .bloques-container {
    display: flex;
    gap: 32px;
    justify-content: center;
    align-items: center;
    width:100%;
}

.block-personalizado .wrapper .bloques-container .bloque {
    max-width: calc(50% - 16px);
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: -webkit-fill-available;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.block-personalizado .wrapper .bloques-container .bloque::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #262626;
    z-index: 2;
    opacity: 0.6;
}

.block-personalizado .wrapper .bloques-container .bloque.bloque_1 {
    max-width: calc(40% - 16px);
    background-color: #f48f03;
    width:40%;
}

.block-personalizado .wrapper .bloques-container .bloque.bloque_1::after {
    /* desactivado */
    opacity: 0;
}

.block-personalizado .wrapper .bloques-container .bloque.bloque_2 {
    max-width: calc(60% - 16px);
    /* background-color: #343a40; */
    background-image: url(/imagenes/accesorios-milcolchones.jpg);
    width:60%;
}

.block-personalizado .wrapper .bloques-container .bloque .texto {
    max-width: calc(100% - 32px);
    padding-block: 32px;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
    z-index: 3;
    padding: 30px 20px;
    width:100%;
}

.block-personalizado .wrapper .bloques-container .bloque .texto .texto_interno {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.block-personalizado .wrapper .bloques-container .bloque_1 .texto h2 {
    font-size: 40px;
    font-weight: 700;
    color: white;
    width: 319px;
}
.block-personalizado .wrapper .bloques-container .bloque_2 .texto h2 {
    font-size: 40px;
    font-weight: 700;
    color: white;
    width: 100%;
}

.block-personalizado .wrapper .bloques-container .bloque .texto p {
    line-height: 1;
    color: white;
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0;
}

.block-personalizado .wrapper .bloques-container .bloque .texto p.main {
    font-weight: 600;
}

.block-personalizado .wrapper .bloques-container .bloque .texto p.secondary {
    
    font-size: 1.2rem;
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link {
    position: relative;
    width: fit-content;
    display: flex;
    padding-inline-end: 32px;
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link::before,
.block-personalizado .wrapper .bloques-container .bloque .texto a.link::after {
    content: "";
    width: 21px;
    height: 2px;
    background-color: white;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .2s ease;
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link:hover::before,
.block-personalizado .wrapper .bloques-container .bloque .texto a.link:hover::after {
    right: -6px;
    transition: .2s ease;
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link::before {
    transform: rotate(-45deg) translateY(10px);
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link::after {
    transform: rotate(45deg) translateY(-10px);
}

.block-personalizado .wrapper .bloques-container .bloque .texto a.link p {
    width: fit-content;
    font-weight: 600;
    font-size: 1.8rem;
    color: white;
}

.block-personalizado .wrapper .service_container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding:25px 0px;
}

.block-personalizado .wrapper .service_container .service-area {
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    align-items: center;
    justify-content: center;
    row-gap: 16px;
}

.block-personalizado .wrapper .service_container .service-area .service-fourth {
    display: flex;
    gap: 16px;
}

.block-personalizado .wrapper .service_container .service-area .service-fourth .service-icon {}

.block-personalizado .wrapper .service_container .service-area .service-fourth .service-icon {
    height: 45px;
    width: 42px;
    background: url(/imagenes/service-icon.png) no-repeat scroll;
    float: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative
}

.block-personalizado .wrapper .service_container .service-area .service-fourth .service-content {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: center;
    justify-content: center;
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service1 .icon1 {
    background-position: center 2px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service1:hover .icon1 {
    background-position: center -69px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service2 .icon2 {
    background-position: center -139px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service2:hover .icon2 {
    background-position: center -210px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service3 .icon3 {
    background-position: center -281px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service3:hover .icon3 {
    background-position: center -352px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service4 .icon4 {
    background-position: center -423px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth.service4:hover .icon4 {
    background-position: center -494px
}

.block-personalizado .wrapper .service_container .service-area .service-fourth .service-content {}

.block-personalizado .wrapper .service_container .service-area .service-fourth .service-content p {
    margin: 0;
    font-weight: 600;
}

.block-personalizado .wrapper .service_container .titulo-ppal {}

.block-personalizado .wrapper .service_container .titulo-ppal h2 {
    text-align: center;
    margin: 0;
}

.block-personalizado .wrapper .ofertas-title {}

.block-personalizado .wrapper .ofertas-title p.title {
    line-height: 1;
    font-weight: 800;
    font-size: 2rem;
    text-align: center;
}

.block-personalizado .wrapper .ofertas-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta {
    width: 100%;
    max-width: calc(33% - 18px);
    border: 4px solid #f48f03;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .titulo {
    z-index: 2;
    position: relative;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p {
    line-height: 1;
    font-weight: 800;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p.main {
    background: #f48f03;
    color: white;
    padding-top: 8px;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p.secondary {
    color: #f48f03;

}

.block-personalizado .wrapper .ofertas-container a.card-oferta .imagen {
    /* overflow: hidden; */
    z-index: 1;
    position: relative;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta:hover .imagen img {
    transition: .2s ease;
    transform: scale(1.3);
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .imagen img {
    transition: .2s ease;
    width: 100%;
    height: auto;
    object-fit: cover;
    padding-inline: 16px;
    height: 410px;
    object-position: 0% 20%;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .precio {
    padding-inline: 16px;
    padding-bottom: 8px;
    z-index: 2;
    position: relative;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .precio p {
    margin: 0;
    line-height: 1;
    font-weight: 800;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
}

.block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(1) .precio p {
    text-align: left;
    padding-inline-start: 8px;
}

.block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(3) .precio p {
    text-align: end;
    padding-inline-end: 8px;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .precio p.desde {
    color: #495057;
    font-size: 1rem;
    font-family: cursive;
    text-transform: unset;
}

.block-personalizado .wrapper .ofertas-container a.card-oferta .precio p.money {
    color: #f48f03;
    font-size: 2rem;
    text-shadow: 4px 4px 1px #495057;
}

.block-personalizado .wrapper .banner-container {
    width: 100%;
    z-index: 1;
    position: relative;
}

.block-personalizado .wrapper .banner-container .imagen {
    overflow: hidden;
}

.block-personalizado .wrapper .banner-container .imagen img {
    width: 100%;
    height: auto;
    transition: .2s ease;
}

.block-personalizado .wrapper .banner-container .imagen .mobile-text,
.block-personalizado .wrapper .banner-container .imagen img.mobile {
    display: none
}

.block-personalizado .wrapper .banner-container:hover .imagen img {
    transform: scale(1.1);
    transition: .2s ease;
}

.block-personalizado .wrapper .banner-container:hover .imagen img.texto {
    transform: scale(1.05);
}

.block-personalizado .wrapper .banner-container .texto {
    position: absolute;
    height: 100%;
    top: 0;
    right: 16px;
    z-index: 2;
    padding-block: 32px;
    padding-right: 32px;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text p {
    margin: 0;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text>.main-title {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.2rem;
    color: #f48f03;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text {}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text .offer-title {
    background-color: #f48f03;
    padding: 8px 16px;
    width: fit-content;
    color: white;
    font-weight: 600;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text .main-title {
    font-weight: 600;
    font-size: 1.8rem;
    margin-block: .5rem;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text .description {
    font-weight: 600;
    font-size: 1rem;
    margin-block: .5rem;
    color: #4d4d4d;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .shopnow {}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .shopnow a.shop-now p {

    background-color: #262626;
    padding: 8px 16px;
    width: fit-content;
    color: white;
    font-weight: 600;
    transition: .2s ease;
}

.block-personalizado .wrapper .banner-container .texto .cmsbanner-text .shopnow a.shop-now:hover p {
    background-color: #f48f03;
    color: black;
    transition: .2s ease;
}

/* ========================================================================== */
/*                                  Category  Page                                  */
/* ========================================================================== */

.wrapper__content #js-product-list-header .block-category .category-cover .img-fluid{
        display:none;
}

.wrapper__content #js-product-list-header .subcategories .subcategory__wrapper .subcategory {
    align-items: center;
    border: 0px solid #ced4da;
    border-radius: 4px;
    display: flex;
    height: 100%;
    padding: .5rem;
}
.wrapper__content #js-product-list-header .subcategories .subcategory__wrapper .subcategory__image {
    flex-shrink: 0;
    width: 100%;
}

.wrapper__content #js-product-list-header .subcategories .subcategory__wrapper.subcategory__image .img-fluid{
    height: auto;
    max-width: 100%;
    width: 100%;
}

/* ========================================================================== */
/*                                  FOOTER                                    */
/* ========================================================================== */

footer p.copyright {
    display: none;
}

.footer .footer__main {
    background-color: whitesmoke;
}

.footer__main__top {
    justify-content: space-between;
}

.footer__main__top>div {
    width: 20%;
}

.footer__main__top>div:last-child {
    width: 40%;
}

.footer__main * {
    color: #343a40 !important;
}

.footer a,
.email-subscription .email-subscription__content__inputs .btn-primary,
.footer .footer__block__title,
.footer .footer__block__content-contact .contact__infos {
    text-transform: uppercase;
}

.email-subscription input {
    border-radius: 50px;
}

.email-subscription .email-subscription__content__inputs .btn-primary,
.email-subscription .email-subscription__content__inputs .btn-primary:hover {
    background-color: transparent;
    border-color: transparent;
}

.footer .footer__block__content-contact a {
    text-transform: lowercase;
}

.email-subscription {
    background-color: transparent !important;
}

.email-subscription__content .email-subscription__content__left {
    display: none;
}

.email-subscription__content .email-subscription__content__right {
    width: 100%;
}

.email-subscription .email-subscription__content__inputs .btn-primary {
    font-weight: 700;
}

.email-subscription .email-subscription__content__infos p {
    margin-top: 2rem;
}

/* ========================================================================== */
/*                              PÁGINA PRODUCTO                               */
/* ========================================================================== */

.page-product .product__variants .variant .color-variants .color-variant .color {
    margin: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

.page-product .product__discount {
    font-size: .8rem;
}

.page-product .product__current-price {
    color: #f48f03;
}

.page-product .product__description.accordion-body.rich-text h4 , .page-product  .accordion-item h4{
    font-size:24px;
    font-weight:700;
    color: #f5a623!important;
}



.modal-body.page-product .product-content p {
    text-align: left !important;
}

.modal-body.page-product #product-description-short>div .row,
.modal-body.page-product #product-description-short>div:has(.product-content) {
    margin-inline: 0px !important;
}

#product-description-short .row,
.product__description-short.rich-text div .row {
    margin: 0;
    margin-top: 1rem;
}

#product-description-short .row .row,
.product__description-short.rich-text div .row .row {
    margin-top: 0px;
}

#product-description-short p,
.product__description-short.rich-text p {
    text-align: left !important;
}

#product-description-short .product-content p {
    margin-block: .5rem 1rem;
}



.blockreassurance_product {
    margin-top: 44px;
}

.blockreassurance_product>div:not(:last-child) {
    margin-bottom: 2rem;
}

#block-reassurance ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    gap: 25px;
}

#block-reassurance ul li img {
    width: 45px;
}

.alert {
    margin-bottom: 1.5rem;
}

.modal-body.page-product .product-actions.js-product-actions {
    margin-top: 2rem;
}

.product-bars-ratio .row {
    text-align: center !important;
    justify-content: space-between;
}

.banner3images-container .banner3images-item img {
    border-radius: 4px;
}

/* ========================================================================== */
/*                                MEDIA QUERIES                               */
/* ========================================================================== */
/* Tabs horizontales en desktop */
@media (min-width: 768px) {
  #productTabsDesktop .nav-link {
    cursor: pointer;
  }
}

/* Acordeón solo visible en móvil */
@media (max-width: 767px) {
  #productTabsMobile .accordion-button {
    cursor: pointer;
  }
  
  #product-description-collapse .product__description iframe, #product-description-collapse .product__description img {
    border: 0;
    width: 100%!important;
    }
}

@media (max-width: 1400px) {
    .gridhome-container-wrapper {
        width: 1116px;
    }

    /* ===== CARRUSEL ===== */

    .ratio-homeSlider .carousel {
        width: 1116px;
        max-width: calc(100vw - 32px);
    }

    /* ========================================================================== */
    /*                                  block personalizado                                    */
    /* ========================================================================== */

    .block-personalizado .wrapper {
        width: 1116px;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .imagen img {
        object-position: 0% -10%;
    }
}

@media (max-width: 1200px) {

    /* ===== HEADER ===== */

    #header .header-top {
        height: fit-content;
    }

    
    
    #header .header-top .welcome_text {
        line-height: 1.1rem;
        
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
}

    .header .main-menu a.header-block__action-btn:hover {
        background-color: transparent !important;
    }

    .header .main-menu .header-block__icon {
        margin-right: 0px !important;
    }

    header#header .main-menu.col-xl.col-auto.d-flex.align-items-center {
        justify-content: flex-end;
    }

    /* ===== GRID HOME ===== */

    .gridhome-container-wrapper {
        width: 936px;
    }

    /* ===== CARRUSEL ===== */

    .ratio-homeSlider .carousel {
        width: 936px;
    }

    /* ========================================================================== */
    /*                                  block personalizado                                    */
    /* ========================================================================== */

    .block-personalizado .wrapper {
        width: 936px;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta {
        max-width: calc(33% - 19px);
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p {
        font-size: 2vw;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .imagen img {
        height: 18vw;
        object-position: 0% -1vw;
    }

    .block-personalizado .wrapper .banner-container .imagen {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .block-personalizado .wrapper .banner-container .imagen img {
        /* height: 100%;
        width: auto; */
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text {
        max-width: 370px;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text>.main-title {
        font-size: 1rem;
    }

    .block-personalizado .wrapper .banner-container .texto {
        padding-block: 16px;
    }

    /* ===== FOOTER ===== */

    .footer__main__top {
        flex-wrap: wrap;
    }

    .footer__main__top>div {
        width: 33%;
    }

    .footer__main__top>div:last-child {
        width: 100%;
    }

    .email-subscription>div {
        padding: 0;
    }

    .email-subscription .email-subscription__content {
        margin: 0px;
        width: 100%;
        max-width: unset;
    }

    .email-subscription__content .email-subscription__content__right {
        padding: 0px;
    }
}

@media (max-width: 992px) {
    .gridhome-container-wrapper {
        width: 696px;
    }
    

    /* ===== CARRUSEL ===== */

    .ratio-homeSlider .carousel {
        
    }


    /* ========================================================================== */
    /*                                  block personalizado                                    */
    /* ========================================================================== */

    .block-personalizado {
        padding-top: 16px;
    }

    .block-personalizado .wrapper {
        
        gap: 16px;
    }

    .block-personalizado .wrapper .bloques-container {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .block-personalizado .wrapper .bloques-container .bloque.bloque_1,
    .block-personalizado .wrapper .bloques-container .bloque.bloque_2,
    .block-personalizado .wrapper .bloques-container .bloque {
        width: 100%;
        max-width: 100%;
        min-height: 400px;
        height:auto;
    }

    .block-personalizado .wrapper .ofertas-container {
        gap: 16px;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta {
        max-width: calc(33% - 10px);
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .imagen img {
        height: 17vw;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .precio {
        margin-top: 1rem;
    }

    .block-personalizado .wrapper .service_container .service-area {
        margin-top: 8px;
    }

    .block-personalizado .wrapper .banner-container .imagen {
        justify-content: flex-end;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text {
        height: fit-content;
        width: 280px;
    }

    .block-personalizado .wrapper .banner-container .imagen {
        margin-bottom: 40px;
    }

    .block-personalizado .wrapper .banner-container .texto {
        right: 0;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text>.main-title {
        padding-inline-end: 16px;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text {
        padding-inline-end: 16px;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text .main-title {
        font-size: 1rem;
        margin-block-start: 1rem;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .shopnow a.shop-now p {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 767px) {
    
    /* ===== Header ===== */

    header#header .col-search {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        width: 80%;
    }

    header#header .col-display_top {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        width: 20%;
    }

    .offcanvas.offcanvas-bottom,
    .offcanvas.offcanvas-top {

        top: 48px;
    }
    .search__offcanvas .offcanvas-header .btn-close {
        background: none;
        color: black !important;
        height: auto;
        margin: 0;
        width: 45px;
        font-size: 15px;
        font-weight: 600;
        border-radius: 20px;
    }
    
    .offcanvas.offcanvas-start {
    
        width: 100vw;
    }
    .offcanvas-header {
        align-items: flex-start;
        display: flex;
        padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
        flex-direction: column;
        gap: 30px;
    }
    .offcanvas-header .btn-close {
            margin-left: 0px;
    margin-right: 5px;
        padding: 0px;
    }
    .main-menu__mobile .menu{
        max-width:100vw;
    }
    
        .nav_mobile_header_right {
        display: flex;
        align-items: center;
        flex-direction: row;
        align-content: flex-start;
        justify-content: space-between;
        width: 100%;
    }
    /* ===== Footer ===== */
    .footer__main__top.row {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: flex-start;
    
    }
    .footer__main__top>div {
        width: 100%;
    }
    .footer__main__top .footer__block:first-child {
        padding-inline-start: 12px!important;
    }

    .gridhome-container {
        margin-block: 44px;
        gap: 16px;
    }

    .gridhome-container-wrapper {
        width: 540px;
        max-width: calc(100% - 32px);
    }

    /* ===== CARRUSEL ===== */

    .ratio-homeSlider {
        min-height: 300px;
    }

    .ratio-homeSlider .carousel {
       
        height: 300px;
    }

    .ratio-homeSlider .carousel figcaption {
        left: 16px;
        width: calc(100% - 32px);
        max-width: calc(100% - 32px);
    }

    .carousel .carousel-caption .caption-description {
        max-width: 100%;
        width: 100%;
    }

    .carousel .carousel-control-prev {
        left: 16px;
        width: 5vw;
        height: 5vw;
        aspect-ratio: 1/1;
    }

    .carousel .carousel-control-next {
        right: 16px;
        width: 5vw;
        height: 5vw;
        aspect-ratio: 1/1;
    }


    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        height: calc(55% + 4px);
        width: calc(55% + 4px);
    }

    .carousel .carousel-caption .h2,
    .carousel .carousel-caption h2 {
        font-size: 2rem;
    }


    /* ========================================================================== */
    /*                                  block personalizado                                    */
    /* ========================================================================== */
    
    
    .block-personalizado .wrapper .bloques-container .bloque .texto {
    
        padding: 30px 0px;
   
    }
    .block-personalizado .wrapper .bloques-container .bloque .texto h2 {
        font-size: 32px;
        font-weight: 700;
        color: white;
        width: 100%;
    }

    .block-personalizado .wrapper {
        width: 540px;
    }
    
    

    .block-personalizado .wrapper .ofertas-title p.title {
        font-size: 1.2rem;
        margin: 0;
    }

    .block-personalizado .wrapper .service_container .service-area {
        justify-content: space-between;
    }

    .block-personalizado .wrapper .service_container .service-area .service-fourth {
        display: flex;
        gap: 16px;
        flex-direction: column;
        align-items: center;
    }

    .block-personalizado .wrapper .ofertas-container {
        flex-direction: column;
        width: 100%;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta {
        max-width: 100%;
        width: 100%;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p {
        font-size: 1.8rem !important;
        letter-spacing: 4px;
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta .imagen img {
        height: 50vw;
        object-position: center;
    }

    .block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(2) .imagen img {
        object-position: 0% 35%;

    }

    .block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(3) .imagen img {
        object-position: 0% 30%;
    }



    .block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(1) .precio p {
        text-align: center;
        padding-inline-start: 0px;
    }

    .block-personalizado .wrapper .ofertas-container .card-oferta:nth-child(3) .precio p {
        text-align: center;
        padding-inline-end: 0px;
    }

    .block-personalizado .wrapper .banner-container .imagen img.mobile {
        display: block
    }

    .block-personalizado .wrapper .banner-container .imagen img.mobile.text {
        width: 200px;
        height: auto;
    }

    .block-personalizado .wrapper .banner-container .imagen img.escritorio {
        display: none;
    }

    .block-personalizado .wrapper .banner-container {
        display: flex;
        flex-direction: column-reverse;
        gap: 32px;
    }
    

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text {
        max-width: 100%;
        width: 100%;
        margin-top: 16px;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text p {
        text-align: center;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text .offer-title {
        width: 100%;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text .main-text {
        padding-inline-end: 0px;
    }

    .block-personalizado .wrapper .banner-container .texto .cmsbanner-text>.main-title {
        padding-inline-end: 0px;
        font-size: 1.8rem;
        text-align: center;
    }

    .block-personalizado .wrapper .banner-container .texto {
        padding: 0;
        position: relative;
    }

    .block-personalizado .wrapper .banner-container .imagen {
        margin: 0px;
        flex-direction: column;
        gap: 16px;
    }

    .page-home #custom-text {
        padding-top: 2rem;
    }

    .page-home #custom-text .container {
        padding-inline: 0px;
    }

    .sale-products .sale-products-footer,
    .featured-products .featured-products-footer {
        margin-block: 44px 78px;
    }

    .best-sellers-products .best-sellers-products-footer a,
    .sale-products .sale-products-footer a,
    .featured-products .featured-products-footer a {
        width: 496px;
        max-width: calc(100vw - 188px);
    }

    .page-home .product-flags {
        position: relative;
    }

    .product-miniature .card {
        padding: 4px;
    }

    .product-miniature .product-miniature__infos__bottom {
        margin-bottom: 4px;
    }

    .product-miniature .product-miniature__prices {
        flex-direction: column-reverse;
    }

    .featured-products .products article {
        width: 50%;
        margin-bottom: 4rem;
    }

    .block-social {
        flex-wrap: wrap;
    }

    .banner3images-container .banner3images-item {
        margin-bottom: 10px;
    }

    .footer__main__top .footer__block:first-child {
        padding-inline-start: 16px;
    }

    .footer__main__top .footer__block:last-child {
        padding-inline-end: 16px;
    }

    .footer .footer__block__title,
    .footer .footer__block__content-list a {
        font-size: 12px;
    }

    .footer .footer__block__content-contact a {
        max-width: 100%;
        overflow-wrap: break-word;
    }

    .email-subscription .email-subscription__content {
        display: flex;
        justify-content: center;
    }

    .email-subscription .email-subscription__content>div {
        max-width: calc(100vw - 32px);
    }

    .footer .footer__block__content-contact .contact__email i {
        display: none;
    }

    .featured-products>.container {
        padding-inline: 16px;
    }

    .featured-products h2 {
        text-align: center;
    }

    /* ===== Ficha producto ===== */


    #block-reassurance ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 10px;
        align-content: flex-start;
    }
}

@media (max-width: 567px) {

    .block-personalizado .wrapper .service_container .service-area {
        flex-direction: column;
        margin-block: 32px;
        gap: 64px;
    }

}

@media (max-width: 467px) {

    .best-sellers-products .best-sellers-products-footer a,
    .sale-products .sale-products-footer a,
    .featured-products .featured-products-footer a {
        width: 496px;
        max-width: calc(100vw - 74px);
    }

    .block-personalizado .wrapper .ofertas-container a.card-oferta {
        max-height: 348px;
    }

}

@media (max-width: 437px) {
    .block-personalizado .wrapper .ofertas-container a.card-oferta .titulo p {
        font-size: 1.4rem !important;
    }
}