/* Mayorista Tecnológico custom homepage - v1.1 */

.mayorista-home { width:100%; margin:0 auto; padding:8px 0 30px; }

.mayorista-home-shelf {
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(155px,1fr);
  gap:8px;
  margin:0 0 10px;
  align-items:stretch;
}

.mayorista-main-shelf { min-width:0; }

.mayorista-section-bar {
  min-height:34px; padding:0 10px; background:#0784f8; color:#fff;
  display:flex; align-items:center; justify-content:space-between;
}
.mayorista-section-title { display:flex; gap:8px; align-items:center; font-size:15px; font-weight:500; }
.mayorista-menu-symbol { font-size:18px; line-height:1; }
.mayorista-section-controls { display:flex; gap:2px; }
.mayorista-slider-btn {
  width:28px; height:30px; padding:0; border:0; background:transparent; color:#fff;
  font-size:28px; line-height:28px; cursor:pointer;
}

.mayorista-product-slider { overflow-x:auto; overflow-y:hidden; width:100%; scrollbar-width:none; }
.mayorista-product-slider::-webkit-scrollbar { display:none; }
.mayorista-product-track { display:flex; gap:5px; scroll-behavior:smooth; }

.mayorista-product-card {
  position:relative; flex:0 0 calc((100% - 15px)/4); min-width:0;
  border:1px solid #ddd; background:#fff; padding:6px 6px 38px; min-height:285px;
}
.mayorista-product-image { display:flex; align-items:center; justify-content:center; height:175px; overflow:hidden; background:#fff; }
.mayorista-product-image img { display:block; max-width:100%; max-height:165px; width:auto; height:auto; object-fit:contain; }
.mayorista-no-image { color:#999; font-size:14px; }
.mayorista-product-body { padding:8px 4px 0; }
.mayorista-product-name { display:block; min-height:38px; overflow:hidden; color:#444; font-size:12px; line-height:19px; text-decoration:none; }
.mayorista-product-price { margin:3px 0; color:#111; font-size:13px; font-weight:700; }
.mayorista-more-info { color:#006eff; font-size:13px; text-decoration:none; }
.mayorista-product-actions { position:absolute; right:0; bottom:0; display:flex; }
.mayorista-product-actions a {
  width:28px; height:28px; display:flex; align-items:center; justify-content:center;
  background:#0784f8; border-left:1px solid #fff; color:#fff; font-size:15px; text-decoration:none;
}
.mayorista-product-actions a:last-child { background:#0acb39; }

/* fifth product - visually separate from the blue header */
.mayorista-promo-product { min-width:0; }
.mayorista-promo-card {
  height:100%; min-height:319px; border:1px solid #ddd; background:#fff;
  display:flex; flex-direction:column; position:relative; overflow:hidden;
}
.mayorista-promo-label {
  position:absolute; top:8px; right:8px; z-index:2; background:#ffb000; color:#fff;
  font-size:10px; font-weight:700; padding:4px 6px;
}
.mayorista-promo-image { min-height:190px; display:flex; align-items:center; justify-content:center; padding:16px 10px 8px; }
.mayorista-promo-image img { max-width:100%; max-height:178px; object-fit:contain; }
.mayorista-promo-content { padding:8px 10px 12px; text-align:center; margin-top:auto; }
.mayorista-promo-name { display:block; min-height:36px; color:#333; font-size:12px; line-height:18px; overflow:hidden; }
.mayorista-promo-price { margin:6px 0 9px; font-size:14px; font-weight:700; color:#111; }
.mayorista-promo-button {
  display:inline-block; padding:6px 11px; background:#15b83f; color:#fff !important;
  font-size:12px; text-decoration:none; border-radius:2px;
}

/* brand-logo slider */
.mayorista-brands-section {
  margin:24px 0 20px; padding:11px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; overflow:hidden;
}
.mayorista-brand-viewport { width:100%; overflow:hidden; }
.mayorista-brand-track {
  width:max-content; display:flex; align-items:center; gap:18px;
  animation:mayorista-brand-scroll 55s linear infinite; will-change:transform;
}
.mayorista-brand-track:hover { animation-play-state:paused; }
.mayorista-brand-item {
  width:135px; height:68px; padding:8px 12px; display:flex; align-items:center; justify-content:center;
  background:#fff; border:1px solid #eee;
}
.mayorista-brand-item img { max-width:112px; max-height:48px; width:auto; height:auto; object-fit:contain; }
@keyframes mayorista-brand-scroll {
  from { transform:translateX(0); }
  to { transform:translateX(calc(-50% - 9px)); }
}

/* payment methods */
.mayorista-payment-section {
  margin:16px 0 8px; padding:30px 24px 25px; text-align:center;
  border:1px solid #e9eef5; border-radius:10px;
  background:linear-gradient(180deg,#fff 0%,#f7faff 100%);
  box-shadow:0 7px 22px rgba(0,0,0,.06);
}
.mayorista-payment-heading { margin-bottom:22px; }
.mayorista-payment-kicker {
  display:inline-block; margin-bottom:5px; font-size:11px; font-weight:700; letter-spacing:1.3px;
  text-transform:uppercase; color:#0784f8;
}
.mayorista-payment-section h2 { margin:0; color:#174fa3; font-size:31px; font-weight:500; }
.mayorista-payment-heading p { margin:7px 0 0; color:#6b7280; font-size:13px; }

.mayorista-payment-options {
  max-width:940px; margin:0 auto; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px;
}
.mayorista-payment-card {
  min-height:118px; padding:17px 14px; border:1px solid #dfe6ef; border-radius:8px; background:#fff;
  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;
  text-align:center; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.mayorista-payment-card:hover { transform:translateY(-3px); box-shadow:0 7px 17px rgba(0,0,0,.08); border-color:#b9d6f5; }
.mayorista-payment-icon { height:38px; display:flex; align-items:center; justify-content:center; }
.mayorista-payment-svg svg { width:42px; height:42px; fill:#0784f8; }
.mayorista-payment-logo-wrap { height:38px; display:flex; align-items:center; justify-content:center; }
.mayorista-payment-logo-wrap img { max-width:105px; max-height:38px; object-fit:contain; }
.mayorista-payment-card strong { display:block; margin-bottom:4px; color:#222; font-size:14px; }
.mayorista-payment-card span { display:block; color:#777; font-size:11px; line-height:15px; }

.mayorista-payment-reassurance {
  margin-top:18px; display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap;
  color:#607080; font-size:11px;
}

@media (max-width:991px) {
  .mayorista-home-shelf { grid-template-columns:minmax(0,3fr) minmax(150px,1fr); }
  .mayorista-product-card { flex-basis:calc((100% - 10px)/3); }
  .mayorista-payment-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
  .mayorista-home-shelf { grid-template-columns:1fr; }
  .mayorista-promo-card { min-height:260px; }
  .mayorista-product-card { flex-basis:calc((100% - 5px)/2); }
  .mayorista-promo-image { min-height:150px; }
  .mayorista-payment-section { padding:24px 14px 20px; }
}

@media (max-width:479px) {
  .mayorista-product-card { flex-basis:80%; }
  .mayorista-payment-options { grid-template-columns:1fr; }
  .mayorista-payment-section h2 { font-size:26px; }
}


/* v1.2 - legacy placement refinements */
.mayorista-home-shelf--promo-left {
  grid-template-columns: minmax(155px,1fr) minmax(0,4fr);
}

.mayorista-home-shelf--promo-right {
  grid-template-columns: minmax(0,4fr) minmax(155px,1fr);
}

.mayorista-card-icon svg {
  fill: #0784f8;
}

.mayorista-card-icon .mayorista-card-stripe,
.mayorista-card-icon .mayorista-card-detail {
  fill: #ffffff;
}

@media (max-width:991px) {
  .mayorista-home-shelf--promo-left {
    grid-template-columns: minmax(150px,1fr) minmax(0,3fr);
  }
  .mayorista-home-shelf--promo-right {
    grid-template-columns: minmax(0,3fr) minmax(150px,1fr);
  }
}

@media (max-width:767px) {
  .mayorista-home-shelf--promo-left,
  .mayorista-home-shelf--promo-right {
    grid-template-columns: 1fr;
  }

  .mayorista-home-shelf--promo-left .mayorista-promo-product {
    order: 2;
  }
}

/* v1.3 - Floating WhatsApp */
.mayorista-whatsapp{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:inherit}
.mayorista-whatsapp-fab{width:58px;height:58px;border:0;border-radius:50%;background:#25d366;box-shadow:0 8px 24px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s ease}
.mayorista-whatsapp-fab:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.mayorista-whatsapp-fab svg{width:34px;height:34px;fill:#fff}
.mayorista-whatsapp-panel{position:absolute;right:0;bottom:72px;width:310px;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.22);border:1px solid rgba(0,0,0,.08)}
.mayorista-whatsapp-panel-head{background:#25d366;color:#fff;padding:16px 18px;display:flex;justify-content:space-between;gap:12px}
.mayorista-whatsapp-panel-head strong{display:block;font-size:16px}.mayorista-whatsapp-panel-head span{display:block;margin-top:4px;font-size:12px}
.mayorista-whatsapp-close{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.mayorista-whatsapp-advisors{padding:8px}
.mayorista-whatsapp-advisor{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;text-decoration:none!important;color:#222!important}
.mayorista-whatsapp-advisor:hover{background:#f3faf6}
.mayorista-whatsapp-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e8f9ef;color:#25d366;display:flex;align-items:center;justify-content:center}
.mayorista-whatsapp-advisor-text{flex:1}.mayorista-whatsapp-advisor-text strong,.mayorista-whatsapp-advisor-text small{display:block}
.mayorista-whatsapp-advisor-text strong{font-size:13px}.mayorista-whatsapp-advisor-text small{font-size:12px;color:#777}
.mayorista-whatsapp-arrow{color:#25d366;font-size:26px}.mayorista-whatsapp-note{border-top:1px solid #eee;padding:9px 14px 11px;text-align:center;font-size:11px;color:#777}
@media(max-width:767px){.mayorista-whatsapp{right:15px;bottom:15px}.mayorista-whatsapp-fab{width:54px;height:54px}.mayorista-whatsapp-panel{width:min(310px,calc(100vw - 30px));bottom:66px}}