/* Herah · estilos das páginas Em breve e políticas. Extraído do site original (herah-cuidado.luhskopinski.chatgpt.site) em 2026-09-23: só as regras que essas páginas usam. */
:root { --background: #f3f0e8; --foreground: #2e4a3f; --card: #fff; --card-foreground: #2e4a3f; --popover: #fff; --popover-foreground: #2e4a3f; --primary: #2e4a3f; --primary-foreground: #f3f0e8; --secondary: #e4eade; --secondary-foreground: #2e4a3f; --muted: #e9ede5; --muted-foreground: #59685d; --accent: #7fa58a; --accent-foreground: #20382d; --destructive: #993c34; --border: #d6dbd0; --input: #abb7a9; --ring: #2e4a3f; --radius: .3rem; --sage: #7fa58a; --forest: #2e4a3f; --cream: #f3f0e8; --ink: #20382d; --gold: #d4af37; --chart-1: #2e4a3f; --chart-2: #7fa58a; --chart-3: #d4af37; --chart-4: #a99d8c; --chart-5: #59685d; --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; }
* { box-sizing: border-box; }
html { scroll-behavior: auto; scroll-padding-top: 32px; }
body { background: var(--cream); color: var(--forest); -webkit-font-smoothing: antialiased; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 1.6; }
button, a, input { touch-action: manipulation; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, p { margin: 0px; }
h1, h2 { letter-spacing: -0.045em; font-family: Georgia, "Times New Roman", serif; font-weight: 400; line-height: 1.08; }
em { font-family: Georgia, serif; font-weight: 400; }
img { max-width: 100%; display: block; }
svg { flex-shrink: 0; }
:is(button:focus-visible, a:focus-visible, summary:focus-visible) { outline: 2px solid var(--forest); outline-offset: 5px; }
h1:focus { outline: none; }
::selection { background: rgba(212, 175, 55, 0.44); }
.skip-link { z-index: 200; background: var(--forest); color: rgb(255, 255, 255); padding: 12px 20px; position: fixed; top: -100px; left: 20px; }
.skip-link:focus { top: 10px; }
.eyebrow, .section-label { letter-spacing: 0.13em; text-transform: uppercase; font-size: 0.75rem; font-weight: 500; line-height: 1.7; }
.eyebrow { margin-bottom: 26px; }
.site-header { background: rgb(255, 255, 255); justify-content: space-between; align-items: center; gap: 24px; height: 100px; padding: 0px 6vw; display: flex; }
.logo { flex-shrink: 0; display: inline-flex; }
.logo img { width: 151px; height: auto; }
@media (max-width: 1100px) {
.site-header { gap: 20px; height: 88px; padding: 0px 4vw; }
.logo img { width: 128px; }
}
@media (max-width: 850px) {
.site-header { height: 82px; }
}
@media (max-width: 600px) {
.site-header { gap: 10px; height: 78px; padding: 0px 22px; }
.logo img { width: 123px; }
}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after { scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
}
.coming-header { height: 94px; }
.coming-preview-link { border-bottom: 1px solid rgb(182, 192, 173); align-items: center; gap: 18px; padding: 10px 0px; font-size: 0.875rem; display: flex; }
.coming-soon { isolation: isolate; color: rgb(255, 249, 236); background: rgb(82, 116, 101); flex-direction: column; justify-content: center; min-height: calc(-94px + 100svh); display: flex; position: relative; overflow: hidden; }
.coming-background { object-fit: cover; object-position: 61% 48%; z-index: -3; width: 100%; height: 100%; position: absolute; inset: 0px; }
.coming-shade { z-index: -2; background: linear-gradient(90deg, rgba(26, 52, 41, 0.88) 0%, rgba(35, 61, 44, 0.72) 27%, rgba(36, 57, 39, 0.32) 49%, rgba(39, 61, 42, 0) 75%), linear-gradient(rgba(0, 0, 0, 0) 75%, rgba(21, 40, 30, 0.74)); position: absolute; inset: 0px; }
.coming-content { max-width: 760px; padding: 65px 7.2vw 145px; }
.coming-content .eyebrow { letter-spacing: 0.11em; color: rgb(243, 236, 213); align-items: center; gap: 14px; margin-bottom: 31px; font-size: 0.75rem; display: flex; }
.coming-content .eyebrow > span { background: rgb(212, 175, 55); width: 27px; height: 1px; }
.coming-content h1 { letter-spacing: -0.055em; text-shadow: rgba(34, 59, 38, 0.1) 0px 1px 15px; font-size: clamp(64px, 6.7vw, 103px); line-height: 1.035; }
.coming-content h1 em { color: rgb(238, 219, 167); }
.coming-status { letter-spacing: 0.14em; text-transform: uppercase; align-items: center; gap: 16px; margin-top: 32px; font-size: 0.875rem; display: flex; }
.coming-status > span { background: rgb(212, 175, 55); width: 37px; height: 1px; }
.coming-description { color: rgb(243, 240, 232); max-width: 365px; margin-top: 24px; font-size: 1rem; line-height: 1.8; }
.coming-signature { color: rgb(238, 219, 167); margin-top: 24px; font-family: Georgia, serif; font-size: 1.375rem; font-style: italic; }
.coming-bottom { border-top: 1px solid rgba(243, 240, 232, 0.25); justify-content: space-between; align-items: center; gap: 25px; padding-top: 24px; font-size: 0.75rem; display: flex; position: absolute; bottom: 32px; left: 7.2vw; right: 7.2vw; }
.coming-bottom > span { letter-spacing: 0.08em; }
.coming-bottom > a { align-items: center; gap: 13px; font-size: 0.875rem; display: flex; }
.coming-bottom nav { gap: 20px; font-size: 0.75rem; display: flex; }
.coming-bottom a:hover { text-underline-offset: 5px; text-decoration: underline; }
.coming-soon a:focus-visible { outline-color: rgb(255, 249, 236); }
@media (max-width: 850px) {
.coming-content { padding: 60px 6vw 140px; }
.coming-content h1 { font-size: 74px; }
.coming-shade { background: linear-gradient(90deg, rgba(26, 52, 41, 0.86), rgba(35, 61, 44, 0.72) 35%, rgba(36, 57, 39, 0.18) 75%), linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(21, 40, 30, 0.8)); }
.coming-bottom { flex-wrap: wrap; left: 6vw; right: 6vw; }
.coming-bottom > span { width: 100%; }
.coming-header { height: 82px; }
.coming-soon { min-height: calc(-82px + 100svh); }
}
@media (max-width: 600px) {
.coming-header { height: 78px; }
.coming-preview-link { gap: 9px; font-size: 0.875rem; }
.coming-soon { justify-content: flex-start; min-height: calc(-78px + 100svh); }
.coming-background { object-position: 64% center; }
.coming-shade { background: linear-gradient(90deg, rgba(25, 55, 40, 0.81), rgba(36, 62, 45, 0.4) 60%, rgba(25, 55, 40, 0.133)), linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(25, 50, 38, 0.85)); }
.coming-content { max-width: 100%; padding: 48px 26px 176px; }
.coming-content .eyebrow { letter-spacing: 0.03em; gap: 10px; margin-bottom: 28px; font-size: 0.75rem; }
.coming-content .eyebrow > span { width: 18px; }
.coming-content h1 { font-size: clamp(53px, 14vw, 70px); line-height: 1.06; }
.coming-status { margin-top: 30px; font-size: 0.875rem; }
.coming-description { max-width: 290px; margin-top: 21px; line-height: 1.75; }
.coming-signature { margin-top: 22px; font-size: 1.25rem; }
.coming-bottom { gap: 15px; padding-top: 19px; bottom: 26px; left: 26px; right: 26px; }
.coming-bottom > span { letter-spacing: 0.02em; font-size: 0.75rem; }
.coming-bottom > a { font-size: 0.875rem; }
.coming-bottom nav { gap: 16px; font-size: 0.75rem; }
}
button { font: inherit; cursor: pointer; }
button:disabled { opacity: 0.38; cursor: not-allowed; }
.privacy-notice { z-index: 40; background: rgb(255, 255, 255); border: 1px solid rgb(215, 223, 208); align-items: center; gap: 18px; max-width: 1040px; margin: 0px auto; padding: 20px 24px; display: flex; position: fixed; bottom: 18px; left: 24px; right: 24px; box-shadow: rgba(27, 50, 39, 0.145) 0px 5px 45px; }
.privacy-notice strong { font-size: 0.875rem; font-weight: 500; display: block; }
.privacy-notice p { color: rgb(86, 102, 79); margin-top: 3px; font-size: 0.75rem; line-height: 1.6; }
.privacy-notice a { text-underline-offset: 3px; text-decoration: underline; }
.notice-button { background: var(--forest); color: rgb(255, 255, 255); white-space: nowrap; border: 0px; margin-left: auto; padding: 11px 22px; font-size: 0.875rem; }
.notice-close { background: 0px 0px; border: 0px; padding: 8px; }
.back-home { align-items: center; gap: 10px; font-size: 0.875rem; display: inline-flex; }
.legal-top { background: rgb(226, 233, 218); padding: 40px 8vw 54px; }
.legal-top .back-home { margin-bottom: 44px; }
.legal-top .eyebrow { margin-bottom: 18px; }
.legal-top h1 { font-size: clamp(40px, 5vw, 68px); }
.legal-intro { max-width: 640px; margin-top: 24px; font-size: 1.0625rem; line-height: 1.8; }
.legal-version { color: rgb(89, 104, 93); margin-top: 23px; font-size: 0.75rem; display: block; }
.legal-body { grid-template-columns: 255px 1fr; gap: 6vw; padding: 65px 8vw 90px; display: grid; }
.legal-nav { border-top: 1px solid rgb(205, 213, 196); flex-direction: column; align-self: start; display: flex; }
.legal-nav a { border-bottom: 1px solid rgb(205, 213, 196); justify-content: space-between; gap: 15px; padding: 15px 5px; font-size: 0.875rem; display: flex; }
.legal-nav a[aria-current="page"] { font-weight: 600; }
.legal-nav a:not([aria-current]) { color: rgb(89, 104, 93); }
.legal-content { max-width: 780px; }
.legal-content > section { border-bottom: 1px solid rgb(216, 222, 208); gap: 23px; margin-bottom: 30px; padding-bottom: 38px; display: flex; }
.legal-number { color: rgb(118, 102, 51); margin-top: 6px; font-size: 0.75rem; }
.legal-content h2 { letter-spacing: -0.03em; margin-bottom: 17px; font-size: 28px; line-height: 1.2; }
.legal-content p { color: rgb(89, 104, 93); font-size: 1rem; line-height: 1.85; }
.legal-sources h3 { margin-bottom: 13px; font-size: 0.875rem; font-weight: 500; }
.legal-sources a { text-underline-offset: 3px; align-items: center; gap: 8px; margin: 12px 0px; font-size: 0.875rem; text-decoration: underline; display: flex; }
@media (max-width: 1100px) {
.site-header { gap: 20px; height: 88px; padding: 0px 4vw; }
.logo img { width: 128px; }
.legal-body { grid-template-columns: 210px 1fr; gap: 5vw; }
}
@media (max-width: 850px) {
.site-header { height: 82px; }
.privacy-notice { gap: 14px; padding: 17px; left: 16px; right: 16px; }
.privacy-notice > svg { display: none; }
.legal-body { grid-template-columns: 1fr; }
.legal-nav { border: 0px; flex-flow: wrap; gap: 0px 25px; }
.legal-content { margin-top: 20px; }
.legal-content > section { gap: 17px; }
.legal-top { padding: 30px 6vw 43px; }
.legal-body { padding: 35px 6vw 70px; }
}
@media (max-width: 600px) {
.site-header { gap: 10px; height: 78px; padding: 0px 22px; }
.logo img { width: 123px; }
.privacy-notice { grid-template-columns: 1fr auto; gap: 12px; padding: 15px 17px; display: grid; bottom: 12px; left: 12px; right: 12px; }
.privacy-notice > div { grid-column: 1 / 3; padding-right: 15px; }
.privacy-notice strong { padding-right: 13px; }
.privacy-notice p { margin-top: 5px; }
.notice-button { grid-column: 1; justify-self: start; margin: 0px; padding: 8px 24px; }
.notice-close { position: absolute; top: 9px; right: 8px; }
.legal-top { padding: 25px 26px 40px; }
.legal-top .back-home { margin-bottom: 33px; }
.legal-top h1 { font-size: 43px; }
.legal-intro { font-size: 1rem; line-height: 1.75; }
.legal-body { gap: 28px; padding: 28px 26px 55px; }
.legal-nav { gap: 0px 20px; }
.legal-nav a { padding: 12px 0px; }
.legal-nav svg { display: none; }
.legal-content > section { gap: 13px; margin-bottom: 25px; padding-bottom: 28px; }
.legal-content h2 { font-size: 26px; }
}