.elementor-1429 .elementor-element.elementor-element-cf19b10 .elementor-background-slideshow__slide__image{background-position:center center;}.elementor-1429 .elementor-element.elementor-element-cf19b10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1429 .elementor-element.elementor-element-cf19b10 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1429 .elementor-element.elementor-element-1c88324 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-1429 .elementor-element.elementor-element-1c88324 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;color:#FFFFFF;}.elementor-1429 .elementor-element.elementor-element-9c3f252 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-1429 .elementor-element.elementor-element-9c3f252 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:115px;font-weight:700;color:#FFFFFF;}.elementor-1429 .elementor-element.elementor-element-970ef8d{--spacer-size:50px;}.elementor-1429 .elementor-element.elementor-element-d38cc6e{width:var( --container-widget-width, 79.185% );max-width:79.185%;--container-widget-width:79.185%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-d38cc6e > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-1429 .elementor-element.elementor-element-d38cc6e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:21px;font-weight:800;text-transform:uppercase;line-height:22px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-1429 .elementor-element.elementor-element-504d503 .elementor-button{background-color:#FFCC00;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;border-style:solid;border-color:#FFCC00;border-radius:25px 25px 25px 25px;padding:16px 18px 16px 18px;}.elementor-1429 .elementor-element.elementor-element-504d503 .elementor-button:hover, .elementor-1429 .elementor-element.elementor-element-504d503 .elementor-button:focus{background-color:#FFFFFF;color:#FFCC00;border-color:#FFCC00;}.elementor-1429 .elementor-element.elementor-element-504d503 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-1429 .elementor-element.elementor-element-504d503 .elementor-button:hover svg, .elementor-1429 .elementor-element.elementor-element-504d503 .elementor-button:focus svg{fill:#FFCC00;}.elementor-1429 .elementor-element.elementor-element-fcfe597 > .elementor-container{min-height:768px;}.elementor-1429 .elementor-element.elementor-element-b2f0b5b{width:var( --container-widget-width, 97.992% );max-width:97.992%;--container-widget-width:97.992%;--container-widget-flex-grow:0;text-align:center;}.elementor-1429 .elementor-element.elementor-element-b2f0b5b > .elementor-widget-container{margin:22px 22px 0px 22px;}.elementor-1429 .elementor-element.elementor-element-b2f0b5b img{width:200px;max-width:200px;height:200px;}.elementor-1429 .elementor-element.elementor-element-f643841{text-align:center;}.elementor-1429 .elementor-element.elementor-element-f643841 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-9f83223{width:var( --container-widget-width, 105.32% );max-width:105.32%;--container-widget-width:105.32%;--container-widget-flex-grow:0;text-align:center;}.elementor-1429 .elementor-element.elementor-element-9f83223 > .elementor-widget-container{margin:22px 22px 0px 22px;}.elementor-1429 .elementor-element.elementor-element-9f83223 img{width:200px;height:200px;}.elementor-1429 .elementor-element.elementor-element-1916201{text-align:center;}.elementor-1429 .elementor-element.elementor-element-1916201 .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-24490fb{width:var( --container-widget-width, 101.203% );max-width:101.203%;--container-widget-width:101.203%;--container-widget-flex-grow:0;text-align:right;}.elementor-1429 .elementor-element.elementor-element-24490fb > .elementor-widget-container{padding:10px 22px 0px 22px;}.elementor-1429 .elementor-element.elementor-element-24490fb img{max-width:200px;height:200px;}.elementor-1429 .elementor-element.elementor-element-4588add{text-align:center;}.elementor-1429 .elementor-element.elementor-element-4588add .elementor-heading-title{font-family:"Poppins", Sans-serif;color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-7a2a995{width:var( --container-widget-width, 108.882% );max-width:108.882%;--container-widget-width:108.882%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-7a2a995 > .elementor-widget-container{margin:10px 22px 0px 22px;}.elementor-1429 .elementor-element.elementor-element-7a2a995 img{max-width:200px;height:200px;}.elementor-1429 .elementor-element.elementor-element-c68a2df{text-align:center;}.elementor-1429 .elementor-element.elementor-element-c68a2df .elementor-heading-title{color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-8edfb63{width:var( --container-widget-width, 93.395% );max-width:93.395%;--container-widget-width:93.395%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-8edfb63 .elementor-heading-title{font-size:100px;font-weight:700;line-height:91px;color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-9f56aed{--spacer-size:14px;}.elementor-1429 .elementor-element.elementor-element-4214750{font-family:"Poppins", Sans-serif;}.elementor-1429 .elementor-element.elementor-element-286722c > .elementor-container{min-height:768px;}.elementor-1429 .elementor-element.elementor-element-286722c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1429 .elementor-element.elementor-element-286722c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1429 .elementor-element.elementor-element-b9b553e > .elementor-container{min-height:768px;}.elementor-1429 .elementor-element.elementor-element-6390bbd{width:var( --container-widget-width, 92.607% );max-width:92.607%;--container-widget-width:92.607%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-6390bbd > .elementor-widget-container{margin:125px 0px 0px 0px;}.elementor-1429 .elementor-element.elementor-element-6390bbd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:95px;font-weight:700;line-height:90px;color:#FFFFFF;}.elementor-1429 .elementor-element.elementor-element-f23e309{--spacer-size:10px;}.elementor-1429 .elementor-element.elementor-element-a79e5f5{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;}.elementor-1429 .elementor-element.elementor-element-62b9f24 .elementor-button{background-color:#FF1183;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;border-style:solid;border-color:#FF1183;border-radius:25px 25px 25px 25px;padding:16px 18px 16px 18px;}.elementor-1429 .elementor-element.elementor-element-62b9f24 .elementor-button:hover, .elementor-1429 .elementor-element.elementor-element-62b9f24 .elementor-button:focus{background-color:#FFFFFF;color:#FF1183;border-color:#FF1183;}.elementor-1429 .elementor-element.elementor-element-62b9f24 .elementor-button:hover svg, .elementor-1429 .elementor-element.elementor-element-62b9f24 .elementor-button:focus svg{fill:#FF1183;}.elementor-1429 .elementor-element.elementor-element-15ce5ef > .elementor-container{min-height:768px;}.elementor-1429 .elementor-element.elementor-element-dcaebd5{--spacer-size:50px;}.elementor-1429 .elementor-element.elementor-element-8216561{width:var( --container-widget-width, 94.527% );max-width:94.527%;--container-widget-width:94.527%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-8216561 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:100px;font-weight:700;line-height:80px;color:#2D2ED0;}.elementor-1429 .elementor-element.elementor-element-e335e4d{--spacer-size:50px;}.elementor-1429 .elementor-element.elementor-element-0eb5c07 .elementor-button{background-color:#FF1183;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:700;border-style:solid;border-color:#FF1183;border-radius:25px 25px 25px 25px;padding:16px 18px 16px 18px;}.elementor-1429 .elementor-element.elementor-element-0eb5c07 .elementor-button:hover, .elementor-1429 .elementor-element.elementor-element-0eb5c07 .elementor-button:focus{background-color:#FFFFFF;color:#FF1183;border-color:#FF1183;}.elementor-1429 .elementor-element.elementor-element-0eb5c07 .elementor-button:hover svg, .elementor-1429 .elementor-element.elementor-element-0eb5c07 .elementor-button:focus svg{fill:#FF1183;}.elementor-1429 .elementor-element.elementor-element-44c50c0{width:var( --container-widget-width, 86.006% );max-width:86.006%;--container-widget-width:86.006%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-44c50c0 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1429 .elementor-element.elementor-element-438ecbb .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;}.elementor-1429 .elementor-element.elementor-element-30075c2{width:var( --container-widget-width, 82.628% );max-width:82.628%;--container-widget-width:82.628%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-30075c2 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1429 .elementor-element.elementor-element-58009bc .elementor-heading-title{font-size:25px;}.elementor-1429 .elementor-element.elementor-element-cc8cb4b{width:var( --container-widget-width, 137.714% );max-width:137.714%;--container-widget-width:137.714%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-e0429e9{width:var( --container-widget-width, 80.553% );max-width:80.553%;--container-widget-width:80.553%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-b3e8339 .elementor-heading-title{font-size:25px;}.elementor-1429 .elementor-element.elementor-element-eaafdcd:not(.elementor-motion-effects-element-type-background), .elementor-1429 .elementor-element.elementor-element-eaafdcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ellahub.com/wp-content/uploads/2025/09/LP-Ella-Lidera-2025-PARTE-08-1.png");}.elementor-1429 .elementor-element.elementor-element-eaafdcd > .elementor-container{min-height:768px;}.elementor-1429 .elementor-element.elementor-element-eaafdcd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1429 .elementor-element.elementor-element-eaafdcd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1429 .elementor-element.elementor-element-357f7db .elementor-heading-title{color:#5E17EB;}.elementor-1429 .elementor-element.elementor-element-d5a10e9{width:var( --container-widget-width, 71.103% );max-width:71.103%;--container-widget-width:71.103%;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-d5a10e9 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:700;line-height:54px;color:#FFFFFF;}@media(min-width:768px){.elementor-1429 .elementor-element.elementor-element-b8fe8ef{width:50%;}.elementor-1429 .elementor-element.elementor-element-7011b5d{width:50%;}.elementor-1429 .elementor-element.elementor-element-3ff98c4{width:30.022%;}.elementor-1429 .elementor-element.elementor-element-6767666{width:69.978%;}.elementor-1429 .elementor-element.elementor-element-83ba8b9{width:30.132%;}.elementor-1429 .elementor-element.elementor-element-c800d23{width:69.868%;}.elementor-1429 .elementor-element.elementor-element-4768189{width:30.068%;}.elementor-1429 .elementor-element.elementor-element-c1a9eb0{width:69.932%;}}@media(max-width:767px){.elementor-1429 .elementor-element.elementor-element-cf19b10 .elementor-background-slideshow__slide__image{background-position:bottom right;}.elementor-1429 .elementor-element.elementor-element-1c88324 .elementor-heading-title{font-size:16px;}.elementor-1429 .elementor-element.elementor-element-9c3f252 .elementor-heading-title{font-size:54px;}.elementor-1429 .elementor-element.elementor-element-970ef8d{--spacer-size:92px;}.elementor-1429 .elementor-element.elementor-element-d38cc6e{width:var( --container-widget-width, 307.931px );max-width:307.931px;--container-widget-width:307.931px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-d38cc6e > .elementor-widget-container{margin:0px 0px 32px 20px;}.elementor-1429 .elementor-element.elementor-element-d38cc6e .elementor-heading-title{font-size:11px;}.elementor-1429 .elementor-element.elementor-element-b2f0b5b{width:var( --container-widget-width, 337.921px );max-width:337.921px;--container-widget-width:337.921px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-8edfb63 .elementor-heading-title{font-size:61px;line-height:0.9em;}.elementor-1429 .elementor-element.elementor-element-6390bbd{width:var( --container-widget-width, 300.602px );max-width:300.602px;--container-widget-width:300.602px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-6390bbd > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-1429 .elementor-element.elementor-element-6390bbd .elementor-heading-title{font-size:44px;line-height:1.1em;}.elementor-1429 .elementor-element.elementor-element-a79e5f5{font-size:14px;}.elementor-1429 .elementor-element.elementor-element-8216561 .elementor-heading-title{font-size:50px;line-height:1.1em;}.elementor-1429 .elementor-element.elementor-element-e335e4d{--spacer-size:10px;}.elementor-1429 .elementor-element.elementor-element-44c50c0{width:var( --container-widget-width, 157.602px );max-width:157.602px;--container-widget-width:157.602px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-30075c2{width:var( --container-widget-width, 149.37px );max-width:149.37px;--container-widget-width:149.37px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-e0429e9{width:var( --container-widget-width, 141.074px );max-width:141.074px;--container-widget-width:141.074px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-d5a10e9{width:var( --container-widget-width, 263.433px );max-width:263.433px;--container-widget-width:263.433px;--container-widget-flex-grow:0;}.elementor-1429 .elementor-element.elementor-element-d5a10e9 .elementor-heading-title{font-size:32px;line-height:1.4em;}}/* Start custom CSS for button, class: .elementor-element-504d503 */<!-- City Picker – bloco único para Gutenberg: HTML + CSS -->
<div class="eh-city-picker">
  <details class="eh-dropdown">
    <summary class="eh-button" aria-haspopup="listbox">
      ESCOLHA A CIDADE
      <svg class="eh-caret" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M7 10l5 5 5-5"></path>
      </svg>
    </summary>

    <ul class="eh-menu" role="listbox" aria-label="Escolha a cidade">
      <li role="option"><a href="https://ellahub.com/">Caxias do Sul</a></li>
      <li role="option"><a href="#flores-da-cunha">Flores da Cunha</a></li>
      <li role="option"><a href="#rio-de-janeiro">Rio de Janeiro</a></li>
      <li role="option"><a href="#arraial-do-cabo">Arraial do Cabo</a></li>
      <li role="option"><a href="#sao-marcos">São Marcos</a></li>
      <li role="option"><a href="#sao-leopoldo">São Leopoldo</a></li>
      <li role="option"><a href="#garopaba">Garopaba</a></li>
      <li role="option"><a href="#lisboa">Lisboa</a></li>
      <li role="option"><a href="#porto-alegre">Porto Alegre</a></li>
    </ul>
  </details>
