/*
 * theme.css - Policlínica F. Diniz
 * -----------------------------------------------------------------------
 * Paleta placeholder (tons de azul-saúde + verde-água), baseada nas cores
 * do logotipo enviado. Assim que as cores oficiais forem definidas, basta
 * atualizar os valores HEX abaixo — todo o site (institucional + admin)
 * é construído em cima destas variáveis via Tailwind (ver tailwind.config
 * embutido em cada página, que lê estas mesmas custom properties).
 * -----------------------------------------------------------------------
 */

:root {
    /* Azul institucional (marca / confiança) */
    --color-primary-50:  #eef5fc;
    --color-primary-100: #d7e7f7;
    --color-primary-200: #b3d1ef;
    --color-primary-300: #82b2e3;
    --color-primary-400: #4d8dd2;
    --color-primary-500: #2a6cb8;
    --color-primary-600: #1f5296;   /* cor principal da marca */
    --color-primary-700: #1c437a;
    --color-primary-800: #1a3861;
    --color-primary-900: #142946;

    /* Verde-água (saúde / higiene / bem-estar) */
    --color-secondary-50:  #edfbf6;
    --color-secondary-100: #d1f5e8;
    --color-secondary-200: #a6ead4;
    --color-secondary-300: #6fd8ba;
    --color-secondary-400: #3fc09e;
    --color-secondary-500: #23a382;   /* cor secundária / destaque */
    --color-secondary-600: #18836a;
    --color-secondary-700: #146857;
    --color-secondary-800: #125345;
    --color-secondary-900: #0f4339;

    /* Tons neutros para textos e fundos */
    --color-neutral-50:  #f8fafc;
    --color-neutral-100: #f1f5f9;
    --color-neutral-800: #1e293b;
    --color-neutral-900: #0f172a;

    /* Cor de destaque para ações urgentes / CTA de WhatsApp */
    --color-accent: #22c55e;
    --color-accent-dark: #16a34a;
}

body {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* Scroll suave para âncoras do menu */
html {
    scroll-behavior: smooth;
}

/* Alpine.js: evita "flash" de elementos antes da inicialização */
[x-cloak] {
    display: none !important;
}

/* Utilitário simples para truncar textos de descrição curta */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Conteúdo formatado vindo do editor do painel (ex.: Política de Privacidade) */
.conteudo-rico > * + * { margin-top: 0.85rem; }
.conteudo-rico h2 { margin-top: 2rem; font-size: 1.25rem; font-weight: 700; color: var(--color-primary-900); }
.conteudo-rico h3 { margin-top: 1.5rem; font-size: 1.05rem; font-weight: 700; color: var(--color-primary-800); }
.conteudo-rico ul { list-style: disc; padding-left: 1.5rem; }
.conteudo-rico ol { list-style: decimal; padding-left: 1.5rem; }
.conteudo-rico li + li { margin-top: 0.25rem; }
.conteudo-rico a { font-weight: 600; color: var(--color-primary-600); }
.conteudo-rico a:hover { text-decoration: underline; }