/* GENERAL */
.rnw-upp-wrapper{
    width:100%;
    margin:20px auto;
}
.rnw-item-link,
.rnw-mag-link{
    display:block;
    text-decoration:none;
    color:inherit;
}

/* Thumb general */
.rnw-thumb{
    width:100%;
    padding-bottom:70%;
    background-size:cover;
    background-position:center;
    position:relative;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 3px 10px rgba(0,0,0,0.2);
}
.rnw-thumb h3{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    margin:0;
    padding:8px;
    font-size:14px;
    color:#fff;
    background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);
}

/* GRID */
.rnw-upp-layout-grid{
    display:grid;
    gap:10px;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
}

/* MASONRY */
.rnw-upp-layout-masonry{
    column-count:4;
    column-gap:10px;
}
.rnw-upp-layout-masonry .rnw-item{
    break-inside:avoid-column;
    margin-bottom:10px;
}

/* SLIDER */
.rnw-upp-layout-slider{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
}
.rnw-upp-layout-slider .rnw-item{
    min-width:160px;
    scroll-snap-align:start;
}

/* MAGAZINE desktop */
.rnw-upp-layout-magazine{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:15px;
    font-family:Georgia,serif;
}
.rnw-mag-big{
    grid-column:1/4;
    background:#ffffff;
    padding:15px;
    border-bottom:3px solid #000;
}
.rnw-mag-mid,
.rnw-mag-small{
    background:#ffffff;
    padding:10px;
    border:1px solid #ddd;
}
.rnw-mag-thumb{
    width:100%;
    padding-bottom:55%;
    background-size:cover;
    background-position:center;
    margin-bottom:10px;
}
.rnw-mag-title{
    margin:0 0 6px;
}
.rnw-mag-excerpt{
    margin:0 0 10px;
}
.rnw-mag-readmore{
    display:inline-block;
    padding:6px 12px;
    background:#111;
    color:#fff;
    border-radius:4px;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

/* HOVER Magazine */
.rnw-mag-link:hover .rnw-mag-readmore{
    background:#e63946;
}

/* MOBILE FIX: Magazine full width, una sola columna */
@media(max-width:768px){
    .rnw-upp-layout-magazine{
        display:block;
    }
    .rnw-mag-big,
    .rnw-mag-mid,
    .rnw-mag-small{
        grid-column:auto;
        margin-bottom:15px;
    }
}

/* MOBILE tweaks masonry cols */
@media(max-width:1024px){
    .rnw-upp-layout-masonry{
        column-count:3;
    }
}
@media(max-width:768px){
    .rnw-upp-layout-masonry{
        column-count:2;
    }
}
@media(max-width:480px){
    .rnw-upp-layout-masonry{
        column-count:1;
    }
}