/* Colores rosados personalizados */
:root {
  --rosa-principal: #f8bbd0;
  --rosa-borde: #915151;
  --rosa-boton: #dc3545;
  --rosa-boton-hover: #c2185b;
  --rosa-fondo: #fff0f6;
}

body {
  background-color: var(--rosa-fondo);
}

.card, .container-fluid {
  background-color: var(--rosa-principal) !important;
}

#eventCanvas {
  border: 2px solid var(--rosa-borde) !important;
}

.btn-primary, .btn-danger, .btn-success {
  background-color: var(--rosa-boton) !important;
  border-color: var(--rosa-borde) !important;
}

.btn-primary:hover, .btn-danger:hover, .btn-success:hover {
  background-color: var(--rosa-boton-hover) !important;
}

footer.bg-light {
  background-color: var(--rosa-principal) !important;
}



body {
            background: linear-gradient(135deg, #ffe0f0 0%, #ffd6e0 100%);
        }
        .container, .container-fluid, .modal-content {
            background: #fff0fa !important;
            border-radius: 16px;
        }
        h1, h2, h4, .modal-title {
            color: #d72660 !important;
        }
        .btn-primary, .btn-success, .btn-danger, .btn-secondary {
            background: #f06292 !important;
            border-color: #f06292 !important;
        }
        .btn-primary:hover, .btn-success:hover, .btn-danger:hover, .btn-secondary:hover {
            background: #d72660 !important;
            border-color: #d72660 !important;
        }
        .list-group-item {
            background: #fff6fa !important;
            border-color: #f8bbd0 !important;
        }
        .badge.bg-secondary {
            background: #f06292 !important;
        }
        .form-control:focus {
            border-color: #f06292;
            box-shadow: 0 0 0 0.2rem #f8bbd0;
        }
        .modal-header, .modal-footer {
            border-color: #f8bbd0;
        }
        .alert-info, .alert-warning, .alert-success {
            background: #ffe0f0 !important;
            color: #d72660 !important;
            border-color: #f8bbd0 !important;
        }
        .border-end {
            border-color: #f8bbd0 !important;
        }

        @media print {
            *:not(canvas) {
                background: transparent !important;
                color-adjust: exact;
                -webkit-print-color-adjust: exact;
            }
            html, body {
                background-color: #fff0fa !important;
                color-adjust: exact;
                -webkit-print-color-adjust: exact;
            }
            body {
                background: linear-gradient(135deg, #ffe0f0 0%, #ffd6e0 100%) !important;
                color-adjust: exact;
                -webkit-print-color-adjust: exact;
            }
            .container, .container-fluid {
                background: rgba(255, 240, 250, 0.95) !important;
                color-adjust: exact;
                -webkit-print-color-adjust: exact;
            }
            #eventCanvas {
                color-adjust: exact;
                -webkit-print-color-adjust: exact;
                border: 2px solid #f06292 !important;
            }
            h1, h2, h4 {
                color: #d72660 !important;
            }
            nav, .navbar {
                display: none !important;
            }
            footer {
                display: none !important;
            }
            button, .btn {
                display: none !important;
            }
        }