</div>

<style>
  /* escopo para evitar conflito com o tema */
  .eh-city-picker {
    --eh-blue: #2D2ED0;    /* tipografia */
    --eh-bg: #000000;      /* fundo */
    font-family: inherit;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--eh-bg);
    color: var(--eh-blue);
  }

  .eh-dropdown {
    position: relative;
    max-width: 420px;
    width: 100%;
  }

  /* remove marcador padrão do <details> */
  .eh-dropdown > summary {
    list-style: none;
  }
  .eh-dropdown > summary::-webkit-details-marker {
    display: none;
  }

  .eh-button {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 14px 18px;
    border: 2px solid var(--eh-blue);
    color: var(--eh-blue);
    background: transparent;
    border-radius: 999px;
    letter-spacing: .5px;
    font-weight: 700;
    transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    user-select: none;
  }

  .eh-button:hover { box-shadow: 0 6px 20px rgba(45,46,208,.25); }
  .eh-button:active { transform: translateY(1px) scale(.995); }

  .eh-caret {
    width: 18px; height: 18px;
    stroke: var(--eh-blue); fill: none; stroke-width: 2;
    transition: transform .2s ease;
  }

  .eh-dropdown[open] .eh-caret { transform: rotate(180deg); }

  .eh-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
    width: min(420px, 92vw);
    margin: 0;
    padding: 10px;
    background: rgba(0,0,0,.9);
    border: 1px solid rgba(45,46,208,.35);
    border-radius: 16px;
    list-style: none;
    display: grid;
    gap: 2px;
    z-index: 50;
    backdrop-filter: blur(4px);
  }

  .eh-menu li { text-align: center; }

  .eh-menu a {
    display: block;
    padding: 12px 14px;
    color: var(--eh-blue);
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    transition: background .15s ease, color .15s ease;
  }

  .eh-menu a:hover,
  .eh-menu a:focus {
    background: rgba(45,46,208,.12);
    outline: none;
  }

  /* responsivo – melhora área clicável em telas menores */
  @media (max-width: 480px) {
    .eh-button { padding: 14px 16px; }
    .eh-menu { width: min(420px, 96vw); }
  }
