.elementor-17299 .elementor-element.elementor-element-b4c6a84{--display:flex;}@media(max-width:767px){.elementor-17299 .elementor-element.elementor-element-b4c6a84{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17299 .elementor-element.elementor-element-eb258df{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-b4c6a84 *//* === Hausa Novel Lite App Download Section (SVG icons) === */
.app-download-section {
  background: linear-gradient(180deg, #0b1e4a 0%, #071739 100%);
  color: #fff;
  padding: 6px 20px;
  text-align: center;
  border-radius: 16px;
  margin: 4px auto;
  max-width: 380px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}

/* App icon circle */
.app-logo-circle {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3fa9f5, #1e90ff, #0078ff);
  margin: 0 auto 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: glow 3s linear infinite;
}

.app-logo-circle img {
  width: 110px;
  height: 110px;
  border-radius: 15px;
}

@keyframes glow {
  0% { box-shadow: 0 0 5px #3fa9f5, 0 0 15px #1e90ff; }
  50% { box-shadow: 0 0 20px #3fa9f5, 0 0 35px #0078ff; }
  100% { box-shadow: 0 0 5px #3fa9f5, 0 0 15px #1e90ff; }
}

/* Title */
.app-download-container h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.app-download-container h2 span {
  color: #3fa9f5;
}

.app-subtitle {
  font-size: 1rem;
  color: #d7e2f2;
  margin-bottom: 30px;
}

/* Benefits with SVG icons */
.benefits-list {
  list-style: none;
  padding: 0;
  margin: 0 auto 40px auto;
  text-align: left;
}

.benefits-list li {
  background: linear-gradient(90deg, #1e1e40, #252560, #1e1e40);
  background-size: 200% 200%;
  animation: gradientMove 5s ease infinite;
  border-radius: 10px;
  margin: 10px 0;
  padding: 12px 16px;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: transform 0.3s ease;
}

.benefits-list li:hover {
  transform: scale(1.03);
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Store and Button */
.store-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.play-badge {
  width: 160px;
}

.install-btn {
  background: linear-gradient(90deg, #1e90ff, #0078ff);
  color: #fff;
  font-weight: 700;
  font-size: 1.1rem;
  padding: 16px 40px;
  border-radius: 50px;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease;
  box-shadow: 0 8px 20px rgba(0, 120, 255, 0.3);
}

.icon-mask {
  width:24px;
  height:24px;
  display:inline-block;
  background-color:#7ee7ff;                /* color visible del icono */
  -webkit-mask-image: var(--icon-url);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--icon-url);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  transition: background-color .25s ease;
}
.benefit:hover .icon-mask { background-color:#2ec6ff; }

.install-btn:hover {
  transform: scale(1.08);
  background: linear-gradient(90deg, #0078ff, #1e90ff);
}

/* Responsive */
@media (max-width: 500px) {
  .app-download-section {
    max-width: 95%;
  }
  .benefits-list {
    text-align: left;
  }
}/* End custom CSS */