/* RAPEALO Superficies · salidas web reutilizables */
.rpsf-web{--rpsf-gap:18px;--rpsf-radius:18px;--rpsf-bg:#151515;--rpsf-line:rgba(255,255,255,.12);--rpsf-text:#f6f4ee;--rpsf-muted:#aaa9a4;--rpsf-accent:#fcc803;color:var(--rpsf-text);font:inherit}
.rpsf-web a{color:inherit;text-decoration:none}
.rpsf-web img{display:block;width:100%;height:100%;object-fit:cover}
.rpsf-web .rpsf-media{display:block;overflow:hidden;background:#202020}
.rpsf-web .rpsf-media.is-empty{display:grid;place-items:center;color:var(--rpsf-muted);background:linear-gradient(135deg,#262626,#121212)}
.rpsf-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rpsf-gap)}
.rpsf-layout-carousel{display:flex;gap:var(--rpsf-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin}
.rpsf-layout-carousel>*{scroll-snap-align:start;flex:0 0 min(360px,82vw)}

.rpsf-video-feature,.rpsf-video-card,.rpsf-spotify-card,.rpsf-slider-card,.rpsf-spotify-row{background:var(--rpsf-bg);border:1px solid var(--rpsf-line);border-radius:var(--rpsf-radius);overflow:hidden;transition:transform .18s ease,border-color .18s ease}
.rpsf-video-feature:hover,.rpsf-video-card:hover,.rpsf-spotify-card:hover,.rpsf-slider-card:hover,.rpsf-spotify-row:hover{transform:translateY(-3px);border-color:rgba(252,200,3,.45)}
.rpsf-video-feature{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);min-height:320px}
.rpsf-video-feature .rpsf-media{aspect-ratio:16/9}
.rpsf-video-feature .rpsf-copy{padding:28px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.rpsf-video-feature strong{font-size:clamp(1.5rem,3vw,2.7rem);line-height:1}
.rpsf-video-feature small{color:var(--rpsf-muted);font-size:.95rem;line-height:1.5}
.rpsf-video-card{display:flex;flex-direction:column}
.rpsf-video-card .rpsf-media{aspect-ratio:16/9}
.rpsf-video-card strong{padding:14px 16px 17px;line-height:1.15}

.rpsf-spotify-card{display:flex;flex-direction:column}
.rpsf-spotify-card .rpsf-media{aspect-ratio:1/1}
.rpsf-spotify-card strong{padding:14px 16px 17px;line-height:1.15}
.rpsf-spotify-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:10px;margin-bottom:10px}
.rpsf-spotify-row .rpsf-media{width:76px;height:76px;border-radius:12px}
.rpsf-spotify-row span:last-child{display:flex;flex-direction:column;gap:4px}
.rpsf-spotify-row small{color:var(--rpsf-muted)}

.rpsf-slider-hero{position:relative;display:flex;align-items:flex-end;min-height:460px;border-radius:calc(var(--rpsf-radius) + 4px);overflow:hidden;background:#111;border:1px solid var(--rpsf-line);isolation:isolate}
.rpsf-slider-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.rpsf-slider-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.12) 72%)}
.rpsf-slider-hero .rpsf-copy{padding:clamp(24px,5vw,56px);display:flex;flex-direction:column;max-width:780px;gap:10px}
.rpsf-slider-hero .rpsf-copy>small{color:var(--rpsf-accent);font-weight:900;letter-spacing:.12em;font-size:.72rem}
.rpsf-slider-hero .rpsf-copy>strong{font-size:clamp(2rem,5vw,4.8rem);line-height:.92;letter-spacing:-.05em}
.rpsf-slider-hero .rpsf-copy>span{color:#ddd;max-width:640px}
.rpsf-slider-card{display:flex;flex-direction:column}
.rpsf-slider-card .rpsf-media{aspect-ratio:1.45}
.rpsf-slider-card .rpsf-copy{padding:15px 16px 18px;display:flex;flex-direction:column;gap:7px}
.rpsf-slider-card .rpsf-copy strong{line-height:1.12}
.rpsf-slider-card .rpsf-copy small{color:var(--rpsf-muted)}

@media(max-width:900px){.rpsf-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rpsf-video-feature{grid-template-columns:1fr}.rpsf-video-feature .rpsf-copy{padding:20px}}
@media(max-width:600px){.rpsf-layout-grid{grid-template-columns:1fr}.rpsf-layout-carousel>*{flex-basis:82vw}.rpsf-slider-hero{min-height:390px}}