.lfr-layout-structure-item-row {overflow: hidden;}.lfr-layout-structure-item-b06a7fd1-44ed-9c3a-888e-e4363d5afa29 {
margin-bottom: var(--spacer-5,3rem) !important;
margin-top: var(--spacer-5,3rem) !important;
}
.lfr-layout-structure-item-5c5e639e-c93c-85da-7f51-949f0bcb74e3 {
background-color: var(--btn-primary-background-color) !important;
padding-bottom: var(--spacer-6,4.5rem) !important;
padding-top: var(--spacer-6,4.5rem) !important;
}
.lfr-layout-structure-item-f95bbb19-398d-f498-ec5a-68c7d23c2188 {
padding-bottom: var(--spacer-2,0.5rem) !important;
padding-top: var(--spacer-2,0.5rem) !important;
}
.article-preview {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    max-width: 800px;
    margin: 30px auto;
    box-shadow: 0 2px 4px rgba (0, 0, 0, 0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.article-preview:hover {
    transform: translateY(-30px); /* Levanta el artículo cuando pasa el ratón */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombras más intensas al pasar el ratón */
}

.article-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-bottom: 2px solid #ddd;
    transition: transform 0.3s ease;
}

.article-preview:hover .article-image {
    transform: scale(1.05); /* Aumenta ligeramente el tamaño de la imagen */
}

.article-preview h2, .article-preview p {
    text-align: center; 
}

.lfr-layout-structure-item-562d837b-6256-7a86-571f-545a7d8acb35 {
color: var(--btn-primary-color) !important;
}