/* Catálogo cliente: distribución aprobada en el mockup del 02/10/2026. */
#quoteSheet.quote-sheet-catalog-home .quote-body{
  padding-top:10px;
  padding-left:max(14px, env(safe-area-inset-left, 0px));
  padding-right:max(14px, env(safe-area-inset-right, 0px));
}
#quoteSheet .quote-catalog-header{
  display:grid;
  gap:10px;
  margin:0 0 14px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
#quoteSheet .quote-catalog-header-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  flex-wrap:wrap;
}
#quoteSheet .quote-catalog-brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
#quoteSheet .quote-catalog-brand .quote-brand-inline-logo{
  width:40px;
  height:40px;
  padding:0;
  border-radius:50%;
}
#quoteSheet .quote-catalog-brand strong{
  font-size:1.0625rem;
  line-height:1.2;
  color:#f7fbff;
}
#quoteSheet .quote-catalog-branch{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:5px;
  max-width:100%;
  min-height:44px;
  margin-left:auto;
  padding:4px 0 4px 6px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#bad5d9;
  font-size:.75rem;
  line-height:1.3;
  cursor:pointer;
}
#quoteSheet .quote-catalog-branch strong{color:#66e5c8;font-weight:800}
#quoteSheet .quote-catalog-branch svg{width:16px;height:16px;fill:none;stroke:#66e5c8;stroke-width:2;flex:0 0 auto}
#quoteSheet .quote-catalog-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
#quoteSheet .quote-catalog-actions > button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  max-width:none;
  min-width:0;
  min-height:60px;
  margin:0;
  padding:10px 8px;
  border:1px solid #63f6d5;
  border-radius:10px;
  background:linear-gradient(110deg,#b3f9d2 0%,#3ceec6 48%,#29d9e4 100%);
  color:#04292e;
  font-size:.9375rem;
  font-weight:850;
  line-height:1.25;
  letter-spacing:normal;
  white-space:normal;
  text-overflow:clip;
  overflow:visible;
  cursor:pointer;
}
#quoteSheet .quote-catalog-actions > .sc-guest-catalog-chat{
  border-color:#28b297;
  background:#0d6c61;
  color:white;
}
#quoteSheet .quote-catalog-actions > button:disabled{opacity:.65;cursor:wait}
#quoteSheet .quote-catalog-actions span:last-child{min-width:0;overflow-wrap:anywhere}
#quoteSheet .quote-catalog-actions > button:focus-visible,
#quoteSheet .quote-catalog-branch:focus-visible{outline:3px solid #96ffe5;outline-offset:3px}
#quoteSheet .sc-catalog-privacy{margin:0;color:#bad5d9;font-size:.6875rem;line-height:1.4}
#quoteSheet .sc-catalog-privacy a{color:#96ffe5;text-decoration:underline}
#quoteSheet .quote-catalog-home{display:grid;gap:10px}
#quoteSheet .quote-catalog-home > .quote-step-title{
  margin:0;
  font-size:1.375rem;
  line-height:1.2;
  letter-spacing:-.5px;
}
#quoteSheet .quote-catalog-home .quote-catalog-search{margin:0;gap:8px}
#quoteSheet .quote-catalog-home .quote-catalog-search-control{
  min-height:46px;
  grid-template-columns:20px minmax(0,1fr);
  gap:8px;
  padding:0 10px;
  border-radius:14px;
}
#quoteSheet .quote-catalog-home .quote-catalog-search-control input{height:44px;font-size:.8125rem;font-weight:600}
#quoteSheet .quote-catalog-home .quote-family-grid-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#quoteSheet .quote-catalog-home .quote-family-card-catalog{min-height:0;padding:8px;gap:8px;border-radius:20px}
#quoteSheet .quote-catalog-home .quote-family-img-wrap-catalog{height:auto;aspect-ratio:1.08;flex:0 0 auto;border-radius:15px}
#quoteSheet .quote-catalog-home .quote-family-copy{padding:0 2px 2px;gap:5px;min-width:0}
#quoteSheet .quote-catalog-home .quote-family-copy strong{font-size:.9375rem;line-height:1.15;letter-spacing:-.3px;overflow-wrap:anywhere}
#quoteSheet .quote-catalog-home .quote-family-copy small{
  display:block;
  font-size:.75rem;
  line-height:1.25;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  -webkit-line-clamp:unset;
}
@media(max-width:350px){
  #quoteSheet .quote-catalog-brand{gap:6px}
  #quoteSheet .quote-catalog-brand strong{font-size:.9375rem}
  #quoteSheet .quote-catalog-branch{font-size:.6875rem;gap:4px}
  #quoteSheet .quote-catalog-home .quote-catalog-search-control{gap:6px;padding-inline:8px}
  #quoteSheet .quote-catalog-home .quote-catalog-search-control input{font-size:.75rem}
}