.elementor-kit-8{--e-global-color-primary:#0F401F;--e-global-color-secondary:#FAE9C8;--e-global-color-text:#3C2C23;--e-global-color-accent:#DE9100;--e-global-color-5bfef9b:#F3DDB0;--e-global-color-f681ea9:#76553B;--e-global-color-2471b6e:#FDB532;--e-global-color-66abfd2:#361653;--e-global-color-93f715e:#8865A2;--e-global-color-38f01bd:#FFFFFF;--e-global-color-370f0e8:#F8F1E7;--e-global-typography-primary-font-family:"Fraunces";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Fraunces";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Manrope";--e-global-typography-accent-font-weight:bold;--e-preloader-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:20px;--e-preloader-rotate:0deg;}.elementor-kit-8 e-page-transition{background-color:var( --e-global-color-secondary );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{border-radius:4px 4px 4px 4px;padding:20px 32px 20px 32px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1312px;}.e-con{--container-max-width:1312px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:32px;}.elementor-element{--widgets-spacing:32px 32px;--widgets-spacing-row:32px;--widgets-spacing-column:32px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */p {
    margin-bottom: 0px !important;
}

/* Seleção de texto */
::selection {
    background: #FDB532;
    color: #3C2C23;
}

::-moz-selection {
    background: #FDB532;
    color: #3C2C23;
}

/* Rolagem suave para âncoras */
html {
    scroll-behavior: smooth;
}

/* Melhor renderização de fontes */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Evita zoom estranho em imagens */
img {
    max-width: 100%;
    height: auto;
}

/* Destaque visual no foco de formulários */
input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: #FCC506 !important;
    box-shadow: 0 0 0 3px rgba(252, 197, 6, 0.15);
}

/* Links */
a {
    transition: all .25s ease;
}

.elementor-button {
    transition: all .5s ease !important;
}

.elementor-button:hover {
    transform: translateY(-8px);
}

/* Cards com hover elegante */
.trans-card {
    transition: all .3s ease;
}

.trans-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(23,44,71,.12);
}

/* Scrollbar personalizada */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
    
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #0F401F;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 8px;
    background: #DE9100;
}

/* Cards com hover elegante */
.trans-card {
    transition: all .8s ease !important;
}

.trans-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(23,44,71,.12);
}

.hover-lift {
    transition: .3s ease;
}

.hover-lift:hover {
    transform: translateY(-8px);
}

.title-line {
    position: relative;
}

.title-line:after {
    content:'';
    width:80px;
    height:4px;
    background:#FCC506;
    display:block;
    margin-top:15px;
    border-radius:100px;
}

/* ========================================================================= */
/* PERSONALIZAÇÃO DE ALERTAS E NOTIFICAÇÕES DO WOOCOMMERCE                  */
/* ========================================================================= */

