/* Ajustes de legibilidad y filtros compactos */
.breadcrumb{font-size:12px;color:#666e79}
.topbar nav,.account{font-size:13px}
.eyebrow{font-size:10px;color:#626d79}
.welcome h1{font-size:34px}
.welcome p{font-size:13px;color:#59636e}
.side-title h2{font-size:17px}
.side-title a{font-size:11px}
.filter-group h3{font-size:13px}
.side-select{height:39px;font-size:12px;color:#343a42}
.searchbox input{font-size:13px}
.searchbox button{font-size:12px}
.toolbar{font-size:12px;color:#565e68}
.toolbar strong{font-size:14px}
.sort-label select{font-size:12px}
.active-filters a{font-size:11px}
.card-brand{font-size:10px;color:#69737e}
.card-name{font-size:12px;height:35px;color:#252b33}
.card-code{font-size:10px;color:#727a84}
.card-price{font-size:16px}
.card-price del{font-size:11px}
.card-stock{font-size:10px}
.image-area{width:100%;height:auto;aspect-ratio:1/1;border-radius:4px}
.deal-note{font-size:10px;color:#c53636;margin-top:3px}
.customer-note{font-size:10px;color:#1769aa;margin-top:3px}
.account-button{border:0;background:none;cursor:pointer;padding:8px 0}
.session-badge{font-size:11px;color:#367942;background:#eef7ef;padding:7px 10px;border-radius:20px}
.login-modal{width:min(420px,calc(100% - 28px));border:0;border-radius:12px;padding:36px;background:#fff;color:#242a31;box-shadow:0 20px 70px #17233140;position:relative}
.login-modal[open]{display:block;animation:pop .18s ease-out}
.login-modal::backdrop{background:#17233188;backdrop-filter:blur(2px)}
.login-mark{display:block;font:800 20px Manrope,sans-serif;letter-spacing:-1px;text-transform:uppercase;margin-bottom:23px}
.login-mark i{font-style:normal;color:#ffb300}
.login-modal h2{font:700 25px Manrope;letter-spacing:-.7px;margin:8px 0}
.login-modal>p{font-size:12px;color:#707883;margin:0 0 22px}
.login-modal form{display:grid;gap:8px}
.login-modal form label{font-size:11px;font-weight:600;color:#434a54;margin-top:5px}
.login-modal form input:not([type=hidden]){height:42px;border:1px solid #dce1e7;padding:0 11px;border-radius:4px;font-size:13px;outline-color:#1769aa}
.login-submit{height:43px;border:0;border-radius:4px;background:#1769aa;color:white;font-weight:600;font-size:12px;margin-top:8px;cursor:pointer}
.login-submit:disabled{opacity:.65;cursor:wait}
.login-message{min-height:15px;color:#65707b;font-size:11px}
.login-message.error{color:#b13f3f}
.login-help{border-top:1px solid #edf0f3;margin-top:19px;padding-top:14px;font-size:10px;color:#818791}
.modal-regular{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding:10px 0 7px;border-bottom:1px solid #edf0f3;font-size:11px;color:#777e87}
.modal-regular del{font-size:13px;color:#8b9098}
.modal-price{display:flex;flex-direction:column;gap:3px;margin:10px 0 6px!important}
.modal-price small{font:500 10px 'DM Sans';color:#707782}
.modal-price strong{font:800 25px Manrope;color:#20252c}
.modal-offer{display:grid;gap:6px;margin-top:13px!important;color:#333a43!important;font-size:11px!important;line-height:1.45}
.modal-offer>strong{font:700 12px Manrope!important;color:#20252c;margin:0 0 2px!important}
.discount-row{padding:8px 9px;border-radius:4px;background:#f4f6f8}
.discount-row.customer{border-left:3px solid #1769aa;background:#eef5fb}
.discount-row.booklet{border-left:3px solid #d6a52c;background:#fff9e9}
.no-discounts{font-size:10px;color:#737a84;padding:7px 0}
.modal-code{font-size:11px}
.modal-stock{font-size:11px}
.discount-row{font-size:12px}
.detail-list div{grid-template-columns:145px 1fr;padding:10px 0}
.detail-list dt{font-size:11px;color:#606a76;font-weight:600}
.detail-list dd{font-size:12px;color:#303741;font-weight:500}
.tax-note{font-size:9px}
.discount-badge{font-size:10px}
.detail-hint{font-size:10px}
.help-card>span{font-size:12px}
.help-card p,.help-card a{font-size:11px}
@media(max-width:700px){
  .welcome h1{font-size:25px}
  .welcome p{font-size:10px}
  .eyebrow{font-size:9px}
  .side-title h2{font-size:14px}
  .side-title a{font-size:10px}
  .filter-group h3{font-size:12px}
  .side-select{height:36px;font-size:11px}
  .filter-group:nth-of-type(1){grid-row:auto;max-height:none;overflow:visible}
  .searchbox input{font-size:11px}
  .searchbox button{font-size:10px}
  .toolbar{font-size:9px}
  .toolbar strong{font-size:11px}
  .sort-label select{font-size:10px}
  .card-brand{font-size:9px}
  .card-name{font-size:10px;height:30px}
  .card-code{font-size:9px}
  .card-price{font-size:13px}
  .card-stock{font-size:9px}
  .image-area{height:auto;aspect-ratio:1/1;border-radius:4px}
  .deal-note{font-size:9px}
  .customer-note{font-size:9px}
  .discount-badge{font-size:9px}
  .login-modal{padding:29px 23px}
  .session-badge{font-size:9px;padding:6px 8px}
}