:root {
        --prim: #499eff;      /* roxo encantado */
        --prim-dark: #22aeff;
        --acc: #ce63ff;       
        --bg: #faf7ff;        /* fundo suave */
      }

      html { scroll-behavior: smooth; }

      body {
        background: var(--bg);
        color: #2b2250;
      }

      /* Navbar */
      .navbar {
        backdrop-filter: blur(6px);
        background: rgba(255,255,255,0.8) !important;
      }

      .brand-badge {
        background: linear-gradient(135deg, var(--prim), var(--acc));
        -webkit-background-clip: text; background-clip: text; color: transparent;
        font-weight: 800; letter-spacing: .5px;
      }

      /* Hero com vídeo */
      .hero {
        position: relative;
        min-height: 75vh;
        display: grid;
        place-items: center;
        padding-top: 4.5rem; /* espaço para navbar */
      }

      .hero-card {
        background: #fff;
        border-radius: 1.25rem;
        box-shadow: 0 15px 35px rgba(123,92,243,.25);
        overflow: hidden;
        border: 1px solid rgba(123,92,243,.15);
      }

      .section-title {
        font-weight: 800;
        letter-spacing: .3px;
      }

      .pill {
        background: rgba(123,92,243,.1);
        color: var(--prim);
        border-radius: 999px;
        padding: .35rem .75rem;
        font-size: .875rem;
        display: inline-flex; align-items: center; gap:.4rem;
      }

      /* Cards de preço */
      .price-card {
        border: 1px solid rgba(123,92,243,.15);
        border-radius: 1rem;
        background: #fff;
        box-shadow: 0 10px 24px rgba(0,0,0,.05);
        transition: transform .2s ease, box-shadow .2s ease;
      }
      .price-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 16px 30px rgba(123,92,243,.25);
      }

      /* Galeria */
      .gallery img {
        border-radius: .75rem;
        object-fit: cover;
        aspect-ratio: 1/1;
      }

      /* Rodapé */
      footer {
        background: linear-gradient(180deg, rgba(123,92,243,.08), rgba(0,0,0,0));
      }



#datepicker {
  cursor: pointer;
}