/* =====================================================================
   Cicletada Curacaví — estilos complementarios
   (Tailwind se carga por CDN; aquí van ajustes y estilos de impresión)
   ===================================================================== */

:root {
    --brand: #009fa2;
    --brand-dark: #007d80;
}

/* Inputs de configuración (usados en /admin/configuracion) */
.cfg-input {
    width: 100%;
    height: 2.75rem;
    padding: 0 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    outline: none;
    background: #fff;
    transition: border-color .15s, box-shadow .15s;
}
textarea.cfg-input { height: auto; padding: 0.625rem 0.875rem; }
.cfg-input:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px rgba(0, 159, 162, .25);
}

/* Estado de error en campos del formulario público */
.input-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, .2) !important;
}

/* SweetAlert2: botón con color de marca */
.swal2-styled.swal2-confirm {
    background-color: var(--brand) !important;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(0, 159, 162, .4) !important;
}

/* Animación de aparición */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeInUp .25s ease-out; }

/* ----------------------- Impresión del comprobante ------------------ */
@media print {
    .print\:hidden { display: none !important; }
    body { background: #fff !important; }
    .print\:shadow-none { box-shadow: none !important; }
    .print\:py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
    @page { margin: 1cm; }
}