/* Boaz V104 · Modales de producto compactos y nítidos */

/* Listas privadas */
.catalog-modal{padding:12px!important}
.catalog-modal .modal-backdrop{background:rgba(3,12,25,.68)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.catalog-modal .modal-card{
  width:min(940px,calc(100vw - 24px))!important;
  max-height:min(86vh,790px)!important;
  grid-template-columns:290px minmax(0,1fr)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 26px 80px rgba(1,16,34,.34)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.catalog-modal .modal-media{
  padding:22px!important;
  min-width:0!important;
  background:linear-gradient(155deg,#f8fbff 0%,#edf4fa 100%)!important;
  border-right:1px solid #e3ebf3!important;
  align-items:center!important;
  justify-content:center!important;
}
.catalog-modal .modal-media img{
  width:100%!important;
  height:auto!important;
  max-width:260px!important;
  max-height:300px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:12px!important;
  box-shadow:0 12px 28px rgba(16,47,78,.08)!important;
  image-rendering:auto!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
.catalog-modal .modal-media img.boaz-hq-loading{opacity:.62;transform:scale(.985)}
.catalog-modal .modal-media img.boaz-hq-ready{opacity:1;transform:scale(1)}
.catalog-modal .modal-content{
  padding:24px 26px 24px!important;
  max-height:min(86vh,790px)!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#afbdca transparent;
}
.catalog-modal .modal-close{right:12px!important;top:12px!important;width:36px!important;height:36px!important;font-size:20px!important;z-index:5!important}
.catalog-modal .modal-category{font-size:10px!important;letter-spacing:.1em!important}
.catalog-modal .modal-content h2{font-size:23px!important;line-height:1.18!important;margin:3px 44px 10px 0!important}
.catalog-modal .modal-price{font-size:16px!important;line-height:1.45!important;margin-bottom:10px!important}
.catalog-modal .modal-description{
  font-size:13px!important;
  line-height:1.55!important;
  color:#526178!important;
  margin:14px 0!important;
  max-height:132px!important;
  overflow:auto!important;
  padding-right:6px!important;
  scrollbar-width:thin;
}
.catalog-modal .modal-meta{gap:8px!important;margin:13px 0!important}
.catalog-modal .modal-meta div{padding:10px!important;border-radius:10px!important;font-size:11px!important}
.catalog-modal .modal-actions{margin-top:14px!important;gap:8px!important}
.catalog-modal .modal-action{min-height:40px!important;padding:0 13px!important;border-radius:10px!important;font-size:13px!important}

/* Comparador técnico de las listas */
.catalog-modal .boaz-alt-section{margin:15px 0 0!important;padding:13px!important;border-radius:14px!important;background:linear-gradient(145deg,#f7fbff,#f2f8fb)!important}
.catalog-modal .boaz-alt-head{margin-bottom:8px!important}
.catalog-modal .boaz-alt-eyebrow{font-size:9px!important}
.catalog-modal .boaz-alt-title{font-size:15px!important;margin-top:2px!important}
.catalog-modal .boaz-alt-info{font-size:10.5px!important;line-height:1.38!important;margin-bottom:10px!important}
.catalog-modal .boaz-alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.catalog-modal .boaz-alt-card{padding:9px!important;border-radius:12px!important;box-shadow:0 5px 15px rgba(24,55,91,.05)!important}
.catalog-modal .boaz-alt-card-main{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important}
.catalog-modal .boaz-alt-thumb{width:54px!important;height:54px!important;padding:4px!important;border-radius:9px!important;image-rendering:auto!important}
.catalog-modal .boaz-alt-brand{font-size:9px!important}
.catalog-modal .boaz-alt-code{font-size:12px!important;line-height:1.2!important}
.catalog-modal .boaz-alt-badge{font-size:8px!important;padding:4px 6px!important;max-width:92px!important}
.catalog-modal .boaz-alt-desc{font-size:10px!important;line-height:1.35!important;margin:6px 0!important;-webkit-line-clamp:2!important}
.catalog-modal .boaz-alt-specs{font-size:9px!important;padding:5px 6px!important;margin-bottom:7px!important}
.catalog-modal .boaz-alt-commercial{margin-bottom:7px!important}
.catalog-modal .boaz-alt-price{font-size:11px!important}
.catalog-modal .boaz-alt-stock{font-size:9px!important}
.catalog-modal .boaz-alt-actions{gap:5px!important}
.catalog-modal .boaz-alt-actions button,.catalog-modal .boaz-alt-actions a{min-height:31px!important;font-size:9px!important;border-radius:8px!important}
.catalog-modal .boaz-alt-disclaimer{font-size:8.5px!important;margin-top:8px!important}

/* E-Shop */
#modal.modal{
  width:min(960px,calc(100vw - 24px))!important;
  max-height:86vh!important;
  border-radius:19px!important;
  overflow:auto!important;
  box-shadow:0 28px 85px rgba(1,16,34,.36)!important;
  overscroll-behavior:contain;
}
#modal .modal-grid{grid-template-columns:290px minmax(0,1fr)!important}
#modal .modal-img{
  padding:22px!important;
  min-width:0!important;
  background:linear-gradient(155deg,#f8fbff 0%,#edf4fa 100%)!important;
  border-right:1px solid #e3ebf3!important;
}
#modal .modal-img img{
  width:100%!important;
  height:auto!important;
  max-width:255px!important;
  max-height:285px!important;
  object-fit:contain!important;
  background:#fff!important;
  border-radius:14px!important;
  padding:11px!important;
  box-shadow:0 12px 28px rgba(16,47,78,.08)!important;
  image-rendering:auto!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
#modal .modal-img img.boaz-hq-loading{opacity:.62;transform:scale(.985)}
#modal .modal-img img.boaz-hq-ready{opacity:1;transform:scale(1)}
#modal .modal-info{padding:22px 24px!important}
#modal .modal-info h2{font-size:23px!important;line-height:1.18!important;margin:5px 42px 8px 0!important}
#modal .modal-info p{font-size:13px!important;line-height:1.52!important;margin:10px 0!important;max-height:122px!important;overflow:auto!important;padding-right:5px!important}
#modal .modal-meta{margin:10px 0!important;gap:6px!important}
#modal .modal-meta span{padding:6px 8px!important;font-size:9.5px!important}
#modal .modal-actions{margin-top:13px!important;gap:8px!important}
#modal .modal-actions button,#modal .modal-actions a{padding:10px!important;border-radius:10px!important;font-size:12px!important}
#modal .smartmatch{margin:0 16px 16px!important;padding:14px!important;border-radius:15px!important}
#modal .smartmatch-head{align-items:flex-start!important;margin-bottom:10px!important;gap:12px!important}
#modal .smartmatch-head h3{font-size:18px!important;margin-top:3px!important}
#modal .smartmatch-head p{font-size:11px!important;line-height:1.4!important;max-width:430px!important}
#modal .alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#modal .alt-card{grid-template-columns:58px minmax(0,1fr)!important;min-height:86px!important;padding:9px 38px 9px 9px!important;border-radius:12px!important;gap:8px!important}
#modal .alt-img{width:58px!important;height:58px!important;border-radius:9px!important}
#modal .alt-img img{image-rendering:auto!important}
#modal .alt-copy strong{font-size:11px!important;line-height:1.2!important}
#modal .alt-copy span{font-size:9.5px!important;margin-top:2px!important}
#modal .alt-brand{font-size:8.5px!important}
#modal .alt-price{font-size:10px!important;margin-top:4px!important}
#modal .alt-add{width:28px!important;height:28px!important;border-radius:8px!important;font-size:17px!important;right:7px!important;bottom:7px!important}
#modal .alt-note{font-size:9px!important;margin-top:9px!important}

@media(max-width:760px){
  .catalog-modal{padding:8px!important;align-items:flex-end!important}
  .catalog-modal .modal-card{display:flex!important;flex-direction:column!important;width:100%!important;max-height:94vh!important;border-radius:18px 18px 10px 10px!important;overflow:auto!important}
  .catalog-modal .modal-media{padding:14px!important;min-height:170px!important;border-right:0!important;border-bottom:1px solid #e3ebf3!important}
  .catalog-modal .modal-media img{max-width:210px!important;max-height:190px!important;padding:8px!important}
  .catalog-modal .modal-content{padding:18px!important;max-height:none!important;overflow:visible!important}
  .catalog-modal .modal-content h2{font-size:20px!important}
  .catalog-modal .modal-description{max-height:118px!important}
  .catalog-modal .boaz-alt-grid{grid-template-columns:1fr!important}

  #modal.modal{width:calc(100vw - 16px)!important;max-height:94vh!important;border-radius:18px!important}
  #modal .modal-grid{grid-template-columns:1fr!important}
  #modal .modal-img{padding:14px!important;border-right:0!important;border-bottom:1px solid #e3ebf3!important}
  #modal .modal-img img{max-width:215px!important;max-height:190px!important;padding:8px!important}
  #modal .modal-info{padding:18px!important}
  #modal .modal-info h2{font-size:20px!important}
  #modal .modal-info p{max-height:110px!important}
  #modal .smartmatch{margin:0 10px 12px!important;padding:12px!important}
  #modal .smartmatch-head{flex-direction:column!important}
  #modal .alt-grid{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .catalog-modal .modal-media img,#modal .modal-img img{transition:none!important}
}