/* =====================================================================
   INDUSTRIA FUTURA — Kit Minero
   Extiende el sistema de diseño de la landing
   ===================================================================== */

:root{
  --kit-yellow:#F5C518;
  --kit-yellow-700:#d4a60f;
  --kit-navy-deep:#050e1f;
}

/* Nav: botón Kit Minero a la derecha de Resultados */
.nav a.nav-kit,
.mobile-menu a.nav-kit{
  font-family:var(--font-head);
  font-weight:800;
  font-size:13.5px;
  letter-spacing:.02em;
  color:#fff !important;
  background:var(--blue);
  padding:8px 14px !important;
  border-radius:999px;
  border-bottom:0 !important;
  transition:background .15s ease, transform .15s ease;
}
.nav a.nav-kit::after{display:none}
.nav a.nav-kit:hover{
  background:var(--blue-700);
  color:#fff !important;
  transform:translateY(-1px);
}
.mobile-menu a.nav-kit{
  display:inline-flex;
  align-self:flex-start;
  margin:8px 0 4px;
  color:#fff !important;
}

/* ---------- Page shell ---------- */
.kit-page .site-header{
  background:rgba(7,21,45,.88);
  border-bottom-color:rgba(255,255,255,.08);
}
.kit-page .site-header.scrolled{
  background:rgba(5,14,31,.94);
  box-shadow:0 8px 28px -16px rgba(0,0,0,.55);
}
.kit-page .brand img{filter:brightness(0) invert(1)}
.kit-page .nav a{color:#e8eef8}
.kit-page .nav a:hover{color:#fff}
.kit-page .nav a::after{background:var(--kit-yellow)}
.kit-page .nav-toggle span{background:#fff}
.kit-page .mobile-menu{background:var(--navy);border-top-color:rgba(255,255,255,.1)}
.kit-page .mobile-menu nav a{color:#e8eef8;border-bottom-color:rgba(255,255,255,.08)}

.kit-main{
  background:
    radial-gradient(90% 60% at 85% 0%, rgba(45,82,252,.22) 0%, transparent 55%),
    linear-gradient(180deg, var(--navy) 0%, var(--kit-navy-deep) 40%, var(--navy) 100%);
  color:#e8eef8;
  min-height:60vh;
}

/* ---------- Hero ---------- */
.kit-hero{
  padding-top:clamp(36px,5vw,64px);
  padding-bottom:clamp(48px,7vw,88px);
}
.kit-hero-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(32px,5vw,56px);
  align-items:center;
}
.kit-label{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--kit-yellow);
  margin:0 0 14px;
}
.kit-hero h1{
  font-size:clamp(44px,9vw,78px);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:.95;
  color:#fff;
  margin:0 0 18px;
}
.kit-hero h1 .kit-accent{color:#5B7CFF}
.kit-tag{
  display:inline-block;
  background:var(--blue);
  color:#fff;
  font-family:var(--font-head);
  font-weight:700;
  font-size:clamp(14px,1.8vw,16px);
  padding:10px 18px;
  border-radius:8px;
  margin-bottom:22px;
}
.kit-lead{
  font-size:clamp(16px,2vw,19px);
  color:#aeb9cc;
  max-width:42ch;
  margin:0 0 28px;
}
.kit-hero-actions{display:flex;flex-wrap:wrap;gap:12px}

.kit-visual{display:flex;justify-content:center}
.kit-hex{
  width:min(100%,420px);
  aspect-ratio:1;
  clip-path:polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  background:
    linear-gradient(135deg, var(--kit-yellow), var(--blue)) padding-box,
    url("/assets/img/kit-minero-hero.jpg") center/cover no-repeat;
  border:5px solid transparent;
  box-shadow:0 28px 60px -24px rgba(0,0,0,.55);
  position:relative;
}
.kit-hex-img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  clip-path:polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  border:4px solid var(--kit-yellow);
}

/* ---------- Includes ---------- */
.kit-section{padding:clamp(48px,7vw,88px) 0;scroll-margin-top:calc(var(--header-h) + 8px)}
.kit-section .section-head h2{color:#fff}
.kit-section .section-sub{color:#aeb9cc}
.kit-kicker{color:#7aa0ff}
.kit-kicker .kicker-dot{background:var(--kit-yellow)}

.kit-block-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-head);
  font-weight:800;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#fff;
  margin:0 0 18px;
}
.kit-badge{
  background:var(--kit-yellow);
  color:var(--navy);
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  padding:4px 10px;
  border-radius:6px;
}

.kit-grid-4{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-bottom:clamp(28px,4vw,40px);
}
.kit-item{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius);
  padding:22px 20px;
  display:flex;
  gap:16px;
  align-items:flex-start;
  transition:transform .2s ease, border-color .2s ease, background .2s ease;
}
.kit-item:hover{
  transform:translateY(-3px);
  border-color:rgba(91,124,255,.45);
  background:rgba(45,82,252,.1);
}
.kit-n{
  flex:none;
  width:42px;height:42px;
  clip-path:polygon(25% 6%, 75% 6%, 100% 50%, 75% 94%, 25% 94%, 0% 50%);
  background:var(--blue);
  color:#fff;
  font-family:var(--font-head);
  font-weight:800;
  font-size:15px;
  display:grid;
  place-items:center;
}
.kit-item h3{
  color:#fff;
  font-size:17px;
  font-weight:700;
  margin:0 0 4px;
}
.kit-item p{color:#aeb9cc;font-size:14.5px;margin:0}

.kit-grid-2{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.kit-item-mkt{
  border-color:rgba(245,197,24,.35);
  background:rgba(245,197,24,.06);
}
.kit-item-mkt:hover{
  border-color:rgba(245,197,24,.65);
  background:rgba(245,197,24,.1);
}
.kit-n-mkt{
  background:var(--kit-yellow);
  color:var(--navy);
}

.kit-note{
  margin-top:28px;
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:rgba(245,197,24,.08);
  border:1px solid rgba(245,197,24,.35);
  border-radius:12px;
  padding:16px 18px;
  font-size:14.5px;
  color:#e8eef8;
}
.kit-note strong{color:var(--kit-yellow)}
.kit-note-ico{
  flex:none;
  width:28px;height:28px;
  border-radius:50%;
  background:var(--kit-yellow);
  color:var(--navy);
  font-weight:900;
  display:grid;
  place-items:center;
  font-size:16px;
  line-height:1;
}

/* ---------- Precio ---------- */
.kit-price{
  background:linear-gradient(135deg, #2D52FC 0%, #1f3fd6 55%, #1630a8 100%);
  border-radius:var(--radius-lg);
  padding:clamp(28px,4vw,40px);
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
  box-shadow:0 24px 50px -22px rgba(45,82,252,.65);
}
.kit-price-label{
  font-family:var(--font-head);
  font-weight:800;
  font-size:13px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
  margin:0 0 6px;
}
.kit-price-sub{color:rgba(255,255,255,.7);font-size:15px;margin:0}
.kit-price-amount{
  font-family:var(--font-head);
  font-weight:900;
  font-size:clamp(32px,6vw,48px);
  color:#fff;
  letter-spacing:-.02em;
  line-height:1;
  margin:0 0 8px;
}
.kit-price-maint{
  margin:0;
  font-size:14.5px;
  color:rgba(255,255,255,.78);
}
.kit-price-maint strong{color:#fff}

/* ---------- CTA ---------- */
.kit-cta{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-lg);
  padding:clamp(28px,4vw,40px);
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
  align-items:center;
}
.kit-cta h2{color:#fff;font-size:clamp(24px,3.5vw,32px);margin:0 0 10px}
.kit-cta p{color:#aeb9cc;margin:0;max-width:48ch}
.btn-yellow{
  background:var(--kit-yellow);
  color:var(--navy);
  box-shadow:0 8px 20px -8px rgba(245,197,24,.55);
}
.btn-yellow:hover{
  background:var(--kit-yellow-700);
  transform:translateY(-2px);
  box-shadow:0 14px 26px -10px rgba(245,197,24,.6);
}
.kit-cta-actions{display:flex;flex-wrap:wrap;gap:12px}

.kit-page .site-footer{background:#050e1f;border-top-color:rgba(255,255,255,.08)}
.kit-page .footer-brand img{filter:brightness(0) invert(1)}
.kit-page .footer-brand p,
.kit-page .footer-nav a,
.kit-page .footer-contact a,
.kit-page .footer-bottom p,
.kit-page .footer-bottom a{color:#8595ad}
.kit-page .footer-nav h4,
.kit-page .footer-contact h4,
.kit-page .footer-loc{color:#e8eef8}
.kit-page .footer-bottom{border-top-color:rgba(255,255,255,.08)}
.kit-page .footer-nav a:hover,
.kit-page .footer-contact a:hover,
.kit-page .footer-bottom a:hover{color:#fff}

@media (min-width:560px){
  .kit-grid-4{grid-template-columns:1fr 1fr}
  .kit-grid-2{grid-template-columns:1fr 1fr}
  .kit-price{grid-template-columns:1.1fr .9fr}
  .kit-price-right{text-align:right}
}
@media (min-width:900px){
  .kit-hero-grid{grid-template-columns:1.05fr .95fr}
  .kit-cta{grid-template-columns:1.2fr auto;gap:32px}
  .kit-cta-actions{justify-content:flex-end}
}