{"id":97,"date":"2026-10-18T19:04:29","date_gmt":"2026-10-18T22:04:29","guid":{"rendered":"https:\/\/editorial.andremagalhaes.dev\/en\/?p=97"},"modified":"2026-10-19T09:33:32","modified_gmt":"2026-10-19T12:33:32","slug":"7-mistakes-that-make-your-pour-over-coffee-bitter-and-how-to-avoid-them","status":"publish","type":"post","link":"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/7-mistakes-that-make-your-pour-over-coffee-bitter-and-how-to-avoid-them\/","title":{"rendered":"7 Mistakes That Make Your Pour-Over Coffee Bitter (And How to Avoid Them)"},"content":{"rendered":"    \r\n    <div id=\"home\"><\/div>\r\n\r\n    <nav id=\"cc-dynamic-navbar\" class=\"cc-navbar-container cc-navbar-visible\">\r\n        <div class=\"cc-navbar-inner\">\r\n            \r\n            <!-- 1. LEFT: Logos -->\r\n            <div class=\"cc-navbar-brand-wrapper\">\r\n                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/\" class=\"cc-navbar-brand\" aria-label=\"Coado Caf\u00e9 - Go to Home\">\r\n                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2025\/06\/cropped-31-e1789062998246.png\" alt=\"Coado Caf\u00e9\" class=\"cc-logo-img cc-logo-light-mode\" \/>\r\n                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2025\/06\/61-e1750456032917.png\" alt=\"Coado Caf\u00e9\" class=\"cc-logo-dark-mode\" \/>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- 2. CENTER \/ MOBILE DRAWER: Smart Links, Language Dropdown & Mobile Search -->\r\n            <div class=\"cc-navbar-menu\" id=\"ccNavbarMenu\">\r\n                <div class=\"cc-navbar-links\">\r\n                    <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/\" class=\"cc-menu-link\">Home<\/a>\r\n                    <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/#methods\" class=\"cc-menu-link\">Methods<\/a>\r\n                    <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/#articles\" class=\"cc-menu-link\">Articles<\/a>\r\n                    <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/blog\" class=\"cc-menu-link\">Blog<\/a>\r\n                    \r\n                    <!-- Language Dropdown -->\r\n                    <div class=\"cc-lang-dropdown\">\r\n                        <button type=\"button\" class=\"cc-lang-dropbtn\" aria-label=\"Language Selector\">\r\n                            <span>\ud83c\uddfa\ud83c\uddf8 EN<\/span>\r\n                            <span class=\"cc-lang-arrow\">\u25bc<\/span>\r\n                        <\/button>\r\n                        <div class=\"cc-lang-dropdown-content\">\r\n                            <a href=\"https:\/\/editorial.andremagalhaes.dev\/wp-json\/wp\/v2\/posts\/97\">\ud83c\udde7\ud83c\uddf7 PT<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Search Inside Mobile Menu -->\r\n                <div class=\"cc-navbar-search-mobile\">\r\n                    <form role=\"search\" method=\"get\" class=\"cc-search-form\" action=\"https:\/\/editorial.andremagalhaes.dev\/en\/\">\r\n                        <input type=\"search\" class=\"cc-search-input\" placeholder=\"Search articles...\" value=\"\" name=\"s\" title=\"Search for:\" \/>\r\n                        <button type=\"submit\" class=\"cc-search-btn\" aria-label=\"Search\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- 3. RIGHT: Desktop Search Bar -->\r\n            <div class=\"cc-navbar-search-wrapper\">\r\n                <form role=\"search\" method=\"get\" class=\"cc-search-form\" action=\"https:\/\/editorial.andremagalhaes.dev\/en\/\">\r\n                    <input type=\"search\" class=\"cc-search-input\" placeholder=\"Search articles...\" value=\"\" name=\"s\" title=\"Search for:\" \/>\r\n                    <button type=\"submit\" class=\"cc-search-btn\" aria-label=\"Search\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <path d=\"M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                        <\/svg>\r\n                    <\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <!-- 4. HAMBURGER BUTTON (Mobile Only) -->\r\n            <button id=\"ccNavToggle\" class=\"cc-hamburger-btn\" aria-label=\"Open Menu\">\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n                <span class=\"cc-hamburger-bar\"><\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n    <\/nav>\r\n\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const navbar = document.getElementById('cc-dynamic-navbar');\r\n            const toggleBtn = document.getElementById('ccNavToggle');\r\n            const menu = document.getElementById('ccNavbarMenu');\r\n\t\t\t\/\/ Controle do Dropdown de Idioma via Clique\r\n\t\t\tconst langDropdown = document.querySelector('.cc-lang-dropdown');\r\n\t\t\tconst langDropBtn = document.querySelector('.cc-lang-dropbtn');\r\n\r\n\t\t\tif (langDropBtn && langDropdown) {\r\n\t\t\t    langDropBtn.addEventListener('click', function(e) {\r\n\t\t\t        e.stopPropagation();\r\n\t\t\t        langDropdown.classList.toggle('active');\r\n\t\t\t    });\r\n\r\n\t\t\t    \/\/ Fecha o dropdown se o usu\u00e1rio clicar fora dele\r\n\t\t\t    document.addEventListener('click', function(e) {\r\n \t\t\t       if (!langDropdown.contains(e.target)) {\r\n\t\t\t            langDropdown.classList.remove('active');\r\n\t\t\t        }\r\n \t\t\t   });\r\n\t\t\t}\r\n\r\n            if (!navbar) return;\r\n\r\n            \/\/ Mobile Hamburger Toggle\r\n            if (toggleBtn && menu) {\r\n                toggleBtn.addEventListener('click', function(e) {\r\n                    e.stopPropagation();\r\n                    toggleBtn.classList.toggle('active');\r\n                    menu.classList.toggle('active');\r\n                });\r\n\r\n                \/\/ Close menu when a link is clicked\r\n                menu.querySelectorAll('.cc-menu-link, .cc-lang-dropdown-content a').forEach(link => {\r\n                    link.addEventListener('click', () => {\r\n                        toggleBtn.classList.remove('active');\r\n                        menu.classList.remove('active');\r\n                    });\r\n                });\r\n\r\n                \/\/ Close menu when clicking outside\r\n                document.addEventListener('click', function(e) {\r\n                    if (!menu.contains(e.target) && !toggleBtn.contains(e.target)) {\r\n                        toggleBtn.classList.remove('active');\r\n                        menu.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            let isHoveringTop = false;\r\n            const triggerZone = 95; \r\n            const scrollThreshold = 50; \r\n\r\n            \/\/ Mouse Movement Control\r\n            document.addEventListener('mousemove', function(e) {\r\n                if (e.clientY <= triggerZone || navbar.contains(e.target)) {\r\n                    isHoveringTop = true;\r\n                    navbar.classList.remove('cc-navbar-hidden');\r\n                    navbar.classList.add('cc-navbar-visible');\r\n                } else {\r\n                    isHoveringTop = false;\r\n                    let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                    if (scrollTop > scrollThreshold && (!menu || !menu.classList.contains('active'))) {\r\n                        navbar.classList.add('cc-navbar-hidden');\r\n                        navbar.classList.remove('cc-navbar-visible');\r\n                    }\r\n                }\r\n            });\r\n\r\n            \/\/ Scroll Control\r\n            window.addEventListener('scroll', function() {\r\n                let scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n                \r\n                if (scrollTop > scrollThreshold && !isHoveringTop && (!menu || !menu.classList.contains('active'))) {\r\n                    navbar.classList.add('cc-navbar-hidden');\r\n                    navbar.classList.remove('cc-navbar-visible');\r\n                } \r\n                else if (scrollTop <= scrollThreshold) {\r\n                    navbar.classList.remove('cc-navbar-hidden');\r\n                    navbar.classList.add('cc-navbar-visible');\r\n                }\r\n            }, { passive: true });\r\n\r\n            \/\/ Smooth Scroll only for local anchors on the same page\r\n            document.querySelectorAll('.cc-menu-link[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const targetId = this.getAttribute('href');\r\n                    if (targetId === '#') return;\r\n                    const targetElement = document.querySelector(targetId);\r\n                    if (targetElement) {\r\n                        targetElement.scrollIntoView({ behavior: 'smooth' });\r\n                    }\r\n                });\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           GLOBAL MOBILE TOP MARGIN & PADDING OVERRIDES\r\n           ========================================== *\/\r\n        html, body {\r\n            margin-top: 0 !important;\r\n            padding-top: 0 !important;\r\n        }\r\n\r\n        .wp-site-blocks,\r\n        .wp-block-post-content,\r\n        .entry-content,\r\n        .wp-block-shortcode {\r\n            padding-top: 0 !important;\r\n            margin-top: 0 !important;\r\n        }\r\n\r\n        \/* WordPress Admin Bar Compatibility *\/\r\n        body.admin-bar .cc-navbar-container {\r\n            top: 32px !important;\r\n        }\r\n\r\n        @media screen and (max-width: 782px) {\r\n            body.admin-bar .cc-navbar-container {\r\n                top: 46px !important;\r\n            }\r\n        }\r\n\r\n        \/* ==========================================\r\n           NAVBAR CSS - MOBILE FIRST\r\n           ========================================== *\/\r\n        \r\n        .cc-navbar-container {\r\n            position: fixed !important;\r\n            top: 0 !important;\r\n            left: 0 !important;\r\n            margin-top: 0 !important;\r\n            width: 100% !important;\r\n            height: 4.5rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            border-bottom: 1px solid rgba(0,0,0, 0.05) !important;\r\n            z-index: 99990 !important;\r\n            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-container {\r\n            background-color: var(--cc-bg-nav) !important; \r\n            border-bottom: 1px solid rgba(255,255,255, 0.05) !important;\r\n        }\r\n\r\n        .cc-navbar-hidden {\r\n            transform: translateY(-101%) !important;\r\n        }\r\n\r\n        .cc-navbar-visible {\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        .cc-navbar-inner {\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n            height: 100% !important;\r\n            padding: 0 1.25rem !important;\r\n            max-width: 1400px !important;\r\n            margin: 0 auto !important;\r\n            box-sizing: border-box !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .cc-navbar-brand {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            text-decoration: none !important;\r\n            outline: none !important;\r\n            background: transparent !important;\r\n            box-shadow: none !important;\r\n        }\r\n\r\n        \/* PROPORTIONAL MOBILE LOGO SIZE *\/\r\n        .cc-logo-img,\r\n        .cc-logo-dark-mode,\r\n        .cc-logo-light-mode {\r\n            max-height: 38px !important;\r\n            width: auto !important;\r\n            object-fit: contain !important;\r\n            background: transparent !important;\r\n            box-shadow: none !important;\r\n            border: none !important;\r\n        }\r\n\r\n        .cc-logo-dark-mode { display: none !important; }\r\n        .cc-logo-light-mode { display: block !important; }\r\n\r\n        html[data-theme=\"dark\"] .cc-logo-dark-mode { display: block !important; }\r\n        html[data-theme=\"dark\"] .cc-logo-light-mode { display: none !important; }\r\n\r\n        \/* HAMBURGER BUTTON (MOBILE) *\/\r\n        .cc-hamburger-btn {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: space-between !important;\r\n            width: 26px !important;\r\n            height: 18px !important;\r\n            background: transparent !important;\r\n            border: none !important;\r\n            cursor: pointer !important;\r\n            padding: 0 !important;\r\n            z-index: 99999 !important;\r\n            outline: none !important;\r\n        }\r\n\r\n        .cc-hamburger-bar {\r\n            width: 100% !important;\r\n            height: 2.5px !important;\r\n            background-color: var(--cc-color-coffee) !important;\r\n            border-radius: 2px !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-hamburger-bar {\r\n            background-color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* Hamburger X Animation *\/\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(1) {\r\n            transform: translateY(7.75px) rotate(45deg) !important;\r\n        }\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(2) {\r\n            opacity: 0 !important;\r\n        }\r\n        .cc-hamburger-btn.active .cc-hamburger-bar:nth-child(3) {\r\n            transform: translateY(-7.75px) rotate(-45deg) !important;\r\n        }\r\n\r\n        \/* MOBILE MENU DRAWER *\/\r\n        .cc-navbar-menu {\r\n            position: absolute !important;\r\n            top: 100% !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            padding: 1.5rem 1.25rem 2rem 1.25rem !important;\r\n            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1) !important;\r\n            display: none !important;\r\n            flex-direction: column !important;\r\n            gap: 1.5rem !important;\r\n            box-sizing: border-box !important;\r\n            border-top: 1px solid rgba(0, 0, 0, 0.05) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-menu {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        }\r\n\r\n        .cc-navbar-menu.active {\r\n            display: flex !important;\r\n        }\r\n\r\n        .cc-navbar-links {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        .cc-menu-link {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-decoration: none !important;\r\n            font-weight: 600 !important;\r\n            display: block !important;\r\n            transition: color 0.2s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-menu-link {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        \/* LANGUAGE DROPDOWN CSS *\/\r\n\t\t.cc-lang-dropdown {\r\n\t\t    position: relative !important;\r\n\t\t    display: inline-block !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropbtn {\r\n\t\t    background: transparent !important;\r\n \t\t   color: var(--cc-color-coffee) !important;\r\n \t\t   font-family: var(--cc-font-primary) !important;\r\n\t\t    font-size: 0.9rem !important;\r\n\t\t    font-weight: 700 !important;\r\n\t\t    padding: 0.4rem 0.75rem !important;\r\n\t\t    border: 1px solid var(--cc-color-coffee) !important;\r\n\t\t    border-radius: 6px !important;\r\n\t\t    cursor: pointer !important;\r\n \t\t   display: inline-flex !important;\r\n\t\t    align-items: center !important;\r\n\t\t    gap: 0.4rem !important;\r\n \t\t   transition: all 0.2s ease !important;\r\n\t\t    outline: none !important;\r\n\t\t    width: 100% !important;\r\n\t\t    justify-content: space-between !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-arrow {\r\n\t\t    font-size: 0.65rem !important;\r\n\t\t    transition: transform 0.2s ease !important;\r\n\t\t}\r\n\r\n\t\t\/* Gira a seta apenas quando a classe .active estiver presente *\/\r\n\t\t.cc-lang-dropdown.active .cc-lang-arrow {\r\n \t\t   transform: rotate(180deg) !important;\r\n\t\t}\r\n\r\n\t\t\/* Alinha exatamente embaixo e com a mesma largura do bot\u00e3o principal *\/\r\n\t\t.cc-lang-dropdown-content {\r\n  \t\t  display: none !important;\r\n\t\t    position: absolute !important;\r\n\t\t    top: 100% !important;\r\n\t\t    left: 0 !important;\r\n \t\t   right: 0 !important;\r\n\t\t    width: 100% !important;\r\n\t\t    min-width: 100% !important;\r\n\t\t    background-color: var(--cc-bg-main) !important;\r\n \t\t   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;\r\n \t\t   border-radius: 6px !important;\r\n \t\t   border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n \t\t   z-index: 999999 !important;\r\n  \t\t  overflow: hidden !important;\r\n \t\t   margin-top: 0.3rem !important;\r\n  \t\t  box-sizing: border-box !important;\r\n\t\t}\r\n\r\n\t\t\/* Exibe a caixa apenas via classe .active do clique *\/\r\n\t\t.cc-lang-dropdown.active .cc-lang-dropdown-content {\r\n \t\t   display: block !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropdown-content a {\r\n \t\t   color: var(--cc-color-coffee) !important;\r\n\t\t    padding: 0.6rem 0.9rem !important;\r\n\t\t    text-decoration: none !important;\r\n\t\t    display: block !important;\r\n\t\t    font-size: 0.85rem !important;\r\n\t\t    font-weight: 600 !important;\r\n\t\t    text-align: center !important;\r\n \t\t   transition: background-color 0.2s ease !important;\r\n\t\t}\r\n\r\n\t\t.cc-lang-dropdown-content a:hover {\r\n\t\t    background-color: var(--cc-bg-cards) !important;\r\n \t\t   color: var(--cc-color-crema) !important;\r\n\t\t}\r\n\r\n        \/* DARK MODE DROPDOWN *\/\r\n        html[data-theme=\"dark\"] .cc-lang-dropbtn {\r\n            color: #FFFFFF !important;\r\n            border-color: rgba(255, 255, 255, 0.3) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content a {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-lang-dropdown-content a:hover {\r\n            background-color: rgba(255, 255, 255, 0.08) !important;\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        \/* Mobile Search Form *\/\r\n        .cc-navbar-search-mobile {\r\n            width: 100% !important;\r\n            padding-top: 0.5rem !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-navbar-search-mobile .cc-search-form {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            width: 100% !important;\r\n            border-bottom: 1px solid var(--cc-color-coffee) !important;\r\n            padding-bottom: 4px !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile .cc-search-form {\r\n            border-bottom: 1px solid rgba(255,255,255,0.5) !important;\r\n        }\r\n\r\n        .cc-navbar-search-mobile .cc-search-input {\r\n            width: 100% !important;\r\n            background: transparent !important;\r\n            border: none !important;\r\n            outline: none !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-navbar-search-mobile .cc-search-input {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-navbar-search-wrapper {\r\n            display: none !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           DESKTOP (>= 992PX)\r\n           ========================================== *\/\r\n        @media (min-width: 992px) {\r\n            .cc-navbar-container {\r\n                height: 5.5rem !important;\r\n            }\r\n\r\n            .cc-navbar-inner {\r\n                padding: 0 2.5rem !important;\r\n            }\r\n\r\n            .cc-logo-img,\r\n            .cc-logo-dark-mode,\r\n            .cc-logo-light-mode {\r\n                max-height: 55px !important;\r\n            }\r\n\r\n            .cc-hamburger-btn,\r\n            .cc-navbar-search-mobile {\r\n                display: none !important;\r\n            }\r\n\r\n            .cc-navbar-brand-wrapper {\r\n                flex: 1 !important;\r\n                display: flex !important;\r\n                justify-content: flex-start !important;\r\n            }\r\n\r\n            \/* Reset Mobile Menu to Horizontal Desktop Header *\/\r\n            .cc-navbar-menu {\r\n                position: static !important;\r\n                background: transparent !important;\r\n                padding: 0 !important;\r\n                box-shadow: none !important;\r\n                border: none !important;\r\n                display: flex !important;\r\n                flex-direction: row !important;\r\n                align-items: center !important;\r\n                justify-content: center !important;\r\n                flex: 2 !important;\r\n                gap: 3rem !important;\r\n            }\r\n\r\n            .cc-navbar-links {\r\n                flex-direction: row !important;\r\n                gap: 3rem !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            .cc-menu-link {\r\n                font-size: 0.95rem !important;\r\n                display: inline-block !important;\r\n                transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.3s ease !important;\r\n            }\r\n\r\n            .cc-menu-link:hover {\r\n                transform: scale(1.12) !important;\r\n                color: var(--cc-color-coffee) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-menu-link:hover {\r\n                color: var(--cc-color-crema) !important;\r\n            }\r\n\r\n            .cc-lang-dropdown-content {\r\n\t\t\t\tleft: 0 !important;\r\n\t\t\t\tright: 0 !important;\r\n\t\t\t\twidth: 100% !important;\r\n\t\t\t}\r\n\r\n            .cc-navbar-search-wrapper {\r\n                flex: 1 !important;\r\n                display: flex !important;\r\n                justify-content: flex-end !important;\r\n            }\r\n\r\n            .cc-search-form {\r\n                display: flex !important;\r\n                align-items: center !important;\r\n                border-bottom: 1px solid var(--cc-color-coffee) !important;\r\n                padding-bottom: 4px !important;\r\n                transition: border-color 0.3s ease !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-form {\r\n                border-bottom: 1px solid rgba(255,255,255,0.5) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-form:focus-within {\r\n                border-bottom: 1px solid #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-input {\r\n                background: transparent !important;\r\n                border: none !important;\r\n                outline: none !important;\r\n                font-family: var(--cc-font-primary) !important;\r\n                font-size: 0.9rem !important;\r\n                color: var(--cc-color-coffee) !important;\r\n                width: 180px !important;\r\n                transition: width 0.3s ease, color 0.3s ease !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-input {\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-input::placeholder {\r\n                color: rgba(44, 30, 19, 0.6) !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-input::placeholder {\r\n                color: rgba(255, 255, 255, 0.4) !important;\r\n            }\r\n\r\n            .cc-search-input:focus {\r\n                width: 240px !important;\r\n            }\r\n\r\n            .cc-search-btn {\r\n                background: none !important;\r\n                border: none !important;\r\n                cursor: pointer !important;\r\n                color: var(--cc-color-coffee) !important;\r\n                padding: 0 0 0 8px !important;\r\n                display: flex !important;\r\n                align-items: center !important;\r\n            }\r\n\r\n            html[data-theme=\"dark\"] .cc-search-btn {\r\n                color: #FFFFFF !important;\r\n            }\r\n\r\n            .cc-search-btn svg {\r\n                width: 1.25rem !important;\r\n                height: 1.25rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <article class=\"cc-artigo-wrapper\">\r\n        \r\n        <!-- ARTICLE HEADER -->\r\n        <header class=\"cc-artigo-header\">\r\n            <div class=\"cc-artigo-meta\">\r\n                <span class=\"cc-artigo-cat\">\r\n                    Brewing Methods                <\/span>\r\n                <span class=\"cc-meta-dot\">\u2022<\/span>\r\n                <span class=\"cc-artigo-tempo\">Read: 5 min<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"cc-artigo-titulo\">7 Mistakes That Make Your Pour-Over Coffee Bitter (And How to Avoid Them)<\/h1>\r\n            \r\n            <div class=\"cc-artigo-submeta\">\r\n                <span>Published on October 18, 2026<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cc-artigo-divider\"><\/div>\r\n        <\/header>\r\n\r\n        <!-- TEXT BODY (Direct HTML Processing) -->\r\n        <div class=\"cc-artigo-conteudo\">\r\n            <\/p>\n<p>If you&#8217;ve ever brewed a specialty coffee expecting sweet, fruity notes but ended up with a drink that puckers your tongue and hits you with aggressive bitterness, know that the problem is almost never the bean. Pour-over extraction is governed by the physics of percolation, and small slip-ups change the way water dissolves the compounds in the grounds. Unpleasant bitterness is a direct sign of overextraction or uneven extraction, failures that are easy to fix with the right technique. Discover the 7 classic mistakes that ruin your daily coffee and how to adjust them to get a clean, balanced, naturally sweet cup.<\/p>\n<h2>1. Grind too fine and inconsistent (generating excess fines)<\/h2>\n<p>Grinding your coffee wrong is the number one cause of bitterness. When you use a grind that&#8217;s too fine, the water takes too long to pass through the coffee bed, dissolving heavy, slow compounds that bring astringency and a metallic taste. Beyond the setting itself, equipment quality is decisive.<\/p>\n<p>This is where two fundamental concepts come in: <strong>burrs<\/strong> (the internal steel or ceramic blades of the grinder) and <strong>fines<\/strong> (extremely small coffee particles, similar to dust). Misaligned grinders crush the beans unevenly, generating lots of <em>fines<\/em>. These tiny particles overextract instantly and scorch the drink, while the larger chunks end up underextracted, resulting in dominant bitterness.<\/p>\n<p><strong>How to avoid it:<\/strong> Invest in a conical burr grinder to ensure uniform particle size. Adjust to a medium grind, similar to coarse salt, allowing a steady water flow without extracting the bitter compounds.<\/p>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2026\/10\/timemore-chestnut-c2.jpg\" alt=\"Moedor Manual Timemore Chestnut C2\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">Moedor Manual Timemore Chestnut C2<\/h4>\r\n                \r\n                                    <span class=\"cc-product-price\">Starting at <strong>R$ 597,97<\/strong><\/span>\r\n                \r\n                <a href=\"https:\/\/link.amazon\/B0dcQH1Aa\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check on Amazon                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<h2>2. The channeling phenomenon during the pour<\/h2>\n<p>When the water seems to drain faster on one side of the dripper, that&#8217;s <strong>channeling<\/strong>, the formation of preferred paths in the grounds where the liquid flows with less resistance. This process affects <strong>percolation<\/strong>, the technical term for water moving through a porous filtering medium.<\/p>\n<p>By flowing concentrated through a single channel, the water causes intense, localized <strong>overextraction<\/strong> in that gap, pulling out harsh, bitter compounds, while the rest of the coffee stays underextracted. This mix completely throws the cup off balance.<\/p>\n<p><strong>How to avoid it:<\/strong> Level the coffee bed with light taps on the side of the dripper. When pouring, make gentle circular motions from the center outward, without hitting the paper wall, to avoid <em>bypass<\/em> (water that runs down the sides without passing through the coffee).<\/p>\n<h2>3. Using water that&#8217;s too hot for medium and dark roasts<\/h2>\n<p>Water temperature dictates how fast the bean&#8217;s soluble compounds dissolve. Boiling water (close to 100\u00b0C) lowers viscosity and speeds up extraction. While light roasts can handle high temperatures, medium and dark roasts are more fragile and porous.<\/p>\n<p>Pouring 100\u00b0C water onto a medium or dark roast quickly extracts burnt oils and degraded chlorogenic acids, producing a bitter flavor with an ashy taste.<\/p>\n<p><strong>How to avoid it:<\/strong> For medium to dark roasts, wait 1 to 2 minutes after boiling before brewing, using water between 88\u00b0C and 92\u00b0C. For specialty light roasts, keep it in the 93\u00b0C to 96\u00b0C range.<\/p>\n<h2>4. Ignoring water chemistry (TDS and alkalinity)<\/h2>\n<p>Since coffee is more than 98% water, using tap water compromises the final result due to chlorine and excess mineral salts.<\/p>\n<p>In professional barista work, we track <strong>TDS<\/strong> (Total Dissolved Solids, which indicates the water&#8217;s mineral content) and <strong>alkalinity<\/strong> (the water&#8217;s capacity to neutralize acids). Water with high alkalinity cancels out the bean&#8217;s vibrant acidity, highlighting a flat, dry bitterness. On top of that, unrinsed paper filters pass a papery, cellulose taste into the coffee.<\/p>\n<p><strong>How to avoid it:<\/strong> Use water filtered through activated carbon or low-sodium mineral water. Always rinse the paper filter with plenty of hot water before adding the grounds.<\/p>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2026\/10\/hario-v60-branco-original.jpg\" alt=\"Hario V60 02 Branco Original Jap\u00e3o\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">Hario V60 02 Branco Original Jap\u00e3o<\/h4>\r\n                \r\n                                    <span class=\"cc-product-price\">Starting at <strong>R$ 63,93<\/strong><\/span>\r\n                \r\n                <a href=\"https:\/\/link.amazon\/B07upVt9r\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check on Amazon                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<h2>5. Skipping the bloom stage<\/h2>\n<p>The <strong>bloom<\/strong> (or pre-infusion) is the initial moment when you wet all the grounds with a small amount of water. Freshly roasted coffee holds carbon dioxide (CO\u2082) trapped inside its cells.<\/p>\n<p>Without the bloom, that gas is released as bubbles during the pour, blocking the water&#8217;s contact with the grounds. This forces the water through irregular paths, causing channeling and bitterness.<\/p>\n<p><strong>How to avoid it:<\/strong> Pour 2 to 3 times the weight of the grounds in water (e.g., 40ml of water for 15g of coffee) and wait 45 seconds for the gases to escape before continuing.<\/p>\n<h2>6. Unbalanced ratio between water and grounds (brew ratio)<\/h2>\n<p>Adding too much water for too little coffee, &#8220;washing out&#8221; the recipe, is a common mistake. We call the relationship between grounds (in grams) and water (in milliliters) the <strong>brew ratio<\/strong>.<\/p>\n<p>With ratios that are too diluted (like 1g of coffee to more than 20ml of water), the excess clean water drags out tannins and slow cellular compounds, with a medicinal, bitter flavor.<\/p>\n<p><strong>How to avoid it:<\/strong> Use a scale and stick to a ratio of 1:15 to 1:17 (e.g., 18g of coffee to 300ml of water).<\/p>\n<h2>7. Excessive agitation and filter clogging<\/h2>\n<p>Moving the dripper around too much affects the flow. Here we&#8217;re linking <strong>agitation<\/strong> (water turbulence) with <strong>fines migration<\/strong> (the displacement of fine particles).<\/p>\n<p>Pouring water from too high up or shaking the dripper dislodges the <em>fines<\/em>, which drift down and seal the paper&#8217;s pores. This <strong>clogging<\/strong> dams up the water and severely overextracts the coffee.<\/p>\n<p><strong>How to avoid it:<\/strong> Keep the kettle low with a steady flow and avoid shaking the dripper.<\/p>\n<h3>Practical Summary: Your Perfect Coffee Checklist<\/h3>\n<ul>\n<li><strong>Fresh beans:<\/strong> Recently roasted specialty coffee.<\/li>\n<li><strong>Medium grind:<\/strong> Uniform particle size with conical burrs.<\/li>\n<li><strong>Ideal water:<\/strong> Filtered or mineral, between 88\u00b0C and 94\u00b0C.<\/li>\n<li><strong>Rinsed filter:<\/strong> Scald the paper before brewing.<\/li>\n<li><strong>Bloom:<\/strong> Wait 45s for the <em>bloom<\/em>.<\/li>\n<li><strong>Gentle pour:<\/strong> Low flow, without hitting the paper.<\/li>\n<li><strong>Ratio of 1:15 to 1:17:<\/strong> Use a scale for precision.<\/li>\n<\/ul>\n<p>\r\n    <aside class=\"cc-product-box\">\r\n        <div class=\"cc-product-tag\">Coado Caf\u00e9 Recommendation<\/div>\r\n        \r\n        <div class=\"cc-product-inner\">\r\n            \r\n                            <div class=\"cc-product-media\">\r\n                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2026\/10\/O-guia-definitivo-do-Home-Barista.png\" alt=\"E-book: O Guia Definitivo do Caf\u00e9 Coado\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">E-book: O Guia Definitivo do Caf\u00e9 Coado<\/h4>\r\n                \r\n                                    <span class=\"cc-product-price\">Starting at <strong>R$ 29,90<\/strong><\/span>\r\n                \r\n                <a href=\"https:\/\/go.hotmart.com\/S107572356T\" target=\"_blank\" rel=\"sponsored noopener\" class=\"cc-product-btn\">\r\n                    Check on Hotmart                    <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                        <path d=\"M18 13V19C18 19.5304 17.7893 20.0391 17.4142 20.4142C17.0391 20.7893 16.5304 21 16 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V8C3 7.46957 3.21071 6.96086 3.58579 6.58579C3.96086 6.21071 4.46957 6 5 6H11M15 3H21M21 3V9M21 3L10 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n        <span class=\"cc-product-disclaimer\">*By purchasing through this link, Coado Caf\u00e9 earns a small commission at no extra cost to you.<\/span>\r\n    <\/aside>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           COMPACT PRODUCT CARD CSS (TEXT WIDTH)\r\n           ========================================== *\/\r\n\r\n        .cc-product-box {\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n            border-radius: 10px !important;\r\n            padding: 1.25rem 1.5rem !important;\r\n            margin: 2rem auto !important; \/* Centered in text *\/\r\n            max-width: 680px !important; \/* Locks at the exact size of the article text column *\/\r\n            width: 100% !important;\r\n            position: relative !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.02) !important;\r\n            box-sizing: border-box !important;\r\n        }\r\n\r\n        .cc-product-tag {\r\n            font-size: 0.68rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n            display: inline-block !important;\r\n        }\r\n\r\n        .cc-product-inner {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-product-media {\r\n            width: 100px !important; \/* More compact icon\/image *\/\r\n            height: 100px !important;\r\n            flex-shrink: 0 !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n        }\r\n\r\n        .cc-product-media img {\r\n            max-width: 100% !important;\r\n            max-height: 100% !important;\r\n            object-fit: contain !important;\r\n        }\r\n\r\n        .cc-product-info {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n            flex-grow: 1 !important;\r\n            gap: 0.4rem !important;\r\n        }\r\n\r\n        .cc-product-title {\r\n            font-size: 1.1rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            line-height: 1.3 !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .cc-product-price {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n        }\r\n\r\n        .cc-product-price strong {\r\n            color: var(--cc-title-main) !important;\r\n        }\r\n\r\n        .cc-product-btn {\r\n            font-family: var(--cc-font-primary) !important;\r\n            display: inline-flex !important;\r\n            align-items: center !important;\r\n            gap: 0.4rem !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            padding: 0.65rem 1.2rem !important;\r\n            border-radius: 6px !important;\r\n            margin-top: 0.4rem !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-product-btn:hover {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-product-btn svg {\r\n            width: 0.9rem !important;\r\n            height: 0.9rem !important;\r\n        }\r\n\r\n        .cc-product-disclaimer {\r\n            display: block !important;\r\n            font-size: 0.7rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-top: 0.8rem !important;\r\n            text-align: center !important;\r\n            opacity: 0.7 !important;\r\n            font-style: italic !important;\r\n        }\r\n\r\n        \/* DESKTOP (SIDE BY SIDE LEAN) *\/\r\n        @media (min-width: 550px) {\r\n            .cc-product-inner {\r\n                flex-direction: row !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-info {\r\n                align-items: flex-start !important;\r\n                text-align: left !important;\r\n            }\r\n\r\n            .cc-product-disclaimer {\r\n                text-align: left !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <\/p>\n<p>\n        <\/div>\r\n\r\n        <!-- ARTICLE FOOTER (Related) -->\r\n        <footer class=\"cc-artigo-footer\">\r\n                \r\n    <section class=\"cc-related-section\">\r\n        <div class=\"cc-related-container\">\r\n            <h3 class=\"cc-related-title\">Keep exploring<\/h3>\r\n            \r\n            <div class=\"cc-related-grid\">\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-hario-v60-coffee-a-step-by-step-guide-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/hario-v60-768x512.png\" alt=\"How to Brew Hario V60 Coffee: A Step-by-Step Guide for Beginners\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">Brewing Methods<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-hario-v60-coffee-a-step-by-step-guide-for-beginners\/\">How to Brew Hario V60 Coffee: A Step-by-Step Guide for Beginners<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/clever-dripper-vs-v60-which-is-easier-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/Clever-Dripper-ou-V60-Qual-E-Mais-Facil-Para-Iniciantes-768x512.png\" alt=\"Clever Dripper vs. V60: Which Is Easier for Beginners?\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">Brewing Methods<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/clever-dripper-vs-v60-which-is-easier-for-beginners\/\">Clever Dripper vs. V60: Which Is Easier for Beginners?<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-make-espresso-at-home-a-step-by-step-guide-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/Como-Fazer-Espresso-em-Casa-Passo-a-Passo-Para-Iniciantes-768x419.jpeg\" alt=\"How to Make Espresso at Home: A Step-by-Step Guide for Beginners\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">Brewing Methods<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-make-espresso-at-home-a-step-by-step-guide-for-beginners\/\">How to Make Espresso at Home: A Step-by-Step Guide for Beginners<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* RELATED ARTICLES CSS *\/\r\n        .cc-related-section {\r\n            width: 100% !important;\r\n            padding: 4rem 0 !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-related-section {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-related-container {\r\n            max-width: 900px !important; \/* Aligned with the blog reading width *\/\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2rem !important;\r\n        }\r\n\r\n        .cc-related-title {\r\n            font-size: 1.8rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .cc-related-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr !important;\r\n            gap: 1.5rem !important;\r\n        }\r\n\r\n        .cc-related-card {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1rem !important;\r\n        }\r\n\r\n        .cc-related-thumb-link {\r\n            text-decoration: none !important;\r\n        }\r\n\r\n        .cc-related-thumb {\r\n            width: 100% !important;\r\n            aspect-ratio: 16\/9 !important;\r\n            border-radius: 8px !important;\r\n            overflow: hidden !important;\r\n            background-color: var(--cc-bg-cards) !important;\r\n        }\r\n\r\n        .cc-related-thumb img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            transition: transform 0.4s ease !important;\r\n        }\r\n\r\n        .cc-related-card:hover .cc-related-thumb img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        .cc-related-placeholder {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 1.5rem !important;\r\n            font-weight: 700 !important;\r\n            color: var(--cc-color-crema) !important;\r\n            opacity: 0.5 !important;\r\n        }\r\n\r\n        .cc-related-meta {\r\n            margin-bottom: 0.5rem !important;\r\n        }\r\n\r\n        .cc-meta-cat {\r\n            font-size: 0.7rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        .cc-related-card-title {\r\n            font-size: 1.2rem !important;\r\n            line-height: 1.3 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .cc-related-card-title a {\r\n            color: var(--cc-title-main) !important;\r\n            text-decoration: none !important;\r\n            transition: color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-related-card-title a:hover {\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-related-grid {\r\n                grid-template-columns: repeat(3, 1fr) !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n            <\/footer>\r\n\r\n    <\/article>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           ARTICLE ENGINE CSS (COADO CAF\u00c9)\r\n           ========================================== *\/\r\n\r\n        .cc-artigo-wrapper {\r\n            width: 100% !important;\r\n            max-width: 760px !important;\r\n            margin: 0 auto !important;\r\n            padding: 3rem 1.25rem 5rem 1.25rem !important;\r\n            box-sizing: border-box !important;\r\n            background-color: var(--cc-bg-main) !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n        }\r\n\r\n        \/* HEADER *\/\r\n        .cc-artigo-header {\r\n            margin-bottom: 2.5rem !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .cc-artigo-meta {\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            gap: 0.5rem !important;\r\n            font-size: 0.8rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n            margin-bottom: 0.8rem !important;\r\n        }\r\n\r\n        .cc-meta-dot { opacity: 0.4 !important; }\r\n\r\n        .cc-artigo-titulo {\r\n            font-size: 2.3rem !important;\r\n            line-height: 1.2 !important;\r\n            color: var(--cc-title-main) !important;\r\n            font-weight: 700 !important;\r\n            margin: 0 0 1rem 0 !important;\r\n            letter-spacing: -0.02em !important;\r\n        }\r\n\r\n        .cc-artigo-submeta {\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-text-muted) !important;\r\n            margin-bottom: 1.5rem !important;\r\n        }\r\n\r\n        .cc-artigo-divider {\r\n            width: 100% !important;\r\n            height: 1px !important;\r\n            background-color: rgba(174, 132, 118, 0.2) !important;\r\n            position: relative !important;\r\n        }\r\n\r\n        .cc-artigo-divider::before {\r\n            content: '' !important;\r\n            position: absolute !important;\r\n            left: 0 !important;\r\n            top: -1px !important;\r\n            width: 60px !important;\r\n            height: 3px !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        \/* EDITORIAL TEXT CONTENT *\/\r\n        .cc-artigo-conteudo {\r\n            font-size: 1.1rem !important;\r\n            line-height: 1.8 !important;\r\n            color: var(--cc-text-main) !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo p {\r\n            margin: 0 0 1.6rem 0 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo p:empty { display: none !important; }\r\n\r\n        \/* HEADINGS (H2, H3) *\/\r\n        .cc-artigo-conteudo h2 {\r\n            font-size: 1.65rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 2.8rem 0 1.2rem 0 !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1.3 !important;\r\n            letter-spacing: -0.01em !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo h3 {\r\n            font-size: 1.35rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 2.2rem 0 1rem 0 !important;\r\n            font-weight: 700 !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n\r\n        \/* STYLED LISTS (UL, OL, LI) *\/\r\n        .cc-artigo-conteudo ul, \r\n        .cc-artigo-conteudo ol {\r\n            margin: 0 0 1.8rem 0 !important;\r\n            padding-left: 1.8rem !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo li {\r\n            margin-bottom: 0.7rem !important;\r\n            line-height: 1.7 !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo strong {\r\n            color: var(--cc-title-main) !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        \/* BLOCKQUOTES AND HIGHLIGHTS *\/\r\n        .cc-artigo-conteudo blockquote {\r\n            margin: 2rem 0 !important;\r\n            padding: 1.2rem 1.5rem !important;\r\n            border-left: 4px solid var(--cc-color-crema) !important;\r\n            background-color: var(--cc-bg-cards) !important;\r\n            border-radius: 0 8px 8px 0 !important;\r\n            font-style: italic !important;\r\n            color: var(--cc-text-main) !important;\r\n        }\r\n\r\n        .cc-artigo-conteudo blockquote p { margin: 0 !important; }\r\n\r\n        \/* INLINE IMAGES *\/\r\n        .cc-artigo-conteudo img {\r\n            max-width: 100% !important;\r\n            height: auto !important;\r\n            border-radius: 8px !important;\r\n            margin: 2rem 0 !important;\r\n            display: block !important;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;\r\n        }\r\n\r\n        \/* DESKTOP RESPONSIVENESS *\/\r\n        @media (min-width: 768px) {\r\n            .cc-artigo-wrapper {\r\n                padding: 4rem 2rem 6rem 2rem !important;\r\n            }\r\n            .cc-artigo-titulo {\r\n                font-size: 2.8rem !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <section class=\"cc-related-section\">\r\n        <div class=\"cc-related-container\">\r\n            <h3 class=\"cc-related-title\">Keep exploring<\/h3>\r\n            \r\n            <div class=\"cc-related-grid\">\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-hario-v60-coffee-a-step-by-step-guide-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/hario-v60-768x512.png\" alt=\"How to Brew Hario V60 Coffee: A Step-by-Step Guide for Beginners\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">Brewing Methods<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-hario-v60-coffee-a-step-by-step-guide-for-beginners\/\">How to Brew Hario V60 Coffee: A Step-by-Step Guide for Beginners<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/clever-dripper-vs-v60-which-is-easier-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/Clever-Dripper-ou-V60-Qual-E-Mais-Facil-Para-Iniciantes-768x512.png\" alt=\"Clever Dripper vs. V60: Which Is Easier for Beginners?\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">Brewing Methods<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/clever-dripper-vs-v60-which-is-easier-for-beginners\/\">Clever Dripper vs. V60: Which Is Easier for Beginners?<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                                    <article class=\"cc-related-card\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-aeropress-coffee-a-step-by-step-guide-for-beginners\/\" class=\"cc-related-thumb-link\">\r\n                            <div class=\"cc-related-thumb\">\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/en\/wp-content\/uploads\/sites\/2\/2026\/10\/Como-Fazer-Cafe-na-Aeropress-Passo-a-Passo-Para-Iniciantes-768x419.jpeg\" alt=\"How to Brew AeroPress Coffee: A Step-by-Step Guide for Beginners\" \/>\r\n                                                            <\/div>\r\n                        <\/a>\r\n                        \r\n                        <div class=\"cc-related-details\">\r\n                            <div class=\"cc-related-meta\">\r\n                                <span class=\"cc-meta-cat\">AeroPress<\/span>\r\n                            <\/div>\r\n                            <h4 class=\"cc-related-card-title\">\r\n                                <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/how-to-brew-aeropress-coffee-a-step-by-step-guide-for-beginners\/\">How to Brew AeroPress Coffee: A Step-by-Step Guide for Beginners<\/a>\r\n                            <\/h4>\r\n                        <\/div>\r\n                    <\/article>\r\n                            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* RELATED ARTICLES CSS *\/\r\n        .cc-related-section {\r\n            width: 100% !important;\r\n            padding: 4rem 0 !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-related-section {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-related-container {\r\n            max-width: 900px !important; \/* Aligned with the blog reading width *\/\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2rem !important;\r\n        }\r\n\r\n        .cc-related-title {\r\n            font-size: 1.8rem !important;\r\n            color: var(--cc-title-main) !important;\r\n            margin: 0 !important;\r\n            text-align: left !important;\r\n        }\r\n\r\n        .cc-related-grid {\r\n            display: grid !important;\r\n            grid-template-columns: 1fr !important;\r\n            gap: 1.5rem !important;\r\n        }\r\n\r\n        .cc-related-card {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1rem !important;\r\n        }\r\n\r\n        .cc-related-thumb-link {\r\n            text-decoration: none !important;\r\n        }\r\n\r\n        .cc-related-thumb {\r\n            width: 100% !important;\r\n            aspect-ratio: 16\/9 !important;\r\n            border-radius: 8px !important;\r\n            overflow: hidden !important;\r\n            background-color: var(--cc-bg-cards) !important;\r\n        }\r\n\r\n        .cc-related-thumb img {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            object-fit: cover !important;\r\n            transition: transform 0.4s ease !important;\r\n        }\r\n\r\n        .cc-related-card:hover .cc-related-thumb img {\r\n            transform: scale(1.05) !important;\r\n        }\r\n\r\n        .cc-related-placeholder {\r\n            width: 100% !important;\r\n            height: 100% !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            font-size: 1.5rem !important;\r\n            font-weight: 700 !important;\r\n            color: var(--cc-color-crema) !important;\r\n            opacity: 0.5 !important;\r\n        }\r\n\r\n        .cc-related-meta {\r\n            margin-bottom: 0.5rem !important;\r\n        }\r\n\r\n        .cc-meta-cat {\r\n            font-size: 0.7rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        .cc-related-card-title {\r\n            font-size: 1.2rem !important;\r\n            line-height: 1.3 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .cc-related-card-title a {\r\n            color: var(--cc-title-main) !important;\r\n            text-decoration: none !important;\r\n            transition: color 0.2s ease !important;\r\n        }\r\n\r\n        .cc-related-card-title a:hover {\r\n            color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-related-grid {\r\n                grid-template-columns: repeat(3, 1fr) !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <section class=\"cc-newsletter-section\">\r\n        <div class=\"cc-newsletter-container\">\r\n            \r\n            <div class=\"cc-newsletter-content\">\r\n                <span class=\"cc-newsletter-tag\">Exclusive Content<\/span>\r\n                <h2 class=\"cc-newsletter-title\">Get the essence of specialty coffee in your inbox<\/h2>\r\n                <p class=\"cc-newsletter-text\">\r\n                    Don't rely on the algorithm. Subscribe to our free curation and receive bi-weekly advanced brewing guides, honest roaster reviews, and secrets from the specialty coffee world.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"cc-newsletter-form-wrapper\">\r\n                <form class=\"cc-newsletter-form\" action=\"#\" method=\"POST\" onsubmit=\"event.preventDefault(); alert('We will connect your email system soon!');\">\r\n                    <input type=\"email\" name=\"email\" class=\"cc-input-email\" placeholder=\"Enter your best email...\" required \/>\r\n                    <button type=\"submit\" class=\"cc-btn-submit\">Subscribe<\/button>\r\n                <\/form>\r\n                <span class=\"cc-newsletter-spam\">We promise zero spam. Only quality coffee. Unsubscribe anytime.<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           NEWSLETTER CSS - FULL WIDTH (ZERO MARGINS)\r\n           ========================================== *\/\r\n\r\n        .cc-newsletter-section {\r\n            background-color: var(--cc-color-coffee) !important;\r\n            padding: 7rem 1.25rem !important;\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            width: 100% !important;\r\n            box-sizing: border-box !important;\r\n            border-top: 1px solid rgba(174, 132, 118, 0.2) !important;\r\n        }\r\n\r\n        .cc-newsletter-container {\r\n            max-width: 900px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2.5rem !important;\r\n            align-items: center !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .cc-newsletter-content {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            gap: 1rem !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .cc-newsletter-tag {\r\n            font-size: 0.75rem !important;\r\n            font-weight: 700 !important;\r\n            color: var(--cc-color-crema) !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.15em !important;\r\n            background-color: rgba(174, 132, 118, 0.15) !important;\r\n            padding: 0.3rem 0.8rem !important;\r\n            border-radius: 20px !important;\r\n        }\r\n\r\n        .cc-newsletter-title {\r\n            font-size: 2.3rem !important;\r\n            color: #FFFFFF !important;\r\n            letter-spacing: -0.02em !important;\r\n            line-height: 1.2 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        .cc-newsletter-text {\r\n            font-size: 1.1rem !important;\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n            margin: 0 !important;\r\n            font-weight: 300 !important;\r\n            line-height: 1.6 !important;\r\n            max-width: 700px !important;\r\n        }\r\n\r\n        .cc-newsletter-form-wrapper {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            align-items: center !important;\r\n            gap: 1rem !important;\r\n            width: 100% !important;\r\n            max-width: 600px !important;\r\n        }\r\n\r\n        .cc-newsletter-form {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            width: 100% !important;\r\n            gap: 0.8rem !important;\r\n        }\r\n\r\n        .cc-input-email {\r\n            font-family: var(--cc-font-primary) !important;\r\n            width: 100% !important;\r\n            padding: 1.1rem 1.25rem !important;\r\n            background-color: rgba(255, 255, 255, 0.07) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.15) !important;\r\n            border-radius: 8px !important;\r\n            font-size: 1rem !important;\r\n            color: #FFFFFF !important;\r\n            outline: none !important;\r\n            box-sizing: border-box !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        .cc-input-email::placeholder {\r\n            color: rgba(255, 255, 255, 0.4) !important;\r\n        }\r\n\r\n        .cc-input-email:focus {\r\n            border-color: var(--cc-color-crema) !important;\r\n            background-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        .cc-btn-submit {\r\n            font-family: var(--cc-font-primary) !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            border: none !important;\r\n            padding: 1.1rem 2rem !important;\r\n            font-size: 0.95rem !important;\r\n            font-weight: 700 !important;\r\n            border-radius: 8px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.3s ease !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.05em !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        .cc-btn-submit:hover {\r\n            background-color: #FFFFFF !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .cc-newsletter-spam {\r\n            font-size: 0.8rem !important;\r\n            color: rgba(255, 255, 255, 0.5) !important;\r\n            font-weight: 300 !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-newsletter-section {\r\n                padding: 8rem 2rem !important;\r\n            }\r\n\r\n            .cc-newsletter-title {\r\n                font-size: 2.8rem !important;\r\n            }\r\n\r\n            .cc-newsletter-form {\r\n                flex-direction: row !important;\r\n                gap: 0.5rem !important;\r\n            }\r\n\r\n            .cc-input-email {\r\n                flex-grow: 1 !important;\r\n            }\r\n\r\n            .cc-btn-submit {\r\n                width: auto !important;\r\n                flex-shrink: 0 !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <footer class=\"cc-footer-section\">\r\n        <div class=\"cc-footer-container\">\r\n            \r\n            <div class=\"cc-footer-main\">\r\n                \r\n                <div class=\"cc-footer-brand\">\r\n                    <a href=\"#home\" class=\"cc-footer-brand-link\" aria-label=\"Coado Caf\u00e9 - Go to Home\">\r\n                        <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2025\/06\/11.png\" alt=\"Coado Caf\u00e9\" class=\"cc-footer-logo-img cc-footer-logo-light\" \/>\r\n                        <img decoding=\"async\" src=\"https:\/\/editorial.andremagalhaes.dev\/wp-content\/uploads\/2025\/06\/41.png\" alt=\"Coado Caf\u00e9\" class=\"cc-footer-logo-img cc-footer-logo-dark\" \/>\r\n                    <\/a>\r\n                    <p class=\"cc-footer-desc\">Exploring the specialty coffee universe, from the bean's origin to the perfect cup.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"cc-footer-links\">\r\n                    <h4 class=\"cc-footer-title\">Navigation<\/h4>\r\n                    <nav class=\"cc-footer-nav\">\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/#methods\">Methods<\/a>\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/#articles\">Articles<\/a>\r\n                        <a href=\"https:\/\/editorial.andremagalhaes.dev\/en\/blog\">Blog<\/a>\r\n                    <\/nav>\r\n                <\/div>\r\n\r\n                <div class=\"cc-footer-links\">\r\n                    <h4 class=\"cc-footer-title\">Contact<\/h4>\r\n                    <nav class=\"cc-footer-nav\">\r\n                        <a href=\"mailto:contato@editorial.andremagalhaes.dev\">Get in touch<\/a>\r\n                        <a href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a>\r\n                    <\/nav>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"cc-footer-bottom\">\r\n                <p>&copy; 2026 Coado Caf\u00e9. All rights reserved.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/footer>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           GUTENBERG BLOCK MARGIN OVERRIDES\r\n           ========================================== *\/\r\n        .wp-block-shortcode,\r\n        .entry-content > .wp-block-shortcode,\r\n        .wp-block-post-content > .wp-block-shortcode {\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            padding-top: 0 !important;\r\n            padding-bottom: 0 !important;\r\n        }\r\n\r\n        .entry-content,\r\n        .wp-block-post-content,\r\n        .wp-site-blocks {\r\n            padding-bottom: 0 !important;\r\n            margin-bottom: 0 !important;\r\n        }\r\n\r\n        \/* ==========================================\r\n           FOOTER CSS - DEFINITIVE FIX FOR 500x500 LOGO\r\n           ========================================== *\/\r\n\r\n        .cc-footer-section {\r\n            background-color: var(--cc-color-crema) !important;\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            padding: 5rem 1.25rem 2.5rem 1.25rem !important;\r\n            margin-top: 0 !important;\r\n            margin-bottom: 0 !important;\r\n            box-sizing: border-box !important;\r\n            width: 100% !important;\r\n            transition: background-color 0.4s ease, border-color 0.4s ease !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-section {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05) !important;\r\n        }\r\n\r\n        .cc-footer-container {\r\n            max-width: 1400px !important;\r\n            margin: 0 auto !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 3.5rem !important;\r\n        }\r\n\r\n        .cc-footer-main {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 2.5rem !important;\r\n        }\r\n\r\n        .cc-footer-brand {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1.2rem !important;\r\n            max-width: 320px !important;\r\n        }\r\n\r\n        .cc-footer-brand-link {\r\n            display: inline-block !important;\r\n            text-decoration: none !important;\r\n            outline: none !important;\r\n            width: fit-content !important;\r\n            box-shadow: none !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .cc-footer-logo-img {\r\n            width: 120px !important;\r\n            height: auto !important;\r\n            object-fit: contain !important;\r\n            display: block !important;\r\n            box-shadow: none !important;\r\n            filter: none !important;\r\n            border: none !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        .cc-footer-logo-dark { display: none !important; }\r\n        .cc-footer-logo-light { display: block !important; }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-logo-dark { display: block !important; }\r\n        html[data-theme=\"dark\"] .cc-footer-logo-light { display: none !important; }\r\n\r\n        .cc-footer-desc {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.95rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            line-height: 1.6 !important;\r\n            margin: 0 !important;\r\n            font-weight: 400 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-desc {\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n        }\r\n\r\n        .cc-footer-links {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 1rem !important;\r\n        }\r\n\r\n        .cc-footer-title {\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 1rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 0.08em !important;\r\n            font-weight: 700 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-title {\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-footer-nav {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 0.7rem !important;\r\n        }\r\n\r\n        .cc-footer-nav a {\r\n            font-family: var(--cc-font-primary) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            text-decoration: none !important;\r\n            font-size: 0.95rem !important;\r\n            font-weight: 500 !important;\r\n            transition: var(--cc-transition) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-nav a {\r\n            color: rgba(255, 255, 255, 0.8) !important;\r\n        }\r\n\r\n        .cc-footer-nav a:hover {\r\n            color: #FFFFFF !important;\r\n            transform: translateX(4px) !important;\r\n        }\r\n\r\n        .cc-footer-bottom {\r\n            border-top: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            padding-top: 2rem !important;\r\n            text-align: center !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            font-size: 0.85rem !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            opacity: 0.8 !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-footer-bottom {\r\n            border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n            color: rgba(255, 255, 255, 0.6) !important;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .cc-footer-main {\r\n                flex-direction: row !important;\r\n                justify-content: space-between !important;\r\n            }\r\n            .cc-footer-bottom {\r\n                text-align: left !important;\r\n            }\r\n            \r\n            .cc-footer-logo-img {\r\n                width: 220px !important; \r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    \n\n\n    \r\n    <div class=\"cc-ada-wrapper\">\r\n        <button class=\"cc-ada-toggle\" id=\"ccAdaToggle\" aria-label=\"Accessibility Panel\">\r\n            <span class=\"cc-ada-icon-wheelchair\"><\/span>\r\n        <\/button>\r\n\r\n        <div class=\"cc-ada-panel\" id=\"ccAdaPanel\">\r\n            <div class=\"cc-ada-header\">\r\n                <h3>Accessibility<\/h3>\r\n                <button id=\"ccAdaClose\" aria-label=\"Close Panel\">&times;<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"cc-ada-body\">\r\n                <div class=\"cc-ada-grid\">\r\n                    <button onclick=\"window.ccAdaEngine.adjustFont(1)\" class=\"cc-ada-action-btn\">\r\n                        <span>Increase Text<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"window.ccAdaEngine.adjustFont(-1)\" class=\"cc-ada-action-btn\">\r\n                        <span>Decrease Text<\/span>\r\n                    <\/button>\r\n                    <button id=\"ccAdaThemeBtn\" onclick=\"toggleCcTheme()\" class=\"cc-ada-action-btn\">\r\n                        <span id=\"ccAdaThemeText\">Dark Mode<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"window.ccAdaEngine.toggleMask()\" class=\"cc-ada-action-btn\">\r\n                        <span>Reading Focus<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Reading Focus Mask -->\r\n    <div id=\"cc-reading-mask\"><\/div>\r\n\r\n    <script>\r\n        \/\/ ACCESSIBILITY ENGINE\r\n        window.ccAdaEngine = {\r\n            toggleTheme: () => {\r\n                const root = document.documentElement;\r\n                const currentTheme = root.getAttribute('data-theme') === 'dark' ? 'light' : 'dark';\r\n                root.setAttribute('data-theme', currentTheme);\r\n                localStorage.setItem('cc-premium-theme', currentTheme);\r\n            },\r\n            fontSize: 100,\r\n            adjustFont: (d) => {\r\n                window.ccAdaEngine.fontSize += (d * 10);\r\n                if(window.ccAdaEngine.fontSize < 70) window.ccAdaEngine.fontSize = 70;\r\n                if(window.ccAdaEngine.fontSize > 160) window.ccAdaEngine.fontSize = 160;\r\n                document.documentElement.style.setProperty('font-size', window.ccAdaEngine.fontSize + '%', 'important');\r\n            },\r\n            toggleMask: () => {\r\n                const m = document.getElementById('cc-reading-mask');\r\n                if(m) m.style.display = m.style.display === 'block' ? 'none' : 'block';\r\n            }\r\n        };\r\n\r\n        \/\/ MASK CONTROL WITH MOUSE\r\n        const updateCcMaskPos = (clientY) => {\r\n            const m = document.getElementById('cc-reading-mask');\r\n            if(m && m.style.display === 'block') m.style.top = clientY + 'px';\r\n        };\r\n        document.addEventListener('mousemove', (e) => updateCcMaskPos(e.clientY));\r\n        document.addEventListener('touchmove', (e) => { \r\n            if(e.touches.length > 0) updateCcMaskPos(e.touches[0].clientY); \r\n        }, { passive: true });\r\n\r\n        \/\/ THEME INTERFACE CONTROL\r\n        function updateCcThemeInterface() {\r\n            const text = document.getElementById('ccAdaThemeText');\r\n            if (!text) return;\r\n            const isDark = document.documentElement.getAttribute('data-theme') === 'dark';\r\n            text.textContent = isDark ? 'Light Mode' : 'Dark Mode';\r\n        }\r\n\r\n        function toggleCcTheme() {\r\n            window.ccAdaEngine.toggleTheme();\r\n            setTimeout(updateCcThemeInterface, 40);\r\n        }\r\n\r\n        \/\/ INITIALIZATION\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            const savedTheme = localStorage.getItem('cc-premium-theme');\r\n            if(savedTheme === 'dark') {\r\n                document.documentElement.setAttribute('data-theme', 'dark');\r\n            }\r\n\r\n            const toggleBtn = document.getElementById('ccAdaToggle');\r\n            const panel = document.getElementById('ccAdaPanel');\r\n            const closeBtn = document.getElementById('ccAdaClose');\r\n\r\n            setTimeout(updateCcThemeInterface, 100);\r\n\r\n            if(toggleBtn && panel) {\r\n                toggleBtn.addEventListener('click', (e) => {\r\n                    e.stopPropagation();\r\n                    panel.classList.toggle('active');\r\n                    updateCcThemeInterface();\r\n                });\r\n            }\r\n            if(closeBtn && panel) {\r\n                closeBtn.addEventListener('click', () => panel.classList.remove('active'));\r\n            }\r\n            document.addEventListener('click', (e) => {\r\n                if(panel && !panel.contains(e.target) && e.target !== toggleBtn) {\r\n                    panel.classList.remove('active');\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n\r\n    <style>\r\n        \/* ==========================================\r\n           FIXED ACCESSIBILITY PANEL CSS (RIGHT SIDE)\r\n           ========================================== *\/\r\n\r\n        .cc-ada-wrapper {\r\n            position: fixed !important;\r\n            bottom: 25px !important;\r\n            right: 25px !important;\r\n            left: auto !important;\r\n            top: auto !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n            width: auto !important;\r\n            height: auto !important;\r\n            z-index: 999999 !important;\r\n            font-family: var(--cc-font-primary) !important;\r\n            transform: none !important;\r\n        }\r\n\r\n        .cc-ada-toggle {\r\n            width: 56px !important;\r\n            height: 56px !important;\r\n            background-color: var(--cc-color-coffee) !important;\r\n            border-radius: 50% !important;\r\n            border: none !important;\r\n            cursor: pointer !important;\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25) !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            transition: transform 0.2s ease, background-color 0.2s ease !important;\r\n            outline: none !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        .cc-ada-icon-wheelchair {\r\n            width: 28px !important;\r\n            height: 28px !important;\r\n            display: inline-block !important;\r\n            background-repeat: no-repeat !important;\r\n            background-position: center !important;\r\n            background-size: contain !important;\r\n            background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'\/><\/svg>\") !important;\r\n        }\r\n\r\n        .cc-ada-toggle:hover { \r\n            transform: scale(1.08) !important; \r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-toggle {\r\n            background-color: var(--cc-color-crema) !important;\r\n        }\r\n        \r\n        html[data-theme=\"dark\"] .cc-ada-icon-wheelchair {\r\n            background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%232C1E13'><path d='M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 7h-6v13h-2v-6h-2v6H9V9H3V7h18v2z'\/><\/svg>\") !important;\r\n        }\r\n\r\n        .cc-ada-panel {\r\n            position: absolute !important;\r\n            bottom: 70px !important;\r\n            right: 0 !important;\r\n            left: auto !important;\r\n            width: 280px !important;\r\n            background-color: #FFFFFF !important;\r\n            border: 1px solid rgba(44, 30, 19, 0.1) !important;\r\n            border-radius: 12px !important;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;\r\n            display: none !important;\r\n            flex-direction: column !important;\r\n            overflow: hidden !important;\r\n        }\r\n\r\n        .cc-ada-panel.active { \r\n            display: flex !important; \r\n        }\r\n\r\n        .cc-ada-header {\r\n            padding: 16px !important;\r\n            background-color: var(--cc-color-crema) !important;\r\n            display: flex !important;\r\n            justify-content: space-between !important;\r\n            align-items: center !important;\r\n        }\r\n\r\n        .cc-ada-header h3 {\r\n            margin: 0 !important;\r\n            font-size: 15px !important;\r\n            font-weight: 700 !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        #ccAdaClose {\r\n            background: none !important;\r\n            border: none !important;\r\n            font-size: 24px !important;\r\n            color: #FFFFFF !important;\r\n            cursor: pointer !important;\r\n            padding: 0 !important;\r\n            line-height: 1 !important;\r\n        }\r\n\r\n        .cc-ada-body {\r\n            padding: 16px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 16px !important;\r\n            background-color: #FFFFFF !important;\r\n        }\r\n\r\n        .cc-ada-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 10px !important;\r\n        }\r\n\r\n        .cc-ada-action-btn {\r\n            background-color: #F9F9F9 !important;\r\n            border: 1px solid rgba(0,0,0,0.1) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n            padding: 14px 8px !important;\r\n            font-size: 12px !important;\r\n            font-weight: 600 !important;\r\n            border-radius: 6px !important;\r\n            cursor: pointer !important;\r\n            transition: all 0.2s !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .cc-ada-action-btn:hover {\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: #FFFFFF !important;\r\n            border-color: var(--cc-color-crema) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-panel {\r\n            background-color: var(--cc-bg-nav) !important;\r\n            border-color: rgba(255, 255, 255, 0.1) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-body {\r\n            background-color: var(--cc-bg-nav) !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-action-btn {\r\n            background-color: rgba(255,255,255,0.05) !important;\r\n            border-color: rgba(255,255,255,0.1) !important;\r\n            color: #FFFFFF !important;\r\n        }\r\n\r\n        html[data-theme=\"dark\"] .cc-ada-action-btn:hover {\r\n            background-color: var(--cc-color-crema) !important;\r\n            color: var(--cc-color-coffee) !important;\r\n        }\r\n\r\n        #cc-reading-mask {\r\n            position: fixed !important;\r\n            left: 0 !important;\r\n            width: 100% !important;\r\n            height: 180px !important;\r\n            pointer-events: none !important;\r\n            z-index: 999998 !important;\r\n            display: none;\r\n            background: rgba(0, 0, 0, 0.05) !important;\r\n            box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.6) !important;\r\n            border-top: 2px solid var(--cc-color-crema) !important;\r\n            border-bottom: 2px solid var(--cc-color-crema) !important;\r\n            transform: translateY(-50%) !important;\r\n        }\r\n    <\/style>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"<p>Discover the 7 mistakes that make your pour-over coffee bitter and learn practical expert tricks to brew a perfect, naturally sweet cup.<\/p>\n","protected":false},"author":1,"featured_media":101,"comment_status":"open","ping_status":"open","sticky":false,"template":"blank-post","format":"standard","meta":{"footnotes":""},"categories":[12,11,19,23,21],"tags":[],"class_list":["post-97","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brewing-methods","category-equipment-accessories","category-other-methods","category-tips-guides","category-v60"],"_links":{"self":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":4,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":104,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/97\/revisions\/104"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/media\/101"}],"wp:attachment":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}