/* ==========================================================
   LAIREN HOME · 4 DESTACADOS
   Ajuste fino: iconografía por línea + tipografía más legible
   ========================================================== */

.meta-summary{padding:0;background:transparent;border:0}
.meta-summary .container{height:100%;padding-inline:0}
.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;height:100%}

.meta-card{
  --accent:#2dbdff;
  --accent-rgb:45,189,255;
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 126px;
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(var(--accent-rgb),.82);
  border-radius:13px;
  background:linear-gradient(145deg,#081b2d,#04111d 70%,#05101a);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 22px rgba(0,0,0,.22);
  color:inherit;
  text-decoration:none;
}
.meta-card--winner{--accent:#1ec0ff;--accent-rgb:30,192,255}
.meta-card--played{--accent:#d046ff;--accent-rgb:208,70,255}
.meta-card--growth{--accent:#00e4a1;--accent-rgb:0,228,161}
.meta-card--performance{--accent:#f2b22a;--accent-rgb:242,178,42}

.meta-card-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:14px 10px 12px 16px;
}
.meta-card-heading{
  display:flex;
  align-items:center;
  gap:8px;
  color:#d7e6ee;
  font-size:9px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.meta-card-icon{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border-radius:6px;
  color:var(--accent);
  background:rgba(var(--accent-rgb),.08);
}
.meta-card-icon svg{
  width:16px;height:16px;
  fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;
}
.meta-card--played .meta-card-icon svg,
.meta-card--performance .meta-card-icon svg{fill:currentColor;stroke:none}

.meta-card h3{
  margin:11px 0 0;
  color:#fff;
  font-size:17px;
  line-height:1.08;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.meta-metrics{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:12px;
}
.meta-metric{
  display:flex;
  align-items:center;
  gap:6px;
  color:#d2dde3;
  font-size:9px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.meta-metric--accent{font-weight:700}
.meta-card--growth .meta-metric--accent{color:#7dffcb}

.meta-metric-glyph{
  position:relative;
  flex:0 0 13px;
  width:13px;
  height:13px;
  display:inline-block;
  color:var(--accent);
}
.meta-metric-glyph::before,
.meta-metric-glyph::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
}
.meta-metric-glyph--trophy::before{
  left:2px; top:1px;
  width:9px; height:7px;
  border:1.6px solid currentColor;
  border-radius:0 0 4px 4px;
}
.meta-metric-glyph--trophy::after{
  left:5px; top:8px;
  width:3px; height:2px;
  background:currentColor;
  box-shadow:-3px 3px 0 0 currentColor, 3px 3px 0 0 currentColor;
}
.meta-metric-glyph--trophy{
  background:
    radial-gradient(circle at 1px 5px, currentColor 0 1px, transparent 1.5px),
    radial-gradient(circle at 12px 5px, currentColor 0 1px, transparent 1.5px);
}
.meta-metric-glyph--chart{
  background:
    linear-gradient(currentColor 0 0) 1px 6px/2px 6px no-repeat,
    linear-gradient(currentColor 0 0) 5px 3px/2px 9px no-repeat,
    linear-gradient(currentColor 0 0) 9px 1px/2px 11px no-repeat;
}
.meta-metric-glyph--spark{
  background:
    radial-gradient(circle at 50% 50%, currentColor 0 2px, transparent 2.2px),
    linear-gradient(currentColor 0 0) center/1px 11px no-repeat,
    linear-gradient(currentColor 0 0) center/11px 1px no-repeat;
}
.meta-metric-glyph--spark::before{
  left:2px; top:2px;
  width:9px; height:9px;
  transform:rotate(45deg);
  border:1.3px solid currentColor;
  opacity:.7;
}
.meta-metric-glyph--arrow::before{
  left:1px; top:7px;
  width:10px; height:1.8px;
  background:currentColor;
  transform:rotate(-35deg);
  transform-origin:left center;
}
.meta-metric-glyph--arrow::after{
  right:1px; top:1px;
  width:6px; height:6px;
  border-top:1.8px solid currentColor;
  border-right:1.8px solid currentColor;
}
.meta-metric-glyph--swords::before{
  left:2px; top:1px;
  width:1.7px; height:11px;
  background:currentColor;
  transform:rotate(40deg);
  border-radius:1px;
}
.meta-metric-glyph--swords::after{
  right:2px; top:1px;
  width:1.7px; height:11px;
  background:currentColor;
  transform:rotate(-40deg);
  border-radius:1px;
}

.meta-card-figure{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-right:12px;
}
.meta-card-image{
  width:96px;
  height:130px;
  border-radius:9px;
  border:1px solid rgba(var(--accent-rgb),.82);
  box-shadow:0 0 0 1px rgba(0,0,0,.16) inset, 0 12px 24px rgba(0,0,0,.22);
  background-image:
    linear-gradient(180deg,rgba(0,8,15,.02),rgba(0,8,15,.18)),
    url('/static/img/home/hero-bg.webp');
  background-repeat:no-repeat;
  background-size:auto 315px;
}
.meta-card-image--winner{background-position:18% 50%}
.meta-card-image--played{background-position:41% 46%}
.meta-card-image--growth{background-position:66% 48%}
.meta-card-image--performance{background-position:85% 44%}

.meta-card-arrow{
  position:absolute;
  right:16px;
  bottom:16px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  color:#fff;
  background:rgba(8,18,31,.84);
  border:1px solid rgba(var(--accent-rgb),.88);
  font-size:20px;
  line-height:1;
  box-shadow:0 0 14px rgba(var(--accent-rgb),.18);
}

@media(max-width:1100px){
  .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:auto}
  .meta-card{height:180px}
}
@media(max-width:560px){
  .meta-grid{grid-template-columns:1fr}
  .meta-card{height:168px}
}
@media (min-width:1101px){
  .meta-summary,.meta-summary .container,.meta-grid{height:100%;min-height:0}
  .meta-grid{gap:8px}
  .meta-card{grid-template-columns:minmax(0,1fr) 112px;border-radius:10px;min-height:0}
  .meta-card-info{padding:10px 8px 9px 12px}
  .meta-card-heading{gap:6px;font-size:7.6px}
  .meta-card-icon{flex-basis:18px;width:18px;height:18px;border-radius:5px}
  .meta-card-icon svg{width:12px;height:12px}
  .meta-card h3{margin-top:7px;font-size:14.8px;line-height:1.02}
  .meta-metrics{gap:5px;margin-top:9px}
  .meta-metric{font-size:7.6px;line-height:1.04}
  .meta-metric-glyph{flex-basis:12px;width:12px;height:12px}
  .meta-card-figure{padding-right:8px}
  .meta-card-image{width:81px;height:104px;border-radius:7px;background-size:auto 254px}
  .meta-card-arrow{right:11px;bottom:11px;width:22px;height:22px;font-size:15px}
}
@media (min-width:1101px) and (max-height:680px){
  .meta-card-info{padding-block:8px}
  .meta-card h3{font-size:13.7px}
  .meta-metric{font-size:7.2px}
  .meta-card-image{height:96px}
}


/* ==========================================================
   HOME FINAL — ARTE DE REFERENCIA, SIN TOCAR EL LAYOUT
   Fondo directo sobre #home-page. No wrappers. No nuevas alturas.
   ========================================================== */

@media (min-width: 981px) {

  #home-page{
    position:relative !important;
    background-color:#020a14 !important;
    background-image:
      linear-gradient(
        90deg,
        rgba(0,5,11,.02) 0%,
        rgba(0,7,14,.04) 24%,
        rgba(1,9,17,.18) 43%,
        rgba(1,8,16,.60) 67%,
        rgba(1,8,16,.82) 100%
      ),
      url('/static/img/home/home-final-art.webp'),
      linear-gradient(
        180deg,
        #07305a 0%,
        #041a32 42%,
        #020d19 76%,
        #020a14 100%
      ) !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important;
    background-position:center top,left top,center top !important;
    background-size:
      100% calc(var(--hero-h) + var(--summary-h) + 14px),
      28% auto,
      100% calc(var(--hero-h) + var(--summary-h) + 14px) !important;
  }

  #home-page > .hero{
    background:transparent !important;
  }

  #home-page > .hero::before{
    content:none !important;
    display:none !important;
  }

  #home-page > .hero::after{
    background:
      radial-gradient(circle at 51% 42%, rgba(0,183,255,.12), transparent 28%),
      linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,4,10,.10)) !important;
  }

  #home-page > .meta-summary{
    background:transparent !important;
  }

  #home-page > .meta-summary::before,
  #home-page > .meta-summary::after{
    content:none !important;
    display:none !important;
  }

  #home-page .meta-summary .meta-card{
    background:
      linear-gradient(
        145deg,
        rgba(5,21,36,.86),
        rgba(3,13,23,.91) 72%,
        rgba(2,10,18,.94)
      ) !important;
  }
}


