/* Modelo de medicina — consultório clínico.
   Paleta fria e clara, do azul-petróleo à areia, escolhida a partir das
   fotos: branco, mármore, madeira clara e verde de planta. Nenhuma fonte
   externa: o display é a pilha de serifas do próprio sistema, o que dá o
   ar editorial sem uma requisição a mais. */

.model-demo[data-model="medicina"] {
  --ink:#12303d;
  --ink-2:#1b4152;
  --paper:#ffffff;
  --areia:#f6f2ec;
  --agua:#eef4f7;
  --azul:#3a7488;
  --azul-2:#28596b;
  --sage:#7d9c8c;
  --texto:#26414c;
  --muted:#566d79;
  --linha:#e2eaee;
  --max:1180px;
  --serif:ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;
  --sombra:0 18px 44px rgba(18,48,61,.10);
  background:var(--paper);
  color:var(--texto);
}

[data-model="medicina"] .container { width:min(100% - 40px, var(--max)); margin-inline:auto; }
[data-model="medicina"] h1,
[data-model="medicina"] h2,
[data-model="medicina"] h3 { font-family:var(--serif); font-weight:600; color:var(--ink); }
[data-model="medicina"] .eyebrow {
  margin:0 0 16px; font:600 12px/1.5 var(--tofy-font); letter-spacing:.18em;
  text-transform:uppercase; color:var(--azul);
}
[data-model="medicina"] .section-heading { max-width:56ch; }
[data-model="medicina"] .section-heading h2 { margin:0 0 14px; font-size:clamp(30px,3.6vw,42px); line-height:1.15; }
[data-model="medicina"] .section-heading p { margin:0; font-size:17px; line-height:1.65; color:var(--muted); }

/* botões */
[data-model="medicina"] .btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:15px 26px; border-radius:999px; border:1px solid transparent;
  font:600 15.5px/1 var(--tofy-font); text-decoration:none; cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
[data-model="medicina"] .btn-primary { background:var(--azul); color:#fff; }
[data-model="medicina"] .btn-primary:hover { background:var(--azul-2); transform:translateY(-2px); box-shadow:0 12px 26px rgba(44,99,119,.28); }
[data-model="medicina"] .btn-outline { border-color:var(--linha); color:var(--ink); background:var(--paper); }
[data-model="medicina"] .btn-outline:hover { border-color:var(--azul); background:var(--agua); }
[data-model="medicina"] .btn-small { min-height:44px; padding:11px 20px; font-size:14.5px; }

/* cabeçalho do negócio */
[data-model="medicina"] .model-business { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--linha); }
[data-model="medicina"] .nav-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; }
[data-model="medicina"] .brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--ink); }
[data-model="medicina"] .brand-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--agua); color:var(--azul); }
[data-model="medicina"] .brand-icon svg { width:22px; height:22px; }
[data-model="medicina"] .brand strong { display:block; font-family:var(--serif); font-size:19px; line-height:1.15; }
[data-model="medicina"] .brand em { display:block; margin-top:3px; font-style:normal; font:500 10.5px/1 var(--tofy-font); letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
[data-model="medicina"] .main-nav { display:flex; gap:26px; }
[data-model="medicina"] .main-nav a { display:inline-flex; align-items:center; min-height:44px; font:500 14.5px/1 var(--tofy-font); color:var(--texto); text-decoration:none; }
[data-model="medicina"] .main-nav a:hover { color:var(--azul); }

/* herói */
[data-model="medicina"] .hero { background:linear-gradient(180deg, var(--agua), var(--paper) 78%); padding:64px 0 76px; }
[data-model="medicina"] .hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); gap:56px; align-items:center; }
[data-model="medicina"] .hero h1 { margin:0 0 20px; font-size:clamp(38px,5vw,58px); line-height:1.08; letter-spacing:-.01em; max-width:16ch; }
[data-model="medicina"] .hero h1 em { font-style:italic; color:var(--azul); }
[data-model="medicina"] .hero-text { margin:0 0 30px; max-width:52ch; font-size:17.5px; line-height:1.68; color:var(--muted); }
[data-model="medicina"] .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
[data-model="medicina"] .hero-credencial {
  margin:32px 0 0; padding-top:22px; border-top:1px solid var(--linha);
  font-size:14.5px; line-height:1.6; color:var(--muted);
}
[data-model="medicina"] .hero-credencial strong { display:block; font-family:var(--serif); font-size:18px; color:var(--ink); margin-bottom:4px; }
[data-model="medicina"] .hero-media { position:relative; }
[data-model="medicina"] .hero-photo { display:block; width:100%; height:auto; border-radius:200px 200px 22px 22px; box-shadow:var(--sombra); }
[data-model="medicina"] .hero-selo {
  position:absolute; left:-26px; bottom:38px; max-width:230px; padding:18px 20px;
  border-radius:16px; background:var(--paper); box-shadow:var(--sombra);
  border:1px solid var(--linha);
}
[data-model="medicina"] .hero-selo strong { display:block; font-family:var(--serif); font-size:17px; color:var(--ink); }
[data-model="medicina"] .hero-selo span { display:block; margin-top:5px; font-size:13.5px; line-height:1.5; color:var(--muted); }

