/* Holguin Collection — ajustes propios del Home.
   Solo lo enlaza index.html, y todo cuelga de .home, asi que nada de esto puede
   escaparse al resto del sitio. */

/* --- Interlineado del cuerpo de texto ---------------------------------------
   El tema traia line-height:28px sobre una fuente de 16px (ratio 1,75) mas 20,8px
   de separacion entre parrafos, lo que dejaba los bloques del Home demasiado
   aireados. Se baja a 1,55 y 14px, que compacta sin apretar la lectura.

   La excepcion es el subtitulo grande de "Embrace Remote Work" (20px, ratio 1,25):
   ahi el interlineado holgado es intencional y un 1,55 lo separaria MAS, no menos.
   Se identifica por la clase que genera Themify para ese modulo; si algun dia se
   re-exporta el sitio y esa clase cambia, lo unico que pasa es que ese subtitulo
   quedaria algo mas suelto. */
.home .module-text p {
  line-height: 1.55;
  margin-bottom: 14px;
}

.home .module-text.tb_g9vy859 p {
  line-height: 1.25;
  margin-bottom: 26px;
}

/* Los titulos acompañan al cuerpo: 30px de margen inferior sobraban una vez
   compactados los parrafos. */
.home .module-text h2 {
  margin-bottom: 20px;
}

/* --- Botones "GO TO ..." en movil (<=900px) ---------------------------------
   Los tres bloques "GO TO ..." (Portfolio y los dos de Design Studio) son el
   ultimo modulo de su columna, y la columna siguiente arranca con una foto a
   sangre completa. Sin margen inferior el boton quedaba literalmente pegado al
   borde superior de la imagen, sin aire entre ambos.

   Ademas el boton nacia a 28px del borde izquierdo mientras el parrafo que lleva
   encima empieza a 33px (5px de margen + 28px de padding), asi que la columna de
   texto se leia desalineada. Aqui se igualan los 33px para que titulo, parrafo y
   boton compartan el mismo eje. */
@media (max-width: 900px) {
  .home .module_column > .module-buttons:last-child {
    margin-left: 33px;
    margin-bottom: 32px;
  }
}
