/* =========================================================
  HERO
  ========================================================= */
.hero{
    background-image: url("../img/bg-splash-25-2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 92vh;
    display: flex;
}
.hero_info{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hero_info h1{
  color: var(--ink);
}
.hero_info .lead{
  color: var(--muted);
}
.actions {
    margin-top: 22px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
  .hero{padding: 33% 10% 10%}
  .hero .container{display: flex;flex-direction: column-reverse;align-items: center;}
  .actions{margin-bottom: 2em;margin-top: 0;}
  .hero_info .lead{margin-top: 0;}
  .hero .hero_viewer{width: 50%;}
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
    .hero{align-items: center;}
    .hero .container{display: flex;}
    .hero .hero_viewer, .hero .hero_info{width: 50%;}
}