/* ============================================================
   REDISEÑO — Mundo Padel La Costa
   One-page scroll-snap landing (Inicio/Torneos/Ranking/Galería/Videos/Sedes)
   Ámbito: nuevas clases/ids (prefijo rediseno-* / ids del prototipo)
   para no colisionar con el CSS existente (style.css/nuevo.css/sobrio.css).
   ============================================================ */

:root{
  --rd-bg:#050914;
  --rd-accent:#e5322d;
  --rd-accent2:#6CB9FF;
  --rd-icon-border:#E34242;
  --rd-headline:#f5f7fb;
  --rd-body:#c3cfe6;
  --rd-meta:#9fb0cc;
  --rd-label:#7d8aa3;
}

/* ── Reset local del contenedor scroll-snap ─────────────────── */
html.rd-active, html.rd-active body{ margin:0; height:100%; overflow:hidden; }

#rdScrollContainer{
  height:100vh; height:100dvh;
  overflow-y:scroll;
  scroll-behavior:smooth;
  background:var(--rd-bg);
}
#rdScrollContainer::-webkit-scrollbar{ display:none; }

.rd-snap{
  min-height:100vh; min-height:100dvh;
  box-sizing:border-box;
  overflow:visible;
  position:relative;
  width:100%;
}
/* El hero (Inicio) no tiene contenido scrolleable propio: mantiene una altura
   fija de una pantalla completa para que "Quienes hacen esto posible" y la
   tira de sponsors queden ancladas al pie de la sección (ver #rdHeroBody
   flex:1 más abajo), en vez de quedar pegadas justo debajo del texto. */
#inicio.rd-snap{
  height:100vh; height:100dvh;
  overflow:hidden;
}

/* ── Keyframes ───────────────────────────────────────────────── */
@keyframes rdHeroFadeUp{ from{opacity:0;transform:translateY(18px);} to{opacity:1;transform:translateY(0);} }
@keyframes rdStreakFall{
  0%{ transform:translate(-10%,-10%) rotate(34deg); opacity:0; }
  15%{ opacity:.85; }
  55%{ opacity:.5; }
  100%{ transform:translate(60vw,130vh) rotate(34deg); opacity:0; }
}
@keyframes rdSponsorMarquee{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ── Navbar fija ─────────────────────────────────────────────── */
#rdNav{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  display:flex; align-items:center; justify-content:space-between;
  padding:14px clamp(16px,5vw,64px);
  background:transparent;
  backdrop-filter:none; -webkit-backdrop-filter:none;
  box-shadow:none;
  transition:background .3s ease, box-shadow .3s ease;
  box-sizing:border-box;
}
#rdNav.rd-scrolled{
  background:rgba(5,9,20,.92);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  box-shadow:0 4px 20px rgba(0,0,0,.35);
}
#rdNav .rd-nav-logo{ display:flex; align-items:center; text-decoration:none; }
#rdNav .rd-nav-logo img{ height:48px; width:auto; display:block; }
#rdNavLinksDesktop{ display:none; align-items:center; gap:32px; }
.rd-nav-link{
  font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.05em;
  text-transform:uppercase; font-size:15px; color:var(--rd-headline);
  text-decoration:none; padding:8px 16px; border-radius:6px;
  background:transparent; transition:background .2s ease;
}
.rd-nav-link.rd-active-link{ background:var(--rd-accent); }
#rdNavToggle{
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; background:transparent; border:none; cursor:pointer; padding:0;
}
#rdMobileMenu{
  position:fixed; inset:0; z-index:999;
  background:rgba(5,9,20,.97);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:30px;
  opacity:0; transform:translateY(-16px); pointer-events:none;
  transition:opacity .25s ease, transform .25s ease;
}
#rdMobileMenu.rd-open{ opacity:1; transform:translateY(0); pointer-events:auto; }
.rd-mob-link{
  font-family:'Anton',sans-serif; font-size:26px; text-transform:uppercase; letter-spacing:.04em;
  color:#fff; text-decoration:none; padding:12px 30px; border-radius:6px; background:transparent;
  transition:background .2s ease;
}
.rd-mob-link.rd-active-link{ background:var(--rd-accent); }

