:root{
  --azul-oscuro:#0F3A5C;
  --azul-medio:#1F5176;
  --gris:#989898;
}
body{font-family:'Roboto',sans-serif;color:#1a1a18;}
.hero{
  /* background: linear-gradient(rgba(15,58,92,0.75), rgba(15,58,92,0.75)), url('../img/banner1.png');*/
  background: url('../img/banner1.png');
  background-size: cover;
  background-position: center;
  padding:100px 0 70px;
  color:#fff;
}

h1,h2,h3{font-family:'Roboto Slab',serif;font-weight:500;}
.navbar{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,0.06);}
.navbar-brand{font-weight:700;color:var(--azul-oscuro)!important;letter-spacing:0.5px;}
.navbar-brand span{color:var(--gris);font-weight:400;font-size:0.7rem;display:block;letter-spacing:1px;}
.nav-link{color:#3a3a38!important;font-size:1.1rem;}
.nav-link:hover{color:#ebb88e!important;}
.btn-vector{background:var(--azul-medio);color:#fff;border:none;padding:10px 24px;border-radius:6px;}
.btn-vector:hover{background:var(--azul-oscuro);color:#fff;}
.btn-vector-outline{border:1px solid var(--azul-oscuro);color:var(--azul-oscuro);padding:8px 18px;border-radius:6px;background:transparent;}
.btn-vector-outline:hover{background:var(--azul-oscuro);color:#fff;}
.btn-vector-srv-outline{border:1px solid;border-color:#ebb88e; color:#ebb88e;padding:8px 18px;border-radius:6px;background:transparent;}
.btn-vector-srv-outline:hover{background:var(--azul-oscuro);color:#fff;}
.hero{padding:100px 0 70px;background:#fafaf8;}
.hero .kicker{color:#252420;letter-spacing:1px;font-size:0.8rem;}
.hero h1{font-size:2.2rem;max-width:650px;line-height:1.3;}
.hero p.lead{max-width:520px;color:#ebf2f8;}
section{padding:70px 0;}
.section-title{font-size:1.7rem;margin-bottom:1.5rem;}
.bg-suave{background:#fafaf8;}
.servicio-card{border:1px solid #e5e5e0;border-radius:10px;padding:32px;height:100%;}
.servicio-card i{font-size:1.8rem;color:var(--azul-medio);}
.servicio-card h3{font-size:1.2rem;margin-top:14px; color:#d7e3ee; /*#c3d4e3*/}
.servicio-card p{color: #ffffff; font-size:0.95rem;}
footer{background:var(--azul-oscuro);color:#d7e3ee;padding:40px 0;}
footer a{color:#d7e3ee;text-decoration:none;}
.form-control{border-radius:6px;}