/* ==========================================================
   AJUSTE 2 — TARJETAS MÁS CERCA DE HOME FINAL
   + corrección visual de etiquetas KPI del HERO.
   No cambia estructura ni alturas del one-screen.
   ========================================================== */

@media (min-width: 1101px) {

  /* --------------------------------------------------------
     KPI HERO: los valores actuales son
     Torneos / Participaciones / Arquetipos / Provincias.
     Se corrigen sólo las etiquetas, sin tocar el HTML actual.
     -------------------------------------------------------- */

  .hero-indicator--participations dt,
  .hero-indicator--archetypes dt,
  .hero-indicator--provinces dt{
    font-size:0 !important;
  }

  .hero-indicator--participations dt::after{
    content:"Participaciones";
    font-size:8px;
  }

  .hero-indicator--archetypes dt::after{
    content:"Arquetipos";
    font-size:8px;
  }

  .hero-indicator--provinces dt::after{
    content:"Provincias";
    font-size:8px;
  }

  /* --------------------------------------------------------
     4 TARJETAS
     -------------------------------------------------------- */

  .meta-summary .meta-card{
    grid-template-columns:minmax(0,1fr) 106px !important;

    border-radius:10px !important;

    background:
      radial-gradient(
        circle at 84% 28%,
        rgba(var(--accent-rgb),.105),
        transparent 31%
      ),
      linear-gradient(
        145deg,
        rgba(5,20,34,.89),
        rgba(2,12,21,.94) 72%,
        rgba(2,10,18,.96)
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.045),
      inset 0 0 22px rgba(var(--accent-rgb),.045),
      0 7px 16px rgba(0,0,0,.18) !important;
  }

  .meta-summary .meta-card-info{
    justify-content:center !important;
    padding:7px 6px 7px 12px !important;
  }

  /* Encabezado más parecido a la referencia:
     icono suelto + texto, sin cajita gruesa. */
  .meta-summary .meta-card-heading{
    gap:6px !important;
    font-size:8.4px !important;
    font-weight:700 !important;
  }

  .meta-summary .meta-card-icon{
    position:relative !important;

    flex:0 0 21px !important;
    width:21px !important;
    height:21px !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;

    filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.28));
  }

  .meta-summary .meta-card-icon svg{
    width:18px !important;
    height:18px !important;
  }

  /* Primera tarjeta: espaditas como HOME FINAL */
  .meta-summary .meta-card--winner .meta-card-icon svg{
    display:none !important;
  }

  .meta-summary .meta-card--winner .meta-card-icon::before,
  .meta-summary .meta-card--winner .meta-card-icon::after{
    content:"" !important;
    position:absolute !important;
    top:2px !important;

    width:2px !important;
    height:17px !important;

    border-radius:2px !important;
    background:var(--accent) !important;
  }

  .meta-summary .meta-card--winner .meta-card-icon::before{
    left:6px !important;
    transform:rotate(43deg) !important;
  }

  .meta-summary .meta-card--winner .meta-card-icon::after{
    right:6px !important;
    transform:rotate(-43deg) !important;
  }

  .meta-summary .meta-card h3{
    margin-top:6px !important;

    font-size:15.8px !important;
    font-weight:950 !important;
    line-height:1.02 !important;
  }

  .meta-summary .meta-metrics{
    margin-top:8px !important;
    gap:4px !important;
  }

  .meta-summary .meta-metric{
    gap:5px !important;

    font-size:8.4px !important;
    font-weight:500 !important;
    line-height:1.05 !important;
  }

  .meta-summary .meta-metric-glyph{
    flex-basis:14px !important;
    width:14px !important;
    height:14px !important;
  }

  /* --------------------------------------------------------
     IMAGEN DERECHA
     Más grande y más parecida a una carta vertical.
     -------------------------------------------------------- */

  .meta-summary .meta-card-figure{
    padding:5px 8px 5px 2px !important;
  }

  .meta-summary .meta-card-image{
    width:88px !important;
    height:100% !important;
    min-height:0 !important;

    border-radius:7px !important;

    background-size:auto 245px !important;

    box-shadow:
      inset 0 0 16px rgba(var(--accent-rgb),.05),
      0 6px 15px rgba(0,0,0,.19) !important;
  }

  /* Elegimos zonas con contenido del arte para evitar tarjetas vacías */
  .meta-summary .meta-card-image--winner{
    background-position:17% 48% !important;
  }

  .meta-summary .meta-card-image--played{
    background-position:43% 44% !important;
  }

  .meta-summary .meta-card-image--growth{
    background-position:29% 48% !important;
  }

  .meta-summary .meta-card-image--performance{
    background-position:15% 46% !important;
  }

  .meta-summary .meta-card-arrow{
    right:5px !important;
    bottom:7px !important;

    width:22px !important;
    height:22px !important;

    font-size:15px !important;
  }
}

