/* MERAKI WORLD - Presentacion Home y Catalogo PRO V36
   Mejora visual sin tocar base de datos: portada, slider, categorias, catalogo y mobile UX.
*/

:root{
  --mw36-ink:#21123d;
  --mw36-muted:#6c5b7f;
  --mw36-pink:#f04fa6;
  --mw36-fuchsia:#d946ef;
  --mw36-purple:#7c3aed;
  --mw36-violet:#a855f7;
  --mw36-mint:#34d399;
  --mw36-cyan:#8ff4ee;
  --mw36-card:#ffffff;
  --mw36-border:rgba(157,123,199,.18);
  --mw36-shadow:0 22px 60px rgba(47,24,80,.11);
}

html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(255,214,238,.48), transparent 24rem),
    radial-gradient(circle at 92% 10%, rgba(217,190,255,.42), transparent 25rem),
    radial-gradient(circle at 50% 92%, rgba(210,255,249,.45), transparent 26rem),
    #fff9fd;
}
.mw-home-page-v5{
  max-width:1248px;
  padding-inline:clamp(.35rem,1.6vw,.9rem);
}
.mw-home-page-v5 *{-webkit-tap-highlight-color:transparent;}

/* Portada principal */
.mw-home-v5-hero{
  border-radius:38px!important;
  padding:clamp(1rem,2.8vw,2rem)!important;
  gap:clamp(.9rem,2vw,1.4rem)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,241,250,.78) 35%, rgba(239,232,255,.82) 68%, rgba(232,255,252,.84))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 28px 78px rgba(51,25,88,.13), inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.mw-home-v5-hero:before{
  background:
    radial-gradient(circle at 6% 6%, rgba(255,255,255,.98) 0 9%, transparent 26%),
    radial-gradient(circle at 86% 7%, rgba(240,79,166,.20), transparent 31%),
    radial-gradient(circle at 36% 106%, rgba(52,211,153,.22), transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.24),transparent)!important;
}
.mw-home-v5-copy{
  padding:clamp(.35rem,2vw,1.2rem)!important;
  align-self:center;
}
.mw-home-v5-eyebrow{
  color:#9b2d77!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(240,79,166,.18)!important;
  box-shadow:0 14px 34px rgba(77,37,100,.08)!important;
}
.mw-home-v5-copy h1{
  max-width:780px;
  color:var(--mw36-ink)!important;
  letter-spacing:-.072em!important;
  text-wrap:balance;
}
.mw-home-v5-copy p{
  max-width:650px;
  color:var(--mw36-muted)!important;
  font-weight:760!important;
}
.mw-home-v5-quick-search{
  border:1px solid rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 18px 42px rgba(83,45,111,.10)!important;
}
.mw-home-v5-quick-search input{color:var(--mw36-ink)!important;}
.mw-home-v5-quick-search button,
.mw-home-v5-btn.primary,
.mw-home-v11-tab.is-active,
.mw-home-v11-badge,
.mw-home-v11-add,
.mw-catalog-v13-chip.is-active,
.mw-catalog-v13-search button,
.mw-catalog-v13-controls button,
.mw-catalog-v13-primary,
.mw-catalog-v13-badge.offer,
.mw-catalog-v13-add{
  background:linear-gradient(135deg,var(--mw36-pink),var(--mw36-purple))!important;
}
.mw-home-v5-btn,
.mw-home-v11-add,
.mw-home-v11-detail,
.mw-catalog-v13-add,
.mw-catalog-v13-detail,
.mw-catalog-v13-wsp{
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}
.mw-home-v5-btn:active,
.mw-home-v11-add:active,
.mw-home-v11-detail:active,
.mw-catalog-v13-add:active,
.mw-catalog-v13-detail:active,
.mw-catalog-v13-wsp:active{transform:scale(.985)!important;}
.mw-home-v5-btn.whatsapp{
  background:linear-gradient(135deg,#22c55e,#10b981)!important;
  box-shadow:0 16px 34px rgba(16,185,129,.22)!important;
}
.mw-home-v5-trust span{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 10px 24px rgba(71,40,104,.06);
}

/* Slider destacado */
.mw-home-page-v5 .mw-home-v5-showcase.mw-home-v11-showcase{
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.78)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(255,245,252,.72) 50%,rgba(235,255,252,.75))!important;
  box-shadow:0 24px 62px rgba(51,25,88,.12), inset 0 1px 0 rgba(255,255,255,.84)!important;
}
.mw-home-v11-tabs{
  box-shadow:0 16px 34px rgba(65,38,91,.09)!important;
  border-color:rgba(255,255,255,.78)!important;
}
.mw-home-v11-stage{
  min-height:clamp(430px,50vw,540px)!important;
  border-radius:30px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 18px 42px rgba(75,44,102,.12)!important;
}
.mw-home-v11-image img{
  filter:drop-shadow(0 28px 34px rgba(48,26,77,.17)) saturate(1.03)!important;
}
.mw-home-v11-info{
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 18px 40px rgba(45,24,76,.14)!important;
}
.mw-home-v11-copy h3{
  font-size:clamp(1.02rem,1.9vw,1.24rem)!important;
  text-wrap:balance;
}
.mw-home-v11-price{
  color:var(--mw36-pink)!important;
}

