.blog-header-title {
        font-weight: 800;
        color: #de0007;
        margin-bottom: 15px;
        font-size: 2.5rem;
    }
    
    .blog-header-text {
        color: #4b5563;
        font-size: 1.1rem;
        line-height: 1.7;
        max-width: 800px;
        margin: 0 auto 40px auto;
    }

    .blog-card-principal {
        background: #ffffff;
        border-radius: 16px;
        border: 1px solid #f3f4f6;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
        overflow: hidden;
        transition: all 0.3s ease;
        cursor: pointer;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .blog-card-principal:hover {
        transform: translateY(-8px);
        box-shadow: 0 12px 25px rgba(222, 0, 7, 0.12);
        border-color: #fca5a5;
    }

    .blog-img-wrapper {
        width: 100%;
        height: 220px;
        overflow: hidden;
        position: relative;
    }

    .blog-img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .blog-card-principal:hover .blog-img-wrapper img {
        transform: scale(1.08);
    }

    .blog-body-principal {
        padding: 25px 20px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .blog-title-principal {
        font-size: 1.25rem;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 12px;
        line-height: 1.4;
        transition: color 0.3s ease;
    }

    .blog-card-principal:hover .blog-title-principal {
        color: #de0007;
    }

    .blog-excerpt-principal {
        color: #6b7280;
        font-size: 0.95rem;
        line-height: 1.6;
        margin-bottom: 20px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        flex-grow: 1;
    }

    .blog-read-more {
        font-weight: 700;
        color: #de0007;
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: flex;
        align-items: center;
        margin-top: auto;
    }

    .blog-read-more i {
        margin-left: 5px;
        transition: transform 0.3s ease;
    }

    .blog-card-principal:hover .blog-read-more i {
        transform: translateX(5px);
    }