/* 1. Alerta de Sucesso (woocommerce-message - ex: adicionado/removido do carrinho) */
.woocommerce-message {
    background-color: #FAE9C8 !important; /* Nosso creme suave de fundo */
    color: #3C2C23 !important; /* Nosso cacau profundo para o texto */
    border-top-color: #0F401F !important;
    border-left: 4px solid #0F401F !important; /* Destaque lateral em verde-floresta */
    border-radius: 12px !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 12px rgba(15, 64, 31, 0.04) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* 2. ALERTA DE INFORMAÇÃO (woocommerce-info - ex: carrinho vazio, cupons) */
.woocommerce-info {
    background-color: #FAE9C8 !important; /* Creme de fundo */
    color: #3C2C23 !important; /* Cacau de texto */
    border-top-color: #758B2A !important;
    border-left: 4px solid #758B2A !important; /* Destaque lateral em verde-oliva */
    border-radius: 12px !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* 3. ALERTA DE ERRO (woocommerce-error - ex: falhas no checkout) */
.woocommerce-error {
    background-color: #FAF4EF !important; /* Fundo suave argila/rosado */
    color: #3C2C23 !important; /* Cacau de texto */
    border-top-color: #A83232 !important;
    border-left: 4px solid #A83232 !important; /* Destaque lateral em vermelho */
    border-radius: 12px !important;
    padding: 18px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

/* ========================================================================= */
/* CORREÇÃO DO DESALINHAMENTO DOS ÍCONES                                    */
/* ========================================================================= */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    position: static !important; /* Remove o posicionamento absoluto nativo do WooCommerce */
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important; /* Remove floats legados */
    margin-right: 12px !important; /* Afasta o ícone do texto de forma limpa */
    content: "" !important; /* Caso queira manter apenas o ícone padrão do tema sem sobrepor */
    margin-left: 0 !important;
}

/* Caso o tema injete ícones fontes (FontAwesome) nos alertas, garantimos as cores delas aqui */
.woocommerce-message::before { color: #0F401F !important; }
.woocommerce-info::before { color: #758B2A !important; }
.woocommerce-error::before { color: #A83232 !important; }

/* ========================================================================= */
/* BOTÕES DOS ALERTAS (Ver carrinho / Continuar comprando)                 */
/* ========================================================================= */
.woocommerce-message a.button,
.woocommerce-message a.button.wc-forward,
.woocommerce-info a.button {
    background-color: #0F401F !important; /* Fundo do botão em verde-floresta */
    color: #FAE9C8 !important; /* Texto do botão em creme */
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important; /* Joga o botão para o canto direito no desktop */
}

/* Hover dos Botões dos Alertas */
.woocommerce-message a.button:hover,
.woocommerce-message a.button.wc-forward:hover,
.woocommerce-info a.button:hover {
    background-color: #758B2A !important; /* Hover em verde-oliva */
    color: #FAE9C8 !important;
    box-shadow: 0 4px 8px rgba(117, 139, 42, 0.15) !important;
}

/* ========================================================================= */
/* 4. BOTÃO "RETORNAR PARA A LOJA" (return-to-shop - Carrinho Vazio)        */
/* ========================================================================= */
.woocommerce a.button.wc-backward,
p.return-to-shop a.button.wc-backward,
p.return-to-shop a.button {
    background-color: #0F401F !important; /* Nosso verde-floresta profundo */
    color: #FAE9C8 !important; /* Nosso creme de contraste */
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 14px 28px !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 16px !important;
    box-shadow: 0 4px 12px rgba(15, 64, 31, 0.04) !important;
}

/* Hover do botão de retorno */
.woocommerce a.button.wc-backward:hover,
p.return-to-shop a.button.wc-backward:hover,
p.return-to-shop a.button:hover {
    background-color: #758B2A !important; /* Verde-oliva */
    color: #FAE9C8 !important;
    box-shadow: 0 4px 8px rgba(117, 139, 42, 0.15) !important;
}

/* ========================================================================= */
/* 5. RESPONSIVIDADE PARA CELULARES                                         */
/* ========================================================================= */
@media (max-width: 767px) {
    .woocommerce-message, .woocommerce-info, .woocommerce-error {
        flex-direction: column !important; /* Empilha o texto e o botão no celular */
        align-items: flex-start !important;
        padding: 16px 20px !important;
    }
    
    .woocommerce-message a.button,
    .woocommerce-message a.button.wc-forward,
    .woocommerce-info a.button {
        width: 100% !important; /* Botão em largura total no mobile */
        text-align: center !important;
        order: unset !important; /* Mantém abaixo do texto */
    }
    
    .woocommerce a.button.wc-backward,
    p.return-to-shop a.button.wc-backward,
    p.return-to-shop a.button {
        width: 100% !important; /* Botão de retorno em largura total no mobile */
        text-align: center !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-Regular.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-SemiBold.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Fraunces';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-SemiBoldItalic.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-SemiBoldItalic.woff') format('woff');
}
@font-face {
	font-family: 'Fraunces';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-Italic.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Fraunces72pt-Italic.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Manrope-Regular.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Manrope-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Manrope-Bold.woff2') format('woff2'),
		url('http://juanascoffee.com.br/wp-content/uploads/2026/09/Manrope-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */