/* ============================================================================
   THE WIN CAPITAL S.A. - blog.css
   Estilos para paginas de blog (listado y detalle)
   ============================================================================ */

/* Blog grid: filtro animacion */
.twc-blog-item {
    transition: opacity var(--twc-transition-base),
                transform var(--twc-transition-base);
}

/* Blog card image: zoom al hover */
.twc-blog-card:hover .twc-blog-card__img {
    transform: scale(1.05);
}

.twc-blog-card .twc-blog-card__img {
    transition: transform var(--twc-transition-slow);
    overflow: hidden;
}

.twc-blog-card {
    overflow: hidden;
}

/* Blog content: tipografia del articulo */
.twc-blog-content h2 {
    font-size: var(--twc-text-2xl);
    font-weight: var(--twc-font-bold);
    color: var(--twc-gray-900);
    margin: var(--twc-space-8) 0 var(--twc-space-4);
}

.twc-blog-content h3 {
    font-size: var(--twc-text-xl);
    font-weight: var(--twc-font-bold);
    color: var(--twc-gray-900);
    margin: var(--twc-space-6) 0 var(--twc-space-3);
}

.twc-blog-content p {
    margin-bottom: var(--twc-space-4);
    color: var(--twc-gray-700);
    line-height: var(--twc-leading-loose);
}

.twc-blog-content ul,
.twc-blog-content ol {
    margin: var(--twc-space-4) 0;
    padding-left: var(--twc-space-6);
    color: var(--twc-gray-700);
}

.twc-blog-content li {
    margin-bottom: var(--twc-space-2);
    list-style: disc;
}

.twc-blog-content ol li {
    list-style: decimal;
}

.twc-blog-content blockquote {
    margin: var(--twc-space-6) 0;
    padding: var(--twc-space-5) var(--twc-space-6);
    border-left: 4px solid var(--twc-primary);
    background: var(--twc-gold-50);
    border-radius: 0 var(--twc-radius-lg) var(--twc-radius-lg) 0;
    font-style: italic;
    color: var(--twc-gray-600);
}

.twc-blog-content a {
    color: var(--twc-primary);
    font-weight: var(--twc-font-medium);
    text-decoration: underline;
    text-underline-offset: 2px;
}

.twc-blog-content a:hover {
    color: var(--twc-primary-dark);
}

.twc-blog-content img {
    border-radius: var(--twc-radius-lg);
    margin: var(--twc-space-6) 0;
}

.twc-blog-content strong {
    font-weight: var(--twc-font-bold);
    color: var(--twc-gray-900);
}