/* FP_CLARIDAD_V2 */

/* Eliminar espacio reservado para el menu antiguo */
html body.fp-editorial-site {
  padding-top: 0 !important;
}
body.fp-home-editorial .fp-site-header {
  margin-top: 0 !important;
}
body.fp-home-editorial .fp-site-header__bar {
  min-height: 68px;
  gap: 14px;
}
body.fp-home-editorial .fp-site-header__rail {
  min-height: 32px;
}
body.fp-home-editorial .fp-main-nav a {
  padding: 10px 9px;
}

/* Home: nueva identidad de futbol */
body.fp-home-editorial .fp-hero.fp-shell {
  position: relative;
  margin-top: 16px !important;
  padding: clamp(28px,5vw,68px) !important;
  background:
    radial-gradient(
      circle at 93% 0%,
      rgba(133,255,137,.19),
      transparent 40%
    ),
    linear-gradient(125deg,#071615,#122b27 66%,#0a1314);
  color: #f6fff7;
  border: 1px solid #315b48;
  border-radius: 28px;
  isolation: isolate;
}
body.fp-home-editorial .fp-hero.fp-shell::after {
  content: "";
  position: absolute;
  right: 4%;
  bottom: 14%;
  width: 210px;
  height: 210px;
  border: 2px solid rgba(204,255,117,.13);
  border-radius: 50%;
  box-shadow:
    0 0 0 38px rgba(204,255,117,.025),
    0 0 0 76px rgba(204,255,117,.018);
  z-index: -1;
  pointer-events: none;
}
body.fp-home-editorial .fp-hero__eyebrow {
  margin-bottom: 20px;
  color: #c4f4ca;
}
body.fp-home-editorial .fp-hero__grid {
  grid-template-columns: minmax(0,1.2fr) minmax(260px,.8fr);
  gap: clamp(20px,4vw,55px);
  align-items: center;
}
body.fp-home-editorial .fp-hero__statement h1 {
  font-size: clamp(42px,6.2vw,85px);
  line-height: 1.04;
  max-width: 760px;
  color: #fff;
  letter-spacing: -.06em;
  text-wrap: balance;
}
body.fp-home-editorial .fp-hero__statement h1 em {
  font-style: normal;
  color: #d4ff7b;
}
body.fp-home-editorial .fp-hero__manifesto > p {
  font-size: clamp(15px,1.45vw,19px);
  line-height: 1.55;
  color: #d1e6db;
}
body.fp-home-editorial .fp-hero .fp-kicker {
  color: #b7ffbd;
}
body.fp-home-editorial .fp-hero__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}
body.fp-home-editorial .fp-hero .fp-text-link {
  color: #edfbed;
}
body.fp-home-editorial .fp-hero .fp-button--acid {
  background: #d3ff70;
  color: #0c241b;
}

