.elementor-967 .elementor-element.elementor-element-61620a74{padding:0px 0px 20px 0px;z-index:999;}.elementor-967 .elementor-element.elementor-element-2a238732 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-967 .elementor-element.elementor-element-77289629.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-967 .elementor-element.elementor-element-77289629.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-967 .elementor-element.elementor-element-77289629.elementor-column > .elementor-widget-wrap{justify-content:center;}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-967 .elementor-element.elementor-element-77289629.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-967 .elementor-element.elementor-element-77289629.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-967 .elementor-element.elementor-element-77289629.elementor-column > .elementor-widget-wrap{justify-content:center;}}@media(max-width:1024px) and (min-width:768px){.elementor-967 .elementor-element.elementor-element-f209b18{width:50%;}.elementor-967 .elementor-element.elementor-element-3e71d5f7{width:10%;}.elementor-967 .elementor-element.elementor-element-77289629{width:40%;}}/* Start custom CSS for html, class: .elementor-element-2a238732 *//* Estilo primer contenedor */
.download-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 0px;
  flex-wrap: wrap; /* Asegura que los botones se ajusten en pantallas pequeñas */
}

.download-button {
  display: flex;
  align-items: center; /* Alinea los elementos verticalmente */
  justify-content: center; /* Centra el contenido horizontalmente */
  text-decoration: none; /* Eliminar subrayado */
  color: transparent; /* Color gris */
  background-color: transparent; /* Fondo transparente */
  border: 1px solid #fff; /* Borde blanco */
  border-radius: 10px;
  padding: 5px 10px; /* Ajuste de espacio */
  width: 180px; /* Ajusta el tamaño del botón */
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.download-button:hover {
  background-color: rgba(255, 255, 255, 0.75); /* Fondo transparente al 75% */
  color: #fff; /* Texto blanco */
  border-color: #fff; /* Borde blanco */
}

.button-content {
  display: flex;
  flex-direction: column; /* Coloca los elementos (icono y texto) en una columna */
  align-items: center; /* Centra los elementos dentro de la columna */
  justify-content: center; /* Asegura que todo esté centrado */
}

.small-text {
  font-size: 8px; /* Tamaño pequeño para el texto "Disponible en" */
  font-weight: normal;
  color: #fff;
  margin-bottom: -10px; /* Separar el texto pequeño del texto principal */
}

.big-text {
  font-size: 14px; /* Tamaño para el texto "Google Play" o "App Store" */
  font-weight: bold;
  color: #fff;
}

/* Iconos más grandes */
.download-button i {
  margin-right: 10px; /* Separar el icono del texto */
  font-size: 2.5rem; /* Tamaño del icono */
  color: #fff; /* Blanco para el icono */
}

.download-button:hover i {
  color: #fff; /* Icono blanco al pasar el cursor */
}

/* Colores para Google Play y App Store */
.android {
  border-color: #fff; /* Azul claro para Google Play */
}

.apple {
  border-color:  #fff; /* Gris oscuro para App Store */
}

/* Asegurarse de que el enlace no tenga subrayado */
a {
  text-decoration: none !important; /* Eliminar subrayado de los enlaces */
}

/* Estilos responsivos */
@media screen and (max-width: 768px) {
  .download-button {
    width: 160px; /* Ajusta el tamaño en pantallas más pequeñas */
    padding: 8px; /* Menos padding */
  }

  .download-button i {
    font-size: 2rem; /* Ajustar tamaño del icono para móviles */
  }

  .small-text {
    font-size: 8px; /* Ajuste de tamaño para móviles */
  }

  .big-text {
    font-size: 12px; /* Ajuste de tamaño para móviles */
  }
}

@media screen and (max-width: 480px) {
  .download-button {
    width: 140px; /* Ajusta aún más en pantallas muy pequeñas */
    padding: 6px; /* Menos padding en pantallas más pequeñas */
  }

  .download-button i {
    font-size: 2rem; /* Ajuste de icono en pantallas pequeñas */
  }

  .small-text {
    font-size: 7px; /* Ajuste para pantallas muy pequeñas */
  }

  .big-text {
    font-size: 11px; /* Ajuste para pantallas muy pequeñas */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a4d24ea *//* Estilos para los iconos sociales */
footer .social-icons {
    display: flex;
    justify-content: center;
    gap: 20px; /* Espacio entre los iconos */
}

footer .social-icons a {
    text-decoration: none; /* Quitar subrayado */
    font-size: 25px; /* Tamaño de los iconos */
    color: #f2f2f2; /* Color blanco */
    transition: opacity 0.3s ease; /* Transición suave de opacidad */
}

footer .social-icons a:hover {
    opacity: 0.75; /* Cuando pase el cursor, 75% de opacidad */
}/* End custom CSS */