/* Block results */
.block-content--view-mode-cercador{
    background-color: var(--gray-500);
    padding: 2rem 2.15rem;
}

.block-content--view-mode-cercador .block-content__content >  span{
    text-transform: uppercase;
    color: var(--gray);
    font: var(--f-Poppins-14-700);
}

.block-content--view-mode-cercador .block-content__content > div > h3{
    color: var(--orange);
    margin-block: 0 1rem;
}

.block-content--view-mode-cercador .block-content__content a {
    color: var(--blue);
    font-weight: 600;
}

/* Node results */

.views-view--cercador .node--blog-teaser > div,
.views-view--cercador .activity-teaser > div{
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

.views-view--cercador .node--blog-teaser:has(.img > a > img) > div,
.views-view--cercador .activity-teaser:has(.img > a > img) > div{
    display: grid;
    grid-template-columns: 6rem 1fr;
    gap: 1rem;
}
@media(width > 48rem){
    .views-view--cercador .node--blog-teaser:has(.img > a > img) > div,
    .views-view--cercador .activity-teaser:has(.img > a > img) > div{
        grid-template-columns: 18rem 1fr;
        gap: 2rem;
    }
}

.views-view--cercador  .node--blog-teaser .img:not(:has(img)),
.views-view--cercador  .activity-teaser .img:not(:has(img)){
    display: contents;
}

.views-view--cercador .node--blog-teaser:has(.img > a > img) > div img,
.views-view--cercador .activity-teaser:has(.img > a > img) > div img{
    margin-bottom: 0;
}

.views-view--cercador .node--blog-teaser > div .text > div > h3,
.views-view--cercador .activity-teaser > div .activity-content > h3{
    margin-block: 0;
}

.views-view--cercador div > h2 > a,
.views-view--cercador .node--blog-teaser > div .text > div > h3 > a,
.views-view--cercador .activity-teaser > div .activity-content > h3 > a{
    text-decoration: none;
    color: var(--blue);
}

.views-view--cercador div > h2 > a {
    font: var(--f-Poppins-27-700);
    margin: 0;
}

.views-view--cercador div > h2 > a:hover,
.views-view--cercador .node--blog-teaser > div .text > div > h3 > a:hover,
.views-view--cercador .activity-teaser > div .activity-content > h3 > a:hover{
    text-decoration: underline;
}