/* Los temas editoriales siguen mas abajo */
body.fp-home-editorial .fp-hero__index {
  display: none;
}
.fp-v2-quicklinks {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.15);
}
.fp-v2-quicklinks a {
  display: inline-flex;
  padding: 9px 13px;
  border: 1px solid rgba(217,255,199,.32);
  border-radius: 999px;
  background: rgba(255,255,255,.055);
  color: #f2fff0 !important;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}
.fp-v2-quicklinks a:hover {
  background: rgba(216,255,98,.18);
}

/* Agenda mas legible */
body.fp-home-editorial .fp-home-agenda {
  padding-top: 48px;
  padding-bottom: 46px;
}
body.fp-home-editorial .fp-home-agenda__grid {
  gap: 14px;
}
body.fp-home-editorial .fp-home-agenda__card {
  min-height: 148px;
  border: 1px solid #396456;
  background: #102421;
  border-radius: 18px;
  padding: 22px;
}
body.fp-home-editorial .fp-home-agenda__meta {
  font-size: 13px;
  color: #c8e7d8;
  margin-bottom: 24px;
}
body.fp-home-editorial .fp-home-agenda__teams {
  font-size: 15px;
  line-height: 1.35;
  color: #fff;
}
body.fp-home-editorial .fp-home-agenda__teams b {
  font-size: 13px;
  font-weight: 800;
  color: #d2ff83;
}

/* Reducir bloques editoriales demasiado extensos */
body.fp-home-editorial .fp-radar-section {
  padding: 54px 0;
}
body.fp-home-editorial .fp-radar-card {
  min-height: 300px;
  padding: 22px 16px;
}
body.fp-home-editorial .fp-radar-card__top {
  margin-bottom: 18px;
}
body.fp-home-editorial .fp-radar-card h3 {
  font-size: 25px;
}
body.fp-home-editorial .fp-latest {
  padding-top: 54px;
  padding-bottom: 60px;
}

/* Ampliar las centrales deportivas en escritorio */
@supports selector(body:has(.fp3-gateway)) {
  body.fp3-app:has(.fp3-gateway) .fp3-shell,
  body.fp3-app:has(.fp3-football-home-hero) .fp3-shell,
  body.fp3-app:has(.fp3-live-now) .fp3-shell,
  body.fp3-app:has(.fp-v2-score-intro) .fp3-shell {
    max-width: 1180px;
    width: min(1180px,calc(100% - 32px));
    padding: 0;
  }
  body.fp3-app:has(.fp3-football-home-hero)
  .fp3-topbar__inner,
  body.fp3-app:has(.fp3-gateway)
  .fp3-topbar__inner {
    max-width: 1180px;
  }
}

/* Central de futbol */
body.fp3-app .fp3-football-home-hero {
  background:
    radial-gradient(
      circle at 90% 12%,
      rgba(91,236,116,.17),
      transparent 50%
    ),
    linear-gradient(128deg,#102b24,#0b181b);
  border-color: #3b7659;
  padding: clamp(22px,3.4vw,44px);
  border-radius: 24px;
  gap: 22px;
}
body.fp3-app .fp3-football-home-hero h1 {
  font-size: clamp(30px,4vw,56px);
  line-height: 1.07;
  max-width: 630px;
}
body.fp3-app .fp3-football-home-hero p {
  font-size: 14px;
  color: #d1e9dc;
}

/* Marcadores y partidos LIVE */
body.fp3-app .fp3-live-strip,
body.fp3-app .fp3-live-now__grid {
  gap: 16px;
}
body.fp3-app .fp3-live-tile,
body.fp3-app .fp3-live-now__card {
  border: 1px solid #498b60;
  background: linear-gradient(135deg,#133326,#101c20);
  padding: 20px;
  border-radius: 20px;
  min-height: 154px;
}
body.fp3-app .fp3-live-tile__score {
  gap: 14px;
  margin-top: 18px;
}
body.fp3-app .fp3-live-tile__score > strong {
  font-size: clamp(26px,3.4vw,42px);
  font-weight: 850;
  line-height: 1.1;
  color: #d7ff80;
  white-space: nowrap;
}
body.fp3-app .fp3-live-tile__score > span {
  font-size: clamp(12px,1.25vw,16px);
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.fp3-app .fp3-live-now__score {
  font-size: clamp(28px,3.7vw,46px);
  font-weight: 900;
  color: #d2ff76;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body.fp3-app .fp3-live-now__teams > div span {
  font-size: clamp(12px,1.15vw,16px);
  overflow-wrap: anywhere;
}

/* Calendario y resultados */
body.fp3-app .fp3-match-grid {
  gap: 14px;
}
body.fp3-app .fp3-match-tile {
  background: #112529;
  border: 1px solid #315250;
  border-radius: 17px;
  padding: 20px;
  min-height: 118px;
}
body.fp3-app .fp3-match-tile__teams > span {
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body.fp3-app .fp3-match-tile__teams > strong {
  font-size: 20px;
  color: #e4ffbc;
}
body.fp3-app .fp3-intel-match-grid {
  gap: 15px;
}
body.fp3-app .fp3-intel-match-card {
  border-radius: 18px;
  border-color: #315047;
}
body.fp3-app .fp3-intel-teams strong {
  font-size: 13px;
}
body.fp3-app .fp3-intel-teams > b {
  font-size: 24px;
}
body.fp3-app .fp3-match-row {
  gap: 18px;
  padding: 16px;
  border: 1px solid #29443f;
  border-radius: 14px;
  background: #0f2020;
  margin: 6px 0;
  align-items: center;
}
body.fp3-app .fp3-team-name {
  font-size: 14px !important;
  line-height: 1.45;
}
body.fp3-app .fp3-match-row .fp3-num {
  font-size: 26px;
  font-variant-numeric: tabular-nums;
  color: #d8ff84;
}
.fp-v2-score-intro {
  padding: 20px 0 14px;
}
.fp-v2-score-intro h1 {
  font-size: clamp(26px,4vw,42px);
  margin: 0 0 7px;
}
.fp-v2-score-intro p {
  margin: 0;
  color: #c1d8cc;
  font-size: 13px;
  line-height: 1.55;
}

/* Factor Sports */
body.fp3-app .fp3-gateway__intro h1 {
  font-size: clamp(37px,5vw,68px);
  line-height: 1.05;
}
body.fp3-app .fp3-gateway-card--football {
  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(106,243,128,.22),
      transparent 45%
    ),
    #0b1e1b;
  border-color: #539d6a;
}

/* Moviles */
@media(max-width:850px) {
  body.fp-home-editorial .fp-hero__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  body.fp-home-editorial .fp-hero.fp-shell::after {
    opacity: .45;
  }
}
@media(max-width:600px) {
  body.fp-home-editorial .fp-hero.fp-shell {
    margin-top: 8px !important;
    padding: 26px 19px !important;
    border-radius: 18px;
  }
  body.fp-home-editorial .fp-hero__statement h1 {
    font-size: clamp(37px,10vw,52px);
  }
  body.fp3-app .fp3-live-now__card {
    padding: 13px;
  }
  body.fp3-app .fp3-live-tile__score {
    gap: 6px;
  }
  body.fp3-app .fp3-live-tile__score > strong {
    font-size: 27px;
  }
  body.fp3-app .fp3-match-row {
    padding: 12px;
    gap: 9px;
  }
}