/* =================================================================
   Arquivo:   blocos.titulos.css   (REESTRUTURA Rodada 3)
   Versao:    KIMERA-030
   Papel:     25 estilos de Titulos Decorados (KIMERA-020).
   ================================================================= */


/* ================================================================
   TITULOS DECORADOS (KIMERA-020) — bloco "titulo".
   Estrutura comum: icone (fixo do estilo) + h2 + subtitulo + ornamento.
   Cores DEFAULT por estilo (o Kimera edita texto/fundo depois). Cada
   estilo e a identidade fixa; o que muda e icone+ornamento+tema.
   ================================================================ */
.ss-cbk-titulo {
    text-align: center;
    padding: 48px 24px;
}
.ss-cbk-titulo .ss-titulo-ic {
    font-size: 2.6rem;
    margin-bottom: 14px;
    line-height: 1;
}
.ss-cbk-titulo .ss-titulo-h {
    margin: 0 0 10px;
    font-size: 2.3rem;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.ss-cbk-titulo .ss-titulo-sub {
    margin: 12px 0 0;
    font-size: 1.05rem;
    opacity: 0.85;
}

/* ---- estilo FOGUETE (tech/startup): degrade roxo->azul, underline barra ---- */
.ss-titulo-est-foguete .ss-titulo-ic { color: #6C5CE7; }
.ss-titulo-est-foguete .ss-titulo-h {
    color: #2d2150;
    position: relative; display: inline-block;
}
.ss-titulo-est-foguete .ss-titulo-h::after {
    content: ""; display: block; height: 5px; width: 70%; margin: 10px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, #6C5CE7, #00b4d8);
}
.ss-titulo-est-foguete .ss-titulo-sub { color: #6b6b80; }

/* ---- estilo FLORAL (beleza/eventos): rosa suave, linhas laterais ---- */
.ss-titulo-est-floral .ss-titulo-ic { color: #e84393; }
.ss-titulo-est-floral .ss-titulo-h {
    color: #b5276b; font-weight: 700; font-style: italic;
    display: inline-flex; align-items: center; gap: 18px;
}
.ss-titulo-est-floral .ss-titulo-h::before,
.ss-titulo-est-floral .ss-titulo-h::after {
    content: ""; height: 2px; width: 46px;
    background: linear-gradient(90deg, transparent, #f7a8c8, #e84393);
}
.ss-titulo-est-floral .ss-titulo-h::before { transform: scaleX(-1); }
.ss-titulo-est-floral .ss-titulo-sub { color: #c98bab; }

/* ---- estilo CORPORATIVO (empresa) — REFEITO: centralizado, sem barra
   lateral. Icone num circulo sobrio, titulo com underline curto. ---- */
.ss-titulo-est-corporativo .ss-titulo-ic {
    color: #1b3a5b;
    display: inline-flex; align-items: center; justify-content: center;
    width: 70px; height: 70px; border-radius: 50%;
    background: rgba(46,111,184,0.12);
    font-size: 1.9rem;
}
.ss-titulo-est-corporativo .ss-titulo-h {
    color: #1b3a5b; text-transform: uppercase;
    font-size: 2rem; letter-spacing: 1px;
    position: relative; display: inline-block;
}
.ss-titulo-est-corporativo .ss-titulo-h::after {
    content: ""; display: block; height: 4px; width: 56px; margin: 12px auto 0;
    border-radius: 2px; background: #2e6fb8;
}
.ss-titulo-est-corporativo .ss-titulo-sub { color: #5a6b7b; }

/* ---- estilo CHEF (restaurante): vinho/dourado, divisor com ponto ---- */
.ss-titulo-est-chef .ss-titulo-ic { color: #c0392b; }
.ss-titulo-est-chef .ss-titulo-h {
    color: #7b241c; font-family: Georgia, 'Times New Roman', serif;
}
.ss-titulo-est-chef .ss-titulo-sub {
    color: #a9745f; font-style: italic;
    position: relative; padding-top: 16px;
}
.ss-titulo-est-chef .ss-titulo-sub::before {
    content: "\2766";
    display: block; color: #d4a017; font-size: 1.3rem; margin-bottom: 6px;
}

/* ---- estilo NEON (moderno/balada): glow ciano/magenta. SEM fundo escuro
   FIXO (o fundo e editavel pelo Kimera). O glow funciona em fundo claro ou
   escuro; o cliente escolhe o fundo. ---- */
.ss-titulo-est-neon .ss-titulo-ic { color: #00b8a9; text-shadow: 0 0 12px rgba(0,245,212,0.8); }
.ss-titulo-est-neon .ss-titulo-h {
    color: #d6006e; text-shadow: 0 0 8px rgba(255,47,179,0.55), 0 0 18px rgba(255,47,179,0.35);
    text-transform: uppercase; letter-spacing: 2px;
}
.ss-titulo-est-neon .ss-titulo-h::after {
    content: ""; display: block; height: 3px; width: 60%; margin: 12px auto 0;
    background: linear-gradient(90deg, #00b8a9, #d6006e);
    box-shadow: 0 0 10px rgba(255,47,179,0.5);
}
.ss-titulo-est-neon .ss-titulo-sub { color: #7a6b9c; }

/* ================================================================
   KIMERA-027 — 20 ESTILOS NOVOS. Cada um: cor do icone, cor do titulo,
   um ornamento simples (underline/linha/ponto). TODAS as cores aqui sao
   DEFAULT; o Kimera edita cor do icone, do texto e fundo do bloco por cima.
   ================================================================ */

/* base de underline reutilizavel para varios estilos */
.ss-titulo-est-pizza .ss-titulo-h::after,
.ss-titulo-est-cafe .ss-titulo-h::after,
.ss-titulo-est-doces .ss-titulo-h::after,
.ss-titulo-est-academia .ss-titulo-h::after,
.ss-titulo-est-saude .ss-titulo-h::after,
.ss-titulo-est-yoga .ss-titulo-h::after,
.ss-titulo-est-odonto .ss-titulo-h::after,
.ss-titulo-est-beleza .ss-titulo-h::after,
.ss-titulo-est-moda .ss-titulo-h::after,
.ss-titulo-est-unhas .ss-titulo-h::after,
.ss-titulo-est-advocacia .ss-titulo-h::after,
.ss-titulo-est-imobiliaria .ss-titulo-h::after,
.ss-titulo-est-educacao .ss-titulo-h::after,
.ss-titulo-est-pet .ss-titulo-h::after,
.ss-titulo-est-automotivo .ss-titulo-h::after,
.ss-titulo-est-construcao .ss-titulo-h::after,
.ss-titulo-est-eventos .ss-titulo-h::after,
.ss-titulo-est-infantil .ss-titulo-h::after,
.ss-titulo-est-musica .ss-titulo-h::after,
.ss-titulo-est-luxo .ss-titulo-h::after {
    content: ""; display: block; height: 4px; width: 60px; margin: 12px auto 0;
    border-radius: 3px;
}
.ss-titulo-est-pizza .ss-titulo-h,
.ss-titulo-est-cafe .ss-titulo-h,
.ss-titulo-est-doces .ss-titulo-h,
.ss-titulo-est-academia .ss-titulo-h,
.ss-titulo-est-saude .ss-titulo-h,
.ss-titulo-est-yoga .ss-titulo-h,
.ss-titulo-est-odonto .ss-titulo-h,
.ss-titulo-est-beleza .ss-titulo-h,
.ss-titulo-est-moda .ss-titulo-h,
.ss-titulo-est-unhas .ss-titulo-h,
.ss-titulo-est-advocacia .ss-titulo-h,
.ss-titulo-est-imobiliaria .ss-titulo-h,
.ss-titulo-est-educacao .ss-titulo-h,
.ss-titulo-est-pet .ss-titulo-h,
.ss-titulo-est-automotivo .ss-titulo-h,
.ss-titulo-est-construcao .ss-titulo-h,
.ss-titulo-est-eventos .ss-titulo-h,
.ss-titulo-est-infantil .ss-titulo-h,
.ss-titulo-est-musica .ss-titulo-h,
.ss-titulo-est-luxo .ss-titulo-h {
    display: inline-block;
}

/* PIZZARIA — vermelho tomate / verde manjericao */
.ss-titulo-est-pizza .ss-titulo-ic { color: #c0392b; }
.ss-titulo-est-pizza .ss-titulo-h  { color: #9c2b1e; }
.ss-titulo-est-pizza .ss-titulo-h::after { background: linear-gradient(90deg,#c0392b,#27ae60); }
.ss-titulo-est-pizza .ss-titulo-sub { color: #a06055; }

/* CAFETERIA — marrom cafe / creme */
.ss-titulo-est-cafe .ss-titulo-ic { color: #6f4e37; }
.ss-titulo-est-cafe .ss-titulo-h  { color: #4b3621; font-family: Georgia, serif; }
.ss-titulo-est-cafe .ss-titulo-h::after { background: #b08968; }
.ss-titulo-est-cafe .ss-titulo-sub { color: #8a6f55; }

/* DOCES & SORVETES — rosa / lilas */
.ss-titulo-est-doces .ss-titulo-ic { color: #ff6fa5; }
.ss-titulo-est-doces .ss-titulo-h  { color: #d6447a; }
.ss-titulo-est-doces .ss-titulo-h::after { background: linear-gradient(90deg,#ff9ec7,#c77dff); }
.ss-titulo-est-doces .ss-titulo-sub { color: #c98bab; }

/* ACADEMIA — preto/vermelho energico */
.ss-titulo-est-academia .ss-titulo-ic { color: #e63946; }
.ss-titulo-est-academia .ss-titulo-h  { color: #1d1d1f; text-transform: uppercase; letter-spacing: 1px; font-style: italic; }
.ss-titulo-est-academia .ss-titulo-h::after { background: #e63946; width: 80px; height: 5px; }
.ss-titulo-est-academia .ss-titulo-sub { color: #6b6b6b; text-transform: uppercase; letter-spacing: 1px; font-size: 0.92rem; }

/* SAUDE — azul/verde clinico */
.ss-titulo-est-saude .ss-titulo-ic { color: #0a9396; }
.ss-titulo-est-saude .ss-titulo-h  { color: #126782; }
.ss-titulo-est-saude .ss-titulo-h::after { background: linear-gradient(90deg,#0a9396,#94d2bd); }
.ss-titulo-est-saude .ss-titulo-sub { color: #5c8a96; }

/* YOGA — verde sage / terroso suave */
.ss-titulo-est-yoga .ss-titulo-ic { color: #8a9a5b; }
.ss-titulo-est-yoga .ss-titulo-h  { color: #5f6f3f; font-weight: 600; letter-spacing: 1px; }
.ss-titulo-est-yoga .ss-titulo-h::after { background: #b5c98a; }
.ss-titulo-est-yoga .ss-titulo-sub { color: #8a936f; font-style: italic; }

/* ODONTO — azul limpo / branco */
.ss-titulo-est-odonto .ss-titulo-ic { color: #2a9df4; }
.ss-titulo-est-odonto .ss-titulo-h  { color: #1c6dd0; }
.ss-titulo-est-odonto .ss-titulo-h::after { background: linear-gradient(90deg,#2a9df4,#7ed0ff); }
.ss-titulo-est-odonto .ss-titulo-sub { color: #6b91b5; }

/* BELEZA — dourado/rose */
.ss-titulo-est-beleza .ss-titulo-ic { color: #c9a227; }
.ss-titulo-est-beleza .ss-titulo-h  { color: #a8763e; font-family: Georgia, serif; }
.ss-titulo-est-beleza .ss-titulo-h::after { background: linear-gradient(90deg,#e0b973,#d98c9e); }
.ss-titulo-est-beleza .ss-titulo-sub { color: #b08a6a; font-style: italic; }

/* MODA — preto elegante / contraste */
.ss-titulo-est-moda .ss-titulo-ic { color: #1d1d1f; }
.ss-titulo-est-moda .ss-titulo-h  { color: #1d1d1f; text-transform: uppercase; letter-spacing: 3px; font-weight: 300; }
.ss-titulo-est-moda .ss-titulo-h::after { background: #1d1d1f; width: 40px; height: 2px; }
.ss-titulo-est-moda .ss-titulo-sub { color: #888; letter-spacing: 1px; }

/* UNHAS — rosa vibrante / glitter */
.ss-titulo-est-unhas .ss-titulo-ic { color: #ff4da6; }
.ss-titulo-est-unhas .ss-titulo-h  { color: #e0309a; }
.ss-titulo-est-unhas .ss-titulo-h::after { background: linear-gradient(90deg,#ff7ac4,#ffd1e8); }
.ss-titulo-est-unhas .ss-titulo-sub { color: #cf7fa8; }

/* ADVOCACIA — azul marinho / dourado sobrio */
.ss-titulo-est-advocacia .ss-titulo-ic { color: #1b263b; }
.ss-titulo-est-advocacia .ss-titulo-h  { color: #1b263b; font-family: Georgia, serif; letter-spacing: 1px; }
.ss-titulo-est-advocacia .ss-titulo-h::after { background: #b8860b; width: 50px; height: 3px; }
.ss-titulo-est-advocacia .ss-titulo-sub { color: #5a6478; }

/* IMOBILIARIA — verde/azul confiavel */
.ss-titulo-est-imobiliaria .ss-titulo-ic { color: #2a9d8f; }
.ss-titulo-est-imobiliaria .ss-titulo-h  { color: #264653; }
.ss-titulo-est-imobiliaria .ss-titulo-h::after { background: linear-gradient(90deg,#2a9d8f,#e9c46a); }
.ss-titulo-est-imobiliaria .ss-titulo-sub { color: #5e7a80; }

/* EDUCACAO — azul/amarelo amigavel */
.ss-titulo-est-educacao .ss-titulo-ic { color: #3d5a80; }
.ss-titulo-est-educacao .ss-titulo-h  { color: #293f5c; }
.ss-titulo-est-educacao .ss-titulo-h::after { background: linear-gradient(90deg,#3d5a80,#ee9b00); }
.ss-titulo-est-educacao .ss-titulo-sub { color: #6b7d96; }

/* PET — laranja/verde alegre */
.ss-titulo-est-pet .ss-titulo-ic { color: #f4845f; }
.ss-titulo-est-pet .ss-titulo-h  { color: #e07a3f; }
.ss-titulo-est-pet .ss-titulo-h::after { background: linear-gradient(90deg,#f4a261,#90be6d); }
.ss-titulo-est-pet .ss-titulo-sub { color: #b58467; }

/* AUTOMOTIVO — grafite/vermelho */
.ss-titulo-est-automotivo .ss-titulo-ic { color: #d62828; }
.ss-titulo-est-automotivo .ss-titulo-h  { color: #2b2d42; text-transform: uppercase; letter-spacing: 1px; }
.ss-titulo-est-automotivo .ss-titulo-h::after { background: #d62828; width: 70px; }
.ss-titulo-est-automotivo .ss-titulo-sub { color: #6b6e82; }

/* CONSTRUCAO — amarelo capacete/cinza */
.ss-titulo-est-construcao .ss-titulo-ic { color: #f4a300; }
.ss-titulo-est-construcao .ss-titulo-h  { color: #3a3a3a; text-transform: uppercase; letter-spacing: 1px; }
.ss-titulo-est-construcao .ss-titulo-h::after { background: repeating-linear-gradient(45deg,#f4a300,#f4a300 8px,#3a3a3a 8px,#3a3a3a 16px); width: 80px; }
.ss-titulo-est-construcao .ss-titulo-sub { color: #6b6b6b; }

/* EVENTOS — dourado/champagne festivo */
.ss-titulo-est-eventos .ss-titulo-ic { color: #d4af37; }
.ss-titulo-est-eventos .ss-titulo-h  { color: #8a6d1f; font-family: Georgia, serif; letter-spacing: 1px; }
.ss-titulo-est-eventos .ss-titulo-h::after { background: linear-gradient(90deg,#e6c34a,#f3e3a0,#e6c34a); width: 90px; }
.ss-titulo-est-eventos .ss-titulo-sub { color: #a8915a; font-style: italic; }

/* INFANTIL — multicolorido alegre */
.ss-titulo-est-infantil .ss-titulo-ic { color: #ff6b6b; }
.ss-titulo-est-infantil .ss-titulo-h  { color: #5f27cd; font-weight: 800; }
.ss-titulo-est-infantil .ss-titulo-h::after { background: linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#1dd1a1); width: 100px; height: 5px; }
.ss-titulo-est-infantil .ss-titulo-sub { color: #8a7fb5; }

/* MUSICA — roxo/magenta vibrante */
.ss-titulo-est-musica .ss-titulo-ic { color: #9b5de5; }
.ss-titulo-est-musica .ss-titulo-h  { color: #6a2fb8; letter-spacing: 1px; }
.ss-titulo-est-musica .ss-titulo-h::after { background: linear-gradient(90deg,#9b5de5,#f15bb5); }
.ss-titulo-est-musica .ss-titulo-sub { color: #8a6bb0; }

/* LUXO — preto/dourado premium */
.ss-titulo-est-luxo .ss-titulo-ic { color: #c9a227; }
.ss-titulo-est-luxo .ss-titulo-h  { color: #1a1a1a; font-family: Georgia, serif; text-transform: uppercase; letter-spacing: 3px; }
.ss-titulo-est-luxo .ss-titulo-h::after { background: linear-gradient(90deg,transparent,#c9a227,transparent); width: 120px; height: 2px; }
.ss-titulo-est-luxo .ss-titulo-sub { color: #8a7a4a; letter-spacing: 1px; }