@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css');

:root{
  --ind-dark:#142d44;
  --ind-mid:#4a5394;
  --ind-cyan:#47c8c7;
  --ind-terra:#945a4c;
  --ind-green:#2d7a3a;
  --ind-red:#a03030;
  --ind-purple:#5a3a8a;
  --ind-light:#f5f7fa;
  --ind-white:#ffffff;
  --border:#e2e5ec;
  --text-sec:#5a6a7a;
  --text-muted:#8a9aaa;
}

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Raleway',sans-serif;color:var(--ind-dark);background:var(--ind-light)}
a{text-decoration:none;color:inherit}

/* NAV */
nav{background:#fff;border-bottom:0.5px solid var(--border);padding:0 4.5rem 0 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;position:sticky;top:0;z-index:100}
.logo-wrap{display:flex;flex-direction:column;gap:3px}
.logo-name{font-size:22px;font-weight:700;color:var(--ind-dark);letter-spacing:.1em;line-height:1}
.logo-tag{font-size:9px;font-weight:600;color:var(--ind-terra);letter-spacing:.14em;text-transform:uppercase}
.nav-links{display:flex;gap:2.5rem;justify-content:center}
.nav-links a{font-size:14px;font-weight:500;color:#6a7a8a;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.nav-links a:hover{color:var(--ind-dark);border-bottom-color:var(--ind-cyan)}
.nav-links a.active{color:var(--ind-dark);border-bottom-color:var(--ind-cyan)}
.nav-right{display:flex;justify-content:flex-end}
.nav-cta{background:var(--ind-dark);color:#fff;padding:10px 22px;border-radius:6px;font-size:13px;font-weight:600;border:none;cursor:pointer;font-family:inherit}
.nav-cta:hover{background:var(--ind-mid)}
.nav-bar{height:3px;background:linear-gradient(90deg,var(--ind-dark),var(--ind-mid),var(--ind-cyan))}

/* BREADCRUMB */
.breadcrumb{max-width:960px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}
.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--ind-mid)}

/* SECTIONS */
.page{max-width:960px;margin:0 auto;padding:3rem 2rem}
.sec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem}
.sec-label.blue{color:var(--ind-mid)}
.sec-label.terra{color:var(--ind-terra)}
.sec-label.green{color:var(--ind-green)}
.sec-label.red{color:var(--ind-red)}
.sec-label.purple{color:var(--ind-purple)}
.sec-title{font-size:22px;font-weight:700;color:var(--ind-dark);margin-bottom:1.25rem}
.mb{margin-bottom:3rem}

