@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');
body { margin:0; background:#30221e; }
#horma-comprobante { font:400 15px/1.6 'Manrope',sans-serif; color:#f5eee3; padding:20px 12px; }
#horma-comprobante * { box-sizing:border-box; }
#horma-comprobante [hidden] { display:none!important; }
#horma-comprobante .hdp-shell { max-width:480px; margin:0 auto; background:#30221e; border:1px solid #725744; border-radius:22px; overflow:hidden; }
#horma-comprobante .hdp-header { text-align:center; padding:30px 24px 26px; border-bottom:1px solid #614b3e; }
#horma-comprobante .hdp-logo { width:152px; height:152px; margin:0 auto 16px; background-color:transparent; background-image:url('logo-corporativo.webp'); background-repeat:no-repeat; background-size:contain; background-position:center; }
#horma-comprobante .hdp-wordmark { font-size:23px; font-weight:500; letter-spacing:-.035em; }
#horma-comprobante .hdp-wordmark span { color:#d7a17c; }
#horma-comprobante .hdp-tagline { margin:8px 0 0; color:#d3bcaa; font-size:11px; font-weight:400; line-height:1.8; text-transform:uppercase; letter-spacing:.14em; }
#horma-comprobante .hdp-content { padding:26px 22px 24px; }
#horma-comprobante .hdp-eyebrow { font-size:11px; color:#d3bcaa; letter-spacing:.16em; text-transform:uppercase; margin:0 0 10px; }
#horma-comprobante h1 { font-size:25px; font-weight:500; line-height:1.35; letter-spacing:-.035em; margin:0 0 24px; }
#horma-comprobante .hdp-card { padding:25px 22px; border-radius:13px; background:#f5eee3; color:#252525; }
#horma-comprobante .hdp-label { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:#706053; margin:0 0 8px; }
#horma-comprobante .hdp-name { font-size:23px; line-height:1.4; font-weight:500; letter-spacing:-.025em; margin:0; overflow-wrap:anywhere; }
#horma-comprobante .hdp-id { font-size:32px; letter-spacing:.025em; font-weight:500; color:#795037; margin:0; overflow-wrap:anywhere; }
#horma-comprobante .hdp-ficha-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(128px,48%); gap:12px; align-items:center; }
#horma-comprobante .hdp-ficha-number { min-width:0; }
#horma-comprobante .hdp-ficha-row .hdp-id { font-size:clamp(23px,6.2vw,29px); letter-spacing:0; }
#horma-comprobante .hdp-qr { background:#fff; padding:4px; border-radius:5px; min-width:0; }
#horma-comprobante .hdp-qr svg { display:block; width:100%; max-width:100%; height:auto; margin:auto; shape-rendering:crispEdges; }
#horma-comprobante .hdp-ficha-row.hdp-qr-large { grid-template-columns:minmax(0,1fr); }
#horma-comprobante .hdp-qr-large .hdp-qr { width:100%; max-width:248px; margin-top:8px; }
#horma-comprobante .hdp-separator { height:1px; background:#d7c5b1; margin:23px 0; }
#horma-comprobante .hdp-help { font-size:13px; line-height:1.7; color:#706053; margin:22px 0 0; }
#horma-comprobante .hdp-empty { font-size:14px; color:#d3bcaa; }
#horma-comprobante .hdp-footer { padding:20px 12px 24px; border-top:1px solid #614b3e; text-align:center; font-size:11px; color:#d3bcaa; }
#horma-comprobante .hdp-footer span { padding:0 5px; color:#d7a17c; }
@media(min-width:700px) { #horma-comprobante { padding:32px 16px; } }
@media(max-width:360px) {
  #horma-comprobante { padding:12px 8px; }
  #horma-comprobante .hdp-content { padding:22px 16px; }
  #horma-comprobante .hdp-card { padding:20px 16px; }
  #horma-comprobante .hdp-ficha-row { gap:10px; }
}