/* Cartel imprimible con el QR de reseñas (resena-qr.html). Fondo claro: es para papel. */
:root { --tinta: #1a1219; --rosa: #c058a0; --turquesa: #1fa3b4; --gris: #6e626a; }
* { box-sizing: border-box; }
body { margin: 0; background: #e9e4e7; color: var(--tinta); font-family: 'Schibsted Grotesk', system-ui, sans-serif; }
.controles { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; justify-content: center; padding: 16px; font-size: 0.95rem; }
.controles a { color: var(--tinta); display: inline-flex; align-items: center; min-height: 44px; }
.controles select, .controles button { font: inherit; min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid #b9adb4; background: #fff; color: var(--tinta); }
.controles button { background: #a8478b; border-color: #a8478b; color: #fff; font-weight: 600; cursor: pointer; }

.hoja-qr {
  margin: 0 auto 40px; background: #fff; display: flex; flex-direction: column; align-items: center; text-align: center;
  box-shadow: 0 20px 50px -20px rgba(40, 20, 35, 0.35);
}
.hoja-qr.a5 { width: 148mm; min-height: 210mm; padding: 14mm 12mm 12mm; }
.hoja-qr.a4 { width: 210mm; min-height: 297mm; padding: 20mm 18mm 18mm; }
.hoja-qr__logo { width: 62%; height: auto; }
.hoja-qr__estrellas { margin-top: 6mm; display: flex; align-items: center; gap: 1.5mm; }
.hoja-qr__estrellas svg { width: 6mm; height: 6mm; fill: #f2b01e; }
.hoja-qr__estrellas span { margin-left: 2mm; font-weight: 600; font-size: 11pt; }
.hoja-qr h1 { margin: 6mm 0 0; font-size: 20pt; line-height: 1.15; font-weight: 700; letter-spacing: -0.02em; }
.hoja-qr h1 em { font-family: 'Bodoni Moda', Georgia, serif; font-weight: 400; color: var(--rosa); }
.hoja-qr__codigo { margin-top: 7mm; width: 78mm; height: 78mm; }
.a4 .hoja-qr__codigo { width: 110mm; height: 110mm; margin-top: 10mm; }
.a4 h1 { font-size: 28pt; }
.a4 .hoja-qr__estrellas svg { width: 8mm; height: 8mm; }
.hoja-qr__instrucciones { margin: 5mm 0 0; font-size: 11pt; color: var(--gris); max-width: 90mm; }
.hoja-qr__pie { margin: auto 0 0; padding-top: 6mm; font-size: 9.5pt; color: var(--gris); }

@media screen and (max-width: 640px) {
  .hoja-qr.a5, .hoja-qr.a4 { width: calc(100% - 24px); min-height: 0; padding: 28px 18px; }
  .hoja-qr__codigo, .a4 .hoja-qr__codigo { width: min(78vw, 320px); height: auto; aspect-ratio: 1; }
}
@media print {
  body { background: #fff; }
  .controles { display: none; }
  .hoja-qr { margin: 0; box-shadow: none; }
}