.elementor-9 .elementor-element.elementor-element-de3e913{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-a1a7540 */.qtd__btn[aria-pressed="true"]{
  background: var(--creme) !important;
  background-color: var(--creme) !important;
  color: var(--azul-profundo) !important;
  border-color: var(--creme) !important;
  opacity: 1 !important;
}

@media (max-width: 767px) {
  /* 1. Degradê rebaixado: mantém o rosto e a tiara 100% limpos e sem sombra */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .lp__degrade {
    background: linear-gradient(
      0deg,
      rgba(14, 44, 65, 1) 0%,
      rgba(14, 44, 65, 0.98) 32%,
      rgba(14, 44, 65, 0.85) 48%,
      rgba(14, 44, 65, 0.35) 60%,
      rgba(14, 44, 65, 0.05) 70%,
      transparent 78%
    ) !important;
  }

  /* 2. Mantém o enquadramento no topo da fotografia */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .lp__fundo {
    object-position: center top !important;
  }

  /* 3. Empurra todo o bloco de texto para a base do ecrã */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .conteudo {
    justify-content: flex-end !important;
    gap: 14px !important;
    padding: 14px 18px 20px !important;
    min-height: calc(100svh - 38px) !important;
  }

  /* 4. Logótipo fixo no topo esquerdo */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .logo {
    
    margin-bottom: auto !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .linha {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .texto {
    flex: 0 0 auto !important;
    gap: 10px !important;
  }

  /* 5. Títulos compactos para não subirem em direção ao queixo */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .titulo {
    font-size: 13px !important;
    line-height: 1.05 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .titulo br {
    display: none !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .titulo__chamada {
    font-size: 4.2vw !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .titulo__destaque {
    font-size: 8vw !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .fio {
    opacity: 0.5 !important;
  }

  /* 6. Grelha de data, hora e local */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .info {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .info__rotulo {
    font-size: 13px !important;
    margin-bottom: 2px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .info__valor {
    font-size: 12px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .info__endereco {
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    margin-top: 2px !important;
  }

  /* 7. Bloco de conversão */
  .elementor-9 .elementor-element.elementor-element-a1a7540 .compra {
    gap: 8px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .compra__pergunta {
    font-size: 9.5px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .qtd__btn {
    width: 42px !important;
    height: 42px !important;
    font-size: 14px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .botao {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 12px 20px !important;
    font-size: 12.5px !important;
  }

  .elementor-9 .elementor-element.elementor-element-a1a7540 .compra__nota {
    font-size: 10.5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de3e913 */.logo {
    height: clamp(88px, 9vw, 124px)!important;
    width: auto;
    align-self: flex-start;
}/* End custom CSS */