/* ========================= */
/* HERO */
/* ========================= */

.legal-hero{
  position:relative;
  padding:110px 0 90px;
  background:url('../img/hero/contacto-hero.jpg');
  background-size:cover;
  background-position:center;
}

.legal-overlay{
  position:absolute;
  inset:0;

  background:linear-gradient(
    180deg,
    rgba(8,24,51,.82) 0%,
    rgba(8,24,51,.65) 100%
  );
}

.legal-content{
  position:relative;
  z-index:2;
  color:#fff;
}

.legal-tag{
  display:inline-block;

  padding:8px 14px;

  border-radius:30px;

  background:rgba(255,255,255,.12);

  font-size:12px;

  letter-spacing:1px;

  text-transform:uppercase;

  margin-bottom:20px;
}

.legal-content h1{
  font-size:58px;
  margin-bottom:20px;
}

.legal-content p{
  max-width:700px;
  color:rgba(255,255,255,.82);
  line-height:1.8;
}

/* ========================= */
/* CONTENIDO */
/* ========================= */

.legal-section{
  padding:90px 0;
  background:#f7f9fc;
}

.legal-card{
  max-width:1000px;

  margin:auto;

  margin-top:-80px;

  position:relative;
  z-index:5;

  background:#fff;

  padding:60px;

  border-radius:22px;

  box-shadow:
  0 20px 50px rgba(0,0,0,.08);
}

.legal-card h2{
  color:var(--azul);

  margin-top:35px;
  margin-bottom:15px;

  font-size:28px;
}

.legal-card p{
  color:#5d6673;

  line-height:1.9;

  margin-bottom:18px;
}

.legal-card ul{
  padding-left:22px;

  margin-bottom:25px;
}

.legal-card li{
  color:#5d6673;

  margin-bottom:10px;
}

/* ========================= */
/* MOBILE */
/* ========================= */

@media(max-width:768px){

  .legal-content h1{
    font-size:40px;
  }

  .legal-card{
    padding:35px 25px;
  }

}