/* ============================================
   ESTRELLITAS DEL EDÉN
   Sistema global de alertas
   ============================================ */

.alerta-profesional {
    border-radius: 18px !important;
    padding: 1.75rem !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.12) !important;
    font-family: inherit !important;
}

    .alerta-profesional .swal2-title {
        color: #252a30 !important;
        font-size: 1.35rem !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
    }

    .alerta-profesional .swal2-html-container {
        color: #626b75 !important;
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }

    .alerta-profesional .swal2-confirm,
    .alerta-profesional .swal2-cancel {
        border-radius: 9px !important;
        padding: 0.7rem 1.5rem !important;
        font-size: 0.9rem !important;
        font-weight: 600 !important;
        box-shadow: none !important;
        transition: transform 0.2s ease, opacity 0.2s ease;
    }

        .alerta-profesional .swal2-confirm:hover,
        .alerta-profesional .swal2-cancel:hover {
            transform: translateY(-1px);
            opacity: 0.92;
        }

    .alerta-profesional .swal2-actions {
        gap: 0.5rem;
        margin-top: 1.5rem !important;
    }

/* Notificaciones tipo toast */

.swal2-popup.swal2-toast {
    border-radius: 12px !important;
    padding: 0.85rem 1rem !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.12) !important;
}

.swal2-toast .swal2-title {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Adaptación para dispositivos móviles */

@media (max-width: 576px) {
    .alerta-profesional {
        width: calc(100% - 28px) !important;
        padding: 1.4rem !important;
    }

        .alerta-profesional .swal2-title {
            font-size: 1.2rem !important;
        }

        .alerta-profesional .swal2-actions {
            width: 100%;
        }

        .alerta-profesional .swal2-confirm,
        .alerta-profesional .swal2-cancel {
            min-height: 44px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .alerta-profesional .swal2-confirm,
    .alerta-profesional .swal2-cancel {
        transition: none;
    }
}