:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#15233b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:#006ea8}a:hover{text-decoration-thickness:2px}.container{width:min(1080px,92%);margin:auto}.site-header{background:#09223f;color:#fff}.site-header .inner{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:17px 0}.brand{font-weight:800;color:white;text-decoration:none;font-size:1.12rem}.nav{display:flex;flex-wrap:wrap;gap:14px}.nav a{color:#edf8ff;text-decoration:none;font-size:.93rem}.hero{background:linear-gradient(120deg,#09223f,#0a5070);color:#fff;padding:54px 0}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.13;margin:0 0 12px}.hero p{max-width:790px}.pill{display:inline-block;border:1px solid #7cc9e6;border-radius:999px;padding:3px 12px;font-size:.85rem;margin-bottom:18px}.section{padding:36px 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card,.panel{background:white;border:1px solid #dce4ee;border-radius:15px;padding:23px;box-shadow:0 3px 15px #12243c09}.card h2,.panel h2{font-size:1.22rem;margin-top:0}.card p{color:#455669}.card a{font-weight:700}.muted{color:#55657a}.note{padding:13px 17px;border-left:4px solid #2085a3;background:#edf8fc;border-radius:5px}.tag{display:inline-block;font-weight:650;font-size:.77rem;background:#e0f3eb;color:#155d41;border-radius:6px;padding:2px 9px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:650;font-size:.95rem;margin-bottom:4px}input,select{font:inherit;border:1px solid #b7c6d7;border-radius:9px;padding:10px;width:100%;background:#fff;color:#15233b}button,.button{background:#08769c;color:#fff;border:0;border-radius:9px;font-weight:700;padding:11px 16px;text-decoration:none;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#075a79;color:#fff}.button:disabled,button:disabled{opacity:.5;cursor:not-allowed}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{background:#eaf7fa;border-radius:10px;padding:14px}.stat strong{display:block;font-size:1.35rem}.steps{padding-left:22px}.site-footer{background:#102b46;color:#d2e2ed;padding:25px 0;margin-top:35px}.site-footer a{color:#c0eaff}.site-footer .inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.preview{background:#e1e7ef;border-radius:12px;padding:15px;text-align:center;overflow:auto}.preview canvas{display:block;max-width:100%;height:auto;margin:auto;box-shadow:0 6px 18px #1e293b40;background:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.screen-note{font-size:.9rem;color:#475569}details{background:#fff;border:1px solid #dce4ee;border-radius:9px;margin:10px 0;padding:12px 16px}summary{font-weight:700;cursor:pointer}ul{padding-left:22px}@media(max-width:720px){.split,.form-grid{grid-template-columns:1fr}.site-header .inner{align-items:flex-start;flex-direction:column}.hero{padding:35px 0}}
@media print {
  @page{margin:0}
  html,body{margin:0!important;padding:0!important;background:white!important}
  body>*:not(#print-only){display:none!important}
  #print-only{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}
  #print-only .print-sheet{display:block!important;position:relative!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;break-inside:avoid;page-break-inside:avoid;break-after:page;page-break-after:always}
  #print-only .print-sheet:last-child{break-after:auto;page-break-after:auto}
  #print-only .print-sheet img{display:block;width:100%;height:100%;object-fit:fill}
}
/* V2 UI */
.photo-list{display:grid;gap:10px;margin:14px 0 25px}
.photo-item{display:grid;grid-template-columns:54px minmax(0,1fr) 86px auto;gap:10px;align-items:center;padding:10px;border:1px solid #dce4ee;border-radius:10px;background:#f7fafc}
.photo-item img{width:54px;height:54px;object-fit:cover;border-radius:7px;background:#e5ebf3}
.photo-item .photo-name{font-weight:650;overflow-wrap:anywhere;font-size:.9rem}
.photo-item input{padding:7px}
.photo-item button{padding:8px 10px;background:#6b3042}
.row-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.row-compact button{padding:8px 12px}
.page-table{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:12px}
.page-table th,.page-table td{border-bottom:1px solid #dee5ef;padding:7px 5px;text-align:right}
.page-table th:first-child,.page-table td:first-child{text-align:left}
.alert{background:#fff4e5;border-left:4px solid #b7791f;padding:12px 16px;border-radius:6px}
.progress-note{font-weight:650;color:#0d6277}
#docx-render{position:fixed;left:-100000px;top:0;width:850px;visibility:hidden;pointer-events:none}
@media(max-width:720px){.photo-item{grid-template-columns:46px minmax(0,1fr) 72px;gap:7px}.photo-item img{width:46px;height:46px}.photo-item button{grid-column:3}}
/* V3 print: todas las hojas, sin alterar la navegación ni la exportación PNG */

/* V4 modo mixto / cotización integrada */
#auto-control[hidden],#nota-mosaico[hidden],#medidas-fijas[hidden],#cotizacion-contenido[hidden]{display:none!important}
.checkbox-line{display:flex;align-items:center;gap:10px;font-weight:650;cursor:pointer}.checkbox-line input{width:auto;transform:scale(1.15)}
.table-scroll{overflow-x:auto}.photo-item select{font-size:.78rem;padding:5px}.photo-item .photo-name small{display:block;color:#607083;font-weight:400}
.photo-item{grid-template-columns:54px minmax(0,1fr) 87px 96px auto}
@media(max-width:720px){.photo-item{grid-template-columns:45px minmax(0,1fr) 74px}.photo-item select{grid-column:2;grid-row:2}.photo-item button{grid-column:3;grid-row:2}}