/* ═══════════════════════════════════════════════════════════════ massambaba.css — folha de estilos compartilhada das páginas-guia Extraído verbatim de Site Massambaba v3.html (tokens, base, btns) NÃO modifique aqui; sincronize com o arquivo-fonte ao atualizar. USO no de cada página-guia (raiz publicada = pasta Html/): (caminho absoluto — resolve igual em /, /en/ e /es/. Para teste local via file:// use href relativo: ../assets/massambaba.css) ═══════════════════════════════════════════════════════════════ */ /* ═══ TOKENS · Urban jungle ════════════════════════════════════ linen papel quente (fundo principal) cream papel mais claro (cards) forest verde mata profunda (seções escuras) leaf verde folha (acentos) sage verde suave (chips, detalhes) clay terracota quente (CTA primária — calmo) bark marrom madeira (mid) ink tinta de carimbo ════════════════════════════════════════════════════════════ */ :root{ --linen:#EFE8D4; --linen-2:#E5DCC3; --cream:#F8F2DC; --paper:#FBF6E4; --forest:#1F3322; --forest-2:#0F2014; --leaf:#3D6B3A; --leaf-2:#2A4D27; --sage:#8FA078; --sage-2:#A8B690; --clay:#B5704F; --clay-2:#8F5536; --bark:#6B4A2E; --ink:#1A1714; --ink-2:#3A332C; --muted:#7A6F62; --rule:#D8CFB8; --med:#3D6B3A; /* verde médio (breadcrumb) — alias de --leaf */ --sand:#F2EAD8; /* areia quente (fundo do bloco CTA) */ --wa:#1A4A1F; /* verde WhatsApp */ --wa-2:#0F2D12; /* verde WhatsApp (hover) */ } /* ── Reset & base ── */ *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth;font-size:16px} body{ font-family:'Inter Tight','Helvetica Neue',Helvetica,sans-serif; font-weight:400; background:var(--linen);color:var(--ink); line-height:1.65; -webkit-font-smoothing:antialiased; overflow-x:hidden; } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important} } img,svg{display:block;max-width:100%} a{color:inherit;text-decoration:none} ul,ol{list-style:none} button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit} input,select,textarea{font-family:inherit;font-size:inherit;color:inherit} ::selection{background:var(--leaf);color:var(--linen)} /* ── Base typography ── */ h1,h2,h3{line-height:1.1} p{line-height:1.65} /* ── Button components (CTA) ── */ .btn{ display:inline-flex;align-items:center;gap:.7rem; padding:1.05rem 1.9rem; font-family:'JetBrains Mono',monospace;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500; border-radius:99px;border:1.5px solid transparent; transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .3s ease; } .btn:hover{transform:translateY(-2px)} .btn--clay{background:var(--clay);color:var(--linen);border-color:var(--clay);box-shadow:0 8px 24px rgba(181,112,79,.28)} .btn--clay:hover{background:var(--clay-2);border-color:var(--clay-2);box-shadow:0 14px 32px rgba(181,112,79,.4)} .btn--wa{background:var(--wa);color:var(--linen);border-color:var(--wa);box-shadow:0 8px 22px rgba(26,74,31,.25)} .btn--wa:hover{background:var(--wa-2);border-color:var(--wa-2);box-shadow:0 14px 30px rgba(26,74,31,.4)} .btn .arr{transition:transform .25s;font-size:1.05em;line-height:1} .btn:hover .arr{transform:translateX(4px)} /* ── Páginas de conteúdo (guias) ── */ .wrap{max-width:760px;margin:0 auto;padding:0 1.2rem} .crumbs{font:500 .85rem/1.4 'JetBrains Mono',monospace;color:var(--med,#3D6B3A);padding:1.2rem 0;opacity:.8} .crumbs a{color:inherit} article h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,5vw,3rem);line-height:1.05;margin:.4em 0} article h2{font-family:'Cormorant Garamond',serif;font-size:clamp(1.4rem,3.5vw,2rem);margin:1.6em 0 .4em} article h3{font-family:'Inter Tight',sans-serif;font-weight:600;font-size:1.1rem;margin:1.2em 0 .3em} article p,article li{font-family:'Inter Tight',sans-serif;font-size:1.05rem;line-height:1.7} article figure{margin:1.4rem 0} article img{width:100%;height:auto;border-radius:14px;display:block} .cta-book{margin:2.4rem 0;padding:1.6rem;border-radius:16px;background:var(--sand,#F2EAD8);text-align:center} .cta-book .btn{margin:.4rem} .related{font-size:.95rem;margin:2rem 0;padding-top:1rem;border-top:1px solid rgba(0,0,0,.12)} .faq__q{font-weight:600;margin-top:1rem}