/* Estilos para manejar imágenes rotas */
img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

/* Ocultar imágenes rotas */
img.broken-image {
    display: none !important;
}

/* Estilo opcional para el contenedor de imágenes */
.image-container {
    position: relative;
    display: inline-block;
}

/* Mensaje opcional para imágenes rotas (puedes personalizarlo) */
.image-fallback {
    display: none;
    padding: 10px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    color: #6c757d;
    font-style: italic;
}

.broken-image + .image-fallback {
    display: block;
}