@media screen and (min-width: 1024px) {
  .page-ale {
    height: 100vh;
    overflow: hidden;
  }

  .page-ale > .desktop-only-container {
    display: block;
    flex-shrink: 0;
  }

  .page-ale .ale-main {
    flex: 1;
    min-height: 0;
  }

  .page-ale .ale-top-bar {
    padding: 0.75rem 1rem;
  }

  .page-ale .ale-voltar {
    display: none;
  }

  .page-ale .ale-titulo {
    flex: none;
  }

  .page-ale .ale-panel-left .ale-input-wrap,
  .page-ale .ale-panel-left .ale-add-btn {
    display: none;
  }

  .page-ale .ale-mapa .ale-input-wrap {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 10;
    width: 320px;
    background: #fff;
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    padding: 0.6rem 0.75rem;
  }

  .page-ale .ale-mapa .ale-add-btn {
    position: absolute;
    top: 60px;
    left: 12px;
    z-index: 10;
    width: 320px;
    margin: 0;
  }

  .page-ale .ale-mapa .ale-weather {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    background: rgba(0,0,0,0.4);
    backdrop-filter: blur(6px);
  }

  .page-ale .ale-mapa .ale-weather-temp {
    color: #fff;
  }

  .page-ale .ale-page {
    flex-direction: row;
    flex: 1;
    min-height: 0;
  }

  .page-ale .ale-panel-left {
    width: 320px;
    max-width: 320px;
    min-width: 320px;
    flex-shrink: 0;
    border-right: 1px solid #eee;
    overflow: visible;
  }

  .page-ale .ale-input-wrap {
    padding: 0.75rem 1rem;
  }

  .page-ale .ale-mapa {
    flex: 1;
    min-height: 0;
    position: relative;
  }

  .page-ale .ale-suggestions.open {
    position: fixed !important;
    max-width: 340px;
    min-width: 260px;
    box-sizing: border-box;
    z-index: 10001;
  }

  .page-ale .footer-pc-benefits {
    display: none;
  }
}