/* SPORT TikTok FAST PRO — v2.7 + Brand Fonts compatibility */
:root{
  --yellow:#ffeb00;
  --sport-red:#d7021b;
}

.stcfp-cover{
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  background:#000;
  overflow:hidden;
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
}

.stcfp-bg{
  position:absolute; inset:0;
  background: var(--bg) center/cover no-repeat, #000;
  z-index:1;
  filter:contrast(1.05) saturate(1.05) brightness(.94);
}
.stcfp-overlay{
  position:absolute; inset:0;
  background:radial-gradient(ellipse at center, rgba(0,0,0,0) 40%, rgba(0,0,0,.35) 88%);
  z-index:2;
}
.stcfp-paper{
  position:absolute; inset:0;
  background-image:url('../assets/paper_texture.png');
  background-size:cover; mix-blend-mode:multiply; opacity:.20; z-index:3; pointer-events:none;
}
.stcfp-grain{
  position:absolute; inset:0;
  background-image:url('../assets/grain_tile.png');
  background-size:256px 256px; mix-blend-mode:multiply; opacity:.18; z-index:3; pointer-events:none;
}

/* Logo texto SPORT tipo logo */
.stcfp-sport{
  position:absolute;
  top:18%;
  left:0; right:0;
  padding:0 36px;
  z-index:5;
  text-align:center;
  text-transform:uppercase;
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
  font-weight:900;
  line-height:1.02;
  font-size:96px;
  color:var(--stcfp-sport-fill, var(--sport-red));
  -webkit-text-stroke:var(--stcfp-sport-stroke-w,8px) var(--stcfp-sport-stroke,#fff);
          text-stroke:var(--stcfp-sport-stroke-w,8px) var(--stcfp-sport-stroke,#fff);
  text-shadow: 0 0 1px #fff, 0 0 2px #fff, 0 3px 0 rgba(0,0,0,.20);
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  white-space:nowrap;
}

.stcfp-title{
  position:absolute;
  top:34%;
  left:0; right:0;
  padding:0 36px;
  color:var(--stcfp-title-color,#fff);
  text-transform:uppercase;
  font-weight:900;
  line-height:1.04;
  font-size:84px;
  text-align:center;
  z-index:5;
  text-shadow:0 3px 0 rgba(0,0,0,.18);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
}

.stcfp-subwrap{
  position:absolute;
  top:58%;
  left:0; right:0;
  z-index:5;
  padding:.35rem 0;
  background:var(--stcfp-subwrap-bg,rgba(0,0,0,.92));
  border-top:2px solid var(--stcfp-subwrap-border,rgba(255,235,0,.35));
  border-bottom:2px solid var(--stcfp-subwrap-border,rgba(255,235,0,.35));
}
.stcfp-subtitle{
  color:var(--stcfp-subtitle,var(--yellow));
  text-transform:uppercase;
  font-weight:900;
  line-height:1.02;
  font-size:78px;
  text-align:center;
  text-shadow:0 3px 0 rgba(0,0,0,.24);
  padding:0 36px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
}

.stcfp-desc{
  position:absolute;
  left:0; right:0;
  bottom:2.8rem;
  padding:.7rem 1rem;
  color:var(--stcfp-subtitle,var(--yellow));
  font-weight:800;
  font-size:26px;
  z-index:5;
  background:var(--stcfp-desc-bg,rgba(0,0,0,.88));
  text-align:center;
  border-top:2px solid var(--stcfp-subwrap-border,rgba(255,235,0,.35));
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
}

.stcfp-news{
  position:absolute;
  left:0; right:0;
  bottom:0;
  background:var(--stcfp-news-bg,#0b0b0b);
  color:var(--stcfp-title-color,#fff);
  z-index:6;
  border-top:2px solid rgba(255,235,0,.55);
  padding:.35rem .8rem;
  font-weight:800;
  font-size:18px;
  white-space:nowrap;
  overflow:hidden;
  font-family: var(--stcfp-font, 'Barlow Condensed', Impact, system-ui, sans-serif);
}
.stcfp-news span{
  display:inline-block;
  padding-left:100%;
  animation:stcfp-marquee 16s linear infinite;
}
@keyframes stcfp-marquee{
  from{transform:translateX(0);} to{transform:translateX(-100%);}
}

.is-frontend.stcfp-cover{
  max-width:430px;
  width:100%;
  margin-inline:auto;
}

/* Responsive fino */
@media (max-width: 420px){
  .stcfp-sport{ font-size:84px; -webkit-text-stroke:6px #fff; text-stroke:6px #fff; }
  .stcfp-title{ font-size:76px; }
  .stcfp-subtitle{ font-size:72px; }
}

/* Ajustes por marca (aplicados vía body class) */
.stcfp-brand-as .stcfp-title,
.stcfp-brand-as .stcfp-subtitle,
.stcfp-brand-as .stcfp-sport{
  text-transform:none;
  letter-spacing:.4px;
}
.stcfp-brand-marca .stcfp-title,
.stcfp-brand-marca .stcfp-subtitle{
  text-transform:uppercase;
  letter-spacing:.6px;
}
.stcfp-brand-sport .stcfp-title,
.stcfp-brand-sport .stcfp-subtitle{
  text-transform:uppercase;
  letter-spacing:.4px;
}