/* SMASHLINE v4.5.6 — consolidated final visual layer.\n   Loaded after the legacy theme stylesheet to resolve conflicting mobile rules. */

/* Restrained newsroom palette: brand lime is unchanged; secondary tones encode type. */
.home-section[data-section="all"]{--sm-section-accent:#caff00;--sm-section-tint:rgba(202,255,0,.048)}
.home-section[data-section="noticias"]{--sm-section-accent:#74a8ff;--sm-section-tint:rgba(116,168,255,.075)}
.home-section[data-section="torneos"]{--sm-section-accent:#ffcb70;--sm-section-tint:rgba(255,203,112,.075)}
.home-section[data-section="videos"]{--sm-section-accent:#ff7788;--sm-section-tint:rgba(255,119,136,.075)}
.home-section[data-section="salud"]{--sm-section-accent:#ff8ba4;--sm-section-tint:rgba(255,139,164,.065)}
.home-section[data-section="pickleball"]{--sm-section-accent:#6be4d7;--sm-section-tint:rgba(107,228,215,.075)}
.home-section[data-section="tecnica"]{--sm-section-accent:#8ee0b1;--sm-section-tint:rgba(142,224,177,.075)}
.home-section[data-section="entrenamiento"]{--sm-section-accent:#ffb17c;--sm-section-tint:rgba(255,177,124,.075)}
.home-section[data-section="material"]{--sm-section-accent:#d5bbff;--sm-section-tint:rgba(213,187,255,.075)}

/* Section headings behave like editorial dividers, not identical grey boxes. */
.home-section .sm-editorial-heading{
  border-bottom:1px solid color-mix(in srgb,var(--sm-section-accent,#caff00) 45%,transparent)!important;
  padding-bottom:clamp(14px,2.2vw,24px)!important;
}
.home-section .sm-editorial-heading__tag{color:var(--sm-section-accent,#caff00)!important}
.home-section .sm-editorial-heading h1{font-size:clamp(2.45rem,6vw,4.1rem)!important;line-height:1!important}
.home-section .sm-editorial-heading__lede{max-width:66ch;color:#c6cedc!important}
.home-section .sm-home-block .cat-block__header{
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  position:relative;padding-bottom:15px!important;
}
.home-section .sm-home-block .cat-block__header::before{
  content:'';position:absolute;left:0;bottom:-1px;width:78px;height:3px;
  background:var(--sm-section-accent,#caff00);border-radius:4px;
}
.home-section .sm-home-block .cat-block__label{color:#f6f8ff!important}
.home-section .sm-home-block .cat-block__label::before{background:var(--sm-section-accent,#caff00)!important}
.home-section .sm-section-subtitle{
  display:flex;align-items:center;gap:10px;
  margin-top:clamp(25px,4vw,40px)!important;
  padding-left:12px;border-left:3px solid var(--sm-section-accent,#caff00);
  color:#f2f6ff;line-height:1.1;font-weight:750;
}

/* Clear alternating surfaces and compact labels for scanning. */
.home-section .sm-cover-section{padding:clamp(14px,2.5vw,26px)!important;
  border:1px solid rgba(255,255,255,.085);border-radius:20px;
  background:linear-gradient(145deg,var(--sm-section-tint),rgba(255,255,255,.012) 44%,transparent 75%);
}
.home-section .sm-editorial-headlines{background:linear-gradient(140deg,rgba(122,158,237,.075),rgba(255,255,255,.015) 65%)!important;
  border-top:2px solid #7daeff!important}
.home-section .sm-editorial-left>.sm-panel:nth-child(1){border-top:2px solid #ffcb70!important;
  background:linear-gradient(150deg,rgba(255,203,112,.075),rgba(255,255,255,.012) 58%)!important}
.home-section .sm-editorial-left>.sm-panel:nth-child(2){border-top:2px solid #79d6f5!important;
  background:linear-gradient(150deg,rgba(121,214,245,.065),rgba(255,255,255,.012) 65%)!important}
.home-section .sm-editorial-left>.sm-panel:nth-child(3){border-top:2px solid #d5a6ff!important}
.home-section .sm-news-vertical--players{background:linear-gradient(150deg,rgba(94,133,255,.09),rgba(255,255,255,.016) 60%)!important}
.home-section .sm-news-vertical--analysis{background:linear-gradient(150deg,rgba(196,148,255,.09),rgba(255,255,255,.016) 60%)!important}
.home-section .sm-play-promo-wrap{border-top:2px solid #ff7788!important}
.home-section .sm-also-grid a:nth-child(odd){border-top:2px solid #85dec3!important}
.home-section .sm-also-grid a:nth-child(even){border-top:2px solid #74a8ff!important}

/* Mobile + desktop share a single Última hora ribbon. No fake arrows or tiny fragments. */
.home-section .trending-bar.sm-home-ticker{
  display:flex!important;align-items:center!important;gap:0!important;
  width:100%;min-width:0;max-width:100%;height:56px;
  overflow:hidden!important;border:1px solid rgba(255,255,255,.12)!important;
  border-left:3px solid #ff6075!important;border-radius:12px!important;
  padding:0!important;margin:16px 0 26px!important;
  background:linear-gradient(100deg,#182132,#0d1322 65%,#0b111e);
}
.home-section .trending-bar__label{
  display:flex!important;flex:0 0 auto!important;align-items:center!important;
  height:100%;padding:0 17px!important;z-index:2;
  font-weight:800!important;font-size:.73rem!important;letter-spacing:.11em!important;
  background:#202638!important;color:#d9ff64!important;
  white-space:nowrap!important;text-transform:uppercase!important;
}
.home-section .trending-bar__label::before{width:8px;height:8px;margin-right:7px;box-shadow:0 0 0 4px rgba(255,82,110,.12)}
.home-section .trending-bar__viewport{position:relative;min-width:0;flex:1 1 auto;height:100%;overflow:hidden!important;display:flex;align-items:center;}
.home-section .trending-bar__viewport::after{content:'';pointer-events:none;position:absolute;inset:0 0 0 auto;width:26px;background:linear-gradient(90deg,transparent,#0c1220);}
.home-section .trending-bar__scroll{display:flex!important;gap:0!important;align-items:center!important;flex:0 0 auto;
  min-width:max-content!important;width:max-content!important;overflow:visible!important;
  transform:none;animation:none!important;scrollbar-width:none!important;height:100%;}
.home-section .sm-ticker-group{display:flex;align-items:center;gap:28px;padding-right:28px;flex:0 0 auto;min-width:max-content;height:100%}
.home-section .trending-bar__item{
  display:inline-flex!important;align-items:center;white-space:nowrap!important;
  width:auto!important;max-width:none!important;min-width:0;
  overflow:visible!important;text-overflow:clip!important;
  padding:0 0 0 13px!important;color:#edf0f8!important;
  font-size:.86rem!important;font-weight:600!important;line-height:1.35;
}
.home-section .trending-bar__item::before{content:''!important;display:block!important;position:static!important;
  width:5px;height:5px;flex:0 0 5px;background:var(--sm-section-accent,#cbff00)!important;
  border-radius:50%;margin-right:12px;}
.home-section .sm-ticker--ready .trending-bar__scroll.sm-ticker--running{
  animation:sm456-marquee 58s linear infinite!important;
}
@keyframes sm456-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.home-section .sm-ticker--ready:focus-within .trending-bar__scroll,
.home-section .sm-ticker--ready:hover .trending-bar__scroll{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .home-section .sm-ticker--ready .trending-bar__scroll.sm-ticker--running{animation:none!important}
  .home-section .trending-bar__viewport{overflow-x:auto!important}
}

/* Home hero: stable image, proportionate text, no inaccessible long-title overlay. */
.home-section .sm-cover-grid{min-width:0;align-items:stretch}
/* Intrinsic height prevents long AI-generated headlines from escaping the image hero. */
.home-section .sm-cover-lead{
  min-width:0;isolation:isolate;
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  aspect-ratio:auto!important;height:auto!important;min-height:clamp(420px,35vw,550px)!important;
  padding-top:clamp(98px,13vw,170px);
}
.home-section .sm-cover-lead>.lead__body{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;
  width:100%!important;flex:0 0 auto!important;margin-top:auto!important;
  padding:clamp(20px,2.3vw,35px)!important;
}
.home-section .sm-cover-lead .lead__title{overflow-wrap:break-word;hyphens:auto;word-break:normal}
.home-section .sm-cover-lead .lead__sub{margin:0;}
.home-section .sm-cover-secondary-card{min-width:0;isolation:isolate}
.home-section .sm-cover-secondary-body{min-width:0!important;overflow-wrap:break-word}
.home-section .sm-cover-secondary-body h3{word-break:normal;hyphens:auto}

/* Less repetition: different shapes convey different editorial importance. */
.home-section .sm-recent-four .sm-recent-card,
.home-section .sm-actualidad-grid .sm-recent-card{min-width:0;border-radius:14px!important}
.home-section .sm-recent-card__content{min-width:0}
.home-section .headline__cat{color:var(--sm-section-accent,#d5ff53)!important;font-weight:850}
.home-section .sm-recent-card__content h3{font-family:var(--font-body);font-weight:750;line-height:1.32!important}

@media(max-width:950px){
  /* The hero is deliberately composed vertically on narrow screens. */
  .home-section .sm-cover-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
  .home-section .sm-cover-lead{
    display:flex!important;flex-direction:column!important;
    aspect-ratio:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding-top:0!important;
    overflow:hidden!important;border-radius:16px!important;
    background:#131a2b!important;border:1px solid rgba(255,255,255,.14)!important;
  }
  .home-section .sm-cover-lead>.lead__img,
  .home-section .sm-cover-lead>.court{
    position:relative!important;inset:auto!important;
    display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;flex:0 0 auto!important;
    aspect-ratio:16/9!important;object-fit:cover!important;
    transform:none!important;border-radius:0!important;
  }
  .home-section .sm-cover-lead>.lead__scrim{display:none!important}
  .home-section .sm-cover-lead>.lead__body{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;min-height:0!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
    padding:clamp(18px,4.5vw,30px)!important;
    background:linear-gradient(140deg,var(--sm-section-tint),#131a2b 56%)!important;
    transform:none!important;
  }
  .home-section .sm-cover-lead .lead__title{
    display:block!important;position:relative!important;
    font-size:clamp(1.67rem,5.8vw,2.5rem)!important;
    line-height:1.08!important;margin:12px 0 12px!important;
    letter-spacing:-.015em!important;text-transform:none!important;
    text-wrap:pretty!important;overflow:visible!important;
    max-height:none!important;-webkit-line-clamp:unset!important;
  }
  .home-section .sm-cover-lead .lead__sub{
    display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;
    font-size:clamp(.88rem,2.65vw,1.02rem)!important;line-height:1.55!important;color:#c5cedd!important;
  }
  .home-section .sm-cover-secondary{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:11px!important;}
  .home-section .sm-cover-secondary-card{
    display:grid!important;grid-template-columns:clamp(98px,27vw,150px) minmax(0,1fr)!important;
    flex-direction:row!important;align-items:stretch!important;gap:0!important;min-height:112px!important;
    border-radius:13px!important;
  }
  .home-section .sm-cover-secondary-image{
    width:auto!important;max-width:100%!important;min-height:100%!important;height:auto!important;
    aspect-ratio:auto!important;position:relative!important;
  }
  .home-section .sm-cover-secondary-image img,
  .home-section .sm-cover-secondary-image .court{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  }
  .home-section .sm-cover-secondary-body{padding:13px 14px!important;align-self:center!important;}
  .home-section .sm-cover-secondary-body h3{font-size:clamp(.9rem,2.25vw,1.07rem)!important;line-height:1.29!important;
    margin:5px 0 9px!important;overflow-wrap:anywhere!important;}
  .home-section .sm-cover-secondary-body small{font-size:.7rem!important}
  .home-section .sm-cover-secondary-card .headline__cat{font-size:.63rem!important}
  .home-section .sm-cover-secondary-card .court{min-height:0!important}
}
@media(max-width:680px){
  .home-section .sm-home-block{margin:20px 0 30px!important}
  .home-section .sm-cover-section{padding:13px!important;border-radius:16px!important}
  .home-section .sm-editorial-heading{margin-top:20px!important;margin-bottom:15px!important}
  .home-section .sm-editorial-heading h1{font-size:2.35rem!important}
  .home-section .trending-bar.sm-home-ticker{height:50px!important;margin:12px 0 24px!important;border-radius:10px!important;}
  .home-section .trending-bar__label{font-size:.64rem!important;letter-spacing:.04em!important;padding:0 10px!important}
  .home-section .sm-ticker-group{gap:20px;padding-right:20px}
  .home-section .trending-bar__item{font-size:.82rem!important}
  .home-section .sm-cover-lead>.lead__body{padding:16px!important}
  .home-section .sm-cover-lead .lead__title{font-size:clamp(1.55rem,6.55vw,1.96rem)!important;line-height:1.13!important;margin:10px 0!important}
  .home-section .sm-cover-lead .lead__sub{font-size:.88rem!important;line-height:1.5!important}
  .home-section .sm-cover-secondary-card{grid-template-columns:110px minmax(0,1fr)!important;min-height:112px!important}
  .home-section .sm-cover-secondary-body{padding:11px!important}
  .home-section .sm-cover-secondary-body h3{font-size:.91rem!important;line-height:1.3!important}
  .home-section .sm-section-subtitle{font-size:1.1rem!important}
  /* Recent news: condensed horizontal reports vs the hero's large photo. */
  .home-section .sm-recent-four,.home-section .sm-actualidad-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important;
  }
  .home-section .sm-recent-four .sm-recent-card,
  .home-section .sm-actualidad-grid .sm-recent-card{
    display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:auto!important;align-items:stretch!important;
    gap:0!important;padding:0!important;min-height:110px!important;
  }
  .home-section .sm-recent-four .sm-recent-card-image,
  .home-section .sm-actualidad-grid .sm-recent-card-image{
    display:block!important;position:relative!important;
    width:auto!important;height:auto!important;min-height:100%!important;max-height:none!important;
    aspect-ratio:auto!important;border-radius:0!important;overflow:hidden!important;
  }
  .home-section .sm-recent-four .sm-recent-card-image img,
  .home-section .sm-recent-four .sm-recent-card-image .court,
  .home-section .sm-actualidad-grid .sm-recent-card-image img,
  .home-section .sm-actualidad-grid .sm-recent-card-image .court{
    position:absolute!important;inset:0!important;display:block!important;
    width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;object-fit:cover!important;
  }
  .home-section .sm-recent-four .sm-recent-card__content,
  .home-section .sm-actualidad-grid .sm-recent-card__content{
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    padding:11px 12px!important;min-width:0!important;gap:6px!important;
  }
  .home-section .sm-recent-four .sm-recent-card__content h3,
  .home-section .sm-actualidad-grid .sm-recent-card__content h3{
    font-size:clamp(.86rem,3.8vw,.98rem)!important;line-height:1.3!important;
    margin:0!important;text-wrap:pretty;overflow-wrap:anywhere;
  }
  .home-section .sm-recent-card__content small{font-size:.65rem!important;color:#acb4c8!important}
  .home-section .sm-recent-card__content .headline__cat{font-size:.62rem!important}
  .home-section .sm-editorial-left .sm-panel,.home-section .sm-editorial-headlines{padding:17px!important}
  .home-section .sm-news-stack__item.is-featured{grid-template-columns:1fr!important}
  .home-section .sm-news-stack__image{aspect-ratio:16/9!important;max-height:none!important}
  .home-section .sm-news-stack__item h3{font-size:1rem!important;line-height:1.37!important}
}
@media(max-width:370px){
  .home-section .sm-cover-secondary-card{grid-template-columns:94px minmax(0,1fr)!important}
  .home-section .sm-recent-four .sm-recent-card,
  .home-section .sm-actualidad-grid .sm-recent-card{grid-template-columns:98px minmax(0,1fr)!important}
  .home-section .sm-cover-lead .lead__title{font-size:1.55rem!important}
}
@media(prefers-reduced-motion:reduce){
  .home-section .sm-cover-lead .lead__img,
  .home-section .sm-recent-card-image .court,
  .home-section .sm-cover-secondary-image .court{transition:none!important}
}