/* Estilos básicos para el Toast */
.toast {
    position: fixed;
    bottom: 20px;
    /* Ajusta la posición vertical según tu diseño */
    left: 20px;
    /* Ajusta la posición horizontal según tu diseño */
    z-index: 9999;
    /* Asegura que esté sobre otros elementos */
    background-color: #222;
    /* Color de fondo del Toast */
    color: crimson;
    /* Color del texto del Toast */
    padding: 10px;
    /* Espaciado interno */
    border-radius: 5px;
    /* Borde redondeado */
    opacity: 0;
    /* Inicialmente invisible */
    transition: opacity 0.5s ease-in-out;
    /* Efecto de transición de opacidad */
    width: auto;
}

/* Añade estilos adicionales según sea necesario, por ejemplo, sombra, márgenes, etc. */

/* Agrega estilos para la animación de entrada */
.toast.show {
    opacity: 1;
}

.error-message {
    color: crimson;
    /* Color del texto */
    font-size: 1.10rem;
    /* Tamaño de fuente */
    margin-bottom: 1px;
    margin-top: 0px;
    /* Margen superior */
}


@media (max-width: 1160px) {
    .error-message {
        font-size: 1.75vw;
    }
}

@media (max-width: 768px) {
    .error-message {
        font-size: 2.5vw;
    }
}