@media (max-width: 900px) {
h1, h2, h3, h4 {
    color: #2A7A7A;
    padding: 0;
    margin: 0;
    font-weight: 500;
    padding-bottom: 2rem;
    text-align: left;
}
h2 {
    font-size: 2.75rem;
    padding-bottom: 0.5rem;
}
h1 {
    font-size: 3rem;
}
.estilo-de-vida-wrap h2 {
padding: 0.85rem 1.56rem;
}
.estilo-de-vida-wrap h3 {
    text-align: center;
}
/*header */
#site-header .wrap {
    padding: 1.85rem 1.56rem;
}
.logo-mark img {
    width: 120px;
}

/*HERO*/
  #hero{
    position: relative;           /* clave */
    background-image: url(../img/hero-movil.png);
    background-position: 90% center;
    background-size: cover;
    min-height: 100dvh;           /* no fuerces height fijo */
    height: auto;
    overflow: hidden;             /* evita fugas si algo traslada hijos */
    isolation: isolate;           /* crea contexto de apilado */
  }
  #hero::before{
    content:"";
    position:absolute;
    inset:0;                      /* cubre todo el hero siempre */
    background: rgba(42,122,122,.6);
    z-index:0;                    /* debajo del contenido */
    pointer-events:none;
  }

    #hero > *{
    position: relative;
    z-index:1;
  }
.hero {
  height: 90dvh;
}
  .hero-inner {
    min-width: 0;
  }
.wrap {
    padding: 1.85rem 1.56rem;
}

#hero h1 {
    font-weight: 500;
    font-size: 3.5rem;
}

.hero-inner {
    width: 100%;
    justify-content: end;
}
.input-text {
    width: 100%;
    padding: 1rem;
    border-radius: 14px;
}



.btn-primary {
    width: 100%;
    border-radius: 14px;
}

.btn-secondary {
    color: #FFF;
    font-size: 1.5rem;
    padding: 1rem 2rem;
    font-weight: 500;
    text-align: center;
    width: 100%;
}

.botones-search {
    margin-top: 1rem;
}

/*menu */



/* Responsive: sidebar debajo en mobile */

    .content-area.tienda-con-sidebar {
        flex-direction: column;
        gap: 1.5rem;
    }
    /* .tienda-con-sidebar #secondary,
    .tienda-con-sidebar .widget-area {
        width: 100%;
        min-width: 0;
        margin-bottom: 1.5rem;
        order: 2;
    } */
    .tienda-con-sidebar .site-main { order: 1; }



    #muab-notice-bar{font-size:1em;}



  .swiper-slide.mu-prod-card { padding:1.2rem .6rem; }





  #site-header.header--overlay,
  #site-header.header--static {
    transition: transform .28s ease, opacity .28s ease;
  }



  .woocommerce ul.products li.product.mu-prod-card .mu-prod-img-wrap { max-height:100%; }


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 2rem;
}

