/* Norte Software · ficha de venta · pantalla e impresión */
:root{--tinta:#14171F;--oro:#B8933F;--oro-claro:#D9B25C;--crema:#F7F3E8;--gris:#5F6470;--linea:#E2DBC8}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--tinta);background:#E9E6DE;font-size:11.5pt;line-height:1.45}
.hoja{background:#fff;width:8.5in;min-height:11in;margin:24px auto;padding:.6in .65in .55in;box-shadow:0 20px 60px -30px rgba(0,0,0,.45);position:relative}
.hoja + .hoja{margin-top:0}
h1,h2,h3{font-family:'Manrope','Inter',sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:26pt;font-weight:700;margin:.15in 0 .08in}
h1 em{font-style:italic;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;color:var(--oro)}
h2{font-size:9.5pt;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--oro);margin:.22in 0 .1in;display:flex;align-items:center;gap:.12in}
h2::after{content:'';flex:1;height:1px;background:var(--linea)}
h3{font-size:11pt;font-weight:700}
p{margin:0}
.cab{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linea);padding-bottom:.12in}
.marca{display:flex;align-items:center;gap:.1in;font-family:'Manrope',sans-serif}
.marca svg{width:34px;height:34px}
.marca b{font-size:11pt;letter-spacing:.28em}
.marca span{display:block;font-size:6.5pt;letter-spacing:.42em;color:var(--oro)}
.cab .doc{text-align:right;font-size:8pt;color:var(--gris);letter-spacing:.08em;text-transform:uppercase}
.para{font-size:9pt;letter-spacing:.14em;text-transform:uppercase;color:var(--oro);font-weight:700;margin-top:.22in}
.lead{font-size:12.5pt;color:#2A2E38;max-width:6.4in;line-height:1.45}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:.22in}
.tres{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.16in}
.caja{border:1px solid var(--linea);border-radius:6px;padding:.14in .16in;background:#FCFBF7}
.caja h3{margin-bottom:.05in}
.caja p,.caja li{font-size:10pt;color:#2A2E38}
ul{list-style:none}
.res li{position:relative;padding-left:.2in;font-size:10.5pt;margin-bottom:.06in;color:#2A2E38}
.res li::before{content:'◈';position:absolute;left:0;top:.02in;color:var(--oro);font-size:8pt}
.res li b{color:var(--tinta)}
.quien li{font-size:10pt;padding-left:.18in;position:relative;margin-bottom:.04in;color:#2A2E38}
.quien li::before{content:'';position:absolute;left:0;top:.09in;width:.1in;height:.1in;border-radius:50%;border:1px solid var(--oro)}
.captura{border:1px solid var(--linea);border-radius:6px;overflow:hidden;background:#111;margin-top:.1in}
.captura img{width:100%;height:auto;display:block}
.captura figcaption{font-size:8pt;color:var(--gris);padding:.06in .1in;background:#FCFBF7;border-top:1px solid var(--linea)}
.pasos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.14in;counter-reset:p}
.pasos div{border-top:2px solid var(--oro);padding-top:.08in;font-size:10pt;color:#2A2E38}
.pasos div::before{counter-increment:p;content:counter(p);display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:18pt;color:var(--oro);line-height:1;margin-bottom:.04in}
.pasos b{display:block;color:var(--tinta);margin-bottom:.03in}
.precio{display:grid;grid-template-columns:1.25fr 1fr;gap:.2in;align-items:start}
.cifra{font-family:'Manrope',sans-serif;font-size:24pt;font-weight:700;color:var(--tinta);line-height:1}
.cifra small{font-size:10pt;font-weight:500;color:var(--gris)}
.alt{font-size:10pt;color:#2A2E38;margin-top:.06in}
.alt b{color:var(--tinta)}
.incluye li{font-size:9.5pt;color:#2A2E38;padding-left:.16in;position:relative;margin-bottom:.03in}
.incluye li::before{content:'✓';position:absolute;left:0;color:var(--oro);font-weight:700}
.limites{font-size:8.5pt;color:var(--gris);line-height:1.4;border-top:1px solid var(--linea);padding-top:.1in;margin-top:.16in}
.cta{display:grid;grid-template-columns:1fr auto;gap:.2in;align-items:center;border:1px solid var(--oro-claro);border-radius:8px;padding:.16in .2in;margin-top:.18in;background:linear-gradient(135deg,#FBF6E8,#fff)}
.cta b{font-family:'Manrope',sans-serif;font-size:13pt;display:block;margin-bottom:.04in}
.cta p{font-size:10pt;color:#2A2E38}
.cta .num{font-family:'Manrope',sans-serif;font-weight:700;font-size:12pt;color:var(--tinta)}
.qr{width:1.15in;height:1.15in}
.qr svg{width:100%;height:100%;display:block}
.qr-cap{font-size:7.5pt;color:var(--gris);text-align:center;margin-top:.04in;width:1.15in}
.pie{position:absolute;left:.65in;right:.65in;bottom:.35in;display:flex;justify-content:space-between;font-size:7.5pt;color:var(--gris);border-top:1px solid var(--linea);padding-top:.08in}
.salto{page-break-before:always;break-before:page}
.controles{max-width:8.5in;margin:18px auto 0;display:flex;gap:10px;justify-content:flex-end;font-family:'Manrope',sans-serif}
.controles button,.controles a{border:1px solid #cfc7b2;background:#fff;color:#14171F;font:600 10.5pt 'Manrope',sans-serif;padding:9px 14px;border-radius:6px;cursor:pointer;text-decoration:none}
@media print{
  @page{size:letter;margin:0}
  body{background:#fff}
  .hoja{width:auto;min-height:0;margin:0;padding:.5in .6in .5in;box-shadow:none;page-break-after:always}
  .hoja:last-of-type{page-break-after:auto}
  .controles{display:none}
  a{color:inherit;text-decoration:none}
}
@media (max-width:700px){
  .hoja{width:auto;margin:0;padding:1.2rem 1rem 2.2rem}
  .dos,.tres,.pasos,.precio,.cta{grid-template-columns:1fr}
  h1{font-size:20pt}
  .pie{position:static;margin-top:1.2rem}
}