@media (min-width:980px){
  #rdNavLinksDesktop{ display:flex; position:absolute; left:50%; transform:translateX(-50%); }
  #rdNavToggle{ display:none; }
}

/* Billboard de sponsor fijo (Torneos): solo desktop */
#torneos .mpc-bb{ display:none; }
@media (min-width:980px){
  #torneos .mpc-bb{ display:block; }
}

/* ── Saltos de línea condicionales por breakpoint ─────────────
   Usalos en cualquier texto: <br class="rd-break-mobile">  → solo corta en mobile (<980px)
                               <br class="rd-break-desktop"> → solo corta en desktop (≥980px) */
.rd-break-mobile{ display:inline; }
.rd-break-desktop{ display:none; }
@media (min-width:980px){
  .rd-break-mobile{ display:none; }
  .rd-break-desktop{ display:inline; }
}

/* ── Hero ────────────────────────────────────────────────────── */
#inicio{ background:var(--rd-bg); font-family:'Poppins',sans-serif; }
#rdHeroBg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:75% 55%; }
#rdHeroOverlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(5,9,20,.85) 0%, rgba(5,9,20,.55) 45%, rgba(5,9,20,.05) 75%);
}
#rdStreaks{ position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1; }
#rdStreaks .rd-streak{
  position:absolute; top:-45%; width:2px; height:110%;
  background:linear-gradient(180deg, transparent, rgba(173,216,255,.5) 50%, transparent);
  box-shadow:0 0 12px 2px rgba(150,200,255,.35);
  transform:rotate(34deg);
  animation:rdStreakFall 20s linear infinite;
}
#rdStreaks .rd-streak:nth-child(1){ left:6%;  height:114%; animation-duration:18s; animation-delay:0s; }
#rdStreaks .rd-streak:nth-child(2){ left:20%; width:3px; height:102%; animation-duration:22s; animation-delay:3.6s; background:linear-gradient(180deg, transparent, rgba(173,216,255,.45) 50%, transparent); }
#rdStreaks .rd-streak:nth-child(3){ left:38%; height:90%; animation-duration:16s; animation-delay:6.8s; background:linear-gradient(180deg, transparent, rgba(229,50,45,.45) 50%, transparent); box-shadow:0 0 10px 2px rgba(229,50,45,.3); }
#rdStreaks .rd-streak:nth-child(4){ left:55%; width:2.5px; height:120%; animation-duration:26s; animation-delay:10s; }
#rdStreaks .rd-streak:nth-child(5){ left:70%; height:96%; animation-duration:20s; animation-delay:13.2s; background:linear-gradient(180deg, transparent, rgba(200,225,255,.45) 50%, transparent); box-shadow:0 0 10px 2px rgba(150,200,255,.3); }
#rdStreaks .rd-streak:nth-child(6){ left:85%; width:3px; height:108%; animation-duration:24s; animation-delay:16.4s; }

#rdHeroContent{
  position:relative; z-index:2; display:flex; flex-direction:column; height:100%;
  overflow:hidden; padding:clamp(12px,4vw,64px); padding-top:calc(clamp(12px,4vw,64px) + 40px);
  box-sizing:border-box;
}
#rdHeroBody{ position:relative; display:flex; flex-direction:column; flex:1; }
#rdHeroText{
  display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;
  gap:clamp(6px,1.2vh,26px); max-width:560px; transform:translate(16px,20px);
}
#rdHeroText .rd-kicker{
  font-family:'Anton',sans-serif; font-weight:400; letter-spacing:.2em; text-transform:uppercase;
  font-size:clamp(12px,2.6vw,15px); color:var(--rd-accent2);
}
#rdHeroText h1{
  margin:0; font-family:'Anton',sans-serif; font-weight:400; letter-spacing:.01em;
  font-size:clamp(34px,7.5vw,58px); line-height:1.05; color:var(--rd-headline); text-transform:uppercase;
}
#rdHeroText .rd-bar{ width:56px; height:4px; margin-top:6px; background-color:var(--rd-accent2); }
#rdHeroText p{
  margin:0; color:var(--rd-body); font-size:clamp(14px,3.1vw,17px); line-height:1.5;
}
#rdHeroIconList{ display:flex; flex-direction:column; gap:clamp(4px,.9vh,14px); width:100%; max-width:400px; margin-top:6px; }
#rdHeroIconList .rd-feature{ display:flex; align-items:center; gap:14px; }
#rdHeroIconList .rd-feature-icon{
  flex:0 0 auto; width:clamp(30px,7vw,46px); height:clamp(30px,7vw,46px);
  border-radius:8px; border:1.5px solid var(--rd-icon-border);
  display:flex; align-items:center; justify-content:center;
}
#rdHeroIconList .rd-feature span{
  font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  font-size:clamp(14px,3.2vw,17px); color:var(--rd-headline);
}
#rdDesktopMedia{ display:none; flex:0 0 auto; width:min(42vw,520px); }

