/* Naninha Saúde — identidade visual de naninhasaude.com Medida na página renderizada: verde #11914C (títulos e botões), dourado #BDAE37 (chamadas), texto #2C3E50, títulos em Poiret One, corpo em Montserrat, cantos de 4px, sem sombras. Nota: as regras abaixo vencem as classes utilitárias do aplicativo, por isso são poucas e específicas. As cores chegam à interface pelas variáveis, não por regras em cima de cada componente. */ @import url('https://naninhasaude.com/wp-content/uploads/elementor/google-fonts/css/montserrat.css'); @import url('https://naninhasaude.com/wp-content/uploads/elementor/google-fonts/css/poiretone.css'); :root { /* O !important é necessário: o aplicativo define estas variáveis no atributo style do , que vence uma folha de estilo comum. */ --brand-primary: #11914c !important; --brand-accent: #bdae37 !important; --surface: #ffffff !important; --surface-raised: #fbf8f1 !important; --border: #e6e2d6 !important; --text: #2c3e50 !important; --text-muted: #6b7a88 !important; --success: #11914c !important; --danger: #c0392b !important; } body { font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif; line-height: 1.5; } /* Títulos em Poiret One, verdes e leves, como no site. */ h1, h2, h3, h4 { font-family: 'Poiret One', 'Montserrat', system-ui, sans-serif; font-weight: 600; line-height: 1.2; } /* Links de conteúdo em verde. A exclusão de elementos com fundo próprio é essencial: os botões do aplicativo são com fundo verde e texto branco, e uma regra ampla em `a` apagaria o rótulo (verde no verde). */ a:not([class*='bg-']) { color: var(--brand-primary); text-underline-offset: 2px; } a:not([class*='bg-']):hover { color: var(--brand-accent); } /* Cantos discretos: o site usa 3–4px. */ button, input, select, textarea, a[class*='bg-'] { border-radius: 4px; } /* Foco visível no verde da marca. */ input:focus, select:focus, textarea:focus { outline: 2px solid var(--brand-primary); outline-offset: 1px; } /* Cabeçalhos de tabela no tom quente das seções do site. */ thead th { background-color: var(--surface-raised); font-weight: 600; }