#ctman-recado-modal{position:fixed;inset:0;z-index:2147483640;display:flex;align-items:center;justify-content:center;padding:16px;font:15px/1.45 -apple-system,"Segoe UI",Helvetica,Arial,sans-serif;color:#111}
#ctman-recado-modal[hidden],#ctman-recado-modal [hidden]{display:none!important}
#ctman-recado-modal .ccm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}
#ctman-recado-modal .ccm-dialog{position:relative;width:100%;max-width:620px;max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.28);border:1px solid #e2e8f0}
#ctman-recado-modal .ccm-head{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#000;color:#fff;position:sticky;top:0;z-index:1}
#ctman-recado-modal .ccm-head h2{margin:0;font-size:16px;font-weight:700}
#ctman-recado-modal .ccm-x{background:0;border:0;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0 4px}
#ctman-recado-modal .ccm-form{padding:14px 16px 16px}
#ctman-recado-modal .ccm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#ctman-recado-modal .ccm-span2{grid-column:1/-1}
#ctman-recado-modal .ccm-field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#334155}
#ctman-recado-modal .ccm-field input,#ctman-recado-modal .ccm-field textarea{font:inherit;font-weight:400;font-size:14px;padding:9px 10px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a}
#ctman-recado-modal .ccm-field textarea{resize:vertical;min-height:112px}
#ctman-recado-modal .ccm-field input:focus,#ctman-recado-modal .ccm-field textarea:focus{outline:2px solid #000;outline-offset:1px}
#ctman-recado-modal .ccm-err{margin:12px 0 0;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:13px}
#ctman-recado-modal .ccm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
#ctman-recado-modal .ccm-btn{font:inherit;font-weight:600;font-size:14px;border-radius:10px;padding:9px 16px;cursor:pointer;border:0}
#ctman-recado-modal .ccm-btn-primary{background:#000;color:#fff}
#ctman-recado-modal .ccm-btn-primary:disabled{opacity:.55;cursor:wait}
#ctman-recado-modal .ccm-btn-ghost{background:#f1f5f9;color:#0f172a}
#ctman-recado-modal .ccm-result{padding:24px 16px;text-align:center}
#ctman-recado-modal .ccm-ok{margin:0 0 14px;font-size:15px;color:#0f172a;line-height:1.5}
#ctman-recado-modal .ccm-mt{margin-top:14px}
@media(max-width:520px){#ctman-recado-modal .ccm-grid{grid-template-columns:1fr}#ctman-recado-modal .ccm-span2{grid-column:auto}}

/* Keep the quote flow on the storefront's Inter type system. */
#ctman-cotiza-modal,
#ctman-cotiza-modal input,
#ctman-cotiza-modal select,
#ctman-cotiza-modal button,
#ctman-cotiza-modal a {
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

@media (max-width: 520px) {
  #ctman-cotiza-modal .ccm-actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding-top: 10px;
    background: #fff;
  }

  #ctman-cotiza-modal .ccm-actions .ccm-btn {
    flex: 1 1 0;
    min-height: 40px;
  }
}

/* Quote actions mirror Bolder native add-to-cart. */
.ctman-cotiza-btn {
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-color: #c2c2c2 !important;
  border-radius: var(--button-border-radius, 24px) !important;
  background: #c2c2c2 !important;
  color: #fff !important;
  font-family: Inter, "Inter Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 38px !important;
  letter-spacing: normal !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: all .2s !important;
  cursor: pointer !important;
}

.ctman-cotiza-btn:hover {
  background: #c2c2c2 !important;
  color: #fff !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15) !important;
  transform: translateY(-1px) !important;
}