</style>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-62b9f24 */<!-- City Picker – bloco único para Gutenberg: HTML + CSS -->
<div class="eh-city-picker">
  <details class="eh-dropdown">
    <summary class="eh-button" aria-haspopup="listbox">
      ESCOLHA A CIDADE
      <svg class="eh-caret" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M7 10l5 5 5-5"></path>
      </svg>
    </summary>

    <ul class="eh-menu" role="listbox" aria-label="Escolha a cidade">
      <li role="option"><a href="https://ellahub.com/">Caxias do Sul</a></li>
      <li role="option"><a href="#flores-da-cunha">Flores da Cunha</a></li>
      <li role="option"><a href="#rio-de-janeiro">Rio de Janeiro</a></li>
      <li role="option"><a href="#arraial-do-cabo">Arraial do Cabo</a></li>
      <li role="option"><a href="#sao-marcos">São Marcos</a></li>
      <li role="option"><a href="#sao-leopoldo">São Leopoldo</a></li>
      <li role="option"><a href="#garopaba">Garopaba</a></li>
      <li role="option"><a href="#lisboa">Lisboa</a></li>
      <li role="option"><a href="#porto-alegre">Porto Alegre</a></li>
    </ul>
  </details>
</div>

<style>
  /* escopo para evitar conflito com o tema */
  .eh-city-picker {
    --eh-blue: #2D2ED0;    /* tipografia */
    --eh-bg: #000000;      /* fundo */
    font-family: inherit;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--eh-bg);
    color: var(--eh-blue);
  }

  .eh-dropdown {
    position: relative;
    max-width: 420px;
    width: 100%;
  }

  /* remove marcador padrão do <details> */
  .eh-dropdown > summary {
    list-style: none;
  }
  .eh-dropdown > summary::-webkit-details-marker {
    display: none;
  }

  .eh-button {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 14px 18px;
    border: 2px solid var(--eh-blue);
    color: var(--eh-blue);
    background: transparent;
    border-radius: 999px;
    letter-spacing: .5px;
    font-weight: 700;
    transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    user-select: none;
  }

  .eh-button:hover { box-shadow: 0 6px 20px rgba(45,46,208,.25); }
  .eh-button:active { transform: translateY(1px) scale(.995); }

  .eh-caret {
    width: 18px; height: 18px;
    stroke: var(--eh-blue); fill: none; stroke-width: 2;
    transition: transform .2s ease;
  }

  .eh-dropdown[open] .eh-caret { transform: rotate(180deg); }

  .eh-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
    width: min(420px, 92vw);
    margin: 0;
    padding: 10px;
    background: rgba(0,0,0,.9);
    border: 1px solid rgba(45,46,208,.35);
    border-radius: 16px;
    list-style: none;
    display: grid;
    gap: 2px;
    z-index: 50;
    backdrop-filter: blur(4px);
  }

  .eh-menu li { text-align: center; }

  .eh-menu a {
    display: block;
    padding: 12px 14px;
    color: var(--eh-blue);
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    transition: background .15s ease, color .15s ease;
  }

  .eh-menu a:hover,
  .eh-menu a:focus {
    background: rgba(45,46,208,.12);
    outline: none;
  }

  /* responsivo – melhora área clicável em telas menores */
  @media (max-width: 480px) {
    .eh-button { padding: 14px 16px; }
    .eh-menu { width: min(420px, 96vw); }
  }