/* faixa de reforço */
[data-model="medicina"] .faixa { border-block:1px solid var(--linha); background:var(--areia); }
[data-model="medicina"] .faixa-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:30px 0; }
[data-model="medicina"] .faixa-item { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; align-items:start; }
[data-model="medicina"] .faixa-item svg { grid-row:1 / span 2; width:22px; height:22px; margin-top:2px; color:var(--azul); }
[data-model="medicina"] .faixa-item strong { font:600 15px/1.35 var(--tofy-font); color:var(--ink); }
[data-model="medicina"] .faixa-item span { font-size:13.5px; line-height:1.5; color:var(--muted); }

/* seções */
[data-model="medicina"] .secao { padding:88px 0; }
[data-model="medicina"] .secao-clara { background:var(--areia); }

/* sobre */
[data-model="medicina"] .sobre-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:56px; align-items:center; }
[data-model="medicina"] .sobre-foto { display:block; width:100%; height:auto; border-radius:22px; box-shadow:var(--sombra); }
[data-model="medicina"] .sobre-copy p { margin:0 0 16px; font-size:17px; line-height:1.7; color:var(--muted); max-width:58ch; }
[data-model="medicina"] .credenciais { list-style:none; margin:26px 0 0; padding:0; display:grid; gap:12px; }
[data-model="medicina"] .credenciais li { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:12px; align-items:start;
  padding-top:12px; border-top:1px solid var(--linha); font-size:15.5px; line-height:1.55; color:var(--texto); }
[data-model="medicina"] .credenciais svg { width:18px; height:18px; margin-top:2px; color:var(--sage); }

/* atendimentos */
[data-model="medicina"] .atend-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:44px; }
[data-model="medicina"] .atend-card {
  padding:30px 26px; border:1px solid var(--linha); border-radius:18px; background:var(--paper);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
[data-model="medicina"] .atend-card:hover { transform:translateY(-4px); box-shadow:var(--sombra); border-color:#cfdde4; }
[data-model="medicina"] .atend-card .ico { display:grid; place-items:center; width:46px; height:46px; margin-bottom:18px; border-radius:13px; background:var(--agua); color:var(--azul); }
[data-model="medicina"] .atend-card .ico svg { width:23px; height:23px; }
[data-model="medicina"] .atend-card h3 { margin:0 0 10px; font-size:20px; line-height:1.3; }
[data-model="medicina"] .atend-card p { margin:0; font-size:15.5px; line-height:1.65; color:var(--muted); }

/* como funciona */
[data-model="medicina"] .passos { list-style:none; margin:44px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; counter-reset:passo; }
[data-model="medicina"] .passos li { counter-increment:passo; }
[data-model="medicina"] .passos li::before {
  content:counter(passo); display:grid; place-items:center; width:38px; height:38px;
  margin-bottom:16px; border-radius:50%; background:var(--ink); color:#fff;
  font:600 15px/1 var(--tofy-font);
}
[data-model="medicina"] .passos h3 { margin:0 0 8px; font-size:18px; line-height:1.35; }
[data-model="medicina"] .passos p { margin:0; font-size:15px; line-height:1.62; color:var(--muted); }

/* estrutura */
[data-model="medicina"] .estrutura-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:44px; }
[data-model="medicina"] .estrutura figure { margin:0; border-radius:20px; overflow:hidden; background:var(--paper); border:1px solid var(--linha); }
[data-model="medicina"] .estrutura img { display:block; width:100%; height:auto; }
[data-model="medicina"] .estrutura figcaption { padding:18px 22px; font-size:15px; line-height:1.55; color:var(--muted); }
[data-model="medicina"] .estrutura figcaption strong { display:block; font-family:var(--serif); font-size:18px; color:var(--ink); margin-bottom:4px; }

/* onde atendo */
[data-model="medicina"] .local-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:36px; }
[data-model="medicina"] .local-card { padding:26px; border-radius:18px; background:var(--paper); border:1px solid var(--linha); }
[data-model="medicina"] .local-card h3 { margin:0 0 10px; font-size:17px; line-height:1.3; }
[data-model="medicina"] .local-card p { margin:0; font-size:15.5px; line-height:1.65; color:var(--muted); }

