.elementor-kit-12{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   Estilo "site de médico"
   Cole em: Aparência > Personalizar > CSS adicional
   ========================= */

/* Fontes: Inter (principal) + Merriweather (títulos) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Merriweather:wght@300;400;700&display=swap');

/* Tokens */
:root{
  --md-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --md-font-title: "Merriweather", Georgia, "Times New Roman", serif;

  --md-text: #0f172a;
  --md-muted: #475569;
  --md-bg: #ffffff;
  --md-surface: #f8fafc;
  --md-border: #e2e8f0;

  --md-primary: #0ea5a4;   /* teal médico */
  --md-primary-2: #0369a1; /* azul confiança */
  --md-success: #16a34a;
  --md-warning: #f59e0b;

  --md-radius: 14px;
  --md-radius-sm: 10px;

  --md-shadow: 0 10px 30px rgba(2, 6, 23, 0.08);
  --md-shadow-sm: 0 6px 18px rgba(2, 6, 23, 0.06);

  --md-max: 1140px;
  --md-line: 1.65;
}

/* Base */
html{
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  font-family: var(--md-font-body);
  color: var(--md-text);
  background: var(--md-bg);
  line-height: var(--md-line);
  font-weight: 400;
  letter-spacing: 0.1px;
}

/* Conteúdo centralizado (funciona em muitos temas) */
.site, .site-content, .container, .content-area{
  max-width: var(--md-max);
  margin-left: auto;
  margin-right: auto;
}

/* Links */
a{
  color: var(--md-primary-2);
  text-decoration: none;
}
a:hover{
  color: var(--md-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Títulos com cara editorial */
h1, h2, h3, h4, h5, h6{
  font-family: var(--md-font-title);
  color: var(--md-text);
  line-height: 1.2;
  letter-spacing: 0;
  margin: 0 0 0.6rem 0;
}

h1{ font-size: clamp(2.1rem, 3vw, 2.75rem); font-weight: 700; }
h2{ font-size: clamp(1.7rem, 2.4vw, 2.1rem); font-weight: 700; }
h3{ font-size: 1.35rem; font-weight: 700; }
h4{ font-size: 1.15rem; font-weight: 700; }

p, li{
  font-size: 1.02rem;
  color: var(--md-text);
}

small, .is-muted{
  color: var(--md-muted);
}

/* Parágrafo e listas com respiro */
p{
  margin: 0 0 1.05rem 0;
}
ul, ol{
  padding-left: 1.2rem;
  margin: 0 0 1.05rem 0;
}
li{
  margin: 0.25rem 0;
}

/* Blocos, cards e seções (usável com classes do editor) */
.md-card, .wp-block-group.is-style-md-card, .wp-block-columns.is-style-md-card{
  background: var(--md-surface);
  border: 1px solid var(--md-border);
  border-radius: var(--md-radius);
  box-shadow: var(--md-shadow-sm);
  padding: clamp(16px, 2.5vw, 26px);
}

.md-section{
  padding: clamp(28px, 4vw, 56px) 0;
}

/* Botões (tenta cobrir temas e Gutenberg) */
button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
a.wp-element-button{
  font-family: var(--md-font-body);
  font-weight: 600;
  letter-spacing: 0.2px;
  border-radius: 999px;
  padding: 12px 18px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--md-primary-2), var(--md-primary));
  color: #fff;
  box-shadow: var(--md-shadow-sm);
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
a.wp-element-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.02);
  box-shadow: var(--md-shadow);
  text-decoration: none;
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
.wp-block-button__link:active,
a.wp-element-button:active{
  transform: translateY(0);
  box-shadow: var(--md-shadow-sm);
}

/* Botão secundário */
.md-btn-secondary,
.wp-block-button.is-style-outline .wp-block-button__link{
  background: #fff;
  color: var(--md-primary-2);
  border-color: var(--md-border);
}

.md-btn-secondary:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background: var(--md-surface);
}

/* Campos e formulários (Elementor, Contact Form 7, WPForms e afins) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
select,
textarea{
  font-family: var(--md-font-body);
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--md-border);
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
  color: var(--md-text);
  outline: none;
  transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

textarea{ min-height: 120px; resize: vertical; }

input:focus,
select:focus,
textarea:focus{
  border-color: rgba(14, 165, 164, 0.55);
  box-shadow: 0 0 0 4px rgba(14, 165, 164, 0.12);
}

/* Tabelas */
table{
  width: 100%;
  border-collapse: collapse;
  border: 1px solid var(--md-border);
  border-radius: var(--md-radius-sm);
  overflow: hidden;
  background: #fff;
}
th, td{
  padding: 12px 14px;
  border-bottom: 1px solid var(--md-border);
}
th{
  background: var(--md-surface);
  text-align: left;
  font-weight: 700;
  color: var(--md-text);
}
tr:last-child td{ border-bottom: 0; }

/* Imagens */
img{
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

/* Blockquote com cara "clínica" */
blockquote{
  margin: 1.25rem 0;
  padding: 16px 18px;
  border-left: 4px solid var(--md-primary);
  background: linear-gradient(180deg, rgba(14,165,164,0.08), rgba(3,105,161,0.05));
  border-radius: 12px;
  color: var(--md-muted);
}

/* Separador */
hr{
  border: 0;
  height: 1px;
  background: var(--md-border);
  margin: 2rem 0;
}

/* Cabeçalho e menu (cobre muitos temas) */
.site-header, header.site-header{
  border-bottom: 1px solid var(--md-border);
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
}

.site-title a{
  font-family: var(--md-font-title);
  font-weight: 700;
  letter-spacing: 0.2px;
  color: var(--md-text);
}

.main-navigation a,
.primary-menu a,
.wp-block-navigation a{
  font-family: var(--md-font-body);
  font-weight: 600;
  color: var(--md-text);
}
.main-navigation a:hover,
.primary-menu a:hover,
.wp-block-navigation a:hover{
  color: var(--md-primary);
  text-decoration: none;
}

/* Rodapé */
.site-footer, footer.site-footer{
  border-top: 1px solid var(--md-border);
  background: var(--md-surface);
  color: var(--md-muted);
}

/* Gutenberg: largura e tipografia mais elegante */
.wp-site-blocks, .entry-content{
  font-family: var(--md-font-body);
}
.entry-content{
  font-size: 1.02rem;
}

/* Ajustes mobile */
@media (max-width: 768px){
  body{ letter-spacing: 0; }
  .md-section{ padding: 28px 0; }
}/* End custom CSS */