.woocommerce ul.products li.product.mu-prod-card .mu-prod-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    display: block;
    margin: 0;
}
.site-main span.mu-sale .woocommerce-Price-amount {
    font-size: 2.5rem;
}


  .mu-cat-row { gap:6px; }
  .mu-cat-toggle { width:30px;height:30px;font-size:18px; }
  .mu-cat-add, .mu-sub-add, .mu-cat-name, .mu-sub-name { padding:8px 10px; }


  .mini-cart-cuatroelementos-panel{ right:12px; left:12px; width:auto; bottom:82px; border-radius:10px; }
  .mini-cart-cuatroelementos-item{ gap:10px; padding:10px; min-height:64px; }
  .mini-cart-cuatroelementos-qty{ flex:0 0 84px; }
  .mini-cart-cuatroelementos-item .mini-cart-item-title{
    font-size:13px;
    white-space:normal;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
  }




  .mu-testimonios-form { padding:18px; border-radius:10px; }
  .mu-input, .mu-textarea { padding:10px; font-size:14px; }
  .mu-btn-primary { width:100%; padding:12px; }




    .mu-testimonios-carousel { height:auto; padding-bottom:20px; perspective: none; }
    .mu-testimonios-track { position:relative; transform: none; left:0; top:0; width:100%; display:flex; gap:12px; transform-style:flat; }
    .mu-testimonio-slide { position:relative; left:auto; top:auto; width:86vw; border-radius:20px; padding:1.2rem; transform:none; }
    .mu-testimonios-controls { bottom: -5px; }



  .widget_mu_filter_price_multi .mu-filter-price-form {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .widget_mu_filter_price_multi .mu-filter-price-form button {
    align-self: flex-end;
  }


  .estilo-de-vida{
    display:flex;
    overflow-x:auto;
    gap:1rem;
    padding:1rem 18px 1.25rem;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  /* aplanar contenedores intermedios para que cada .estilo-item sea un slide */
  .estilo-de-vida .estilo-columna-1,
  .estilo-de-vida .contenededor-1-2,
  .estilo-de-vida .estilo-fila-1,
  .estilo-de-vida .estilo-fila-2,
  .estilo-de-vida .estilo2,
  .estilo-de-vida .estilo3{
    display: contents;
  }

  /* cada item ocupa el ancho de la “pantalla” */
    .estilo-de-vida .estilo-item {
        flex: 0 0 86%;
        max-width: 70%;
        scroll-snap-align: center;
        border-radius: 25px;
        /* margin-left: 5px; */
    }

  /* ocultar scrollbar (estético) */
  .estilo-de-vida::-webkit-scrollbar{ height:8px; }
  .estilo-de-vida::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.08); border-radius:999px; }
  .estilo-de-vida{ scrollbar-width:none; height: 400px;}

  .estilo-de-vida-wrap {
    margin-left: 0rem !important;
    padding: 0 !important;
  }


/*tarjetas productos */

.mu-prod-desc {
    display: none;
}

.swiper-slide.mu-prod-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 585px;
  padding: 10px;
}

.contenedor-producto {
  border: 2px solid #c7c7c7;
  border-radius: 16px;
  overflow: hidden;
  background-color: #fff;
}

.swiper-slide.mu-prod-card:hover, 
.swiper-slide.mu-prod-card:focus-visible {
    transform: none;
    box-shadow: none;
    z-index: 2;
}

.swiper {
    left: -18px;
}

.mu-prod-title h3 {
    font-size: 1.51rem;
    text-align: left;
    color: #000;
    padding-bottom: 0.84rem;
    font-weight: 500;
}

.mu-prod-price {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.84rem;
    text-align: left;
}
  .mu-prod-btns{ flex-direction:column; gap: 0;}
  .mu-prod-btns .add_to_cart_button{ order:1; }
  .mu-prod-btns .mu-btn.mu-btn-secondary{ order:2; text-decoration: underline;}

  .mu-prod-btns .mu-btn, .mu-prod-btns .button, button.mu-open-mini-cart, button.mu-testimonios-cta {
    border: none
  }

  .mu-prod-content {
    flex-shrink: 0;
    min-height: 155px;
}
.swiper-slide.mu-prod-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background-color: transparent;
}
.wrap-carrousel-home {
padding: 4rem 1rem;
}


/*Testimonios*/