/* Beneficios y categorias */
.mw-home-v5-strip{
  gap:clamp(.65rem,1.4vw,1rem)!important;
  margin:clamp(.9rem,2vw,1.25rem) 0!important;
}
.mw-home-v5-strip article,
.mw-home-v5-cat-card,
.mw-home-v5-categories,
.mw-home-v5-offers,
.mw-catalog-v13-card,
.mw-catalog-v13-panel,
.mw-catalog-v13-stats,
.mw-catalog-v13-empty{
  border-color:rgba(255,255,255,.82)!important;
  box-shadow:0 18px 48px rgba(50,25,80,.08)!important;
}
.mw-home-v5-strip article,
.mw-home-v5-cat-card{
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,249,253,.88))!important;
}
.mw-home-v5-strip article:hover,
.mw-home-v5-cat-card:hover,
.mw-catalog-v13-card:hover{
  transform:translateY(-4px)!important;
}
.mw-home-v5-strip i,
.mw-home-v5-cat-icon{
  background:linear-gradient(135deg,var(--mw36-pink),var(--mw36-purple))!important;
  color:#fff!important;
}
.mw-home-v5-section-head h2,
.mw-catalog-v13 h2{
  color:var(--mw36-ink)!important;
  text-wrap:balance;
}

/* Catalogo */
.mw-catalog-v13{
  border-radius:36px!important;
  background:
    radial-gradient(circle at 88% 0%,rgba(240,79,166,.11),transparent 20rem),
    radial-gradient(circle at 0% 96%,rgba(52,211,153,.12),transparent 20rem),
    linear-gradient(145deg,rgba(255,255,255,.90),rgba(255,244,251,.76),rgba(239,252,255,.78))!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:var(--mw36-shadow)!important;
}
.mw-catalog-v13-kicker{
  color:#9b2d77!important;
  border-color:rgba(255,255,255,.82)!important;
  background:rgba(255,255,255,.82)!important;
}
.mw-catalog-v13-copy p{font-weight:720!important;}
.mw-catalog-v13-searchbox,
.mw-catalog-v13-controls select,
.mw-catalog-v13-chip,
.mw-catalog-v13-clear{
  border-color:rgba(229,213,247,.9)!important;
}
.mw-catalog-v13-photo{
  background:
    radial-gradient(circle at 35% 22%,#fff 0,#fff 17%,transparent 18%),
    radial-gradient(circle at 58% 52%,rgba(255,255,255,.8),transparent 47%),
    linear-gradient(135deg,#fff7fc 0%,#f3ecff 58%,#e9fffb 100%)!important;
}
.mw-catalog-v13-photo img{
  padding:22px 14px 12px!important;
}
.mw-catalog-v13-body h3{
  color:var(--mw36-ink)!important;
}
.mw-catalog-v13-price-row strong{
  color:var(--mw36-pink)!important;
}
.mw-catalog-v13-wsp{
  background:#ecfdf5!important;
  color:#0ea865!important;
}
.mw-catalog-v13-stock.ok{
  color:#047857!important;
}

/* Animaciones sutiles */
.mw-v36-reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .42s ease, transform .42s ease;
}
.mw-v36-reveal.is-visible{
  opacity:1;
  transform:none;
}
@media(prefers-reduced-motion:reduce){
  .mw-v36-reveal,
  .mw-home-v5-strip article,
  .mw-home-v5-cat-card,
  .mw-catalog-v13-card{
    transition:none!important;
    transform:none!important;
  }
}

/* Barra movil rapida */
.mw-v36-mobile-actions{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:1050;
  display:none;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:8px;
  border-radius:22px;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 18px 48px rgba(33,18,61,.18);
  backdrop-filter:blur(18px);
}
.mw-v36-mobile-actions a{
  min-height:44px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-decoration:none;
  font-weight:1000;
  color:#fff;
  background:linear-gradient(135deg,var(--mw36-pink),var(--mw36-purple));
}
.mw-v36-mobile-actions a.whatsapp{
  background:linear-gradient(135deg,#22c55e,#10b981);
}

/* Mobile */
@media(max-width:575.98px){
  body.mw-v36-has-mobilebar{padding-bottom:72px;}
  .mw-v36-mobile-actions{display:grid;}
  .mw-home-page-v5{padding:0 .72rem!important;margin-top:-.25rem!important;}
  .mw-home-v5-hero{
    margin:0!important;
    border-radius:28px!important;
    padding:1rem!important;
    min-height:auto!important;
  }
  .mw-home-v5-copy{
    padding:.15rem 0 .15rem!important;
  }
  .mw-home-v5-copy h1{
    font-size:clamp(2rem,10.5vw,2.72rem)!important;
    line-height:.95!important;
    letter-spacing:-.062em!important;
  }
  .mw-home-v5-copy p{
    font-size:.94rem!important;
    line-height:1.48!important;
    margin:.7rem 0 .78rem!important;
  }
  .mw-home-v5-quick-search{
    border-radius:20px!important;
    padding:.44rem!important;
    min-height:54px;
  }
  .mw-home-v5-quick-search button{
    min-height:42px;
    padding:.68rem .9rem!important;
  }
  .mw-home-v5-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .mw-home-v5-btn{
    min-height:46px;
    padding:.7rem .62rem!important;
    font-size:.84rem!important;
  }
  .mw-home-v5-trust span{
    font-size:.72rem!important;
    padding:.38rem .52rem!important;
  }
  .mw-home-page-v5 .mw-home-v5-showcase.mw-home-v11-showcase{
    border-radius:26px!important;
    padding:.62rem!important;
  }
  .mw-home-v11-tabs{
    gap:.28rem!important;
    padding:.32rem!important;
  }
  .mw-home-v11-tab{
    min-height:42px!important;
    font-size:.78rem!important;
    padding:.55rem .35rem!important;
  }
  .mw-home-v11-stage{
    min-height:380px!important;
    border-radius:24px!important;
  }
  .mw-home-v11-media{
    padding:3.1rem .85rem .9rem!important;
  }
  .mw-home-v11-image{
    max-height:235px!important;
  }
  .mw-home-v11-image img{
    max-height:235px!important;
    width:min(100%,320px)!important;
    transform:scale(1.02)!important;
  }
  .mw-home-v11-badge{
    top:.75rem!important;
    left:.75rem!important;
    padding:.48rem .66rem!important;
    font-size:.7rem!important;
    border-radius:14px!important;
  }
  .mw-home-v11-sparkle{
    width:30px!important;
    height:30px!important;
  }
  .mw-home-v11-info{
    margin:0 .64rem .64rem!important;
    padding:.82rem!important;
    border-radius:20px!important;
    grid-template-columns:1fr auto!important;
  }
  .mw-home-v11-copy small{
    font-size:.63rem!important;
  }
  .mw-home-v11-copy h3{
    font-size:.92rem!important;
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .mw-home-v11-copy p{
    display:none!important;
  }
  .mw-home-v11-price{
    font-size:1.06rem!important;
  }
  .mw-home-v11-actions{
    gap:.46rem!important;
  }
  .mw-home-v11-add,
  .mw-home-v11-detail{
    min-height:42px!important;
    font-size:.8rem!important;
  }
  .mw-home-v11-arrow{
    width:38px!important;
    height:38px!important;
  }
  .mw-home-v11-arrow.prev{left:.45rem!important;}
  .mw-home-v11-arrow.next{right:.45rem!important;}

  .mw-home-v5-strip{
    grid-template-columns:1fr 1fr!important;
    gap:.62rem!important;
  }
  .mw-home-v5-strip article{
    border-radius:18px!important;
    padding:.78rem!important;
  }
  .mw-home-v5-strip i{
    width:34px!important;
    height:34px!important;
    border-radius:13px!important;
  }
  .mw-home-v5-strip strong{font-size:.83rem!important;}
  .mw-home-v5-strip span{font-size:.72rem!important;}

  .mw-home-v5-categories,
  .mw-home-v5-offers,
  .mw-catalog-v13{
    border-radius:26px!important;
    margin-block:.95rem!important;
  }
  .mw-home-v5-section-head h2,
  .mw-catalog-v13 h2{
    font-size:1.55rem!important;
  }
  .mw-home-v5-cat-card{
    min-width:172px!important;
    border-radius:19px!important;
  }

  .mw-catalog-v13{
    padding:.78rem!important;
  }
  .mw-catalog-v13-head{
    margin-bottom:.8rem!important;
  }
  .mw-catalog-v13-panel{
    position:relative!important;
    top:auto!important;
    border-radius:22px!important;
    padding:.62rem!important;
  }
  .mw-catalog-v13-searchbox{
    min-height:50px!important;
    border-radius:18px!important;
  }
  .mw-catalog-v13-search button,
  .mw-catalog-v13-clear{
    min-height:46px!important;
  }
  .mw-catalog-v13-chips{
    padding-bottom:.55rem!important;
  }
  .mw-catalog-v13-chip{
    padding:.58rem .78rem!important;
    font-size:.82rem!important;
  }
  .mw-catalog-v13-controls{
    grid-template-columns:1fr!important;
  }
  .mw-catalog-v13-controls select{
    min-height:46px!important;
    border-radius:16px!important;
  }
  .mw-product-col{
    padding-left:6px!important;
    padding-right:6px!important;
    margin-bottom:12px!important;
  }
  .mw-catalog-v13-card{
    border-radius:22px!important;
  }
  .mw-catalog-v13-photo{
    aspect-ratio:1/1.08!important;
  }
  .mw-catalog-v13-photo img{
    padding:25px 9px 9px!important;
  }
  .mw-catalog-v13-body{
    padding:.68rem!important;
  }
  .mw-catalog-v13-category{
    font-size:.62rem!important;
  }
  .mw-catalog-v13-body h3{
    font-size:.82rem!important;
    line-height:1.14!important;
    min-height:2.25em!important;
  }
  .mw-catalog-v13-price-row strong{
    font-size:.96rem!important;
  }
  .mw-catalog-v13-add,
  .mw-catalog-v13-detail{
    min-height:38px!important;
    font-size:.78rem!important;
  }
  .mw-catalog-v13-badge,
  .mw-catalog-v13-stock{
    font-size:.59rem!important;
    padding:.32rem .44rem!important;
  }
}

@media(max-width:370px){
  .mw-home-v5-actions{grid-template-columns:1fr!important;}
  .mw-home-v11-stage{min-height:360px!important;}
  .mw-home-v11-image,
  .mw-home-v11-image img{max-height:215px!important;}
}