.elementor-24719 .elementor-element.elementor-element-404318e{--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;}/* Start custom CSS for html, class: .elementor-element-5d5e397 *//* === GERAL & RESET 100% MODERNO === */
:root {
    --cor-azul-pechincha: #0597E2;
    --cor-azul-pechincha-dark: #0379B8;
    --cor-azul-pechincha-light: #E6F4FD; /* Azul muito claro para fundos/acentos */
    
    --cor-amarelo-pechincha: #FFD700; 
    --cor-laranja-pechincha: #FF6200; 
    
    --cor-texto-hero: #FFFFFF;
    --cor-texto-principal: #111827; /* Quase preto, muito nítido */
    --cor-texto-secundario: #374151; /* Cinza escuro */
    --cor-texto-sutil: #6B7280;

    --fundo-pagina: #FFFFFF; 
    --fundo-hero-modern: var(--cor-azul-pechincha); /* Fundo sólido azul para o hero */
    --fundo-card-modern: #FFFFFF;
    --fundo-info-panel: var(--cor-azul-pechincha-light);
    
    --cor-borda-modern: #D1D5DB; /* Cinza claro para bordas */

    --font-principal: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --container-max-width: 1280px;
    --container-narrow-max-width: 760px; /* Otimizado para leitura */

    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px; /* Bordas mais arredondadas */
    --radius-pill: 9999px; /* Para botões "pill" */

    --shadow-soft: 0 4px 15px rgba(0, 0, 0, 0.05);
    --shadow-medium: 0 8px 25px rgba(0, 0, 0, 0.07);
    --shadow-cta-orange: 0 5px 20px rgba(255, 98, 0, 0.25);
    --transition-smooth: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    --transition-interactive: all 0.2s ease-out;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    font-size: 16px; /* Base para REMs */
    height: 100%; 
}
@media (min-width: 992px) {
    html {
        font-size: 17px;
    }
}

.body-exciting { /* Reutilizando a classe do body, mas os estilos são novos */
    font-family: var(--font-principal);
    color: var(--cor-texto-principal);
    line-height: 1.7; /* Espaçamento bom para leitura */
    background-color: var(--fundo-pagina);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
}

