/* =============================================
   PALETA THALITA S. VICENTE — Tema Crafted
   ============================================= */

/* Cores primárias e secundárias */
:root {
  --wp--preset--color--primary: #C4879A;
  --wp--preset--color--secondary: #F5EDF0;
  --wp--preset--color--tertiary: #FDFAFA;
  --wp--preset--color--contrast: #FFFFFF;
  --wp--preset--color--base: #4A3540;
  --wp--preset--color--quaternary: #E8C8D0;
}

/* =============================================
   TIPOGRAFIA
   ============================================= */

/* Títulos — tom elegante e humano */
h1, h2, h3,
.wp-block-heading {
  color: #4A3540;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

/* Parágrafos — leitura confortável */
p, .wp-block-paragraph {
  color: #5C4A52;
  line-height: 1.8;
  font-size: 1.05rem;
}

/* =============================================
   HERO — primeira impressão
   ============================================= */

/* Fundo do hero com tom rose suave */
.wp-block-cover,
.wp-block-template-part .wp-block-cover {
  background-color: #F5EDF0 !important;
}

/* Texto do hero */
.wp-block-cover h1,
.wp-block-cover .wp-block-heading {
  color: #4A3540 !important;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 400;
  letter-spacing: -0.02em;
}

.wp-block-cover p {
  color: #7A5C68 !important;
  font-size: clamp(1rem, 2vw, 1.2rem);
}

/* =============================================
   BOTÕES — CTA principal
   ============================================= */

.wp-block-button__link,
.wp-element-button {
  background-color: #1B5E6B !important;
  color: #FFFFFF !important;
  border-color: #1B5E6B !important;
  border-radius: 6px !important;
  padding: 14px 28px !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: #2A7A8A !important;
  border-color: #2A7A8A !important;
  transform: translateY(-1px) !important;
}

/* =============================================
   SEÇÕES — alternância de fundo
   ============================================= */

/* Seções com fundo rose pálido */
.has-secondary-background-color {
  background-color: #F5EDF0 !important;
}

/* Seções com fundo branco */
.wp-block-group:not(.has-secondary-background-color):not(.has-tertiary-background-color) {
  background-color: #FFFFFF;
}

/* Cards de depoimentos e atendimento */
.has-tertiary-background-color {
  background-color: #FDFAFA !important;
  border: 1px solid #E8C8D0 !important;
}

/* =============================================
   CARDS — formas de atendimento e frases
   ============================================= */

.has-shadow-natural {
  box-shadow: 0 2px 16px rgba(196, 135, 154, 0.10) !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.has-shadow-natural:hover {
  box-shadow: 0 6px 24px rgba(196, 135, 154, 0.18) !important;
  transform: translateY(-2px) !important;
}

/* =============================================
   FRASES EM ITÁLICO — citações da Thalita
   ============================================= */

.wp-block-group p[style*="italic"] {
  color: #4A3540 !important;
  font-size: 1.05rem !important;
  line-height: 1.75 !important;
  border-left: 3px solid #C4879A;
  padding-left: 1rem;
  margin-bottom: 1rem;
}

/* =============================================
   SEPARADORES
   ============================================= */

.wp-block-separator {
  border-color: #E8C8D0 !important;
  opacity: 1 !important;
}

/* =============================================
   HEADER E FOOTER
   ============================================= */

header {
  background-color: #FFFFFF !important;
  border-bottom: 1px solid #E8C8D0 !important;
}

footer {
  background-color: #F5EDF0 !important;
  border-top: 1px solid #E8C8D0 !important;
  color: #7A5C68 !important;
}

footer a {
  color: #1B5E6B !important;
}

footer a:hover {
  color: #C4879A !important;
}

/* =============================================
   LINKS GERAIS
   ============================================= */

a {
  color: #1B5E6B;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #C4879A;
}

/* =============================================
   RESPONSIVO — mobile
   ============================================= */

@media (max-width: 768px) {
  h2, .wp-block-heading {
    font-size: 1.6rem !important;
  }

  p, .wp-block-paragraph {
    font-size: 1rem !important;
  }

  .wp-block-button__link,
  .wp-element-button {
    width: 100% !important;
    text-align: center !important;
  }

  .has-shadow-natural:hover {
    transform: none !important;
  }
}