/* ===== Mobile: carrusel 1 + 0.2 siguiente, sin 3D ===== */


  .mu-testimonios-wrap{
    padding: 5rem 0rem;
  }

  /* el contenedor ya no fija altura ni perspectiva */
  .mu-testimonios-carousel{
    height: auto;
    perspective: none;
    perspective-origin: 50% 50%;
    overflow: visible;
    padding-left: 1.56rem;
  }

  /* la pista pasa a carrusel horizontal con snap */
  .mu-testimonios-track{
    position: relative;
    left: auto; top: auto;
    width: 100%;
    height: auto;
    transform: none !important;
    transition: none !important;

    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 16px;

    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0 10vw 8px;              /* margen lateral para centrar el 1er ítem */
    box-sizing: border-box;
  }

  /* ocultar scrollbar sin romper accesibilidad */
  .mu-testimonios-track::-webkit-scrollbar{ height: 0; }
  .mu-testimonios-track{ scrollbar-width: none;}

  /* tarjeta plana, sin transforms del JS */
  .mu-testimonio-slide{
    position: relative;
    left: auto; top: auto;

    width: 80vw;                       /* 1 completa + ~20% de la siguiente */
    max-width: 560px;                  /* límite razonable por si tablet chica */
    flex: 0 0 auto;

    margin: 0;
    transform: none !important;
    opacity: 1 !important;
    z-index: auto !important;

    border-radius: 20px;
    padding: 1.2rem 1.1rem;
    box-shadow: 0 6px 14px rgba(0,0,0,0.06);
    scroll-snap-align: start;          /* ancla de snap */
    backface-visibility: hidden;
  }

  .mu-testimonio-quote{ font-size: 15px; line-height: 1.45; }
  .mu-testimonio-author{ font-size: 14px; }
  .mu-testimonio-local{ font-size: 12px; }

  /* flechas fuera en móvil */
  .mu-testimonios-controls{ display: none !important; }

  /* botón CTA centrado y sin posicionamiento absoluto */
  .boton-testimonio{
    position: relative;
    min-height: 0;
    top: 0;
    margin-top: 1rem;
  }
  .boton-testimonio > button{
    position: relative;
    left: auto; top: auto;
    transform: none;
    display: block;
    margin: 0 auto;
  }

  /* modal cómodo en móvil */
  .mu-t-modal{ padding: 12px; }
  .mu-t-modal-panel{
    width: 100%;
    max-width: none;
    border-radius: 12px;
    padding: 0.8rem;
  }
  .mu-t-modal-panel h2{
    font-size: 1.5rem;
    padding-bottom: .6rem;
  }


.mu-testimonios-wrap h2 {
  text-align: left;
  padding-left: 1.56rem;

}

.woocommerce ul.products {
    display: inline-table;
}

.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
        clear: both;
        border: 1px solid #c7c7c7;
        margin: 0 0 1.5rem;
    }

.tienda-con-sidebar #secondary,
.tienda-con-sidebar .widget-area {
    width: 100%;
    min-width: 180px;
    margin-right: 0;
    order: 1;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 1em;
    width: 100%;
}

.woocommerce-ordering select.orderby, .woocommerce form .orderby {
    width: 100%;
}

/*menu*/

.mu4e-filter-toggle{ display:block; }

.footer-wrap {
    padding: 2.85rem 1.56rem;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row, .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    display: grid;
    grid-template-columns: 0% 50% 0% 50% !important;
    padding: 16px 0;
    max-width: 100%;
    border-bottom: 1px solid #C2C2C2;
}

.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    display: none !important;
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
    margin: 0 !important;
}

.woocommerce-checkout #customer_details {
    margin: 0;
    padding-right: 0 !important;
}

.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2, table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wc-block-cart .wp-block-woocommerce-cart-order-summary-block {
    margin-bottom: 40px;
}
.woocommerce-checkout #order_review_heading {
    margin-top: 0;
    margin-bottom: 18px;
}



  .mini-cart-cuatroelementos-panel {
      position: fixed;
      right: auto;
      bottom: 18px;
      z-index: 99999;
      width: auto;
      max-width: 100%;
      margin: 5%;
  }
  .mini-cart-cuatroelementos-footer a.button-pagar {
    background: #DF7D53;
    color: #fff;
    /* position: relative; */
    align-content: center;
}


ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    flex-direction: column;
}
section.woocommerce-customer-details {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .06);
}

section.woocommerce-customer-details h2 {
    text-align: left;
    font-size: 2rem;
    font-weight: 500;
    padding-top: 0; 
    padding-bottom: 1rem;
}
.ce-cols {
    display: flex
;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    flex-direction: column;
}

.swiper-slide.mu-prod-card.swiper-slide .contenedor-producto .mu-prod-img-wrap img {
    width: auto !important;
    height: auto !important;
    max-width: 275px !important;
    max-height: 275px !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
}
}