/* MERAKI WORLD - Botones Negro Premium V36.3
   Ajuste visual posterior a V36.2:
   - Botones principales en negro solido.
   - Rojo solo como acento, precios, etiquetas, bordes y hover.
   - WhatsApp verde.
   - Menos degradados en botones grandes.
   Debe cargar despues de V36, V36.1 y V36.2.
*/

:root{
  --mw363-black:#101828;
  --mw363-black-2:#0b1220;
  --mw363-red:#e11d48;
  --mw363-red-2:#be123c;
  --mw363-red-soft:#fff1f5;
  --mw363-border:#e5e7eb;
  --mw363-muted:#667085;
  --mw363-green:#16a34a;
  --mw363-green-2:#22c55e;
}

/* Paleta general: blanco, negro y rojo suave; menos degradados fuertes */
body{
  background:
    radial-gradient(circle at 10% 8%, rgba(255,228,235,.40), transparent 24rem),
    radial-gradient(circle at 92% 10%, rgba(255,241,245,.35), transparent 25rem),
    radial-gradient(circle at 48% 94%, rgba(240,253,250,.36), transparent 28rem),
    #fffafa !important;
}

/* ===== REGLA PRINCIPAL: botones de accion en negro solido ===== */
.mw-home-v5-btn.primary,
.mw-home-v5-quick-search button,
.mw-home-v11-add,
.mw-catalog-v13-add,
.mw-catalog-v13-search button,
.mw-catalog-v13-controls button,
.mw-catalog-v13-primary,
.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"],
.mw-home-page-v5 .btn-primary:not(.mw-catalog-v13-wsp),
.mw-home-page-v5 button[type="submit"]:not(.mw-catalog-v13-wsp){
  background:var(--mw363-black) !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid var(--mw363-black) !important;
  box-shadow:0 12px 26px rgba(16,24,40,.18) !important;
}

.mw-home-v5-btn.primary:hover,
.mw-home-v5-quick-search button:hover,
.mw-home-v11-add:hover,
.mw-catalog-v13-add:hover,
.mw-catalog-v13-search button:hover,
.mw-catalog-v13-controls button:hover,
.mw-catalog-v13-primary:hover,
.mw-home-v5-offer-card button:hover,
.mw-home-v5-offer-card .btn:hover,
.mw-home-v5-offer-card a[href*="carrito"]:hover,
.mw-home-v5-offer-card a[href*="cart"]:hover,
.mw-home-v5-offer-card [class*="add"]:hover,
.mw-home-v5-offer-card [class*="agregar"]:hover,
.mw-home-v5-offer-card [class*="Add"]:hover,
.mw-home-v5-offer-card [class*="Agregar"]:hover{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 16px 32px rgba(16,24,40,.22) !important;
}

/* ===== Secundarios: blanco con rojo, como "Ver detalle" del catalogo ===== */
.mw-home-v11-detail,
.mw-catalog-v13-detail,
.mw-catalog-v13-clear{
  background:#fff !important;
  background-image:none !important;
  color:var(--mw363-red) !important;
  border:1px solid #fecdd3 !important;
  box-shadow:0 8px 20px rgba(225,29,72,.06) !important;
}
.mw-home-v11-detail:hover,
.mw-catalog-v13-detail:hover,
.mw-catalog-v13-clear:hover{
  background:var(--mw363-red-soft) !important;
  color:var(--mw363-red-2) !important;
}

/* ===== WhatsApp siempre verde ===== */
.mw-home-v5-btn.whatsapp,
.mw-catalog-v13-wsp,
.mw-v36-mobile-actions a.whatsapp{
  background:linear-gradient(135deg,var(--mw363-green-2),var(--mw363-green)) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(22,163,74,.18) !important;
}

/* ===== Barra movil: Comprar negro solido, WhatsApp verde ===== */
.mw-v36-mobile-actions a:not(.whatsapp){
  background:var(--mw363-black) !important;
  background-image:none !important;
  color:#fff !important;
  border:1px solid var(--mw363-black) !important;
  box-shadow:none !important;
}
.mw-v36-mobile-actions a:not(.whatsapp):hover{
  background:#000 !important;
}

