/* Comú */
.rssd-title{font-weight:700;margin:.5rem 0}
.rssd-wrap .clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.rssd-wrap .clamp-2{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.rssd-wrap .clamp-3{-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}

/* GRID */
.rssd-grid{display:grid;gap:var(--gap,20px); margin-top:10px}
@media(min-width:1024px){.rssd-grid{grid-template-columns:repeat(var(--cols-d,3),1fr)}}
@media(min-width:640px) and (max-width:1023px){.rssd-grid{grid-template-columns:repeat(var(--cols-t,2),1fr)}}
@media(max-width:639px){.rssd-grid{grid-template-columns:repeat(var(--cols-m,1),1fr)}}

.rssd-card a{display:block;text-decoration:none;color:inherit}
.rssd-card .thumb{aspect-ratio:16/9;background:#eee;overflow:hidden;border-radius:0}
.rssd-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;  transition: transform .35s ease;   will-change: transform;  transform-origin: center center;}
.rssd-card .rssd-more{color:#21b397;display:inline-block;margin-top:.25rem}
.rssd-card a:hover .thumb img,.rssd-card a:focus-visible .thumb img{  transform: scale(1.06);   /* cantidad de zoom (ajusta 1.03–1.1) */}
.rssd-card a{  transition: transform .25s ease, box-shadow .25s ease;  will-change: transform;}

/* Respeto a usuarios con reducción de movimiento */
@media (prefers-reduced-motion: reduce){
  .rssd-card .thumb img,
  .rssd-card a{ transition: none !important; }
}

/* CARRUSEL */
.rssd-carousel .swiper{padding:10px 0}
.rssd-carousel .swiper-slide{transition:transform .3s ease}
.rssd-carousel .rssd-slide{display:block;position:relative;height:460px;border-radius:0;overflow:hidden;background-size:cover;background-position:center}
.rssd-carousel .rssd-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%, rgba(0,0,0,.85) 100%)}
.rssd-carousel .rssd-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;color:#fff;padding:24px}
.rssd-carousel .rssd-title{color:#fff;margin:0 0 .25rem}
.rssd-carousel .rssd-excerpt{color:#fff;opacity:1;margin:0; font-size:15px; line-height:20px;}