/* 1366x768: conservar legibilidad sin agrandar la franja */
@media (min-width:1101px) and (max-height:700px){
  .meta-summary .meta-card h3{
    font-size:15px !important;
  }

  .meta-summary .meta-metric{
    font-size:8px !important;
  }
}

/* ==========================================================
   HOME FINAL — 4 TARJETAS UNIFICADAS
   Misma composición para las cuatro; centrado vertical real.
   ========================================================== */
@media (min-width:1101px){
  .meta-summary .hf-card{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 104px !important;
    height:100% !important; min-height:0 !important;
    border-radius:10px !important;
    background:radial-gradient(circle at 86% 34%,rgba(var(--accent-rgb),.12),transparent 34%),linear-gradient(145deg,rgba(5,23,40,.95),rgba(2,12,22,.98) 74%) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 24px rgba(var(--accent-rgb),.055),0 0 12px rgba(var(--accent-rgb),.10) !important;
  }
  .meta-summary .hf-card-info{min-width:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding:6px 5px 6px 13px !important;}
  .meta-summary .hf-card-heading{display:flex !important;align-items:center !important;gap:7px !important;color:#d9e7ef !important;font-size:8.7px !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap !important;}
  .meta-summary .hf-heading-icon{flex:0 0 22px !important;width:22px !important;height:22px !important;display:grid !important;place-items:center !important;color:var(--accent) !important;filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.38));}
  .meta-summary .hf-heading-icon svg{width:20px !important;height:20px !important;fill:none !important;stroke:currentColor !important;stroke-width:2.2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
  .meta-summary .hf-heading-icon--bars svg,.meta-summary .hf-heading-icon--star svg{fill:currentColor !important;stroke:none !important;}
  .meta-summary .hf-card h3{margin:6px 0 0 !important;min-width:0 !important;color:#fff !important;font-size:15.6px !important;font-weight:950 !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .meta-summary .hf-card-metrics{display:flex !important;flex-direction:column !important;gap:4px !important;margin-top:7px !important;}
  .meta-summary .hf-card-metric{min-width:0 !important;display:flex !important;align-items:center !important;gap:6px !important;color:#d6e0e6 !important;font-size:8.35px !important;font-weight:500 !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
  .meta-summary .hf-card-metric--accent{color:#78ffd0 !important;font-weight:700 !important;}
  .meta-summary .hf-metric-icon{flex:0 0 14px !important;width:14px !important;height:14px !important;display:grid !important;place-items:center !important;color:var(--accent) !important;}
  .meta-summary .hf-metric-icon--trophy{color:#ffc72a !important;}
  .meta-summary .hf-metric-icon svg{width:14px !important;height:14px !important;fill:none !important;stroke:currentColor !important;stroke-width:2 !important;stroke-linecap:round !important;stroke-linejoin:round !important;}
  .meta-summary .hf-metric-icon--bars svg{fill:currentColor !important;stroke:none !important;}
  .meta-summary .hf-card-figure{position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;min-width:0 !important;padding:5px 8px 5px 0 !important;}
  .meta-summary .hf-card-image{width:88px !important;height:100% !important;min-height:0 !important;overflow:hidden !important;border:1px solid rgba(var(--accent-rgb),.90) !important;border-radius:7px !important;background-image:linear-gradient(180deg,rgba(0,8,15,.02),rgba(0,8,15,.14)),url('/static/img/home/hero-bg.webp');background-repeat:no-repeat !important;background-size:auto 245px !important;box-shadow:inset 0 0 15px rgba(var(--accent-rgb),.07),0 5px 14px rgba(0,0,0,.23) !important;}
  .meta-summary .hf-card-image--winner{background-position:17% 48% !important;}
  .meta-summary .hf-card-image--played{background-position:43% 44% !important;}
  .meta-summary .hf-card-image--growth{background-position:29% 48% !important;}
  .meta-summary .hf-card-image--performance{background-position:15% 46% !important;}
  .meta-summary .hf-card-arrow{position:absolute !important;z-index:3 !important;right:5px !important;bottom:7px !important;display:grid !important;place-items:center !important;width:22px !important;height:22px !important;color:#fff !important;background:rgba(3,14,24,.92) !important;border:1px solid rgba(var(--accent-rgb),.95) !important;border-radius:50% !important;font-size:16px !important;line-height:1 !important;box-shadow:0 0 10px rgba(var(--accent-rgb),.18) !important;}
}
@media (min-width:1101px) and (max-height:700px){
  .meta-summary .hf-card-info{padding-top:5px !important;padding-bottom:5px !important;}
  .meta-summary .hf-card h3{font-size:15px !important;}
  .meta-summary .hf-card-metric{font-size:8px !important;}
}

/* AJUSTE CORRECTO — MÁS ALTAS HACIA ARRIBA */
@media (min-width:1101px){
  .meta-summary{
    height:var(--summary-h) !important;
    min-height:var(--summary-h) !important;
    max-height:var(--summary-h) !important;
    overflow:visible !important;
  }
  .meta-summary > .container,
  .meta-summary .container{
    height:100% !important;
    overflow:visible !important;
  }
  .meta-summary .meta-grid{
    height:calc(100% + 8px) !important;
    min-height:calc(100% + 8px) !important;
    transform:translateY(-8px) !important;
    transform-origin:bottom center !important;
  }
  .meta-summary .hf-card{height:100% !important;}
  .meta-summary .hf-card-info{padding-top:8px !important;padding-bottom:8px !important;}
  .meta-summary .hf-card-figure{padding-top:6px !important;padding-bottom:6px !important;}
}


/* ==========================================================
   AJUSTE FINO — TEXTOS SECUNDARIOS MÁS GRANDES
   No toca el nombre del mazo ni la geometría de las tarjetas.
   ========================================================== */

@media (min-width:1101px){

  /* Encabezado: "Mazo más ganador", "Arquetipo más jugado", etc. */
  .meta-summary .hf-card-heading{
    font-size:9.6px !important;
    line-height:1.05 !important;
    gap:7px !important;
  }

  /* Icono del encabezado, apenas más grande para acompañar */
  .meta-summary .hf-heading-icon{
    flex-basis:23px !important;
    width:23px !important;
    height:23px !important;
  }

  .meta-summary .hf-heading-icon svg{
    width:21px !important;
    height:21px !important;
  }

  /* Métricas internas: WR, partidas, presencia, etc. */
  .meta-summary .hf-card-metric{
    font-size:9.2px !important;
    line-height:1.08 !important;
    gap:6px !important;
  }

  /* Iconos de las métricas un poco más visibles */
  .meta-summary .hf-metric-icon{
    flex-basis:15px !important;
    width:15px !important;
    height:15px !important;
  }

  .meta-summary .hf-metric-icon svg{
    width:15px !important;
    height:15px !important;
  }

  /* Mantener compacto pero con mejor lectura */
  .meta-summary .hf-card-metrics{
    gap:5px !important;
    margin-top:8px !important;
  }
}

/* En pantallas bajas NO volver a achicar estos textos */
@media (min-width:1101px) and (max-height:700px){
  .meta-summary .hf-card-heading{
    font-size:9.3px !important;
  }

  .meta-summary .hf-card-metric{
    font-size:8.9px !important;
  }

  .meta-summary .hf-heading-icon{
    width:22px !important;
    height:22px !important;
    flex-basis:22px !important;
  }

  .meta-summary .hf-heading-icon svg{
    width:20px !important;
    height:20px !important;
  }

  .meta-summary .hf-metric-icon{
    width:15px !important;
    height:15px !important;
    flex-basis:15px !important;
  }

  .meta-summary .hf-metric-icon svg{
    width:15px !important;
    height:15px !important;
  }
}


/* ==========================================================
   AJUSTE FINAL DE TEXTO — 4 TARJETAS CON MISMO RITMO VISUAL
   Misma tipografía, misma altura de bloque y 3 filas por tarjeta.
   ========================================================== */

@media (min-width:1101px){

  .meta-summary .hf-card-info{
    justify-content:center !important;
  }

  /* Encabezados secundarios: todos exactamente iguales */
  .meta-summary .hf-card-heading{
    height:25px !important;
    min-height:25px !important;

    display:flex !important;
    align-items:center !important;

    font-size:10.5px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  .meta-summary .hf-heading-icon{
    flex:0 0 24px !important;
    width:24px !important;
    height:24px !important;
  }

  .meta-summary .hf-heading-icon svg{
    width:22px !important;
    height:22px !important;
  }

  /* El nombre del mazo mantiene su tamaño, sólo se alinea */
  .meta-summary .hf-card h3{
    height:17px !important;
    min-height:17px !important;
    margin:5px 0 0 !important;
    line-height:17px !important;
  }

  /* Las cuatro tarjetas reservan exactamente el mismo bloque para métricas */
  .meta-summary .hf-card-metrics{
    height:50px !important;
    min-height:50px !important;

    display:grid !important;
    grid-template-rows:repeat(3, 1fr) !important;
    align-content:center !important;

    gap:2px !important;
    margin-top:6px !important;
  }

  .meta-summary .hf-card-metric{
    height:15px !important;
    min-height:15px !important;

    display:flex !important;
    align-items:center !important;

    font-size:9.8px !important;
    font-weight:500 !important;
    line-height:15px !important;

    color:#d8e2e8 !important;
  }

  .meta-summary .hf-card-metric--accent{
    font-weight:700 !important;
  }

  .meta-summary .hf-metric-icon{
    flex:0 0 16px !important;
    width:16px !important;
    height:16px !important;
  }

  .meta-summary .hf-metric-icon svg{
    width:16px !important;
    height:16px !important;
  }
}

/* A 1366x768 no volver a achicar las métricas */
@media (min-width:1101px) and (max-height:700px){
  .meta-summary .hf-card-heading{
    font-size:10.2px !important;
  }

  .meta-summary .hf-card-metric{
    font-size:9.5px !important;
  }
}


/* ==========================================================
   AJUSTE FINO — ICONOS MÁS GORDITOS + TÍTULO MÁS ARRIBA
   ========================================================== */

@media (min-width:1101px){

  /* Iconos de encabezado más cercanos al HOME FINAL */
  .meta-summary .hf-heading-icon{
    flex:0 0 26px !important;
    width:26px !important;
    height:26px !important;
  }

  .meta-summary .hf-heading-icon svg{
    width:24px !important;
    height:24px !important;
    stroke-width:2.9 !important;
  }

  /* El de barras queda más sólido */
  .meta-summary .hf-heading-icon--bars svg,
  .meta-summary .hf-heading-icon--star svg{
    width:23px !important;
    height:23px !important;
  }

  /* Espaditas más presentes */
  .meta-summary .hf-heading-icon--swords svg{
    width:25px !important;
    height:25px !important;
    stroke-width:3.0 !important;
  }

  /* Métricas: iconos un poco más visibles también */
  .meta-summary .hf-metric-icon{
    flex:0 0 17px !important;
    width:17px !important;
    height:17px !important;
  }

  .meta-summary .hf-metric-icon svg{
    width:17px !important;
    height:17px !important;
    stroke-width:2.3 !important;
  }

  .meta-summary .hf-metric-icon--bars svg{
    width:16px !important;
    height:16px !important;
  }

  /* Subir un poco el nombre del mazo para liberar aire abajo */
  .meta-summary .hf-card h3{
    margin-top:2px !important;
    margin-bottom:0 !important;
    transform:translateY(-2px) !important;
  }

  /* Mantener el bloque de métricas con un poquito más de aire */
  .meta-summary .hf-card-metrics{
    margin-top:5px !important;
  }
}

@media (min-width:1101px) and (max-height:700px){
  .meta-summary .hf-heading-icon{
    flex-basis:25px !important;
    width:25px !important;
    height:25px !important;
  }

  .meta-summary .hf-heading-icon svg{
    width:23px !important;
    height:23px !important;
    stroke-width:2.8 !important;
  }

  .meta-summary .hf-heading-icon--swords svg{
    width:24px !important;
    height:24px !important;
    stroke-width:2.9 !important;
  }

  .meta-summary .hf-card h3{
    transform:translateY(-2px) !important;
    margin-top:2px !important;
  }

  .meta-summary .hf-card-metrics{
    margin-top:5px !important;
  }
}


/* ==========================================================
   AJUSTE FINO — encabezados un poco más arriba y más parejos
   ========================================================== */

@media (min-width:1101px){

  /* Texto "Mazo más ganador", etc.:
     un poco más grande y un poquito más arriba */
  .meta-summary .hf-card-heading{
    font-size:11.2px !important;
    line-height:1.02 !important;
    transform:translateY(-2px) !important;
    gap:8px !important;
  }

  /* Base común de los iconos del encabezado */
  .meta-summary .hf-heading-icon{
    flex:0 0 27px !important;
    width:27px !important;
    height:27px !important;
    transform:translateY(-1px) !important;
  }

  /* Mantener las espaditas apenas contenidas */
  .meta-summary .hf-heading-icon--swords svg{
    width:24px !important;
    height:24px !important;
    stroke-width:2.8 !important;
  }

  /* Hacer que los otros símbolos igualen mejor el peso visual */
  .meta-summary .hf-heading-icon--bars svg{
    width:25px !important;
    height:25px !important;
  }

  .meta-summary .hf-heading-icon--trend svg{
    width:25px !important;
    height:25px !important;
    stroke-width:3.0 !important;
  }

  .meta-summary .hf-heading-icon--star svg{
    width:24px !important;
    height:24px !important;
  }

  /* Separar un poco mejor del título del mazo */
  .meta-summary .hf-card h3{
    margin-top:1px !important;
  }
}

@media (min-width:1101px) and (max-height:700px){
  .meta-summary .hf-card-heading{
    font-size:10.9px !important;
    transform:translateY(-2px) !important;
  }

  .meta-summary .hf-heading-icon{
    flex-basis:26px !important;
    width:26px !important;
    height:26px !important;
    transform:translateY(-1px) !important;
  }

  .meta-summary .hf-heading-icon--swords svg{
    width:23px !important;
    height:23px !important;
    stroke-width:2.8 !important;
  }

  .meta-summary .hf-heading-icon--bars svg{
    width:24px !important;
    height:24px !important;
  }

  .meta-summary .hf-heading-icon--trend svg{
    width:24px !important;
    height:24px !important;
    stroke-width:2.9 !important;
  }

  .meta-summary .hf-heading-icon--star svg{
    width:23px !important;
    height:23px !important;
  }
}