/* MERAKI WORLD - Distribucion y UX Home V36.4
   Ajuste sobre V36.3:
   - Reordena presentacion.
   - Boton Comprar ahora vuelve, pero compacto y elegante.
   - Botones no tan grandes en el hero.
   - Barra fija inferior aparece solo despues de bajar.
   - Mejor lectura en mobile.
   Debe cargar despues de V36, V36.1, V36.2 y V36.3.
*/

:root{
  --mw364-black:#101828;
  --mw364-black-2:#0b1220;
  --mw364-red:#e11d48;
  --mw364-red-soft:#fff1f5;
  --mw364-green:#16a34a;
  --mw364-green-soft:#ecfdf5;
  --mw364-border:#e5e7eb;
  --mw364-muted:#667085;
}

/* ===== HERO MAS ORDENADO ===== */
.mw-home-v5-hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:1rem !important;
  padding:clamp(1rem,2.4vw,1.65rem) !important;
  min-height:auto !important;
}

.mw-home-v5-copy{
  max-width:780px !important;
  padding:clamp(.15rem,1.2vw,.7rem) !important;
}

.mw-home-v5-eyebrow{
  width:max-content !important;
  max-width:100% !important;
  padding:.58rem .86rem !important;
  font-size:clamp(.78rem,2.4vw,.92rem) !important;
}

.mw-home-v5-copy h1{
  margin:.95rem 0 .72rem !important;
  font-size:clamp(2.55rem,8.4vw,4.9rem) !important;
  line-height:.92 !important;
  letter-spacing:-.07em !important;
  max-width:760px !important;
}

.mw-home-v5-copy p{
  max-width:660px !important;
  margin:0 0 1rem !important;
  line-height:1.55 !important;
}

/* Buscador primero, botones despues */
.mw-home-v5-quick-search{
  max-width:720px !important;
  margin:.85rem 0 .75rem !important;
  min-height:58px !important;
  border-radius:24px !important;
}

.mw-home-v5-quick-search input{
  min-width:0 !important;
  font-size:.95rem !important;
}

.mw-home-v5-quick-search button{
  min-width:124px !important;
  min-height:46px !important;
  border-radius:20px !important;
  padding:.72rem 1.15rem !important;
}

/* ===== BOTONES DEL HERO: compactos, no gigantes ===== */
.mw-home-v5-actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:.7rem !important;
  margin:.55rem 0 .72rem !important;
}

.mw-home-v5-actions .mw-home-v5-btn{
  width:auto !important;
  min-width:168px !important;
  max-width:230px !important;
  min-height:48px !important;
  padding:.75rem 1.08rem !important;
  border-radius:18px !important;
  font-size:.94rem !important;
  line-height:1.15 !important;
  justify-content:center !important;
  box-shadow:0 12px 26px rgba(16,24,40,.14) !important;
}

/* Comprar ahora: negro solido elegante */
.mw-home-v5-actions .mw-home-v5-btn.primary{
  background:var(--mw364-black) !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid var(--mw364-black) !important;
}

/* WhatsApp: verde pero con ancho moderado */
.mw-home-v5-actions .mw-home-v5-btn.whatsapp{
  background:linear-gradient(135deg,#22c55e,var(--mw364-green)) !important;
  color:#fff !important;
  border:0 !important;
}

/* Trust chips: mas ordenados */
.mw-home-v5-trust{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:.48rem !important;
  max-width:720px !important;
  margin-top:.3rem !important;
}
.mw-home-v5-trust span{
  min-height:34px !important;
  padding:.45rem .72rem !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  color:#51445f !important;
}

/* ===== CARRUSEL: separacion mas limpia debajo del hero ===== */
.mw-home-page-v5 .mw-home-v5-showcase.mw-home-v11-showcase{
  margin-top:1rem !important;
}

.mw-home-v11-tabs{
  max-width:100% !important;
  gap:.45rem !important;
}

.mw-home-v11-tab{
  min-height:48px !important;
  border-radius:999px !important;
}

.mw-home-v11-add,
.mw-home-v11-detail{
  min-height:46px !important;
  border-radius:18px !important;
}

/* ===== BENEFICIOS: menos altos, mejor equilibrio ===== */
.mw-home-v5-strip{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:.85rem !important;
}

.mw-home-v5-strip article{
  min-height:116px !important;
  padding:1rem !important;
  border-radius:22px !important;
}

.mw-home-v5-strip i{
  width:42px !important;
  height:42px !important;
  border-radius:15px !important;
  margin-bottom:.55rem !important;
}

.mw-home-v5-strip strong{
  font-size:.96rem !important;
  line-height:1.2 !important;
}

.mw-home-v5-strip span{
  font-size:.82rem !important;
  line-height:1.35 !important;
}

/* ===== CATEGORIAS: mas compacto, lectura clara ===== */
.mw-home-v5-categories{
  padding:clamp(1rem,2vw,1.45rem) !important;
}

.mw-home-v5-section-head{
  margin-bottom:1rem !important;
}

.mw-home-v5-section-head h2{
  font-size:clamp(1.65rem,4.8vw,2.45rem) !important;
  line-height:1.02 !important;
}

.mw-home-v5-cat-card{
  min-height:142px !important;
  padding:1rem !important;
  border-radius:22px !important;
}

.mw-home-v5-cat-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  margin-bottom:.75rem !important;
}