.container-exciting {
    width: 90%;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 25px; /* Mais padding lateral */
}
.container-narrow-exciting {
    width: 90%;
    max-width: var(--container-narrow-max-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* === CABEÇALHO 100% MODERNO === */
.site-header-exciting {
    background-color: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(16px); 
    -webkit-backdrop-filter: blur(16px); /* Para Safari */
    padding: 1.15rem 0; /* Um pouco mais compacto */
    box-shadow: 0 1px 2px rgba(0,0,0,0.03); /* Sombra ultra sutil */
    position: sticky; 
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--cor-borda-modern);
    flex-shrink: 0; 
}
.site-header-exciting .container-exciting {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.logo-link-exciting {
    font-weight: 800; /* Mais forte */
    font-size: 1.5rem; 
    color: var(--cor-azul-pechincha); 
    text-decoration: none;
    transition: opacity 0.2s ease;
    letter-spacing: -0.5px; /* Ajuste fino */
}
.logo-link-exciting:hover {
    opacity: 0.75;
}
.logo-highlight-exciting {
    color: var(--cor-amarelo-pechincha); 
    font-weight: 900; 
}
.main-nav-exciting a {
    font-weight: 600; /* Semi-bold */
    font-size: 0.9rem;
    color: var(--cor-texto-secundario);
    text-decoration: none;
    margin-left: 1.5rem; /* Menos margem para um look mais compacto */
    transition: var(--transition-interactive);
    padding: 0.4rem 0.2rem;
    position: relative;
}
.main-nav-exciting a::after { /* Ponto sutil no hover */
    content: '';
    position: absolute;
    bottom: -4px; /* Abaixo do texto */
    left: 50%;
    transform: translateX(-50%) scale(0);
    width: 5px;
    height: 5px;
    background-color: var(--cor-azul-pechincha);
    border-radius: 50%;
    transition: transform 0.2s ease-out;
}
.main-nav-exciting a:hover {
    color: var(--cor-azul-pechincha);
}
.main-nav-exciting a:hover::after {
    transform: translateX(-50%) scale(1);
}

/* === LAYOUT PRINCIPAL 100% MODERNO === */
.main-content-full-page-exciting {
    flex-grow: 1; 
    display: flex; 
    flex-direction: column; 
}
.blog-post-exciting {
    flex-grow: 1; 
}

/* === HERO DO POST 100% MODERNO === */
.post-hero-header-exciting {
    background-color: var(--fundo-hero-modern);
    color: var(--cor-texto-hero);
    padding: 5rem 0 10rem; /* Padding generoso, especialmente abaixo para a curva */
    text-align: center;
    position: relative;
    overflow: hidden; 
}
.hero-bg-elements { /* Elementos de fundo decorativos */
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    overflow: hidden;
    z-index: 0;
}
.hero-bg-shape {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.08);
    opacity: 0;
    animation: pulseShapes 10s infinite ease-in-out;
}
.hero-bg-shape.shape-1 { width: 150px; height: 150px; top: 10%; left: 15%; animation-delay: 0s; }
.hero-bg-shape.shape-2 { width: 80px; height: 80px; top: 60%; right: 10%; animation-delay: 2s; }
.hero-bg-shape.shape-3 { width: 110px; height: 110px; bottom: 15%; left: 30%; animation-delay: 4s; }

@keyframes pulseShapes {
    0%, 100% { transform: scale(0.8); opacity: 0; }
    50% { transform: scale(1); opacity: 1; }
}

.post-hero-header-exciting::after { /* Curva suave na base */
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px; /* Altura da curva */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23FFFFFF' d='M0,64L48,80C96,96,192,128,288,128C384,128,480,96,576,80C672,64,768,64,864,74.7C960,85,1056,107,1152,106.7C1248,107,1344,85,1392,74.7L1440,64L1440,100L1392,100C1344,100,1248,100,1152,100C1056,100,960,100,864,100C768,100,672,100,576,100C480,100,384,100,288,100C192,100,96,100,48,100L0,100Z'%3E%3C/path%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 5; 
}
.hero-content-exciting {
    position: relative; 
    z-index: 10;
}
.post-title-exciting {
    font-weight: 800; /* Bold forte */
    font-size: 2.75rem; 
    line-height: 1.25;
    margin-bottom: 1.25rem;
    color: var(--cor-texto-hero);
    letter-spacing: -1px; /* Títulos modernos costumam ter letter-spacing negativo */
}
.title-accent-exciting { 
    color: var(--cor-amarelo-pechincha);
    /* Efeito de texto com gradiente (opcional, mais complexo)
    background: linear-gradient(45deg, var(--cor-amarelo-pechincha), #FFB800);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
}
.post-meta-exciting {
    font-weight: 500;
    font-size: 0.875rem; 
    color: rgba(255,255,255,0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* === CONTEÚDO DO POST 100% MODERNO === */
.post-content-wrapper-exciting { 
    background-color: var(--fundo-pagina); 
    padding-bottom: 5rem; 
}
.post-content-exciting {
    background-color: var(--fundo-card-modern); 
    padding: 4rem 3rem; /* Padding interno generoso */
    margin-top: -4rem; /* Sobrepõe a curva */
    position: relative; 
    z-index: 15; 
    border-radius: var(--radius-xl); /* Bordas bem arredondadas */
    box-shadow: var(--shadow-medium); 
}
.intro-paragraph-exciting {
    font-size: 1.2rem; 
    color: var(--cor-texto-secundario);
    margin-bottom: 3rem !important;
    font-weight: 500; 
    line-height: 1.8;
}
.section-title-exciting {
    font-weight: 700;
    font-size: 1.9rem; 
    color: var(--cor-texto-principal);
    margin-top: 3rem; /* Espaçamento consistente */
    margin-bottom: 1.5rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid var(--cor-borda-modern); 
    position: relative;
    display: flex; 
    align-items: center;
}
.section-title-exciting::before { 
    content: '';
    display: inline-block;
    width: 5px; 
    height: 1.5em; /* Relativo ao tamanho da fonte */
    background-color: var(--cor-laranja-pechincha); /* Laranja para o detalhe */
    margin-right: 0.85rem;
    border-radius: 2px;
    transform: skewX(-10deg); /* Leve inclinação */
}

.post-content-exciting p {
    margin-bottom: 1.7rem; 
    color: var(--cor-texto-secundario);
    font-size: 1.025rem; /* Leve aumento para leitura */
}
.post-content-exciting strong {
    font-weight: 600; 
    color: var(--cor-laranja-pechincha); 
}
.post-content-exciting a {
    color: var(--cor-azul-pechincha);
    font-weight: 600;
    text-decoration: none;
    position: relative;
    transition: color 0.2s ease;
}
.post-content-exciting a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px; /* Linha um pouco mais fina */
    bottom: -2px; /* Posição da linha */
    left: 0;
    background-color: var(--cor-amarelo-pechincha);
    transform-origin: bottom right;
    transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}
.post-content-exciting a:hover {
    color: var(--cor-azul-pechincha-dark);
}
.post-content-exciting a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Listas 100% Modernas */
.checklist-exciting, .feature-list-exciting {
    list-style: none;
    padding-left: 0;
    margin: 2rem 0 2.5rem 0;
}
.checklist-exciting li, .feature-list-exciting li {
    padding-left: 2.5rem; 
    position: relative;
    margin-bottom: 1rem;
    font-size: 1.025rem;
    color: var(--cor-texto-secundario);
    line-height: 1.7;
}
.checklist-exciting li::before {
    content: ''; 
    position: absolute;
    left: 0.25rem;
    top: 0.35em; 
    width: 0.8em;
    height: 0.8em;
    background-color: var(--cor-azul-pechincha); 
    border-radius: 3px; /* Quadrado arredondado */
    transform: rotate(45deg); /* Losango */
}
.feature-list-exciting li::before { 
    content: ''; 
    position: absolute;
    left: 0.25rem;
    top: 0.4em;
    width: 0.7em;
    height: 0.7em;
    border: 2px solid var(--cor-amarelo-pechincha); 
    border-radius: 50%; /* Círculo vazado */
}

/* Painel de Informação 100% Moderno */
.info-panel-exciting {
    background-color: var(--fundo-info-panel); 
    border: 1px solid var(--cor-borda-modern);
    padding: 2.25rem; /* Padding ajustado */
    margin: 3rem 0;
    border-radius: var(--radius-lg);
    position: relative;
    overflow: hidden; /* Para o ::before */
}
.info-panel-exciting::before { /* Detalhe gráfico sutil */
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    width: 100px;
    height: 100px;
    background-color: var(--cor-azul-pechincha);
    border-radius: 50%;
    opacity: 0.1;
}
.info-panel-icon {
    display: block;
    font-size: 2rem;
    color: var(--cor-azul-pechincha);
    margin-bottom: 0.75rem;
}
.info-panel-title-exciting {
    font-family: var(--font-principal); /* Usando fonte do corpo para consistência */
    color: var(--cor-texto-principal); 
    font-size: 1.3rem;
    margin-top: 0; 
    margin-bottom: 1rem;
    font-weight: 700;
}
.info-panel-exciting .checklist-exciting li { color: var(--cor-texto-secundario); }
.info-panel-exciting .checklist-exciting li::before {
    background-color: var(--cor-azul-pechincha-dark); /* Cor diferente para o marcador interno */
}
.info-panel-exciting a {
    color: var(--cor-azul-pechincha-dark);
    font-weight: 700;
}
.info-panel-exciting a:hover {
    color: var(--cor-laranja-pechincha);
}
.info-panel-exciting a::after {
    background-color: var(--cor-laranja-pechincha);
}


/* Botões 100% Modernos */
.btn-exciting {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    gap: 0.6em; 
    padding: 0.9rem 2.2rem; 
    border-radius: var(--radius-pill); 
    font-family: var(--font-principal); /* Fonte principal para botões */
    font-weight: 600; /* Semi-bold */
    text-align: center;
    text-decoration: none !important;
    border: none;
    font-size: 1rem;
    letter-spacing: 0.25px; /* Menos letter-spacing */
    text-transform: none; /* Sem uppercase para um look mais clean */
    transition: var(--transition-smooth); 
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.btn-primary-exciting {
    background-color: var(--cor-laranja-pechincha); 
    color: var(--cor-texto-hero) !important;
    box-shadow: var(--shadow-cta-orange); 
}
.btn-arrow-exciting { /* Seta no botão */
    display: inline-block;
    transition: transform 0.2s ease-out;
    font-weight: 400; /* Seta mais leve */
}
.btn-primary-exciting:hover {
    background-color: #E05600; /* Laranja um pouco mais escuro */
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(255, 98, 0, 0.3);
}
.btn-primary-exciting:hover .btn-arrow-exciting {
    transform: translateX(4px);
}
.cta-main-exciting {
    text-align: center;
    margin: 3.5rem 0;
}

/* Divisor 100% Moderno */
.divider-exciting {
    border: 0;
    height: 1px; 
    background-color: var(--cor-borda-modern);
    margin: 4rem auto; 
    width: 100%;
}

/* Seção do Autor 100% Moderno */
.author-section-exciting {
    background-color: var(--fundo-card-modern); 
    padding: 3rem;
    border-radius: var(--radius-lg);
    text-align: center;
    margin-top: 2rem;
    border: 1px solid var(--cor-borda-modern); /* Borda sutil */
    box-shadow: var(--shadow-soft);
}
.author-title-exciting {
    font-family: var(--font-principal);
    font-size: 1.4rem;
    color: var(--cor-texto-principal);
    margin-bottom: 0.75rem;
    font-weight: 700;
}
.author-bio-exciting {
    font-size: 0.95rem; /* Bio um pouco menor */
    color: var(--cor-texto-sutil);
    margin-bottom: 1.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
}
.author-social-exciting {
    display: flex;
    justify-content: center;
    gap: 0.75rem; /* Menos gap */
}
.social-link-exciting {
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    color: var(--cor-texto-secundario) !important; 
    text-decoration: none;
    transition: var(--transition-smooth);
    font-size: 0.9rem;
    padding: 0.6rem 1rem; /* Padding menor */
    border: 1px solid var(--cor-borda-modern);
    border-radius: var(--radius-md); 
    background-color: var(--fundo-pagina); /* Fundo sutil */
}
.social-icon-exciting {
    width: 1.1em; 
    height: 1.1em;
    margin-right: 0.5em;
    fill: currentColor; 
    transition: fill 0.2s ease;
}
.social-link-exciting.instagram:hover {
    background-color: #E1306C; /* Cor do Instagram */
    border-color: #E1306C;
    color: var(--cor-texto-hero) !important;
}
.social-link-exciting.youtube:hover {
    background-color: #FF0000; /* Cor do YouTube */
    border-color: #FF0000;
    color: var(--cor-texto-hero) !important;
}
.social-link-exciting:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-soft);
}


