/* public/css/features.css */

/* Estilo opcional para un hover sutil en las filas de características */
.feature-list-item {
    transition: background-color 0.2s ease-in-out;
}

.feature-list-item:hover {
    background-color: #f9fafb; /* color de fondo gris muy claro */
}

/* El resto de tu CSS ... */
        .hero-gradient {
            background: linear-gradient(135deg, #0F52BA 0%, #00A8E8 100%);
        }
        .feature-card:hover {
            transform: translateY(-10px);
        }
        .pricing-card {
            transition: all 0.3s ease;
        }
        .pricing-card:hover {
            transform: translateY(-10px);
        }
        .feature-row:nth-child(odd) {
            background-color: rgba(245, 247, 250, 0.5);
        }
        /* Estilos para el contenido del post_detail.ejs */
        .prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
            font-weight: 700;
            margin-top: 1.5em;
            margin-bottom: 0.5em;
            line-height: 1.25;
        }
        .prose h1 { font-size: 2.25em; }
        .prose h2 { font-size: 1.875em; }
        .prose h3 { font-size: 1.5em; }
        .prose p {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            line-height: 1.75;
        }
        .prose ul, .prose ol {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            padding-left: 1.5em;
        }
        .prose li {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
        }
        .prose pre {
            background-color: #e2e8f0; /* gray-200 */
            border-radius: 0.5rem;
            padding: 1rem;
            overflow-x: auto;
            font-family: monospace;
            font-size: 0.875rem;
        }
        .prose code {
            font-family: monospace;
            font-size: 0.875rem;
            background-color: rgba(0,0,0,0.05);
            padding: 0.2em 0.4em;
            border-radius: 0.25rem;
        }