:root{--brand:#0b4d33;--ink:#151515;--muted:#6b7280}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial;line-height:1.5;color:var(--ink)}
.wrap{max-width:1120px;margin:0 auto;padding:clamp(16px,3vw,32px)}
.menu{display:flex;gap:16px;list-style:none;margin-left:auto;padding:0}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:.6rem .9rem;border-radius:.5rem;text-decoration:none}
.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.hero{background:#f6faf8;border-bottom:1px solid #e7efe9}

/* === overrides v3 (centrado galería + hero 50% + plecas) === */
.wrap.gallery-grid{ text-align:center !important; }
.wrap.gallery-grid>ul{ display:inline-flex !important; flex-wrap:wrap; justify-content:center !important; align-items:flex-start; gap:20px; padding:0; margin:0 auto; }
.wrap.gallery-grid li{ list-style:none; display:block; }
.wrap.gallery-grid figure{ margin:0; }
.wrap.gallery-grid img{ display:block; width:240px; height:auto; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.12); }
@media (min-width:1024px){ .wrap.gallery-grid img{ width:260px } }
.hero-banner{ text-align:center; margin:12px 0 24px; }
.hero-banner .hero-media img{ display:inline-block; width:50%; max-width:820px; height:auto; border-radius:14px; box-shadow:0 16px 36px rgba(0,0,0,.16); }
@media (max-width:720px){ .hero-banner .hero-media img{ width:100%; } }
.pleca{ position:relative; z-index:0; }
.pleca::before,.pleca::after{ position:absolute; z-index:-1; }
.ficha{ position:relative; z-index:1; padding-top:8px; }
.ficha h2{ margin-top:.2rem; }
/* ===== FOOTER NUEVO (global) ===== */
.site-footer.v2{background:#0b1220;color:#e5e7eb;margin-top:24px}
.site-footer.v2 a{color:#e5e7eb;text-decoration:none}
.site-footer.v2 a:hover{color:#ffffff;text-decoration:underline}

/* CTA superior del footer */
.site-footer.v2 .cta-bar{
  background:linear-gradient(90deg,#16a34a,#22c55e);
  color:#fff;
  padding:26px 0;
  text-align:center
}
.site-footer.v2 .cta-bar h2{margin:0 0 6px}
.site-footer.v2 .cta-bar p{margin:0 0 12px;opacity:.95}
.site-footer.v2 .cta-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.site-footer.v2 .btn{display:inline-block;padding:.7rem 1.1rem;border-radius:.7rem;font-weight:700;border:1px solid transparent}
.site-footer.v2 .btn.cta{background:#fff;color:#0b1220}
.site-footer.v2 .btn.ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.site-footer.v2 .btn.line{background:transparent;border-color:#fff}

/* Grid principal */
.footer-grid{
  display:grid;gap:22px;padding:28px 0
}
@media (min-width:880px){
  .footer-grid{grid-template-columns:1.1fr 1fr 1fr 1fr}
}
.footer-grid .brand{font-weight:800;font-size:1.25rem;color:#fff;text-decoration:none}
.footer-grid .tagline{margin:.4rem 0 0;opacity:.85}

/* Listas y columnas */
.footer-grid h3{margin:0 0 .5rem;font-size:1rem;color:#fff}
.footer-grid .list{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.footer-grid .list.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 12px}

/* Iconos inline */
.footer-grid .list svg{
  width:18px;height:18px;fill:#9ca3af;flex:0 0 18px;margin-top:2px
}
.footer-grid .list li{display:flex;gap:8px;align-items:flex-start}

/* Barra inferior */
.site-footer.v2 .sub{border-top:1px solid rgba(255,255,255,.08);padding:10px 0;background:#0a0f1a}
.site-footer.v2 .sub-grid{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.site-footer.v2 .sub .mini{opacity:.8;font-size:.9rem}
/* === Centrado fuerte del hero 2 columnas === */
.wrap.hero-split.centered-2col{
  /* limita el ancho total del bloque y céntralo */
  max-width: 1140px;
  margin-inline: auto;

  /* dos columnas responsivas y centradas */
  grid-template-columns: clamp(320px, 45vw, 520px) clamp(320px, 45vw, 540px);
  column-gap: 28px;

  /* centra los tracks dentro del contenedor */
  justify-content: center;
  align-items: center;
}

/* alinear cada columna respecto al grid centrado */
.wrap.hero-split.centered-2col .hero-media{ justify-self: end; text-align: right; }
.wrap.hero-split.centered-2col .hero-media img{ width:100%; max-width:520px; height:auto; }

.wrap.hero-split.centered-2col .hero-aside{
  justify-self: start;
  max-width: 540px;
  text-align: left;
}
.wrap.hero-split.centered-2col .hero-aside .specs{
  margin: .2rem 0 1rem 18px;
}

/* móvil: apila y sigue centrado */
@media (max-width: 900px){
  .wrap.hero-split.centered-2col{
    grid-template-columns: 1fr;
    justify-content: center;
    text-align: center;
  }
  .wrap.hero-split.centered-2col .hero-media{ justify-self: center; text-align: center; }
  .wrap.hero-split.centered-2col .hero-aside{ justify-self: center; margin: 0 auto; }
  .wrap.hero-split.centered-2col .hero-aside .specs{
    display: inline-block; text-align: left; margin: .2rem auto 1rem;
  }
}