/* CONTACTO */

.contacto{

  min-height:80vh;

  background:#111;

  color:white;

  padding:120px 10%;

  display:flex;

  justify-content:space-between;

  align-items:center;

  gap:80px;

  flex-wrap:wrap;

}

/* INFO */

.contacto-info{

  flex:1;

  min-width:300px;

}

.contacto-info span{

  color:#ffb347;

  letter-spacing:3px;

  font-size:14px;

}

.contacto-info h2{

  font-size:64px;

  margin:20px 0;

  line-height:1.1;

}

.contacto-info p{

  color:#bbb;

  font-size:20px;

  line-height:1.8;

}

/* DATOS */

.contacto-datos{

  flex:1;

  min-width:300px;

  display:flex;

  flex-direction:column;

  gap:30px;

}

/* ITEM */

.dato{

  background:#181818;

  padding:30px;

  border-radius:20px;

  transition:0.4s ease;

}

.dato:hover{

  transform:translateY(-8px);

  background:#202020;

}

.dato h3{

  color:#ffb347;

  margin-bottom:10px;

  font-size:24px;

}

.dato p{

  color:#ccc;

  line-height:1.6;

}


/* RESPONSIVE */

@media(max-width:768px){

  .contacto{

    padding:80px 30px;

    flex-direction:column;

    align-items:flex-start;

  }

  .contacto-info h2{

    font-size:42px;

  }

  .contacto-info p{

    font-size:18px;

  }

}