/**
 * Estilos para el aviso unificado de estado del producto
 * Soporta múltiples tipos de avisos con detección automática
 * 
 * @package MotaiListingPlugin
 * @version 2.4.0
 */

.motai-estado-notice {
    padding: 10px 20px;
    margin: 20px 0;
    
    /* Los colores se aplican inline según el tipo */
    border: 2px solid;
    border-radius: 10px;
    
    /* Sin sombra para mantener diseño limpio */
    box-shadow: none;
}

.motai-estado-notice-text {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 400;
}

/* Variantes específicas (opcionales, por si se necesitan estilos adicionales) */
.motai-estado-notice--taller {
    /* Estilos específicos para taller si se necesitan */
}

.motai-estado-notice--nueva {
    /* Estilos específicos para nueva si se necesitan */
}

/* Responsive - ajustar padding en móviles */
@media (max-width: 768px) {
    .motai-estado-notice {
        padding: 10px 15px;
    }
    
    .motai-estado-notice-text {
        font-size: 12px;
    }
}