/*
 * Hoja de QR para imprimir (A4). En pantalla se ve como vista previa; al imprimir
 * desaparecen los controles y quedan solo las tarjetas, con línea de corte discontinua.
 */

.print-controls {
    max-width: 880px;
    margin: 0 auto;
    padding: 20px var(--gutter);
}

.print-controls h1 {
    margin: 8px 0;
    font-family: var(--font-display);
    font-size: 1.5rem;
}

.print-controls fieldset {
    margin: 16px 0 0;
    padding: 0;
    border: 0;
}

.print-controls legend {
    margin-bottom: 6px;
    font-weight: 700;
}

.print-controls .check {
    margin-bottom: 6px;
}

.qr-sheet {
    display: grid;
    gap: 0;
    width: 190mm;
    margin: 0 auto 40px;
    background: #fff;
}

.qr-sheet--large {
    grid-template-columns: repeat(2, 1fr);
}

.qr-sheet--small {
    grid-template-columns: repeat(3, 1fr);
}

.qr-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 6mm;
    border: 1px dashed #b8aca3; /* línea de corte */
    color: #2b1d16;
    text-align: center;
    break-inside: avoid;
    page-break-inside: avoid;
}

.qr-sheet--large .qr-card {
    height: 135mm;
}

.qr-sheet--small .qr-card {
    height: 67mm;
    padding: 3mm;
}

.qr-card__venue {
    font-family: var(--font-display);
    font-weight: 700;
    letter-spacing: 0.02em;
}

.qr-card__title {
    margin: 2mm 0 3mm;
    font-weight: 800;
    line-height: 1.1;
}

.qr-card__code svg {
    display: block;
    width: 100%;
    height: 100%;
}

.qr-card__cta {
    font-weight: 600;
}

.qr-card__cta--en {
    color: #75655b;
    font-weight: 500;
}

.qr-card__warning {
    margin-top: 2mm;
    color: #8c1d18;
    font-size: 8pt;
    font-weight: 700;
}

/* Tamaños: el QR grande mide 7 cm (se lee bien a un brazo de distancia); el pequeño, 3,4 cm */
.qr-sheet--large .qr-card__venue { font-size: 14pt; }
.qr-sheet--large .qr-card__title { font-size: 28pt; }
.qr-sheet--large .qr-card__code { width: 70mm; height: 70mm; }
.qr-sheet--large .qr-card__cta { margin-top: 3mm; font-size: 12pt; }
.qr-sheet--large .qr-card__cta--en { margin-top: 1mm; font-size: 10pt; }

.qr-sheet--small .qr-card__venue { font-size: 8pt; }
.qr-sheet--small .qr-card__title { margin: 1mm 0 1.5mm; font-size: 14pt; }
.qr-sheet--small .qr-card__code { width: 34mm; height: 34mm; }
.qr-sheet--small .qr-card__cta { margin-top: 1.5mm; font-size: 7pt; }
.qr-sheet--small .qr-card__cta--en { font-size: 6pt; }

@page {
    size: A4;
    margin: 10mm;
}

@media print {
    body {
        background: #fff;
    }

    .print-controls {
        display: none;
    }

    .qr-sheet {
        margin: 0;
    }

    /* Que el navegador imprima los colores tal cual */
    .qr-card {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}