/* StayByMe · refinamentos visuais | novembro 2026
   Camada adicional não destrutiva sobre a réplica do Framer.
   Mantém identidade, cores, fotografia, texto e layouts originais. */
:root { --stay-ink:#382b22; --stay-brown:#4a382c; --stay-sand:#f3eee6; --stay-focus:#927454; }
html { scroll-behavior:smooth; }
body { -webkit-font-smoothing:antialiased; }
/* Menu: a linguagem visual mantém-se, com arestas um pouco mais delicadas. */
nav [data-framer-name="Links"] a[data-framer-name="Primary"] {
  border-radius:9px !important;
  background-color:rgba(69, 53, 43, .94) !important;
  transition:background-color .22s ease, box-shadow .22s ease, transform .22s ease;
  box-shadow:0 1px 2px rgba(37,25,17,.07);
}
nav [data-framer-name="Links"] a[data-framer-name="Primary"]:hover,
nav [data-framer-name="Links"] a[data-framer-name="Primary"]:focus-visible {
  background-color:#2f251e !important;
  transform:translateY(-1px);
  box-shadow:0 4px 13px rgba(37,25,17,.12);
}
/* Contactos: único destaque moderado no menu, sem acrescentar botões. */
nav [data-framer-name="Links"] a[href*="#contact"] {
  background-color:#634b39 !important;
  box-shadow:0 2px 9px rgba(58,41,27,.12);
}
nav [data-framer-name="Links"] a[href*="#contact"]:hover,
nav [data-framer-name="Links"] a[href*="#contact"]:focus-visible { background-color:#463327 !important; }
nav [data-framer-name="Links"] a[data-framer-name="Primary"] > div > div,
nav [data-framer-name="Links"] > a > div { border-radius:inherit; }
nav [data-framer-name="Links"] a[data-framer-name="Primary"] .rolling-text-inner-R5mr6laupelp span,
nav [data-framer-name="Links"] a[data-framer-name="Primary"] p[class*="rolling-text-inner"] span {
  font-size:15px !important;
}
nav [data-framer-name="Links"] a[href]:focus-visible,
button:focus-visible, select:focus-visible, input:focus-visible, textarea:focus-visible {
  outline:3px solid var(--stay-focus) !important; outline-offset:3px;
}
select[data-language] { border-radius:5px; transition:color .2s ease; }
select[data-language]:hover { color:#70533e !important; }
/* Botões de formulário: elegância discreta e feedback perceptível. */
form button[type="submit"] {
  border-radius:9px !important;
  transition:background-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
form button[type="submit"]:hover {
  background-color:#33271e !important;
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(20,13,9,.16);
}
form [role="status"] { color:inherit; margin-top:14px; font-size:14px; line-height:1.45; }
/* Vídeo: imagem intacta, controlos simplificados, sem barra nativa. */
[data-framer-name="Video de Abertura"] video { border-radius:inherit; }
.stay-video-wrap { position:relative; }
.stay-video-toggle {
  position:absolute; z-index:5; left:18px; bottom:18px;
  display:grid; place-items:center; width:42px; height:42px;
  padding:0; border:1px solid rgba(255,255,255,.5); border-radius:50%;
  background:rgba(27,25,23,.45); color:#fff;
  backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);
  cursor:pointer; box-shadow:0 2px 12px rgba(0,0,0,.14);
  transition:background .2s ease, transform .2s ease, opacity .2s ease;
}
.stay-video-toggle:hover { background:rgba(27,25,23,.75); transform:scale(1.04); }
.stay-video-toggle svg { width:16px;height:16px;display:block;fill:currentColor; }
.stay-video-toggle:focus-visible { outline:3px solid #fff;outline-offset:3px; }
/* As animações só são ativadas quando há JS e capacidade de movimento. */
@media (prefers-reduced-motion:no-preference) {
  html.stay-motion [data-stay-reveal] { opacity:.88; transform:translateY(10px); transition:opacity .8s ease,transform .8s cubic-bezier(.21,.64,.34,1); }
  html.stay-motion [data-stay-reveal].stay-visible { opacity:1; transform:translateY(0); }
}
@media (min-width:810px) and (max-width:1279.98px) {
  nav [data-framer-name="Links"] { gap:7px !important; }
}
@media (max-width:809.98px) {
  /* Altura do topo: vídeo aproxima-se ligeiramente do menu. */
  .framer-XrZeN section[data-framer-name="Video de Abertura"] {
    padding-top:23px !important;
    padding-bottom:8px !important;
  }
  /* Um único eixo de navegação e possibilidade de deslizar em traduções compridas. */
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Navigation Bar"] {
    gap:5px !important;
    padding:10px 6px 11px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Dropdown"] {
    width:100% !important; max-width:100%; overflow:hidden !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] {
    display:flex !important; flex:1 1 auto !important;
    flex-flow:row nowrap !important;
    justify-content:safe center !important;
    align-items:center !important;
    width:100% !important; max-width:100%; gap:5px !important;
    overflow-x:auto !important; overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch; scrollbar-width:none;
    padding:2px 2px 5px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"]::-webkit-scrollbar { display:none; }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] > div,
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] > a { flex:0 0 auto !important; }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] a[data-framer-name="Primary"] {
    border-radius:8px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] a[data-framer-name="Primary"] div[style*="padding:8px"] {
    padding:7px 7px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] > a > div {
    padding:0 !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] > a {
    border-radius:8px !important; padding:7px 9px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] > a p {
    font-size:13px !important;
  }
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] p[class*="rolling-text-inner"] span {
    font-size:13px !important;
    line-height:1.16 !important;
  }
  .framer-XrZeN h1.framer-text {
    font-size:clamp(34px,10vw,43px) !important;
    letter-spacing:-.045em !important;
    line-height:1.09 !important;
  }
  [data-framer-name="Video de Abertura"] .stay-video-toggle {
    left:12px;bottom:12px;width:38px;height:38px;
  }
}
@media (max-width:359px) {
  nav.framer-c2rOD.framer-v-nxexk7 [data-framer-name="Links"] { justify-content:flex-start !important; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  .stay-video-toggle, nav a, form button { transition:none !important; transform:none !important; }
}

/* StayByMe preview v0.2 — Fix for HTML snapshots from Framer.
   Some sections were exported while a scroll-entry animation was still at
   opacity:0.001. Their animation driver is not present in this static preview,
   so reveal ONLY the known blog rich text, banners and blog cards. */
.framer-1s8kpdo[data-framer-component-type="RichTextContainer"][style*="opacity:0.001"],
.framer-cv02m7[data-framer-name="Date & Banner"][style*="opacity:0.001"],
.framer-khup2v-container[style*="opacity:0.001"] {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}