.elementor-28 .elementor-element.elementor-element-c558a2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-28 .elementor-element.elementor-element-c558a2b:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-c558a2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-f2cb03f{text-align:center;}.elementor-28 .elementor-element.elementor-element-f2cb03f .elementor-heading-title{font-family:"Mutiara Calligraphy", Sans-serif;font-size:48px;color:var( --e-global-color-accent );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-28 .elementor-element.elementor-element-edff24d{text-align:center;font-family:"EB Garamond", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-accent );}.elementor-28 .elementor-element.elementor-element-cd48702{--display:flex;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 30px 0px rgba(123.6195652173913, 205.30392249527412, 255, 0.5);--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-28 .elementor-element.elementor-element-cd48702:not(.elementor-motion-effects-element-type-background), .elementor-28 .elementor-element.elementor-element-cd48702 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3a2e117 );}@media(min-width:768px){.elementor-28 .elementor-element.elementor-element-cd48702{--content-width:800px;}}@media(max-width:1024px){.elementor-28 .elementor-element.elementor-element-c558a2b{--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-28 .elementor-element.elementor-element-c558a2b{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-28 .elementor-element.elementor-element-f2cb03f .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-28 .elementor-element.elementor-element-edff24d{padding:0px 0px 0px 0px;font-size:16px;}.elementor-28 .elementor-element.elementor-element-cd48702{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-d213f14 *//* ==================================================
   TROCA DE TEXTO DO BOTÃO (MÉTODO DO WRAPPER)
   ================================================== */

/* 1. Preparar a "Caixa" que segura o botão */
.gwolle-gb .gwolle-gb-write-button {
    position: relative !important; /* Necessário para o truque funcionar */
    display: inline-block !important;
    width: 220px !important;   /* Largura do seu botão novo */
    height: 50px !important;   /* Altura do seu botão novo */
    background: transparent !important;
    border: none !important;
}

/* 2. Criar o TEXTO NOVO (A parte visual azul) */
.gwolle-gb .gwolle-gb-write-button::after {
    content: "Deixar um Recado";  /* <--- SEU TEXTO AQUI */
    
    /* Estilo do Botão Azul */
    background-color: #96A9BA !important; /* Azul Clássico */
    color: #ffffff !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    border-radius: 30px !important;
    
    /* Centralizar o texto no meio da caixa */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* Ocupar todo o espaço da caixa */
    position: absolute !important;
    top: 0; 
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 0 !important; /* Fica no fundo */
    pointer-events: none !important; /* Deixa o clique passar */
}

/* 3. Tornar o botão original INVISÍVEL mas CLICÁVEL */
.gwolle-gb .gwolle-gb-write-button input.button {
    opacity: 0 !important; /* Torna totalmente transparente */
    
    /* Estica ele para cobrir a área toda */
    position: absolute !important;
    top: 0; 
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important; /* Fica por cima para receber o clique */
    cursor: pointer !important;
    border: none !important;
}
/* --- TRADUÇÃO DA MENSAGEM "(no entries yet)" --- */

/* 1. Esconder o texto em inglês e tirar a borda rosa */
.gwolle-gb-read.gwolle-gb-entries-list {
    font-size: 0 !important; /* Faz o texto original sumir */
    color: transparent !important;
    border: none !important; /* Remove a borda rosa/roxa */
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Escrever o texto novo em Português */
.gwolle-gb-read.gwolle-gb-entries-list::after {
    content: "Com amor, Cynthia e Mateus ♡"; /* <--- Seu texto novo */
    
    font-size: 18px !important; /* Tamanho da fonte */
    font-family: 'EB Garamond', serif !important;
    color: #777777 !important; /* Cor cinza suave */
    display: block !important;
    margin-top: 15px !important;
    font-style: italic !important; /* Deixa em itálico para ficar bonito */
}

/* GARANTIA DE SEGURANÇA: 
   Quando houver mensagens reais, garantir que elas apareçam com tamanho normal */
.gwolle-gb-entry {
    font-size: 16px !important;
}
/* ==================================================
   ESTILO CIRÚRGICO - FORMULÁRIO FINAL
   ================================================== */

/* --- 1. RÓTULOS (LABELS) --- */

/* Esconde o texto original (Inglês) de todos os rótulos */
label.text-info {
    font-size: 0 !important;
    visibility: hidden !important;
    display: block !important;
    margin-bottom: 5px !important;
}

/* RECRIA O RÓTULO: "GUESTBOOK ENTRY" -> "SUA MENSAGEM" */
/* Identificamos este pelo 'for' que contém 'content' */
label.text-info[for*="content"]::before {
    content: "Sua Mensagem de Carinho *";
    font-size: 18px !important;
    font-family: 'EB Garamond', serif !important;
    color: #555 !important;
    visibility: visible !important;
    display: block !important;
}

/* RECRIA O RÓTULO: "NAME" -> "SEU NOME" */
/* Pegamos todos os labels .text-info que NÃO são o de conteúdo */
label.text-info:not([for*="content"])::before {
    content: "Seu Nome *";
    font-size: 18px !important;
    font-family: 'EB Garamond', serif !important;
    color: #555 !important;
    visibility: visible !important;
    display: block !important;
}


/* --- 2. CAMPOS DE TEXTO (INPUTS) --- */
/* Deixar bonito, arredondado e bege */
.gwolle-gb input[type="text"],
.gwolle-gb input[type="email"],
.gwolle-gb textarea {
    border: 1px solid #CDC9BB !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 16px !important;
    background-color: #FAFAFA !important;
    color: #333 !important;
    width: 100% !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}
/* Foco (clique) */
.gwolle-gb input:focus,
.gwolle-gb textarea:focus {
    border-color: #96A9BA !important;
    background-color: #fff !important;
    outline: none !important;
}


/* --- 3. O BOTÃO (SUBMIT) --- */
/* Transformar em Azul e Redondo */
input.gwolle_gb_submit {
    background-color: #96A9BA !important; /* Azul Clássico */
    color: #FFFFFF !important; /* Texto Branco */
    border: none !important;
    border-radius: 50px !important; /* Bem redondo */
    padding: 12px 60px !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    margin-top: 15px !important;
    box-shadow: 0 4px 10px rgba(150, 169, 186, 0.3) !important; /* Sombra suave azul */
    transition: transform 0.2s ease !important;
}

/* Efeito ao passar o mouse */
input.gwolle_gb_submit:hover {
    background-color: #7a8a99 !important;
    transform: translateY(-3px); /* Sobe um pouquinho */
}


/* --- 4. LIMPEZA GERAL (RODAPÉ E EXTRAS) --- */

/* Sumir com o texto "Campos marcados com *..." */
.gwolle_gb_notice {
    display: none !important;
}

/* Sumir com o "X" de fechar */
.gwolle-gb-dismiss {
    display: none !important;
}

/* Sumir com a barra de formatação (se tiver sobrado) */
.markItUpHeader {
    display: none !important;
}
/* ==================================================
   ESTILO DO TÍTULO (H3)
   ================================================== */

/* Pega o título H3 dentro do plugin */
.gwolle-gb-header h3,
.gwolle-gb h3 {
    font-family: 'EB Garamond' !important;
    font-size: 38px !important; /* Tamanho maior */
    color: #000000 !important;
    text-align: center !important; /* Centralizado */
    font-weight: normal !important;
    
    /* O espaçamento que você pediu */
    margin-bottom: 40px !important; 
    padding-bottom: 10px !important;
    line-height: 1.2 !important;
}
/* ==================================================
   CORREÇÃO FINAL DO LAYOUT DOS RECADOS
   ================================================== */

/* 1. NOME DA PESSOA (Ajustes pedidos) */
.gb-author-name, 
.gb-author-name a {
    font-family: 'EB Garamond', serif !important; /* Mudado para EB Garamond */
    font-size: 22px !important;
    color: #96A9BA !important; /* Azul Clássico */
    font-weight: bold !important;
    
    /* Remover o link */
    text-decoration: none !important;
    pointer-events: none !important; /* Isso "mata" o clique no link */
    cursor: default !important; /* O mouse continua como seta normal */
}

/* 2. LIMPEZA DAS LINHAS (Havia muitas linhas aparecendo) */
/* Remove as bordas internas que estavam duplicando */
.gb-author-info, 
.gb-entry-content {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Deixa apenas UMA linha divisória no final de cada bloco de mensagem */
.gwolle-gb-entry {
    border-bottom: 1px solid #DAE4EC !important;
    padding-bottom: 30px !important;
    margin-bottom: 30px !important;
}

/* 3. AJUSTE DE ESPAÇAMENTO DA MENSAGEM */
/* Dá um espaço entre a data e o texto da mensagem */
.gb-entry-content {
    margin-top: 15px !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 18px !important;
    color: #444 !important;
    line-height: 1.5 !important;
}
.gb-author-info .gb-author-avatar {
    display: none !important;
}
.gb-author-info .gb-author-origin {
    display: none !important;
}
.gb-author-info .gb-datetime {
    display: block !important; /* Garante que apareça */
    visibility: visible !important;
    font-family: 'EB Garamond', serif !important;
    font-size: 14px !important;
    color: #aaaaaa !important; /* Cinza claro */
    margin-top: 2px !important;
    margin-bottom: 15px !important;
    font-style: italic !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mutiara Calligraphy';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cynthiaemateus.com/wp-content/uploads/2026/04/Mutiara-Calligraphy-Font.ttf') format('truetype');
}
/* End Custom Fonts CSS */