/* ALERTA */
.alerta{background:#fff8f0;border:1px solid #f0d8c0;border-radius:10px;padding:1.25rem 1.5rem;display:flex;gap:12px;align-items:flex-start}
.alerta i{font-size:22px;color:#c07020;flex-shrink:0;margin-top:1px}
.alerta p{font-size:14px;color:#6a4010;line-height:1.7}
.alerta strong{color:#4a2a00}

/* HERO SERVICIO */
.svc-hero{background:#fff;border-bottom:1px solid var(--border);padding:3rem 2rem}
.svc-hero-inner{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem}
.svc-badge{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1rem}
.svc-badge.terra{background:#fdf0ec;color:var(--ind-terra);border:1px solid #e8d0c8}
.svc-badge.blue{background:#eef4fb;color:var(--ind-mid);border:1px solid #c8d8f0}
.svc-badge.green{background:#eaf5ec;color:var(--ind-green);border:1px solid #c0ddc5}
.svc-badge.red{background:#fdf0f0;color:var(--ind-red);border:1px solid #e8c8c8}
.svc-badge.purple{background:#f0eef8;color:var(--ind-purple);border:1px solid #d8d0f0}
.svc-hero h1{font-size:30px;font-weight:700;line-height:1.25;margin-bottom:.75rem}
.svc-hero p{font-size:15px;color:var(--text-sec);line-height:1.75;max-width:520px}
.hero-img{width:130px;height:130px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-img i{font-size:60px;opacity:.5}
.hero-img.terra{background:#fdf0ec} .hero-img.terra i{color:var(--ind-terra)}
.hero-img.blue{background:#eef4fb} .hero-img.blue i{color:var(--ind-mid)}
.hero-img.green{background:#eaf5ec} .hero-img.green i{color:var(--ind-green)}
.hero-img.red{background:#fdf0f0} .hero-img.red i{color:var(--ind-red)}
.hero-img.purple{background:#f0eef8} .hero-img.purple i{color:var(--ind-purple)}

/* CARDS */
.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.grid-4{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}

.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.5rem;transition:border-color .2s}
.card:hover{border-color:var(--ind-cyan)}
.card-ico{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.card-ico i{font-size:22px}
.card-ico.blue{background:#eef4fb} .card-ico.blue i{color:var(--ind-mid)}
.card-ico.cyan{background:#e6fafa} .card-ico.cyan i{color:#2aabaa}
.card-ico.terra{background:#fdf0ec} .card-ico.terra i{color:var(--ind-terra)}
.card-ico.green{background:#eaf5ec} .card-ico.green i{color:var(--ind-green)}
.card-ico.red{background:#fdf0f0} .card-ico.red i{color:var(--ind-red)}
.card-ico.purple{background:#f0eef8} .card-ico.purple i{color:var(--ind-purple)}
.card h3{font-size:15px;font-weight:700;color:var(--ind-dark);margin-bottom:6px}
.card h4{font-size:13px;font-weight:700;color:var(--ind-dark);margin-bottom:4px}
.card p{font-size:13px;color:#6a7a8a;line-height:1.6}

/* PROCESO */
.proceso{display:grid;background:#fff;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.proceso.p4{grid-template-columns:repeat(4,1fr)}
.proceso.p5{grid-template-columns:repeat(5,1fr)}
.paso{padding:1.25rem 1rem;border-right:1px solid var(--border)}
.paso:last-child{border-right:none}
.paso-num{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.paso h4{font-size:13px;font-weight:700;color:var(--ind-dark);margin-bottom:4px}
.paso p{font-size:12px;color:#7a8a9a;line-height:1.5}

/* INFO BOX */
.info-box{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.info-box-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:12px}
.info-box-header.dark{background:var(--ind-dark)}
.info-box-header.dark i{font-size:24px;color:var(--ind-cyan)}
.info-box-header.dark h3{font-size:16px;font-weight:700;color:#fff}
.info-box-header.dark p{font-size:13px;color:rgba(255,255,255,.65);margin-top:2px}
.info-box-body{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.info-item{display:flex;gap:8px;align-items:flex-start}
.info-item i{font-size:16px;color:var(--ind-cyan);flex-shrink:0;margin-top:2px}
.info-item strong{color:var(--ind-dark);display:block;margin-bottom:1px;font-size:13px}
.info-item p{font-size:12px;color:var(--text-sec);line-height:1.55}

/* TABLA */
.tabla{width:100%;border-collapse:collapse;font-size:13px}
.tabla thead tr{background:#f0f3fb}
.tabla th{padding:8px 12px;text-align:left;font-size:11px;font-weight:700;color:var(--ind-mid);text-transform:uppercase;letter-spacing:.06em}
.tabla td{padding:8px 12px;border-bottom:1px solid #f0f2f8;color:var(--text-sec)}
.tabla tr:last-child td{border-bottom:none}
.tabla td:first-child{font-weight:600;color:var(--ind-dark)}

/* NOTA */
.nota{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;display:flex;gap:12px;align-items:flex-start}
.nota i{font-size:22px;color:var(--ind-cyan);flex-shrink:0;margin-top:1px}
.nota p{font-size:14px;color:var(--text-sec);line-height:1.75}
.nota strong{color:var(--ind-dark)}

/* TAGS */
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}
.tag.terra{background:#f5eeec;color:var(--ind-terra)}
.tag.blue{background:#eef4fb;color:var(--ind-mid)}
.tag.cyan{background:#e6fafa;color:#1a7a79}
.tag.green{background:#eaf5ec;color:var(--ind-green)}
.tag.gray{background:#f5f7fa;color:#6a7a8a;border:1px solid var(--border)}

/* VENTAJAS */
.ventajas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.ventaja{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.25rem;display:flex;gap:10px;align-items:flex-start}
.ventaja i{font-size:20px;color:var(--ind-cyan);flex-shrink:0;margin-top:1px}
.ventaja p{font-size:13px;color:var(--text-sec);line-height:1.6}
.ventaja strong{color:var(--ind-dark);display:block;margin-bottom:2px}

/* FORM */
.contact-box{background:#fff;border:1px solid var(--border);border-radius:10px;padding:2rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg{margin-bottom:12px}
.fg label{display:block;font-size:11px;font-weight:700;margin-bottom:5px;color:var(--ind-dark);text-transform:uppercase;letter-spacing:.05em}
.fg input,.fg textarea,.fg select{width:100%;padding:10px 13px;border:1px solid #dde0e8;border-radius:7px;font-size:14px;font-family:inherit;background:#fafbfc;color:var(--ind-dark)}
.fg textarea{resize:vertical;min-height:90px}
.fg input:focus,.fg textarea:focus,.fg select:focus{outline:none;border-color:var(--ind-mid)}
.btn-submit{background:var(--ind-dark);color:#fff;padding:13px;border-radius:7px;font-size:14px;font-weight:700;border:none;cursor:pointer;width:100%;font-family:inherit;margin-top:4px}
.btn-submit:hover{background:var(--ind-mid)}
.btn-wa{background:#25D366;color:#fff;padding:13px;border-radius:7px;font-size:14px;font-weight:700;border:none;cursor:pointer;width:100%;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.success-msg{display:none;background:#e6fafa;color:#1a7a79;border-radius:7px;padding:12px 16px;font-size:14px;margin-top:10px;border:1px solid #b0e8e8;font-weight:600}

/* FOOTER */
footer{background:var(--ind-dark);padding:2rem;text-align:center}
footer p{font-size:13px;color:rgba(255,255,255,.5)}
footer span{color:var(--ind-cyan)}

/* SECTORES */
.sectores-wrap{background:#fff;border:1px solid var(--border);border-radius:10px;padding:1.5rem}
.sectores-flex{display:flex;flex-wrap:wrap;gap:8px;margin-top:.75rem}
.sector-tag{font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;border:1px solid}

@media(max-width:640px){
  nav{padding:0 1rem;grid-template-columns:1fr auto}
  .nav-links{display:none}
  .svc-hero-inner,.form-row{grid-template-columns:1fr}
  .hero-img{display:none}
  .proceso.p4,.proceso.p5{grid-template-columns:1fr 1fr}
  .paso{border-right:none;border-bottom:1px solid var(--border)}
  .paso:last-child{border-bottom:none}
}
</style>