#rdSponsorStrip{ flex:0 0 auto; display:flex; flex-direction:column; gap:14px; padding-top:36px; }
#rdSponsorStrip .rd-sponsor-lbl{
  font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.08em; text-transform:uppercase;
  font-size:12px; color:var(--rd-label); padding-bottom:6px; border-bottom:1px solid rgba(255,255,255,.12);
}
#rdSponsorMask{
  overflow:hidden; width:100%;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}
#rdSponsorTrack{
  display:flex; align-items:flex-end; gap:clamp(24px,4vw,44px); width:max-content;
  animation:rdSponsorMarquee 31.68s linear infinite;
}
.rd-sponsor-set{ display:flex; align-items:flex-end; gap:clamp(24px,4vw,44px); flex-shrink:0; }
.rd-sponsor-logo{ width:81px; height:40px; }
.rd-sponsor-logo img{ width:100%; height:100%; object-fit:contain; display:block; }

@media (min-width:980px){
  #rdHeroBody{ flex-direction:row; align-items:flex-start; justify-content:space-between; gap:40px; }
  #rdDesktopMedia{ display:block; }
  #rdHeroText{ padding-top:4px; max-width:480px; gap:16px; }
  #rdHeroText .rd-kicker{ font-size:12px; }
  #rdHeroText h1{ font-size:48.3px; width:auto; height:auto; }
  #rdHeroText .rd-bar{ width:42px; height:3px; margin-top:6px; }
  #rdHeroText p{ font-size:13.1px; width:auto; height:auto; }
  #rdHeroIconList{ max-width:345px; margin-top:7px; gap:10px; }
  #rdHeroIconList .rd-feature{ gap:12px; }
  #rdHeroIconList .rd-feature-icon{ width:46.1px; height:46.1px; border-radius:8px; }
  #rdHeroIconList .rd-feature-icon svg{ width:15.8px; height:15.8px; }
  #rdHeroIconList .rd-feature span{ font-size:15.8px; letter-spacing:.05em; }
  #rdHeroContent{ padding-top:50px; padding-bottom:16px; justify-content:center; }
}

/* ── Secciones (Torneos/Ranking/Galería/Videos/Sedes) ───────── */
.rd-section{
  background:var(--rd-bg); font-family:'Poppins',sans-serif; box-sizing:border-box;
  display:flex; flex-direction:column; justify-content:flex-start;
  padding:clamp(12px,4vw,64px); padding-top:calc(clamp(12px,4vw,64px) + 96px);
}
#torneos.rd-section, #ranking.rd-section, #galeria.rd-section, #videos.rd-section, #sedes.rd-section{ background:var(--rd-bg); }
.rd-section-inner{ max-width:1100px; margin:0 auto; width:100%; }
.rd-section-inner.rd-narrow{ max-width:900px; }
.rd-section h2{
  margin:8px 0 8px; font-family:'Anton',sans-serif; font-weight:400; letter-spacing:.01em;
  font-size:clamp(30px,5vw,48px); line-height:1.05; color:var(--rd-headline); text-transform:uppercase;
}
.rd-divider{ width:56px; height:4px; margin-bottom:clamp(20px,3vh,36px); background-color:var(--rd-accent2); }