</style>/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0eb5c07 */<!-- City Picker – bloco único para Gutenberg: HTML + CSS -->
<div class="eh-city-picker">
  <details class="eh-dropdown">
    <summary class="eh-button" aria-haspopup="listbox">
      ESCOLHA A CIDADE
      <svg class="eh-caret" viewBox="0 0 24 24" aria-hidden="true">
        <path d="M7 10l5 5 5-5"></path>
      </svg>
    </summary>

    <ul class="eh-menu" role="listbox" aria-label="Escolha a cidade">
      <li role="option"><a href="https://ellahub.com/">Caxias do Sul</a></li>
      <li role="option"><a href="#flores-da-cunha">Flores da Cunha</a></li>
      <li role="option"><a href="#rio-de-janeiro">Rio de Janeiro</a></li>
      <li role="option"><a href="#arraial-do-cabo">Arraial do Cabo</a></li>
      <li role="option"><a href="#sao-marcos">São Marcos</a></li>
      <li role="option"><a href="#sao-leopoldo">São Leopoldo</a></li>
      <li role="option"><a href="#garopaba">Garopaba</a></li>
      <li role="option"><a href="#lisboa">Lisboa</a></li>
      <li role="option"><a href="#porto-alegre">Porto Alegre</a></li>
    </ul>
  </details>