.mw-home-v5-cat-card h3{
  font-size:clamp(1rem,3.6vw,1.2rem) !important;
  line-height:1.15 !important;
}

.mw-home-v5-cat-card a,
.mw-home-v5-cat-card .mw-home-v5-cat-link{
  display:inline-flex !important;
  align-items:center !important;
  gap:.35rem !important;
  margin-top:.65rem !important;
  color:var(--mw364-muted) !important;
  font-size:.84rem !important;
}

/* ===== OFERTAS: boton de agregar como mini boton negro ===== */
.mw-home-v5-offer-card{
  align-items:center !important;
}

.mw-home-v5-offer-card button,
.mw-home-v5-offer-card .btn,
.mw-home-v5-offer-card a[href*="carrito"],
.mw-home-v5-offer-card a[href*="cart"],
.mw-home-v5-offer-card [class*="add"],
.mw-home-v5-offer-card [class*="agregar"],
.mw-home-v5-offer-card [class*="Add"],
.mw-home-v5-offer-card [class*="Agregar"]{
  min-height:38px !important;
  padding:.55rem .9rem !important;
  border-radius:999px !important;
  font-size:.82rem !important;
}

/* ===== BARRA FIJA INFERIOR: menos invasiva ===== */
.mw-v36-mobile-actions{
  opacity:0 !important;
  transform:translateY(110%) scale(.98) !important;
  pointer-events:none !important;
  transition:opacity .22s ease, transform .22s ease !important;
}

body.mw-v364-showbar .mw-v36-mobile-actions{
  opacity:1 !important;
  transform:translateY(0) scale(1) !important;
  pointer-events:auto !important;
}

.mw-v36-mobile-actions{
  left:14px !important;
  right:14px !important;
  bottom:10px !important;
  padding:7px !important;
  border-radius:22px !important;
  grid-template-columns:1fr 1fr !important;
}

.mw-v36-mobile-actions a{
  min-height:46px !important;
  border-radius:17px !important;
  font-size:.95rem !important;
}

/* ===== MOBILE ===== */
@media(max-width:575.98px){
  .mw-home-page-v5{
    padding-inline:.72rem !important;
  }

  .mw-home-v5-hero{
    border-radius:28px !important;
    padding:1rem !important;
  }

  .mw-home-v5-copy h1{
    font-size:clamp(2.32rem,10.8vw,3.35rem) !important;
    line-height:.92 !important;
    margin:.82rem 0 .68rem !important;
  }

  .mw-home-v5-copy p{
    font-size:.98rem !important;
    line-height:1.52 !important;
    margin-bottom:.85rem !important;
  }

  .mw-home-v5-quick-search{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:.42rem !important;
    min-height:56px !important;
    padding:.42rem !important;
    border-radius:22px !important;
    margin:.75rem 0 .65rem !important;
  }

  .mw-home-v5-quick-search button{
    min-width:96px !important;
    min-height:44px !important;
    padding:.66rem .88rem !important;
    border-radius:18px !important;
    font-size:.88rem !important;
  }

  .mw-home-v5-actions{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:.62rem !important;
    margin:.65rem 0 .68rem !important;
  }

  .mw-home-v5-actions .mw-home-v5-btn{
    min-width:0 !important;
    max-width:none !important;
    width:100% !important;
    min-height:48px !important;
    padding:.68rem .62rem !important;
    font-size:.86rem !important;
    border-radius:18px !important;
  }

  .mw-home-v5-actions .mw-home-v5-btn i{
    font-size:1rem !important;
  }

  .mw-home-v5-trust{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:.48rem !important;
  }

  .mw-home-v5-trust span{
    justify-content:center !important;
    min-height:32px !important;
    padding:.42rem .48rem !important;
    font-size:.72rem !important;
  }

  .mw-home-v5-strip{
    grid-template-columns:1fr 1fr !important;
    gap:.66rem !important;
  }

  .mw-home-v5-strip article{
    min-height:106px !important;
    padding:.85rem !important;
    border-radius:20px !important;
  }

  .mw-home-v5-strip i{
    width:38px !important;
    height:38px !important;
    border-radius:14px !important;
  }

  .mw-home-v5-strip strong{
    font-size:.9rem !important;
  }

  .mw-home-v5-strip span{
    font-size:.75rem !important;
  }

  .mw-home-v5-categories{
    border-radius:26px !important;
    padding:1rem !important;
  }

  .mw-home-v5-cat-card{
    min-height:134px !important;
    padding:.92rem !important;
  }

  .mw-home-v5-cat-icon{
    width:44px !important;
    height:44px !important;
    margin-bottom:.65rem !important;
  }

  .mw-home-v5-cat-card h3{
    font-size:1.04rem !important;
  }

  .mw-home-v5-cat-card a,
  .mw-home-v5-cat-card .mw-home-v5-cat-link{
    margin-top:.55rem !important;
    font-size:.82rem !important;
  }

  .mw-home-v11-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:.4rem !important;
    padding:.42rem !important;
  }

  .mw-home-v11-tab{
    min-height:44px !important;
    font-size:.82rem !important;
    padding:.52rem .35rem !important;
  }

  .mw-home-v11-stage{
    min-height:390px !important;
  }

  .mw-home-v11-info{
    grid-template-columns:1fr !important;
  }

  .mw-home-v11-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:370px){
  .mw-home-v5-actions{
    grid-template-columns:1fr !important;
  }

  .mw-home-v5-trust{
    grid-template-columns:1fr !important;
  }
}