/* Paleta de marca CinesLaCosta, aplicada sobre las variables de Bootstrap 5
   (sin recompilar Sass, por eso se pisan las custom properties en :root) */
:root {
    --bs-primary: #DE2921;
    --bs-primary-rgb: 222, 41, 33;
    --bs-link-color: #DE2921;
    --bs-link-color-rgb: 222, 41, 33;
    --bs-link-hover-color: #b31f18;
    --bs-link-hover-color-rgb: 179, 31, 24;
    --bs-body-font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    --cines-navy: #000040;
    --cines-blue: #00406d;
}

.site-header {
    background: #fff;
}

.site-footer {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
}

.text-navy {
    color: var(--cines-navy);
}

.price-lead {
    font-weight: 700;
    color: var(--bs-primary);
}

.card-funcion img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

/* Icono QR: tamaño consistente en la lista de "mis entradas" */
.qr-code img {
    width: 100px;
    height: 100px;
}