/* ===== Tabs/filtros: activo negro solido con pequeno acento rojo ===== */
.mw-home-v11-tab,
.mw-catalog-v13-chip{
  background:#fff !important;
  color:#344054 !important;
  border:1px solid var(--mw363-border) !important;
  box-shadow:0 8px 20px rgba(16,24,40,.04) !important;
}
.mw-home-v11-tab.is-active,
.mw-catalog-v13-chip.is-active{
  position:relative !important;
  background:var(--mw363-black) !important;
  background-image:none !important;
  color:#fff !important;
  border-color:var(--mw363-black) !important;
  box-shadow:0 12px 26px rgba(16,24,40,.16) !important;
}
.mw-home-v11-tab.is-active:after,
.mw-catalog-v13-chip.is-active:after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-4px;
  width:32px;
  height:4px;
  border-radius:999px;
  background:var(--mw363-red);
}

/* ===== Iconos: rojo oscuro premium, no degradado negro/rojo exagerado ===== */
.mw-home-v5-cat-icon,
.mw-home-v5-strip i{
  background:linear-gradient(135deg,#991b1b,var(--mw363-red)) !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(153,27,27,.16) !important;
}

/* ===== Categorias: links limpios estilo catalogo, sin boton grande negro/rojo ===== */
.mw-home-v5-cat-card{
  background:#fff !important;
  border:1px solid #edf0f5 !important;
  box-shadow:0 14px 34px rgba(16,24,40,.06) !important;
}
.mw-home-v5-cat-card:hover{
  border-color:#fecdd3 !important;
  transform:translateY(-3px) !important;
}

.mw-home-v5-cat-card a,
.mw-home-v5-cat-card .mw-home-v5-cat-link{
  background:transparent !important;
  background-image:none !important;
  color:var(--mw363-muted) !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:auto !important;
  border-radius:0 !important;
  font-weight:900 !important;
  text-decoration:none !important;
}
.mw-home-v5-cat-card a:hover,
.mw-home-v5-cat-card .mw-home-v5-cat-link:hover{
  color:var(--mw363-red) !important;
  background:transparent !important;
}

/* ===== Ofertas destacadas: card limpia, boton agregar negro compacto ===== */
.mw-home-v5-offers,
.mw-home-v5-categories{
  background:linear-gradient(145deg,#fff,#fff9fb 60%,#ffffff) !important;
}
.mw-home-v5-offer-card{
  background:#fff !important;
  border:1px solid #edf0f5 !important;
  box-shadow:0 14px 34px rgba(16,24,40,.06) !important;
}
.mw-home-v5-offer-card:hover{
  border-color:#fecdd3 !important;
}
.mw-home-v5-offer-card .badge,
.mw-home-v5-offer-card .mw-home-v5-offer-badge,
.mw-home-v5-offer-card small,
.mw-home-v5-offer-card .price,
.mw-home-v5-offer-card strong[class*="price"],
.mw-home-v5-offer-card .mw-home-v5-price,
.mw-home-v11-price,
.mw-catalog-v13-price-row strong,
.mw-catalog-v13-category,
.mw-home-v5-section-head small,
.mw-catalog-v13-kicker{
  color:var(--mw363-red) !important;
}

/* ===== Badges rojos, no morados ===== */
.mw-home-v11-badge,
.mw-catalog-v13-badge.offer,
.mw-catalog-v13-badge.new{
  background:var(--mw363-red) !important;
  background-image:none !important;
  color:#fff !important;
}
.mw-catalog-v13-badge.trend{
  background:var(--mw363-black) !important;
  background-image:none !important;
  color:#fff !important;
}

/* ===== Buscadores: borde rojo suave al enfocar ===== */
.mw-home-v5-quick-search:focus-within,
.mw-catalog-v13-searchbox:focus-within{
  border-color:#fb7185 !important;
  box-shadow:0 0 0 4px rgba(244,63,94,.11) !important;
}

/* ===== Mobile ===== */
@media(max-width:575.98px){
  .mw-home-v5-btn.primary,
  .mw-home-v5-quick-search button,
  .mw-home-v11-add,
  .mw-catalog-v13-add{
    background:var(--mw363-black) !important;
    background-image:none !important;
  }

  .mw-home-v5-cat-card a,
  .mw-home-v5-cat-card .mw-home-v5-cat-link{
    font-size:.88rem !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:9px 14px !important;
    border-radius:999px !important;
  }
}
