.elementor-kit-5{--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-5 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 *//* ============================================================
   VARIÁVEIS GLOBAIS — Catiane Marques | Psicóloga Infantil
   Adicionar no Elementor: Site Settings > Custom CSS
   Ou como primeiro HTML Widget no topo da página
   ============================================================

   Como usar:
   - Cole este CSS em Elementor > Site Settings > Custom CSS
   - OU adicione um HTML Widget vazio com apenas a tag <style>
     no topo da página, antes de qualquer seção
   - Todas as seções vão herdar automaticamente

   ============================================================ */

:root {

  /* ── Cores primárias (baseadas no logo) ── */
  --coral:        #D4749A;   /* rosa do logo, substituiu o coral forte */
  --coral-dark:   #B85A80;   /* rosa mais escuro para hovers */
  --coral-light:  #FAE8F0;   /* rosa bem suave para fundos de cards */

  /* ── Verde menta (logo) ── */
  --verde:        #A8D5AA;   /* verde menta suave */
  --verde-dark:   #6DB870;   /* verde mais saturado para texto */
  --verde-light:  #EAF6EA;   /* verde claríssimo para fundos */

  /* ── Amarelo (mantido — já estava no logo) ── */
  --amarelo:      #F5C842;
  --amarelo-lt:   #FEF8DC;

  /* ── Neutros ── */
  --bege:         #FDF6F0;
  --bege-med:     #F5E8DC;
  --marrom:       #3D2B1F;
  --texto:        #4A3728;
  --texto-leve:   #8B6F5E;
  --branco:       #FFFFFF;

  /* ── Sombras ── */
  --shadow-md:    0 8px 32px rgba(61,43,31,.10);
  --shadow-lg:    0 20px 60px rgba(61,43,31,.14);

  /* ── Bordas arredondadas ── */
  --radius-lg:    32px;
  --radius-xl:    48px;
}

/* ============================================================
   OVERRIDES GLOBAIS — aplica a paleta nova em todas as seções
   ============================================================ */

/* Badges e eyebrows */
.cat-badge,
.s2__eyebrow,
.s3__eyebrow,
.s4__eyebrow,
.s5__eyebrow,
.s6__eyebrow,
.s7__eyebrow {
  color: var(--coral-dark) !important;
}

.cat-badge {
  background: var(--coral-light) !important;
}

.cat-badge__dot {
  background: var(--coral) !important;
}

/* Headlines em itálico */
.cat-hero__headline em,
.s2__headline em,
.s3__headline em,
.s4__headline em,
.s5__headline em,
.s6__headline em,
.s7__cta-headline em {
  color: var(--coral) !important;
}

/* Underline animado da hero headline */
.cat-hero__headline em::after {
  background: var(--amarelo) !important;
}

/* Botão CTA principal */
.cat-hero__cta,
.s4__cta,
.s5__cta,
.s6__cta,
.s7__cta-btn {
  background: linear-gradient(135deg, var(--coral) 0%, var(--coral-dark) 100%) !important;
  box-shadow: 0 8px 24px rgba(212,116,154,.38) !important;
}

.cat-hero__cta:hover,
.s4__cta:hover,
.s5__cta:hover,
.s6__cta:hover,
.s7__cta-btn:hover {
  box-shadow: 0 14px 36px rgba(212,116,154,.50) !important;
}

/* CTA link sublinhado (seções 2 e 3) */
.s2__cta,
.s3__cta {
  color: var(--coral) !important;
  border-bottom-color: var(--amarelo) !important;
}

.s2__cta:hover,
.s3__cta:hover {
  color: var(--coral-dark) !important;
  border-bottom-color: var(--coral) !important;
}

/* Dots dos bullets */
.s4__dif-dot {
  background: var(--coral) !important;
}

/* Dots dos bullets da seção 2 conclusão e seção 4 cuidado */
.s2__conclusao-lista li::before,
.s4__cuidado-lista li::before {
  color: var(--amarelo) !important;
}

/* Cards coral */
.s2__card--coral {
  background: var(--coral-light) !important;
  border-color: #F0C0D4 !important;
}

/* Tags dos steps */
.s5__step-tag {
  background: var(--coral-light) !important;
  color: var(--coral-dark) !important;
}

.s5__step-tag--verde {
  background: var(--verde-light) !important;
  color: var(--verde-dark) !important;
}

/* Números dos steps */
.s5__step-num {
  color: var(--coral) !important;
}

/* Números da seção 3 */
.s3__item-num {
  color: var(--amarelo) !important;
}

/* Estrelas dos depoimentos */
.s6__stars {
  color: var(--amarelo) !important;
}

/* Tag flutuante amarela (hero e seção 4) */
.cat-hero__tag,
.s4__tag {
  background: var(--amarelo) !important;
}

/* Blobs — rosa e verde agora */
.cat-blob--1,
.s2__blob,
.s4__blob--1,
.s6__blob--1 {
  background: radial-gradient(circle, #F0A8C0, var(--coral)) !important;
}

.cat-blob--2,
.s3__blob--1,
.s4__blob--2,
.s5__blob--2,
.s6__blob--2 {
  background: radial-gradient(circle, var(--verde), #C8E8CA) !important;
}

/* Dot pulsante do badge */
@keyframes pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(212,116,154,.5); }
  50%       { box-shadow: 0 0 0 6px rgba(212,116,154,0); }
}

/* Ícone da seção 3 destaque */
.s3__destaque-icon {
  color: var(--coral) !important;
}

/* FAQ ícone e hover */
.s7__faq-icon {
  color: var(--coral) !important;
}

.s7__faq-q:hover,
.s7__faq-item.s7--open .s7__faq-q {
  background: var(--coral-light) !important;
}

/* Eyebrow da seção 5 valor */
.s5__valor-label,
.s2__conclusao-lista-titulo {
  color: var(--amarelo) !important;
}

/* Float star hero */
.cat-float--star {
  color: var(--coral) !important;
}

/* Float dot hero */
.cat-float--dot {
  background: var(--amarelo) !important;
}

/* Float ring hero */
.cat-float--ring {
  border-color: var(--coral-light) !important;
}/* End custom CSS */