/**
 * Estilos personalizados para Snackbar - Material Design
 * Posición: bottom-right
 * Sombra: Material Design elevation 8
 */

.snackbar-pos.bottom-right {
    top: auto !important;
    bottom: 24px;
    right: 24px;
    left: auto !important;
}

.snackbar-material {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25), 0 4px 16px 0 rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
    padding: 16px 24px !important;
    font-family: 'Segoe UI', 'Roboto', 'Oxygen', '-apple-system', 'BlinkMacSystemFont', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.25px;
    font-weight: 500;
    min-width: 280px;
    max-width: 568px;
}

@media (max-width: 640px) {
    .snackbar-pos.bottom-right {
        bottom: 16px;
        right: 16px;
        left: 16px;
    }

    .snackbar-material {
        min-width: auto;
        max-width: 100%;
    }
}

/* Animación suave de entrada */
.snackbar-container {
    will-change: transform, opacity;
}

/* Estados de color - Material Design */
.snackbar-material[style*="background: rgb(0, 0, 0)"],
.snackbar-material[style*="background: #000000"] {
    background-color: #323232 !important;
}