/* Estilos específicos para el artículo 'Cómo Crear Contenido Viral con IA para Redes Sociales' */

.key-takeaways li {
    background: #f3e5f5;
    margin-bottom: 0.7em;
    padding: 0.85em 1.1em;
    border-radius: 7px;
    border-left: 4px solid #8e24aa;
    color: #311b92;
    font-size: 1em;
    box-shadow: 0 1px 4px rgba(142,36,170,0.04);
}

.callout {
    background: #e1f5fe;
    border-left: 5px solid #039be5;
    padding: 1em 1.2em;
    margin: 1.2em 0 2em 0;
    border-radius: 7px;
    color: #01579b;
    font-size: 1.05em;
}

.conclusion-block {
    background: #fff3e0;
    border-left: 5px solid #fb8c00;
    padding: 1em 1.2em;
    margin: 1.2em 0 2em 0;
    border-radius: 7px;
    color: #e65100;
    font-size: 1.08em;
    font-weight: 600;
}

/* Secciones de ejemplo y tutorial paso a paso */
#tutorial-paso-a-paso h3 {
    color: #8e24aa;
    margin-top: 1em;
}
#ejemplos-practicos li {
    background: #e8eaf6;
    border-left: 4px solid #3949ab;
    color: #1a237e;
}

/* Responsive para listas y bloques */
@media (max-width: 700px) {
    .key-takeaways li, #ejemplos-practicos li {
        font-size: 0.97em;
        padding: 0.7em 0.7em;
    }
}