/* Imagen hero de lado a lado */
.hero-media{
  width:100vw;
  margin-left:calc(50% - 50vw);
}

.hero-media img{
  display:block;
  width:100%;
  height:auto;
}

/* Texto debajo de la imagen */
.hero--mecanica{
  min-height:0;
  background:#fff;
  display:block;
  padding:0;
}

.hero--mecanica::before{
  display:none;
}

.hero--mecanica .hero-text{
  max-width:800px;
}


.hero--mecanica .title{
  color:#16211F;
  font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:44px;
  line-height:1.12;
  font-weight:600;
  margin:0 0 20px;
}

.hero--mecanica .tagline{
  color:#4B5854;
  font-size:18px;
  line-height:28px;
  max-width:650px;
  margin:0;
}

.paths{
  width:100%;
  margin:20px 0 60px;
  padding:0;

  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:16px;
  align-items:stretch;
}

.path-card{
  display:flex;
  flex-direction:column;
  gap:12px;

  background:#fff;
  border:1px solid #CBD4CE;
  padding:26px 24px;

  box-shadow:
    0 1px 2px rgba(22,33,31,.06),
    0 8px 24px -12px rgba(22,33,31,.15);
}

.path-label{
  font-family:"Open Sans", Arial, sans-serif;
  font-size:13px;
  line-height:20px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:#3E6358;
}

.path-question{
  font-family:"Open Sans", Arial, sans-serif;
  font-size:19px;
  line-height:25px;
  font-weight:600;
  color:#16211F;
  margin:0;
}

.path-desc{
  font-size:16px;
  line-height:25px;
  color:#4B5854;
  margin:0;
  flex:1;
}

.path-cta{
  font-family:"Open Sans", Arial, sans-serif;
  font-size:14px;
  line-height:22px;
  color:#A8451F;
  text-decoration:none;
  margin-top:auto;
}

.path-cta:hover{
  text-decoration:underline;
}

@media(max-width:860px){

  .paths{
    grid-template-columns:1fr;
  }

}

.contact-photo{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:50%;
  display:block;
  margin-bottom:10px;
}

.contact-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.contact-card{
  background:#fff;
  border:1px solid #CBD4CE;
  padding:20px;
  box-shadow:
    0 1px 2px rgba(22,33,31,.06),
    0 8px 24px -12px rgba(22,33,31,.15);
}

.contact-name{
  font-size:18px;
  line-height:24px;
  font-weight:600;
  margin:0 0 6px;
}

.contact-role{
  font-size:14px;
  line-height:22px;
  color:#4B5854;
  margin:0 0 10px;
}

.contact-email{
  font-size:14px;
  line-height:18px;
}

@media(max-width:860px){
  .contact-grid{
    grid-template-columns:1fr;
  }
}

.contact-card .contact-role + p{
  margin-top:0px;
  margin-bottom:0;
}

.path-card .path-icon{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px;
  margin:0 0 8px 0;
}

.path-card .path-icon svg{
  display:block;
  width:34px !important;
  height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  fill:none;
  stroke:#A8451F;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}