/* Shared JCTech visual system for primary sales pages. */
:root{
  --jctech-content:1100px;
  --jctech-reading:720px;
  --jctech-radius:8px;
  --jctech-control-height:48px;
  --jctech-section-space:clamp(4rem,7vw,6.25rem);
}

body{font-family:'Plus Jakarta Sans',sans-serif;text-rendering:optimizeLegibility}
nav{min-height:64px;padding:.8rem clamp(1rem,3vw,2rem)}
.nav-right{gap:clamp(.9rem,2vw,1.5rem)}
.nav-link{font-weight:500}

.section-inner,
.hero-content,
.hero-inner,
.services-hero-inner,
.blog-hero-inner{width:min(100%,var(--jctech-content));margin-inline:auto}

section:not(.hero):not(.services-hero):not(.blog-hero):not(.contacto-section){scroll-margin-top:76px}

.btn-primary,
.btn-secondary,
.btn-outline,
.btn-ghost-white,
.btn-hero-primary,
.btn-hero-secondary,
.btn-demo,
.btn-wa-hero,
.btn-wa-big,
.btn-rush-wa,
.submit-btn,
.btn-form-submit,
.nav-btn,
.mob-cta,
.example-link,
.card-cta{
  min-height:var(--jctech-control-height);
  border-radius:var(--jctech-radius)!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
}

/* El CTA principal del hero usa el coral de JCTech en todas las landings. */
.hero .btn-whatsapp,
.hero .btn-wa-hero{
  background:#E8622A!important;
  box-shadow:0 6px 22px rgba(232,98,42,.32)!important;
}

.hero .btn-whatsapp:hover,
.hero .btn-wa-hero:hover{background:#cf4f1d!important}

input,
select,
textarea{border-radius:var(--jctech-radius)!important}

.feature,
.svc-card,
.hero-card,
.price-box,
.problem-card,
.que-item,
.proceso-step,
.porq-card,
.fin-card,
.example-single,
.blog-card{border-radius:var(--jctech-radius)!important}

.section-label{letter-spacing:.1em}
.section-title,
.section h2{letter-spacing:-.035em}
footer{padding:1.75rem 1.25rem}

@media(max-width:760px){
  nav{min-height:60px;padding:.7rem 1rem}
  .hero-ctas{width:100%}
  .hero-ctas>a{width:100%;max-width:420px}
}