:root{--scv4-primary:#0f766e;--scv4-secondary:#0f172a;--scv4-accent:#f59e0b;--scv4-bg:#f4f7fb;--scv4-surface:#ffffff;--scv4-border:#d9e3ed;--scv4-muted:#64748b}.scv4-shop,.scv4-box{background:var(--scv4-surface);border:1px solid var(--scv4-border);border-radius:28px;padding:24px;box-shadow:0 20px 44px rgba(15,23,42,.06);margin:22px 0}.scv4-section-head,.scv4-topline,.scv4-bottom,.scv4-actions,.scv4-cart-line{display:flex;justify-content:space-between;align-items:center;gap:14px}.scv4-note{padding:8px 12px;border-radius:999px;background:#ecfeff;color:#0f766e;font-weight:700;font-size:12px}.scv4-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;margin-top:18px}.scv4-product-card,.scv4-card,.scv4-kpi{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--scv4-border);border-radius:24px;padding:18px;box-shadow:0 12px 30px rgba(2,8,23,.05)}.scv4-product-card{position:relative;overflow:hidden}.scv4-product-card:before{content:'';position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--scv4-primary),var(--scv4-accent))}.scv4-thumb{width:100%;height:230px;object-fit:cover;border-radius:18px;margin-bottom:14px}.scv4-badges{display:flex;gap:8px}.scv4-badge{background:#0f766e;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.scv4-badge.alt{background:#f59e0b}.scv4-stock{font-size:12px;color:var(--scv4-muted)}.scv4-product-card h3{font-size:22px;margin:12px 0 8px;color:var(--scv4-secondary)}.scv4-product-card p{color:var(--scv4-muted);min-height:52px}.scv4-bottom strong{font-size:24px;color:var(--scv4-primary)}.scv4-add,.scv4-send-wa,.scv4-open-lead,.scv4-tracking-form button,.scv4-form button,.scv4-clear{font-size:12px;border:0;border-radius:999px;padding:12px 16px;cursor:pointer;font-weight:700;background:linear-gradient(135deg,var(--scv4-primary),#14b8a6);color:#fff}.scv4-clear.secondary{background:#e2e8f0;color:#0f172a}.scv4-cart-items{display:grid;gap:12px;margin:18px 0}.scv4-cart-line{padding:12px 14px;border:1px solid var(--scv4-border);border-radius:16px}.scv4-bank-list{white-space:pre-line;background:#f8fafc;border:1px dashed var(--scv4-border);padding:14px;border-radius:16px;margin:14px 0}.scv4-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scv4-form textarea,.scv4-form button{grid-column:1/-1}.scv4-form input,.scv4-form select,.scv4-form textarea,.scv4-tracking-form input{width:100%;padding:13px 14px;border:1px solid var(--scv4-border);border-radius:14px;background:#fff}.scv4-tracking-form{display:flex;gap:12px;margin:14px 0}.showcase-boxes .scv4-product-card{background:linear-gradient(180deg,#fff7ed,#fff)}.minimal-grid .scv4-product-card{box-shadow:none}.scv4-kpi span{display:block;color:#64748b}.scv4-kpi strong{display:block;font-size:34px;margin-top:8px}@media(max-width:700px){.scv4-section-head,.scv4-topline,.scv4-bottom,.scv4-actions,.scv4-cart-line,.scv4-tracking-form{flex-direction:column;align-items:stretch}.scv4-form{grid-template-columns:1fr}.scv4-thumb{height:200px}}/* Agrega esto al final de public/assets/css/public.css */

.scv4-cart-fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 60px;
  height: 60px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--scv4-primary), #14b8a6);
  color: #fff;
  box-shadow: 0 18px 35px rgba(15, 23, 42, .22);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  cursor: pointer;
}

.scv4-cart-fab svg {
  width: 26px;
  height: 26px;
}

.scv4-cart-fab-count {
  position: absolute;
  top: -4px;
  right: -2px;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scv4-cart-modal {
  position: fixed;
  inset: 0;
  background: rgba(2, 8, 23, .62);
  display: none;
  align-items: flex-end;
  justify-content: center;
  z-index: 10000;
  padding: 0;
}

.scv4-cart-modal.open {
  display: flex;
}

.scv4-cart-modal-card {
  width: 100%;
  max-width: 680px;
  max-height: 88vh;
  overflow: auto;
  background: #fff;
  border-radius: 24px 24px 0 0;
  padding: 20px;
  box-shadow: 0 -12px 40px rgba(2, 8, 23, .18);
}

.scv4-cart-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.scv4-cart-close {
  border: 0;
  border-radius: 999px;
  background: #e2e8f0;
  color: #0f172a;
  width: 42px;
  height: 42px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 700px) {
  #scv4-cart {
    display: none;
  }

  .scv4-cart-fab {
    display: inline-flex;
  }
}