/* =========================================================
   SOL NET APP — BANCO SOL
   ========================================================= */

.solnet-download {
  padding: 110px 0;
  background: #ffffff;
}

.solnet-container {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
}

/* ================= VISUAL ================= */

.solnet-visual {
  position: relative;
  min-height: 420px;
}

.solnet-visual .phone {
  position: absolute;
  width: 280px;
  border-radius: 32px;
  box-shadow: 0 40px 80px rgba(0,0,0,0.25);
}

.phone-main {
  left: 0;
  top: 40px;
  z-index: 2;
}

.phone-secondary {
  left: 180px;
  top: 0;
  z-index: 1;
  opacity: 0.95;
}

/* ================= TEXTO ================= */

.solnet-content h2 {
  font-size: 2.3rem;
  font-weight: 800;
  color: #1f1f1f;
  margin-bottom: 10px;
}

.solnet-content h3 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--sol-yellow);
  margin-bottom: 26px;
}

.solnet-content p {
  font-size: 1.05rem;
  color: #444;
  margin-bottom: 28px;
}

/* ================= STORES ================= */

.solnet-stores {
  display: flex;
  gap: 18px;
}

.store-btn img {
  height: 48px;
  transition: transform .25s ease;
}

.store-btn:hover img {
  transform: translateY(-3px);
}

/* ================= RESPONSIVO ================= */

@media (max-width: 992px) {
  .solnet-container {
    grid-template-columns: 1fr;
    gap: 60px;
    text-align: center;
  }

  .solnet-visual {
    min-height: 360px;
  }

  .phone-main {
    left: 50%;
    transform: translateX(-60%);
  }

  .phone-secondary {
    left: 50%;
    transform: translateX(-5%);
  }

  .solnet-stores {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .solnet-content h2 {
    font-size: 1.8rem;
  }

  .solnet-content h3 {
    font-size: 1.6rem;
  }

  .store-btn img {
    height: 44px;
  }
}


/* =====================================
   LINHA SEPARADORA SOL NET APP
===================================== */

.solnet-download{
  position:relative;
  padding-bottom:90px;
}

.solnet-download::after{
  content:"";

  position:absolute;

  left:50%;
  bottom:25px;

  transform:translateX(-50%);

  width:min(1280px, calc(100% - 40px));
  height:3px;

  border-radius:999px;

  background:
  linear-gradient(
    90deg,
    transparent 0%,
    rgba(255,210,0,.25) 15%,
    #FFD200 50%,
    rgba(255,210,0,.25) 85%,
    transparent 100%
  );

  pointer-events:none;
}