/* Colores y tipografía */
.color-primary { color: #cc2366; }

.educational-content p {
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Animaciones de entrada (opcional) */
.step-card {
    transition: all 0.3s ease;
    border-radius: 25px !important;
}

.step-card:hover {
    transform: translateY(-5px);
}

/* Estilo para los bloques informativos */
.italic {
    font-style: italic;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 15px;
}

/* Resaltado de palabras clave */
strong {
    color: #212529;
}

/* Mejoras visuales en móviles */
@media (max-width: 768px) {
    .h4 { font-size: 1.1rem; }
    .educational-content p { font-size: 0.9rem; }
    .step-badge { width: 35px; height: 35px; font-size: 1rem; }
}