:root{
  --blue:#1976B8;
  --blue-dark:#155B8C;
  --blue-gym:#1557A5;
  --orange:#E88A18;
  --green:#269B68;
  --purple:#7652A8;
  --terracotta:#B9653C;
  --dark:#20262C;
  --text:#263B52;
  --muted:#647587;
  --light:#EEF3F7;
}

body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff}
.navbar{background:#fff!important}
.navbar-brand{color:var(--blue)!important}

.hero{padding:24px 0 58px;background:linear-gradient(135deg,#eef5fa 0%,#f7f8f7 58%,#fff1dc 100%)}
.hero-img{height:520px;object-fit:cover;background:#7fa8c9}
.carousel-caption{inset:0;padding:65px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,rgba(25,67,101,.82),rgba(25,67,101,.10))}
.carousel-caption h1,.carousel-caption h2{font-weight:850;font-size:clamp(2rem,5vw,4.1rem);max-width:750px}
.carousel-caption p{font-size:1.2rem;max-width:650px}

.section-kicker{color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:1.5px}

/* SOLUCIONES: 4 arriba + 1 abajo a todo el ancho */
#soluciones{background:#EEF3F7;position:relative}
#soluciones .row{align-items:stretch}
#soluciones .solution-card{
  min-height:315px;
  padding:30px 27px;
  border:0;
  border-radius:20px;
  color:#fff;
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(38,59,82,.16);
  transition:transform .2s ease,box-shadow .2s ease;
}
#soluciones .solution-card:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(38,59,82,.22)}
#soluciones .solution-card h5{font-size:1.3rem;font-weight:800;margin-top:4px;color:#fff}
#soluciones .solution-card p{color:rgba(255,255,255,.92);font-size:1rem;line-height:1.6;min-height:78px}
#soluciones .icon-box{
  width:58px;height:58px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.7rem;font-weight:800;margin-bottom:18px;
  background:rgba(255,255,255,.18);color:#fff;
  border:1px solid rgba(255,255,255,.28)
}
#soluciones .btn-solution{background:#fff;border:0;color:var(--text);font-weight:750;padding:.55rem 1rem}
#soluciones .btn-solution:hover{background:#f4f6f8;color:#111}

#soluciones .card-erp{background:linear-gradient(135deg,#1976B8,#155B8C)}
#soluciones .card-pdv{background:linear-gradient(135deg,#E88A18,#C96D0D)}
#soluciones .card-gym{background:linear-gradient(135deg,#1557A5,#103F7D)}
#soluciones .card-produccion{background:linear-gradient(135deg,#7652A8,#5B3E87)}
#soluciones .card-desarrollo{background:linear-gradient(135deg,#B9653C,#934A2E)}

/* La quinta tarjeta ocupa el 100% */
#soluciones .col-12 .solution-card{min-height:220px;display:flex;align-items:center;gap:28px;padding:32px 42px}
#soluciones .col-12 .solution-card .icon-box{margin:0;flex:0 0 auto}
#soluciones .col-12 .solution-card h5{margin:0 0 7px}
#soluciones .col-12 .solution-card p{margin:0;min-height:0;max-width:850px}
#soluciones .col-12 .solution-card .btn-solution{margin-left:auto;flex:0 0 auto}

/* Beneficios */
#por-que{background:#F7F3EC!important}
.benefit{background:#fff;border:1px solid #dfe6eb;border-radius:14px;padding:17px;font-weight:700;box-shadow:0 4px 12px rgba(38,59,82,.05)}
.benefit:first-letter{color:var(--orange)}

/* Contacto: conserva el estilo del sitio actual */
.contact-current{padding:55px 0 45px;background:#20262c;color:#fff}
.contact-title h2{font-weight:850;font-size:2.4rem;margin-bottom:4px}
.contact-title p{font-size:.95rem;color:#fff;margin-bottom:32px}
.contact-card{height:190px;background:#fff;color:#222;border-radius:16px;padding:25px;text-align:center;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.contact-icon{font-size:2.1rem;color:#ff7217;font-weight:700;height:52px}
.contact-card h5{margin:4px 0 14px;font-weight:750}
.contact-card a{display:block;border:1px solid #2aa66f;border-radius:20px;color:#159263;text-decoration:none;padding:4px 10px;margin:8px auto;max-width:250px;font-size:.86rem}
.contact-card p{font-size:.9rem;margin-top:10px}
.btn-contact-wa{background:#ff7418;border-color:#ff7418;color:#fff;font-weight:750}
.btn-contact-wa:hover{background:#e9650d;border-color:#e9650d;color:#fff}

/* Formulario */
.choice,.check-choice{display:flex;align-items:center;gap:12px;border:1px solid #d9e2e9;border-radius:13px;padding:13px;cursor:pointer;background:#fff}
.choice:hover,.check-choice:hover{border-color:#75a6cf;background:#f4f9fd}
.choice input,.check-choice input{accent-color:var(--blue);transform:scale(1.1)}
.choice:has(input:checked),.check-choice:has(input:checked){border-color:var(--blue);background:#edf6ff}
.form-control,.form-select{padding:.75rem;border-radius:11px;border-color:#d5dfe7}
.specific-block{margin-top:16px;padding:17px;border-radius:15px;background:#f1f7fb;border:1px solid #d6e5f0}
.specific-title{font-weight:850;color:var(--blue);margin-bottom:12px}
.step{display:none}.step.active{display:block}

@media(max-width:991.98px){
  #soluciones .col-12 .solution-card{display:block;text-align:left;min-height:250px;padding:30px 27px}
  #soluciones .col-12 .solution-card .icon-box{margin-bottom:18px}
  #soluciones .col-12 .solution-card .btn-solution{margin-top:18px}
}
@media(max-width:768px){
  .hero-img{height:500px}
  .carousel-caption{padding:30px 24px}
  .carousel-caption h1,.carousel-caption h2{font-size:2.25rem}
  .carousel-caption p{font-size:1rem}
  #soluciones .solution-card{min-height:280px}
}

.cta-section{background:linear-gradient(120deg,#155B8C,#1976B8 65%,#E88A18)}
.contact-panel{background:linear-gradient(120deg,#eef3f6,#fff2dc);border:1px solid #e1e6e9}