/* ===========================
   HOME
=========================== */

.section--home .home{
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.section--home .home__overlay{
  background: var(--overlay-white);
  backdrop-filter: blur(2px);
}

.section--home .home__content{
  max-width: 1100px;
  padding-top: 5rem;
  color: var(--text-soft);
}

.section--home .home__logo{
  width: 260px;
  margin-bottom: 2.5rem;
}

.section--home .home__title{
  font-family: var(--font-display);
  font-size: 6.5rem;
  font-weight: 600;
  line-height: 1.05;
  margin: 0 0 1.5rem;
  color: var(--text-soft);
}

.section--home .home__text{
  font-size: 1.35rem;
  line-height: 1.55;
  max-width: 65ch;
  margin-bottom: 2rem;
  color: var(--text-body);
}

.section--home .home__cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}


/* ===========================
   SECCIONES (GLOBAL)
=========================== */

.section{
  padding-inline: clamp(24px, 6vw, 120px);
}


/* ===========================
   RESPONSIVE
=========================== */

@media (max-width: 1024px){
  .section--home .home__content{
    padding-top: 3rem;
    max-width: 600px;
  }
  .section--home .home__logo{ width: 200px; }
  .section--home .home__title{ font-size: 3.5rem; }
  .section--home .home__text{ font-size: 1.15rem; }
}

@media (max-width: 768px){
  .section--home .home{
    align-items: flex-start;
  }
  .section--home .home__content{
    padding-top: 2.5rem;
    max-width: 100%;
  }
  .section--home .home__logo{ width: 170px; }
  .section--home .home__title{ font-size: 2.7rem; }
  .section--home .home__text{ font-size: 1.05rem; }
}

@media (max-width: 600px){
  .section{
    padding-inline: 32px;
  }
}

@media (max-width: 480px){
  .section--home .home__content{
    padding-top: 2rem;
  }
  .section--home .home__logo{ width: 150px; }
  .section--home .home__title{ font-size: 2.2rem; }
  .section--home .home__text{ font-size: 0.95rem; }
}