/* ==========================================================================
   THEME.CSS — t05-vibrant-local
   Perfil: Restaurante, Loja, Clínica de bairro, Serviços locais
   Personalidade: Calor, proximidade, alegria, confiança popular
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700&family=Inter:wght@300;400;500;600&display=swap');

:root {
  --font-display: 'Nunito', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --color-primary:       #F97316;
  --color-primary-dark:  #EA6000;
  --color-primary-light: #FB923C;
  --color-primary-ghost: rgba(249, 115, 22, 0.08);

  --color-accent:        #FACC15;
  --color-accent-dark:   #EAB308;
  --color-accent-ghost:  rgba(250, 204, 21, 0.15);

  --color-dark:          #1C0A00;
  --color-dark-alt:      #271200;
  --color-dark-surface:  #361900;

  --color-bg:            #FFFBF5;
  --color-bg-alt:        #FFFFFF;
  --color-border:        #FED7AA;
  --color-border-dark:   rgba(255,255,255,0.1);

  --color-text:          #1C0A00;
  --color-text-muted:    #78350F;
  --color-text-light:    #B45309;

  --shadow-primary: 0 8px 32px rgba(249, 115, 22, 0.35);
  --shadow-accent:  0 8px 24px rgba(250, 204, 21, 0.4);

  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-2xl: 36px;

  --weight-black: 900;
}

/* Badge caloroso */
.badge {
  background: var(--color-accent-ghost);
  color: #92400E;
  border-color: rgba(250,204,21,0.4);
}
.badge::before { background: var(--color-accent); animation: pulse 1.5s infinite; }
.badge--light {
  background: rgba(250,204,21,0.15);
  color: var(--color-accent);
  border-color: rgba(250,204,21,0.3);
}
.badge--light::before { background: var(--color-accent); }

/* Hero title round e amigável */
.hero__title {
  letter-spacing: -0.02em;
  line-height: 1.0;
  font-weight: 900;
}
.hero__title em {
  color: var(--color-accent);
  font-style: normal;
  position: relative;
}

/* Botões mais arredondados e energéticos */
.btn {
  border-radius: var(--radius-full);
  font-weight: 700;
}
.btn--primary {
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: var(--shadow-primary);
}
.btn--primary:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  box-shadow: 0 12px 36px rgba(249,115,22,0.5);
}
.btn--accent {
  background: var(--color-accent);
  color: #1C0A00;
  border-color: var(--color-accent);
  font-weight: 800;
}
.btn--accent:hover {
  background: var(--color-accent-dark);
  color: #1C0A00;
  box-shadow: 0 8px 28px rgba(250,204,21,0.5);
}
.btn--ghost {
  border-color: rgba(255,255,255,0.35);
}
.btn--ghost:hover {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.8);
}

/* Stats bar laranja */
.section--blue { background: var(--color-primary); }
.stats__number { color: var(--color-accent); }

/* Cards mais arredondados */
.service-card {
  border-color: var(--color-border);
  border-radius: var(--radius-xl);
}
.service-card::before { background: var(--color-primary); }
.service-card:hover { border-color: var(--color-primary-light); }
.service-card__icon { background: var(--color-accent-ghost); color: var(--color-primary); }
.service-card:hover .service-card__icon { background: var(--color-primary); color: #fff; }
.service-card__link { color: var(--color-primary); }

/* Process number laranja */
.process-step__number { color: var(--color-primary); }

/* Portfolio */
.portfolio-card__tag { color: var(--color-accent); }
.portfolio-card__result { background: rgba(250,204,21,0.1); color: var(--color-accent-dark); }

/* Testimonial star dourado */
.testimonial-card__stars { color: var(--color-accent); }
.testimonial-card__avatar { background: var(--color-accent-ghost); color: var(--color-primary); }

/* FAQ com laranja */
.faq-item.is-open { border-color: var(--color-primary); }
.faq-item.is-open .faq-item__trigger { background: var(--color-primary-ghost); color: var(--color-primary); }
.faq-item.is-open .faq-item__icon { background: var(--color-primary); border-color: var(--color-primary); }

/* CTA section */
.cta-section::before { background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(249,115,22,0.2) 0%, transparent 70%); }

/* Form accent */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(249,115,22,0.1);
}