/* Galería: álbumes por categoría */
.rd-album-grid{ display:grid !important; grid-template-columns:1fr !important; gap:clamp(14px,2vw,22px); max-width:900px; margin:0 auto; }
@media (min-width:480px){
  .rd-album-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
.rd-album-strip{
  display:flex !important; gap:clamp(16px,2.4vw,28px); overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding-bottom:8px; scrollbar-width:none;
}
.rd-album-strip::-webkit-scrollbar{ display:none; }
.rd-album-strip .rd-album{
  flex:0 0 auto !important; width:85vw !important; max-width:340px; scroll-snap-align:start;
}
@media (min-width:980px){
  .rd-album-strip .rd-album{ width:calc((100% - 2*clamp(16px,2.4vw,28px)) / 3) !important; max-width:none; }
}
.rd-album{ cursor:pointer; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); transition:transform .25s ease; }
/* Restringido a mouse real: un :hover que mueve el propio elemento clickeable
   hace que el touch necesite dos toques (el primero sólo dispara el :hover
   simulado) — mismo bug que .gal-item, ver style.css. */
@media (hover:hover) and (pointer:fine){
  .rd-album:hover{ transform:translateY(-4px); }
}
.rd-album-cover{ width:100%; aspect-ratio:11/16; background-size:cover; background-position:center; background-color:rgba(255,255,255,.06); }
.rd-album-meta{ padding:12px 14px; display:flex; flex-direction:column; gap:3px; }
.rd-album-name{ font-family:'Barlow Condensed',sans-serif; font-weight:800; letter-spacing:.03em; text-transform:uppercase; font-size:17.6px; color:var(--rd-headline); text-shadow:0 1px 3px rgba(0,0,0,.35); }
.rd-album-count{ font-family:'Poppins',sans-serif; font-weight:600; font-size:13.75px; color:var(--rd-accent2); }
.rd-album-back{
  display:inline-block; margin-bottom:14px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); color:var(--rd-headline);
  font-family:'Barlow Condensed',sans-serif; font-weight:600; letter-spacing:.04em; text-transform:uppercase;
  font-size:13px; padding:8px 16px; border-radius:7px; cursor:pointer;
}
.rd-album-photo{ border-radius:10px; overflow:hidden; aspect-ratio:11/16 !important; position:relative; cursor:pointer; grid-column:auto !important; grid-row:auto !important; }
.rd-album-photo .gal-img{ width:100% !important; height:100% !important; object-fit:cover; display:block; }
/* Estáticas: sin el scale/z-index de hover que trae .gal-item por defecto. */
.rd-album-photo:hover{ transform:none; z-index:auto; }

/* Torneos / Sedes cards */
.rd-card-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(16px,2.4vw,28px); }
.rd-card-strip{
  display:flex; gap:clamp(16px,2.4vw,28px); overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding-bottom:8px; scrollbar-width:none;
}
.rd-card-strip.mpc-tgrid{ display:flex !important; }
.rd-card-strip::-webkit-scrollbar{ display:none; }
.rd-card-strip .rd-card, .rd-card-strip.mpc-tgrid .mpc-tcard{ flex:0 0 auto; width:min(85vw,260px); scroll-snap-align:start; }
@media (min-width:980px){
  .rd-card-strip .rd-card, .rd-card-strip.mpc-tgrid .mpc-tcard{ width:calc((100% - 3*clamp(16px,2.4vw,28px)) / 4); }
}
.rd-card{ background:rgba(255,255,255,.04); border-radius:12px; overflow:hidden; display:flex; flex-direction:column; }
.rd-card-img{ width:100%; aspect-ratio:4/3.75; background-size:cover; background-position:center; background-color:rgba(255,255,255,.06); }
.rd-card-body{ padding:16px 18px 20px; display:flex; flex-direction:column; gap:6px; }
.rd-card-title{ font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:18px; color:var(--rd-headline); }
.rd-card-meta{ font-family:'Poppins',sans-serif; font-size:14px; color:var(--rd-meta); }
.rd-card-empty{ color:var(--rd-meta); font-size:.9rem; padding:1.5rem 0; }

