/* 1.4.1: mobile layout layer; business flow and desktop layout stay in app.css. */
.inbox-back {display:none;}
.chat-log,.inbox-msgs {min-height:0;overscroll-behavior:contain;}
.chat-head,.chat-progress,.chat-notice,.chat-in,.chat-note,.chips {flex-shrink:0;}
.chat-log > *, .inbox-msgs > * {flex-shrink:0;}
.quote-set,.quote-card,.quote-body {min-width:0;}
@media(max-width:700px) {
  .wrap {padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));}
  header.nav .wrap {padding:calc(8px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) 8px max(18px,env(safe-area-inset-left));min-height:64px;}
  .public-ui .navlinks .btn {display:none;}
  .navlinks .account-link {min-height:44px;padding:0 2px;white-space:nowrap;}
  .staff-ui .navlinks {min-width:0;scrollbar-width:thin;}
  .staff-ui .navlinks a {min-height:44px;}
  .g4 {grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));}
  img {max-width:100%;}
  .hero-actions {display:grid;grid-template-columns:1fr;gap:10px;}
  .hero-actions .btn {width:100%;min-height:50px;}
  .ti-hero .wrap {min-height:0;padding:32px 18px 312px;}
  .ti-hero .art {height:280px;}
  .hero-caption {left:28px;right:28px;bottom:30px;}
  .hero-description {line-height:1.65;}
  .section-cta .btn,.partner-card .btn {width:100%;min-height:48px;}
  .buying-details summary {min-height:44px;display:list-item;padding:8px 0;line-height:1.5;}
  .buying-details details {padding:8px 0;}
  .field input:not([type="checkbox"]):not([type="radio"]),.field select,.field textarea {font-size:16px;min-height:48px;}
  label.opt {min-height:44px;}
  .page-registro > .wrap,.page-cuenta > .wrap,.page-login > .wrap {padding-top:30px!important;}
  .page-cuenta .wrap .dim {overflow-wrap:anywhere;}
  .page-cuenta .wrap .rowb {align-items:flex-start;gap:12px;}
  .page-cuenta .rowb > div[style*="display:flex"] {flex-wrap:wrap;}
  .page-cuenta .card.pad > .rowb > div[style*="text-align:right"] {text-align:left!important;}
  .scroll {max-width:100%;overscroll-behavior-x:contain;}
  .scroll table {min-width:580px;}
  .page-ajustes table,.page-fuentes table,.page-admin .pad table {table-layout:fixed;width:100%;}
  .page-ajustes td,.page-ajustes th,.page-fuentes td {padding:10px 8px;overflow-wrap:anywhere;}
  .page-fuentes td:first-child {width:95px!important;}
  .page-ajustes td input {min-width:0;}
  .tic {right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));}
  .tic-btn {min-height:48px;}
  .tic-bar {padding-top:calc(8px + env(safe-area-inset-top));}
  .tic-bar button,.tic-x {min-width:44px;min-height:44px;}
  .tic-panel {top:var(--ti-viewport-top,0px);bottom:auto;height:var(--ti-viewport-height,100dvh);}
  .tic-panel iframe {min-height:0;}
  body.chat-modal-open {overflow:hidden;}
  body.page-pedido {position:fixed;top:var(--ti-viewport-top,0px);left:0;right:0;height:var(--ti-viewport-height,100dvh);display:flex;flex-direction:column;overflow:hidden;}
  body.page-pedido header.nav {flex-shrink:0;}
  body.page-pedido #chat {flex:1;width:100%;height:auto;min-height:0;max-width:none;}
  body.page-pedido.viewport-zoomed {position:static;height:100dvh;overflow:auto;}
  body.chat-embedded {height:var(--ti-viewport-height,100dvh);overflow:hidden;}
  body.chat-embedded #chat {height:100%;min-height:0;}
  .chat-head {padding:10px 12px;}
  .chat-head .dim {font-size:12px!important;line-height:1.5;}
  .chat-help {min-height:44px;flex-shrink:0;}
  .chat-progress {padding:8px 12px;}
  .chat-progress span {gap:4px;}
  .chat-log {padding:14px 12px;}
  .bub {max-width:96%;overflow-wrap:anywhere;font-size:14px;line-height:1.65;}
  .chat-in {padding:10px 12px;gap:8px;}
  .chat-in textarea {height:48px;min-height:48px;font-size:16px;padding:12px;line-height:22px;}
  .chat-in .ic {width:48px;height:48px;flex-basis:48px;}
  .chat-note {padding:0 12px calc(8px + env(safe-area-inset-bottom));font-size:11px;line-height:1.5;}
  .chat-notice {max-height:120px;overflow-y:auto;}
  .chat-notice button,.chips button {min-height:44px;}
  .chips {padding:0 12px 10px;}
  .quote-set {grid-template-columns:1fr;}
  .quote-top {align-items:flex-start;}
  .quote-tag {text-align:right;max-width:65%;line-height:1.5;}
  .quote-photo {height:180px;}
  .quote-total {font-size:clamp(22px,6vw,27px);overflow-wrap:anywhere;}
  .quote-body > strong {overflow-wrap:anywhere;}
  .inbox-back {display:flex;align-items:center;min-height:44px;width:100%;color:var(--steel);font-size:13px;}
  .inbox-list {max-height:44dvh;}
  .inbox-conv {height:calc(var(--ti-viewport-height,100dvh) - var(--ti-header-height,112px));min-height:320px;scroll-margin-top:var(--ti-header-height,112px);}
  .inbox-head {padding:8px 12px;flex-shrink:0;}
  .inbox-head > div {min-width:0;overflow-wrap:anywhere;}
  .inbox-actions {width:100%;gap:6px;}
  .inbox-actions form {max-width:100%;min-width:0;}
  .inbox-actions select {max-width:180px;min-width:0;font-size:16px!important;}
  .inbox-msgs {padding:12px;}
  #inbox-conversations {scroll-margin-top:var(--ti-header-height,112px);}
  .keyboard-open .chat-head .dim,.keyboard-open .chips,.keyboard-open .chat-note {display:none;}
  .keyboard-open .chat-head {padding:8px 12px;}
  .keyboard-open .inbox-head .dim,.keyboard-open .inbox-actions {display:none;}
  .keyboard-open .inbox-conv {min-height:200px;}
}
@media(max-width:380px) {
  .logo {font-size:17px;}
  .chat-head strong {font-size:13px;}
  .chat-head img {width:34px;height:34px;}
  .chat-progress {font-size:10px;padding-left:10px;padding-right:10px;}
  .chat-progress span {gap:3px;}
  .chat-in {padding-left:10px;padding-right:10px;gap:6px;}
}
@media(max-width:700px) and (max-height:520px) {
  .chat-head .dim,.chat-note,.chips {display:none;}
  .chat-head {padding:6px 12px;}
  .chat-head img {width:34px;height:34px;}
  .chat-progress {padding-top:5px;padding-bottom:5px;}
  .chat-in {padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom));}
}
/* 1.5.5: foto de la opcion mas grande (es lo que el cliente mira para elegir) */
.quote-photo{height:220px!important;padding:0!important;object-fit:cover!important}
@media(max-width:700px){.quote-photo{height:240px!important}}