/* BERLAP INSPECT · Captura de campo responsiva
   Solo afecta la página de Nueva inspección. No altera el PDF impreso.
*/
.inspection-page{min-width:0}
.inspection-page .report-layout,
.inspection-page .report-layout > div,
.inspection-page .form-card,
.inspection-page .field{min-width:0}
.inspection-page .step-mobile-label{display:none}
.inspection-page .step-strip{scrollbar-width:thin;scrollbar-color:#b4d7ed transparent;overscroll-behavior-x:contain}
.inspection-page .step{scroll-snap-align:center}
.inspection-page :is(button,input,textarea,select):focus-visible{outline:3px solid #128fd0;outline-offset:2px}
.inspection-page .photo-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.inspection-page .photo-actions .btn{min-height:46px}
.inspection-page .photo-count-note{margin-top:13px;font-size:11px;color:#71849a}
.inspection-page .field label{overflow-wrap:anywhere}

/* Tabletas en modo vertical y portátiles compactas: contenido central sin sidebar auxiliar */
@media (min-width:761px) and (max-width:1199px){
  .inspection-page .report-layout{grid-template-columns:minmax(0,1fr)}
  .inspection-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspection-page .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspection-page .helper-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .inspection-page .step-strip{scroll-snap-type:x proximity}
  .inspection-page .step{flex:0 0 auto;min-width:137px;min-height:58px}
  .inspection-page .sign-grid,.inspection-page .photos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspection-page .chip,.inspection-page .result-opt{min-height:45px}
  .inspection-page .field input,.inspection-page .field select,.inspection-page .field textarea{font-size:14px;min-height:47px}
  .inspection-page .form-footer .btn{min-height:47px}
}

/* En celular se prioriza lectura, tacto y una sola columna. */
@media (max-width:760px){
  .topbar .mobile-menu{display:grid!important;min-width:44px;min-height:44px}
  .inspection-page{padding:18px 11px calc(24px + env(safe-area-inset-bottom,0px));width:100%;overflow-x:clip}
  .inspection-page .heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}
  .inspection-page .heading h1{font-size:clamp(21px,5.8vw,27px);line-height:1.2}
  .inspection-page .heading .subtitle{font-size:12px;line-height:1.45}
  .inspection-page .heading .eyebrow{font-size:10px;letter-spacing:.13em}
  .inspection-page .heading>.btn{font-size:11px;min-width:48px;min-height:48px;padding:10px;white-space:normal;line-height:1.15;flex:0 0 88px}
  .inspection-page .report-layout{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .inspection-page .step-mobile-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;font-weight:800;color:#49718f}
  .inspection-page .step-mobile-label b{font-size:12px;color:#0e6b9d}
  .inspection-page .step-strip{display:flex;gap:6px;padding:8px;margin-bottom:14px;border-radius:13px;overflow-x:auto;max-width:100%;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .inspection-page .step{flex:0 0 93px;min-width:93px;min-height:70px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:7px 5px;text-align:center}
  .inspection-page .step strong{font-size:10px;line-height:1.2;word-break:normal}
  .inspection-page .step small{display:none}
  .inspection-page .step-number{width:29px;height:29px;border-radius:9px}
  .inspection-page .form-card{border-radius:16px;overflow:visible}
  .inspection-page .form-section{padding:18px 14px}
  .inspection-page .form-top{gap:8px;flex-wrap:wrap;margin-bottom:18px}
  .inspection-page .form-top h3{font-size:15px}
  .inspection-page .form-top p{font-size:12px;line-height:1.5}
  .inspection-page .section-n{min-width:0;align-items:flex-start}
  .inspection-page .section-icon{width:36px;height:36px;flex:0 0 36px}
  .inspection-page .form-grid,
  .inspection-page .form-grid.three,
  .inspection-page .sign-grid,
  .inspection-page .review-grid,
  .inspection-page .inspection-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px}
  .inspection-page .field.full{grid-column:auto}
  .inspection-page .field label{font-size:13px;margin-bottom:7px}
  .inspection-page .field :is(input,select,textarea){font-size:16px;line-height:1.35;min-height:51px;padding:13px;border-radius:12px}
  .inspection-page .field textarea{min-height:116px}
  .inspection-page .chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .inspection-page .chip{min-width:0;min-height:49px;padding:9px 5px;font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  .inspection-page .inspection-card{padding:14px 12px}
  .inspection-page .inspection-head{margin-bottom:14px;gap:10px}
  .inspection-page .inspection-head strong{font-size:13px}
  .inspection-page .inspection-head .linkish{min-height:42px}
  .inspection-page .results-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .inspection-page .result-opt{min-height:50px;font-size:12px;padding:9px 4px}
  .inspection-page .form-footer{position:sticky;bottom:0;z-index:22;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.3fr);gap:8px;padding:11px 12px calc(11px + env(safe-area-inset-bottom,0px));border-radius:0 0 16px 16px;background:#f7fbff;box-shadow:0 -8px 22px #183d601a}
  .inspection-page .form-footer>.btn{width:100%}
  .inspection-page .form-footer>div{display:flex!important;flex-wrap:wrap;gap:7px!important;min-width:0}
  .inspection-page .form-footer>div>.btn{flex:1 1 100%;min-width:0}
  .inspection-page .form-footer .btn{min-height:50px;font-size:12px;line-height:1.25;padding:9px 8px;white-space:normal;text-align:center}
  .inspection-page .dropzone{padding:20px 11px;border-radius:14px}
  .inspection-page .dropzone strong{font-size:14px}
  .inspection-page .dropzone p{font-size:12px}
  .inspection-page .dropzone-icon{width:49px;height:49px}
  .inspection-page .photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .inspection-page .photo-actions .btn{font-size:12px;white-space:normal;min-width:0;min-height:51px;padding:9px 6px}
  .inspection-page .photos-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .inspection-page .photo-card .image{height:205px}
  .inspection-page .photo-card textarea{min-height:97px;font-size:16px}
  .inspection-page .photo-card .photo-delete{min-height:42px;min-width:42px}
  .inspection-page .sign-grid{grid-template-columns:minmax(0,1fr)}
  .inspection-page .sign-box-head{padding:13px;gap:8px;flex-wrap:wrap}
  .inspection-page .signature-canvas{height:205px;touch-action:none}
  .inspection-page .signature-footer{padding:10px 12px;gap:8px}
  .inspection-page .signature-footer .linkish{min-height:42px;padding:7px 9px}
  .inspection-page .review-box{padding:15px}
  .inspection-page .review-line{flex-wrap:wrap;align-items:flex-start}
  .inspection-page .review-line strong{overflow-wrap:anywhere;text-align:left;max-width:100%}
  .inspection-page .helper-column{grid-template-columns:minmax(0,1fr)}
  .inspection-page .helper-card{padding:16px}
  .inspection-page .alert-box{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
}
@media (max-width:360px){
  .inspection-page{padding-left:8px;padding-right:8px}
  .inspection-page .form-section{padding-left:11px;padding-right:11px}
  .inspection-page .photo-actions{grid-template-columns:minmax(0,1fr)}
  .inspection-page .step{flex-basis:88px;min-width:88px}
}
@media (max-width:760px) and (max-height:550px) and (orientation:landscape){
  .inspection-page .form-footer{position:static}
}
@media (prefers-reduced-motion:reduce){
 .inspection-page .step-strip{scroll-behavior:auto}
}