/* ============================================================ Hospital Unimed Três Corações Estilos alinhados ao Manual de Utilização da Marca Unimed ============================================================ */ /* ===== Prose (richtext do Wagtail) ===== */ .prose { color: #1e293b; line-height: 1.7; } .prose h2 { font-size: 1.5rem; font-weight: 700; color: #005C40; margin: 1.5rem 0 0.75rem; } .prose h3 { font-size: 1.25rem; font-weight: 700; color: #005C40; margin: 1.25rem 0 0.5rem; } .prose p { margin-bottom: 1rem; } .prose ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; } .prose ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1rem; } .prose li { margin-bottom: 0.25rem; } .prose a { color: #00995D; text-decoration: underline; } .prose a:hover { color: #005C40; } .prose blockquote { border-left: 4px solid #00995D; padding-left: 1rem; color: #475569; font-style: italic; margin: 1rem 0; } .prose strong { color: #0f172a; } .prose img { border-radius: 0.5rem; margin: 1rem 0; } .prose-invert { color: #fff; } .prose-invert h2, .prose-invert h3 { color: #B1D34B; } .prose-invert strong { color: #fff; } .prose-invert a { color: #B1D34B; } .prose-invert a:hover { color: #fff; } .prose-invert blockquote { color: #fff; border-left-color: #B1D34B; } /* ===== Tipografia (Manual Unimed) ===== */ body { font-feature-settings: 'cv11', 'ss01'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400; letter-spacing: -0.005em; } h1, h2, h3, h4, h5, h6 { letter-spacing: -0.01em; } /* ===== Utility brand classes ===== */ /* Eyebrow: micro-texto acima de títulos (padrao Unimed) */ .eyebrow { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3em; color: #00995D; margin-bottom: 0.5rem; } /* Selo certificacao Diamante */ .selo-diamante-mini { display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(135deg, #FFF0C7, #B1D34B); border: 1px solid rgba(0,153,93,0.3); border-radius: 9999px; padding: 0.25rem 0.75rem; font-size: 0.7rem; font-weight: 700; color: #005C40; } /* Botão padrão Unimed (caso queira CSS puro) */ .btn-unimed { display: inline-flex; align-items: center; gap: 0.5rem; background: #00995D; color: white; font-weight: 600; padding: 0.75rem 1.5rem; border-radius: 9999px; transition: all 0.2s; box-shadow: 0 4px 12px -4px rgba(0,153,93,0.4); } .btn-unimed:hover { background: #005C40; transform: translateY(-1px); box-shadow: 0 6px 16px -4px rgba(0,153,93,0.5); } /* Card padrão Unimed */ .card-unimed { background: white; border: 1px solid #e2e8f0; border-radius: 1rem; padding: 1.5rem; transition: box-shadow 0.2s, transform 0.2s; } .card-unimed:hover { box-shadow: 0 10px 25px -10px rgba(0,153,93,0.15); transform: translateY(-2px); border-color: #00995D; } /* Selecao de texto na cor da marca */ ::selection { background: #B1D34B; color: #005C40; } /* Scrollbar com cor da marca */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f5f9; } ::-webkit-scrollbar-thumb { background: #00995D; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #005C40; } /* Focus visivel acessivel - cor da marca */ *:focus-visible { outline: 2px solid #00995D; outline-offset: 2px; border-radius: 2px; } /* Skip-link com cor da marca */ a[href="#conteudo"]:focus { background: #00995D !important; } /* ===== Acessibilidade: tamanho de fonte e alto contraste ===== */ /* Aplicado em via JS, persistido em localStorage */ html.a11y-font-small { font-size: 90%; } html.a11y-font-large { font-size: 118%; } html.a11y-contrast body { background: #000 !important; color: #fff !important; } html.a11y-contrast a, html.a11y-contrast a * { color: #FFD700 !important; } html.a11y-contrast .bg-white, html.a11y-contrast .bg-slate-50, html.a11y-contrast .bg-slate-100, html.a11y-contrast .bg-unimed-cream, html.a11y-contrast .bg-unimed-cream\/30, html.a11y-contrast .bg-unimed-cream\/40 { background: #000 !important; color: #fff !important; } html.a11y-contrast .text-slate-600, html.a11y-contrast .text-slate-700, html.a11y-contrast .text-slate-800, html.a11y-contrast .text-slate-900 { color: #fff !important; } html.a11y-contrast img:not([alt=""]) { filter: contrast(1.1) brightness(1.1); } /* VLibras: deixa o botao acima do FAB do WhatsApp */ [vw][vw-access-button] { z-index: 50 !important; }