.hero-contratacion{
    padding:120px 0 80px;
    background:
    linear-gradient(
        135deg,
        #081028,
        #0f1f4d
    );
    color:white;
}

.hero-contratacion h1{
    font-size:3rem;
    font-weight:800;
    line-height:1.1;
    margin-bottom:20px;
}

.hero-contratacion p{
    font-size:1.1rem;
    opacity:.9;
}

.badge-lina{
    display:inline-block;
    background:rgba(255,255,255,.15);
    padding:8px 18px;
    border-radius:30px;
    margin-bottom:20px;
}

.hero-beneficios{
    margin:30px 0;
}

.hero-beneficios div{
    margin-bottom:12px;
}

.hero-beneficios i{
    color:#2ecc71;
    margin-right:8px;
}

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.hero-img{
    border-radius:20px;
    box-shadow:
    0 20px 60px rgba(0,0,0,.3);
}

/* ==========================
   GENERALES
========================== */

section{
    padding:90px 0;
}

.section-header{
    margin-bottom:60px;
}

.section-header h2{
    font-size:2.5rem;
    font-weight:800;
    color:#1d2939;
    margin-bottom:15px;
}

.section-header p{
    color:#667085;
    max-width:700px;
    margin:auto;
}

.section-badge{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#eef4ff;
    color:#0d6efd;
    font-weight:600;
    margin-bottom:15px;
}

.proceso-contratacion{
    background:#f8fafc;
}

.paso-card{
    background:white;
    border-radius:24px;
    padding:40px 30px;
    text-align:center;
    height:100%;
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.paso-card:hover{
    transform:translateY(-8px);
}

.paso-numero{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#0d6efd;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
    margin-bottom:20px;
    font-size:1.8rem;
    font-weight:800;
}

.paso-card h4{
    margin-bottom:15px;
    font-weight:700;
}

.beneficios-lina{
    background:white;
}

.beneficio-card{
    background:white;
    padding:35px;
    border-radius:24px;
    text-align:center;
    height:100%;
    box-shadow:0 12px 30px rgba(0,0,0,.07);
    transition:.3s;
}

.beneficio-card:hover{
    transform:translateY(-8px);
}

.beneficio-card i{
    font-size:3rem;
    color:#0d6efd;
    margin-bottom:20px;
}

.beneficio-card h4{
    font-weight:700;
    margin-bottom:15px;
}

.formulario-section{
    background:#f8fafc;
}

.form-card{
    background:white;
    border-radius:30px;
    padding:50px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.form-card .form-control{
    height:55px;
    border-radius:14px;
}

.form-card textarea.form-control{
    height:auto;
}

.form-card .btn-success{
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
}

.garantias-section{
    background:white;
}

.garantia-card{
    background:#f8fafc;
    border-radius:20px;
    padding:30px;
    text-align:center;
    height:100%;
    transition:.3s;
}

.garantia-card:hover{
    transform:translateY(-8px);
}

.garantia-card i{
    font-size:2.5rem;
    color:#0d6efd;
    margin-bottom:20px;
}

.garantia-card h5{
    font-weight:700;
}

.cta-final{
    background:
    linear-gradient(
        135deg,
        #081028,
        #0f1f4d
    );
    color:white;
}

.cta-final h2{
    font-size:2.8rem;
    font-weight:800;
    margin-bottom:20px;
}

.cta-final p{
    max-width:700px;
    margin:auto;
    margin-bottom:30px;
    opacity:.9;
}



/* =====================
   NAVBAR
===================== */

.navbar {
  padding: 12px 0;
}

.navbar-brand img {
  transition: 0.3s;
}

.navbar-nav .nav-link {
  font-weight: 600;
  color: #333 !important;
  padding: 10px 15px !important;
  transition: 0.3s;
}

.navbar-nav .nav-link:hover {
  color: #0e16d4 !important;
}

.navbar .btn-primary {
  border-radius: 8px;
  padding: 10px 20px;
}

/* BOTON HAMBURGUESA */

.navbar-toggler {
  border: none;
  outline: none !important;
  box-shadow: none !important;
}

/* MOVIL */

@media (max-width: 991px) {
  .navbar {
    padding: 10px 0;
  }

  .navbar-collapse {
    background: #fff;
    margin-top: 15px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }

  .navbar-nav {
    text-align: center;
  }

  .navbar-nav .nav-item {
    margin-bottom: 10px;
  }

  .navbar-nav .nav-link {
    font-size: 1rem;
    padding: 12px !important;
    border-radius: 8px;
  }

  .navbar-nav .nav-link:hover {
    background: #f5f7ff;
  }

  .navbar .btn-primary {
    width: 100%;
    margin-top: 10px;
  }

  .navbar-brand img {
    width: 70px;
  }
}

@media(max-width:768px){

    .hero-contratacion{
        text-align:center;
        padding:100px 0 60px;
    }

    .hero-contratacion h1{
        font-size:2.2rem;
    }

    .hero-buttons{
        justify-content:center;
    }

      .navbar-brand img {
    width: 65px;
  }
    .hero-img{
        margin-top:40px;
    }

    .section-header h2{
        font-size:2rem;
    }

    .cta-final h2{
        font-size:2rem;
    }

    .form-card{
        padding:30px;
    }
}