/* Sedes: 3 por fila en desktop, 1 por fila en mobile */
#sedes-grid{ grid-template-columns:repeat(3,1fr); }
@media (max-width:640px){
  #sedes-grid{ grid-template-columns:1fr; }
}

/* Ranking: filtros (año ‹ ›, género, nivel, búsqueda).
   El color de acento sigue al género, igual que las tarjetas del podio. */
.rk-filtros{
  --rk-acc:#1872C0;               /* caballeros (texto blanco encima: 5:1) */
  --rk-bg:#111a26; --rk-bd:#223247; --rk-tx:#e9eef6; --rk-dim:#8a9bb5;
  --rk-h:42px; --rk-fs:14px;
  display:flex; flex-wrap:wrap; align-items:center;
  gap:8px; margin-bottom:1.5rem; width:100%;
}
.rk-filtros[data-genero="Damas"]{ --rk-acc:#B4558A; } /* damas (4.6:1) */
.rk-anio, .rk-genero{
  display:flex; align-items:center; height:var(--rk-h);
  background:var(--rk-bg); border:1px solid var(--rk-bd); border-radius:10px;
}
.rk-anio span{
  min-width:3.2em; text-align:center; color:var(--rk-tx);
  font-size:calc(var(--rk-fs) + 1px); font-weight:700; font-variant-numeric:tabular-nums;
}
.rk-anio-btn{
  width:34px; height:100%; border:0; border-radius:9px; background:none;
  color:var(--rk-tx); font-size:22px; line-height:1; cursor:pointer;
}
.rk-anio-btn:hover:not(:disabled){ background:rgba(255,255,255,.06); }
.rk-anio-btn:disabled{ opacity:.25; cursor:default; }
.rk-genero{ padding:3px; gap:3px; }
.rk-genero button{
  height:100%; padding:0 14px; border:0; border-radius:7px; background:none;
  color:var(--rk-dim); font:inherit; font-size:var(--rk-fs); font-weight:600;
  cursor:pointer; transition:background .15s, color .15s;
}
.rk-genero button:hover:not(.on){ color:var(--rk-tx); }
.rk-genero button.on{ background:var(--rk-acc); color:#fff; }
/* Niveles y buscador se estiran: el bloque ocupa el mismo ancho que la tabla */
.rk-niveles{ display:flex; gap:6px; flex:2 1 280px; }
.rk-niveles .rk-nivel{ flex:1 1 0; }
.rk-nivel{
  height:var(--rk-h); min-width:50px; padding:0 10px;
  border:1px solid var(--rk-bd); border-radius:10px; background:var(--rk-bg);
  color:var(--rk-tx); font:inherit; font-size:var(--rk-fs); font-weight:700;
  text-transform:uppercase; cursor:pointer;
  transition:background .15s, border-color .15s;
}
.rk-nivel:hover:not(:disabled):not(.on){ border-color:var(--rk-acc); }
.rk-nivel.on{ background:var(--rk-acc); border-color:var(--rk-acc); color:#fff; }
.rk-nivel:disabled{ opacity:.3; cursor:default; }
.rk-buscar{
  flex:1 1 210px;
  height:var(--rk-h); min-width:210px; padding:0 14px;
  border:1px solid var(--rk-bd); border-radius:10px; background:var(--rk-bg);
  color:var(--rk-tx); font:inherit; font-size:var(--rk-fs); outline:none;
}
.rk-buscar:focus{ border-color:var(--rk-acc); }
.rk-filtros button:focus-visible{ outline:2px solid #fff; outline-offset:2px; }

/* Mobile: fila 1 año + género, fila 2 niveles en grilla, fila 3 buscador */
@media (max-width:640px){
  .rk-filtros{
    --rk-h:46px; --rk-fs:15.5px;
    display:grid; grid-template-columns:auto 1fr; gap:6px;
  }
  .rk-genero button{ flex:1 1 0; padding:0 6px; }
  .rk-niveles{
    grid-column:1 / -1; display:grid;
    grid-template-columns:repeat(auto-fit, minmax(48px, 1fr)); gap:6px;
  }
  .rk-nivel{ min-width:0; padding:0; }
  .rk-buscar{ grid-column:1 / -1; width:100%; min-width:0; }
  #ranking-search::placeholder{ font-size:14px; } /* pisa el de style.css */
}
/* Columna "Cat" de la tabla del ranking (el color por género va inline) */
.rk-cat-pill{
  display:inline-block; padding:2px 8px; border:1px solid; border-radius:999px;
  font-size:.66rem; font-weight:700; letter-spacing:.04em; line-height:1.5; white-space:nowrap;
}

/* "Cant Torneos": el número abre el detalle al pasar el mouse */
.rk-torneos-num{
  display:inline-block; min-width:1.6em; padding:1px 6px; border-radius:6px;
  color:var(--rk-tx,#e9eef6); font-weight:600; cursor:help;
  border-bottom:1px dashed rgba(233,238,246,.45);
}
.rk-torneos-num:hover{ background:rgba(255,255,255,.07); }
.rk-tip{
  display:none; position:fixed; z-index:1000; pointer-events:none;
  min-width:220px; max-width:340px; padding:10px 12px;
  background:#0f1723; border:1px solid #223247; border-radius:10px;
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  color:#e9eef6; font-size:.8rem; line-height:1.35;
}
.rk-tip-tit{
  margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #223247;
  font-size:.7rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:#8a9bb5;
}
.rk-tip-row{ display:flex; justify-content:space-between; gap:14px; padding:2px 0; }
.rk-tip-row b{ flex:none; color:var(--brand-l,#5aa9ff); font-weight:700; }

/* Columna "Cant Torneos" de la tabla del ranking: solo en desktop */
@media (max-width:640px){
  #ranking-full-table .rk-col-torneos{ display:none; }
}
@media (max-width:360px){
  .rk-filtros{ --rk-fs:14px; }
  .rk-anio-btn{ width:28px; }
}

/* Galería / Videos: wrap existing components inside new dark shell */
.rd-inner-legacy{ color:inherit; }

/* Neutraliza el masonry viejo (#gal-grid column-count de nuevo.css),
   que achicaba la tira de álbumes al partirla en columnas angostas. */
#gal-grid{ column-count:1 !important; column-gap:0 !important; }

@media (max-height:700px) and (max-width:979px){
  .rd-section{ padding-top:calc(clamp(12px,4vw,64px) + 64px); }
  .rd-section h2{ margin:4px 0; font-size:clamp(24px,4vw,40px); }
  .rd-divider{ margin-bottom:10px; }
  #rdHeroContent{ padding-top:calc(clamp(12px,4vw,64px) + 30px); }
  #rdHeroText{ gap:6px; }
  #rdHeroText h1{ font-size:clamp(28px,4vw,42px); }
  #rdHeroText p{ font-size:12px; line-height:1.3; }
  #rdHeroIconList{ margin-top:4px; gap:2px; }
  #rdHeroIconList .rd-feature{ gap:8px; }
  #rdHeroIconList .rd-feature-icon{ width:22px; height:22px; }
  #rdHeroIconList .rd-feature span{ font-size:12px; }
  #rdSponsorStrip{ padding-top:24px; }
  #rdSponsorStrip .rd-sponsor-lbl{ font-size:10px; }
  #rdSponsorTrack{ gap:8px; }
}

@media (max-width:600px){
  #rdNav .rd-nav-logo img{ height:36px; width:auto; max-height:36px; }
  #rdHeroText{ gap:14px; padding-top:0; justify-content:center; }
  #rdHeroIconList{ gap:9px; margin-top:4px; }
  #rdHeroIconList .rd-feature{ gap:12px; }
  #rdHeroIconList .rd-feature-icon{ width:33px; height:33px; border-radius:8px; }
  #rdHeroIconList .rd-feature span{ font-size:14px; }
  #rdHeroText h1{ font-size:39px; line-height:1.05; }
  #rdHeroText p{ font-size:12.2px; line-height:1.45; }
  #rdHeroText .rd-kicker{ font-size:12px; }
  #rdHeroContent{ justify-content:center; padding-top:calc(clamp(12px,4vw,64px) + 50px); }
}