/* 2026-11-07: el cartel con el QR de reservas, en tres formatos.
   Todo se mide en milímetros: lo que se ve en pantalla es lo que sale en papel. */

.ct-fondo { min-height: 100vh; padding: 1.5rem 1rem 4rem; background: #eef0f3; }

.ct {
    margin: 0 auto;
    background: #fff;
    color: #111;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0,0,0,.05), 0 14px 36px -14px rgba(0,0,0,.3);
    /* --marca la pone la página con el color del negocio */
    border-top: 10px solid var(--marca);
}

/* --- formatos --- */
.ct.mostrador { width: 140mm; height: 216mm; padding: 14mm 12mm; }   /* media carta */
.ct.afiche    { width: 216mm; height: 279mm; padding: 24mm 20mm; }   /* carta */
.ct.cuadrado  { width: 190mm; height: 190mm; padding: 16mm; border-top-width: 0; }

.ct-logo { max-width: 46mm; max-height: 26mm; object-fit: contain; margin-bottom: 6mm; }

.ct.afiche .ct-logo { max-width: 70mm; max-height: 38mm; }

.ct-inicial {
    display: inline-flex; align-items: center; justify-content: center;
    width: 30mm; height: 30mm; border-radius: 8mm; margin-bottom: 6mm;
    background: var(--marca); color: #fff; font-size: 14mm; font-weight: 700;
}

.ct-nom {
    font-size: 9mm; font-weight: 750; line-height: 1.15; letter-spacing: -.02em;
    margin-bottom: 2mm;
}
.ct.afiche .ct-nom { font-size: 14mm; }
.ct.cuadrado .ct-nom { font-size: 11mm; }

.ct-lema { font-size: 4.6mm; color: #5b6472; margin-bottom: 8mm; }
.ct.afiche .ct-lema { font-size: 6.5mm; }

.ct-qr {
    display: block;
    width: 68mm; height: 68mm;
    margin: 0 auto 6mm;
    padding: 4mm;
    background: #fff;
    border: 1mm solid var(--marca);
    border-radius: 6mm;
    image-rendering: pixelated;   /* que no lo suavice y pierda filo al imprimir */
}

.ct.afiche .ct-qr   { width: 105mm; height: 105mm; }
.ct.cuadrado .ct-qr { width: 80mm; height: 80mm; }

.ct-acc { font-size: 5.5mm; font-weight: 700; color: var(--marca); margin-bottom: 3mm; }
.ct.afiche .ct-acc { font-size: 8mm; }

.ct-url {
    font-size: 4mm; color: #5b6472; word-break: break-all;
    font-family: ui-monospace, "Courier New", monospace;
}
.ct.afiche .ct-url { font-size: 5.5mm; }

.ct-pie { margin-top: auto; padding-top: 6mm; font-size: 3.4mm; color: #9aa3b0; }

.ct-barra { max-width: 216mm; margin: 0 auto 1.25rem; }

@media print {
    .ct-barra, .mud-snackbar-container { display: none !important; }
    html, body, .ct-fondo { margin: 0; padding: 0; background: #fff; }
    .ct { box-shadow: none; margin: 0; }
    @page { margin: 0; }
}