.actualitat .item {
    display:grid;
    grid-template-columns: .3fr 1fr;
    grid-template-rows: auto;
    grid-template-areas:
    "retol retol" 
    "foto data"
    "foto titol"
    "foto text";
    row-gap: .3rem;
    color:var(--main-color);
    padding:.3rem;
    margin-bottom: .5rem;

    .retol {
        grid-area:retol;
        font-size: clamp(1.2rem, 2vw, 2rem);
        font-weight: bold;
        margin-left:0;
    }

    .foto {
        grid-area:foto;
        width: 90%;
        height: auto;
        object-fit: cover;
        margin: 0.3125rem;
        border-radius: 10px;
    }

    .data {
        font-size: clamp(1rem, 2vw, 1.2rem);
        color: var(--color-vermell);
        margin-left:0;
        grid-area:data;
    }

    .titol {
        margin-left: 0;
        grid-area: titol;
        font-weight: bold;
        font-size: clamp(1.1rem, 2vw, 1.5rem);
}

    .text {
        grid-area:text;
        font-size: clamp(.8rem, 1.5vw, 1.5rem);
        margin-left:0;
        margin-bottom: 0.9375rem;
    }
}