</div>

<style>
  /* escopo para evitar conflito com o tema */
  .eh-city-picker {
    --eh-blue: #2D2ED0;    /* tipografia */
    --eh-bg: #000000;      /* fundo */
    font-family: inherit;
    display: grid;
    place-items: center;
    padding: 24px;
    background: var(--eh-bg);
    color: var(--eh-blue);
  }

  .eh-dropdown {
    position: relative;
    max-width: 420px;
    width: 100%;
  }

  /* remove marcador padrão do <details> */
  .eh-dropdown > summary {
    list-style: none;
  }
  .eh-dropdown > summary::-webkit-details-marker {
    display: none;
  }

  .eh-button {
    cursor: pointer;
    width: 100%;
    text-align: center;
    padding: 14px 18px;
    border: 2px solid var(--eh-blue);
    color: var(--eh-blue);
    background: transparent;
    border-radius: 999px;
    letter-spacing: .5px;
    font-weight: 700;
    transition: transform .08s ease, box-shadow .2s ease, background .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    user-select: none;
  }

  .eh-button:hover { box-shadow: 0 6px 20px rgba(45,46,208,.25); }
  .eh-button:active { transform: translateY(1px) scale(.995); }

  .eh-caret {
    width: 18px; height: 18px;
    stroke: var(--eh-blue); fill: none; stroke-width: 2;
    transition: transform .2s ease;
  }

  .eh-dropdown[open] .eh-caret { transform: rotate(180deg); }

  .eh-menu {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 10px);
    width: min(420px, 92vw);
    margin: 0;
    padding: 10px;
    background: rgba(0,0,0,.9);
    border: 1px solid rgba(45,46,208,.35);
    border-radius: 16px;
    list-style: none;
    display: grid;
    gap: 2px;
    z-index: 50;
    backdrop-filter: blur(4px);
  }

  .eh-menu li { text-align: center; }

  .eh-menu a {
    display: block;
    padding: 12px 14px;
    color: var(--eh-blue);
    text-decoration: none;
    border-radius: 10px;
    font-weight: 600;
    transition: background .15s ease, color .15s ease;
  }

  .eh-menu a:hover,
  .eh-menu a:focus {
    background: rgba(45,46,208,.12);
    outline: none;
  }

  /* responsivo – melhora área clicável em telas menores */
  @media (max-width: 480px) {
    .eh-button { padding: 14px 16px; }
    .eh-menu { width: min(420px, 96vw); }
  }
</style>/* End custom CSS */