/* === RESPONSIVIDADE 100% MODERNO === */
@media (max-width: 991px) { 
    .post-title-exciting { font-size: 2.3rem; letter-spacing: -0.5px; }
    .section-title-exciting { font-size: 1.7rem; }
    .post-hero-header-exciting { padding: 4rem 0 8rem; }
    .post-content-exciting { margin-top: -3.5rem; padding: 3rem 2rem; }
    .intro-paragraph-exciting { font-size: 1.15rem; }
}

@media (max-width: 767px) { 
    html { font-size: 15px; } /* Ajuste para melhor leitura em mobile */
    .logo-link-exciting { font-size: 1.3rem; text-align: center; width: 100%;}
    .site-header-exciting .container-exciting { flex-direction: column; gap: 0.75rem; padding: 0.75rem 0; }
    .main-nav-exciting { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 0.5rem; }
    .main-nav-exciting a { margin: 0.25rem 0.4rem; font-size: 0.85rem; }
    
    .post-hero-header-exciting { padding: 3.5rem 0 7rem; }
    .post-hero-header-exciting::after { height: 60px; } 
    .hero-bg-elements { display: none; } /* Remove formas em mobile para performance */
    .post-title-exciting { font-size: 1.8rem; }
    .post-content-exciting { margin-top: -3rem; padding: 2.5rem 1.25rem; }
    .section-title-exciting { font-size: 1.5rem; }
    .section-title-exciting::before { height: 1.4em; margin-right: 0.6rem; }
    .intro-paragraph-exciting { font-size: 1.05rem; }
    .btn-exciting { padding: 0.8rem 1.8rem; font-size: 0.9rem; }
    .info-panel-exciting { padding: 1.75rem 1.25rem; }
    .author-section-exciting { padding: 2rem 1.25rem; }
    .author-social-exciting { flex-direction: column; gap: 0.75rem; align-items: stretch;}
    .social-link-exciting { width: 100%; justify-content: center; }
}




img {
    display: none;
}

.wd-post-date.wd-style-with-bg .post-date-day {
    display: none;
}

.wd-post-date.wd-style-with-bg .post-date-month {
    display: none;
}/* End custom CSS */