/* Cambio 5: opción Mis apoyos integrada en el marco de Configuración.
   Ajustes exclusivos de la sección Aventura; no afectan la sección Música. */
#panelConfiguracionV1 .configV39__aventura .configV39__actionGrid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.05% !important;
}
#panelConfiguracionV1 .configV39__aventura .configV39__action {
  grid-template-columns: clamp(28px, 3vw, 40px) minmax(0, 1fr) !important;
  gap: clamp(2px, .3vw, 6px) !important;
  padding: 4px clamp(6px, .7vw, 10px) !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
#panelConfiguracionV1 .configV39__aventura .configV39__action > img {
  width: clamp(27px, 2.8vw, 40px) !important;
  height: clamp(27px, 2.8vw, 40px) !important;
  object-fit: contain !important;
}
#panelConfiguracionV1 .configV39__aventura .configV39__action span {
  font-size: clamp(9px, .83vw, 12.5px) !important;
  line-height: 1.04 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  padding: 0 3px 0 0 !important;
  text-align: center !important;
}
@media (max-width: 900px) and (orientation: portrait) {
  #panelConfiguracionV1 .configV39__aventura .configV39__actionGrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 2% !important;
    row-gap: 4% !important;
    top: 23% !important;
    bottom: 3% !important;
  }
  #panelConfiguracionV1 .configV39__aventura .configV39__action {
    grid-template-columns: minmax(23px, 29px) minmax(0, 1fr) !important;
    gap: 5px !important;
    padding: 2px 6px !important;
    height: 100% !important;
    aspect-ratio: auto !important;
  }
  #panelConfiguracionV1 .configV39__aventura .configV39__action > img {
    width: 27px !important;
    height: 27px !important;
  }
  #panelConfiguracionV1 .configV39__aventura .configV39__action span {
    font-size: clamp(9px, 2.15vw, 12px) !important;
    line-height: 1.05 !important;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  #panelConfiguracionV1 .configV39__aventura .configV39__action {
    grid-template-columns: 24px minmax(0, 1fr) !important;
    gap: 3px !important;
    padding: 2px 5px !important;
  }
  #panelConfiguracionV1 .configV39__aventura .configV39__action > img {
    width: 24px !important;
    height: 24px !important;
  }
  #panelConfiguracionV1 .configV39__aventura .configV39__action span {
    font-size: clamp(8px, 1.15vw, 10px) !important;
  }
}