/* faq */
[data-model="medicina"] .faq-lista { margin-top:40px; border-top:1px solid var(--linha); }
[data-model="medicina"] .faq-lista details { border-bottom:1px solid var(--linha); }
[data-model="medicina"] .faq-lista summary {
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  min-height:62px; padding:14px 0; cursor:pointer; list-style:none;
  font:600 17px/1.4 var(--serif); color:var(--ink);
}
[data-model="medicina"] .faq-lista summary::-webkit-details-marker { display:none; }
[data-model="medicina"] .faq-lista summary::after {
  content:""; flex:none; width:10px; height:10px; border-right:2px solid var(--azul);
  border-bottom:2px solid var(--azul); transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .2s ease;
}
[data-model="medicina"] .faq-lista details[open] summary::after { transform:rotate(-135deg) translate(-2px,-2px); }
[data-model="medicina"] .faq-lista details p { margin:0 0 20px; max-width:76ch; font-size:16px; line-height:1.7; color:var(--muted); }

/* chamada final */
[data-model="medicina"] .cta { position:relative; overflow:hidden; background:var(--ink); color:#fff; }
[data-model="medicina"] .cta-bg { position:absolute; inset:0; background:url('assets/cta-bg.jpg') center/cover no-repeat; background-image:image-set(url('assets/cta-bg.webp') type('image/webp'), url('assets/cta-bg.jpg') type('image/jpeg')); opacity:.18; }
[data-model="medicina"] .cta-inner { position:relative; padding:76px 0; max-width:60ch; }
[data-model="medicina"] .cta h2 { margin:0 0 16px; color:#fff; font-size:clamp(30px,3.8vw,44px); line-height:1.14; }
[data-model="medicina"] .cta p { margin:0 0 28px; font-size:17.5px; line-height:1.65; color:rgba(255,255,255,.82); }
[data-model="medicina"] .cta .btn-primary { background:#fff; color:var(--ink); }
[data-model="medicina"] .cta .btn-primary:hover { background:var(--agua); }

/* avisos */
[data-model="medicina"] .aviso {
  margin:26px 0 0; padding:16px 20px; border-left:3px solid var(--sage);
  background:var(--agua); border-radius:0 12px 12px 0;
  font-size:14.5px; line-height:1.65; color:var(--texto); max-width:76ch;
}

@media (max-width:960px) {
  [data-model="medicina"] .hero-grid,
  [data-model="medicina"] .sobre-grid { grid-template-columns:minmax(0,1fr); gap:36px; }
  [data-model="medicina"] .hero-photo { border-radius:22px; }
  [data-model="medicina"] .hero-selo { position:static; max-width:none; margin-top:16px; }
  [data-model="medicina"] .atend-grid,
  [data-model="medicina"] .passos,
  [data-model="medicina"] .local-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-model="medicina"] .faixa-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-model="medicina"] .main-nav { display:none; }
}
@media (max-width:640px) {
  [data-model="medicina"] .container { width:min(100% - 32px, var(--max)); }
  [data-model="medicina"] .hero { padding:36px 0 52px; }
  [data-model="medicina"] .secao { padding:56px 0; }
  [data-model="medicina"] .atend-grid,
  [data-model="medicina"] .passos,
  [data-model="medicina"] .local-grid,
  [data-model="medicina"] .estrutura-grid,
  [data-model="medicina"] .faixa-grid { grid-template-columns:minmax(0,1fr); }
  [data-model="medicina"] .hero-actions .btn { width:100%; }
  [data-model="medicina"] .nav-wrap { min-height:64px; }
  [data-model="medicina"] .cta-inner { padding:52px 0; }
}