/* Rediseño 2026 — solo portada y evento. No toca el resto del sitio. */

body.tema-2026 {
  font-family: "Archivo", system-ui, sans-serif;
}
body.tema-2026 h1, body.tema-2026 h2, body.tema-2026 h3, body.tema-2026 h4 {
  font-family: "Archivo", system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* HEADER */
body.tema-2026 header {
  box-shadow: none;
  border-bottom: 2px solid rgba(26,36,86,0.32);
}
body.tema-2026 nav a {
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}
body.tema-2026 nav a:hover, body.tema-2026 nav a.activo {
  border-bottom-color: var(--naranja);
}
@media (max-width: 900px) {
  body.tema-2026 nav#nav-menu ul li a {
    font-size: 1rem;
    letter-spacing: normal;
    text-transform: none;
    border-bottom: none;
  }
}

/* HERO */
body.tema-2026 .hero {
  background: #1a2456;
  text-align: left;
  padding: 0;
}
body.tema-2026 .hero .hero-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 110px 32px 60px;
  text-align: left;
}
body.tema-2026 .hero h1 {
  text-align: left;
  max-width: 15ch;
}
body.tema-2026 .hero p {
  text-align: left;
  margin-left: 0;
}
body.tema-2026 .hero .badge {
  border-radius: 0;
  background: transparent;
  border: 2px solid var(--naranja);
  color: var(--naranja);
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
body.tema-2026 .hero .carrusel-dots {
  justify-content: flex-start;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 2px solid rgba(255,255,255,0.28);
}
body.tema-2026 .hero .carrusel-dots button {
  width: 34px;
  height: 4px;
  border-radius: 0;
}
body.tema-2026 .hero .carrusel-dots button.activo { background: var(--naranja); }

/* BOTONES */
body.tema-2026 .btn {
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  padding: 16px 26px;
}
body.tema-2026 .btn:hover { transform: none; }
body.tema-2026 .btn-naranja:hover { background: #d96b0c; }
body.tema-2026 .btn-light:hover { background: var(--naranja); color: #1a2456; }
body.tema-2026 .btn-outline { border-radius: 0; }
body.tema-2026 .btn-outline:hover { border-color: var(--naranja); color: var(--naranja); }

/* SECCIONES / TITULOS */
body.tema-2026 .section-title { text-align: left; margin-bottom: 44px; }
body.tema-2026 .section-title .kicker { letter-spacing: 0.2em; font-size: 0.72rem; }
body.tema-2026 .section-title p { margin-left: 0; }

/* STATS */
body.tema-2026 .stats-grid {
  text-align: left;
  gap: 0;
  border-top: 2px solid rgba(26,36,86,0.15);
  border-bottom: 2px solid rgba(26,36,86,0.15);
}
body.tema-2026 .stats-grid > div {
  padding: 32px 24px;
  border-right: 2px solid rgba(26,36,86,0.15);
}
body.tema-2026 .stats-grid > div:last-child { border-right: none; }
body.tema-2026 .stat-num { font-size: 2.6rem; letter-spacing: -0.03em; }
body.tema-2026 .stat-label { text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.72rem; font-weight: 700; }

/* GRIDS / TARJETAS */
body.tema-2026 .grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2px;
  background: rgba(26,36,86,0.15);
}
body.tema-2026 .card {
  border-radius: 0;
  border: none;
}
body.tema-2026 .card:hover { box-shadow: none; background: #fff; }
body.tema-2026 .card { transition: transform .25s ease, background .25s ease; }
body.tema-2026 .card:hover { transform: translateY(-4px); }
body.tema-2026 .card img.flyer-img { height: auto; aspect-ratio: 3/4; padding: 16px; box-sizing: border-box; filter: saturate(1.05) contrast(1.03); }
body.tema-2026 .card img:not(.flyer-img) { filter: saturate(1.08) contrast(1.05); }
body.tema-2026 .status-tag {
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.66rem;
}

/* CONTACTO */
body.tema-2026 .contacto-icon { border-radius: 0; }

/* FICHAS DE DOMINÓ (fondo decorativo) */
body.tema-2026 .fichas-fondo {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}
body.tema-2026 .fichas-fondo-host { position: relative; overflow: hidden; }
body.tema-2026 .fichas-fondo-host > *:not(.fichas-fondo) { position: relative; z-index: 1; }

/* APARICIÓN AL HACER SCROLL */
body.tema-2026 [data-reveal] { }

/* NAV CTA (Afíliate) */
body.tema-2026 nav a.nav-cta {
  background: var(--naranja);
  color: var(--azul-oscuro) !important;
  padding: 10px 16px;
  margin-left: 8px;
  border-bottom: none;
}
body.tema-2026 nav a.nav-cta:hover { background: #d96b0c; }
@media (max-width: 900px) {
  body.tema-2026 nav#nav-menu ul li a.nav-cta { display: inline-block; }
}

/* DIRECTIVA */
body.tema-2026 .categoria-titulo {
  border-left: none;
  border-bottom: 2px solid rgba(26,36,86,0.32);
  padding: 0 0 14px;
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.16em;
  color: #a85306;
}
body.tema-2026 .miembro-card { background: var(--gris-claro); text-align: left; padding: 26px; }
body.tema-2026 img.miembro-foto {
  border-radius: 0;
  border: none;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin: 0 0 18px;
}

/* GALERIA */
body.tema-2026 .foto-grid {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 2px;
  background: rgba(26,36,86,0.15);
}
body.tema-2026 .foto-grid img { border-radius: 0; }

/* REGLAMENTO (tarjetas de artículo, fuera de .grid) */
body.tema-2026 .container > .card {
  border-top: 3px solid var(--azul-oscuro);
  background: var(--gris-claro);
}
body.tema-2026 .container > .card h2 span { font-size: 2.2rem; letter-spacing: -0.03em; }

/* FOOTER */
body.tema-2026 footer { border-top: 4px solid var(--naranja); }
body.tema-2026 footer h4 {
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  color: var(--naranja);
}
body.tema-2026 .social-links a { border-radius: 0; background: var(--naranja); color: #1a2456; }
body.tema-2026 .social-links a:hover { background: #fff; }
