{"id":62,"date":"2026-10-18T17:34:23","date_gmt":"2026-10-18T20:34:23","guid":{"rendered":"https:\/\/editorial.andremagalhaes.dev\/en\/?p=62"},"modified":"2026-10-18T18:08:23","modified_gmt":"2026-10-18T21:08:23","slug":"origami-dripper-how-to-use-it-and-brew-an-incredible-coffee","status":"publish","type":"post","link":"https:\/\/editorial.andremagalhaes.dev\/en\/2026\/10\/18\/origami-dripper-how-to-use-it-and-brew-an-incredible-coffee\/","title":{"rendered":"Origami Dripper: How to Use It and Brew an Incredible Coffee"},"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\/62\">\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\">Origami Dripper: How to Use It and Brew an Incredible Coffee<\/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>You bought the Origami Dripper, thought it looked beautiful on the shelf, and now you&#8217;re not quite sure where to start? This Japanese pour-over, created by Yasuo Suzuki, is one of the most versatile out there, but also one of the most confusing. It accepts two types of filter, and each one calls for a different recipe. Here&#8217;s the complete guide to help you extract an incredible cup without guessing anything.<\/p>\n<h2>What makes the Origami different<\/h2>\n<p>The first thing that catches your eye are the <strong>20 ridges<\/strong> on the inner walls, those vertical folds that give the dripper its name. They keep the paper filter away from the wall, creating small air channels that help water circulation. The internal angle is 60 degrees, similar to the Hario V60.<\/p>\n<p>The other important detail is the <strong>large drainage hole<\/strong> at the bottom, much bigger than the V60&#8217;s or the original Kalita Wave&#8217;s. This means <strong>less resistance<\/strong> for the water to flow through, so the coffee tends to drain faster if you don&#8217;t adjust the grind.<\/p>\n<p>There are two size versions: the <strong>S<\/strong>, for 1 to 2 cups (compatible with V60 01 and Kalita Wave 155 filters), and the <strong>M<\/strong>, for 2 to 4 cups (compatible with V60 02 and Kalita Wave 185 filters).<\/p>\n<h2>Ceramic or resin: which one to choose<\/h2>\n<p>The Origami comes in Japanese porcelain (Mino ceramic) and in acrylic resin, the latter sold as &#8220;Origami Air.&#8221; The material you choose changes the thermal behavior of the brew.<\/p>\n<ul>\n<li><strong>Ceramic:<\/strong> it&#8217;s heavy and absorbs a lot of heat from the water at the start of the brew, which can drop the temperature of the mixture (the <em>slurry<\/em>, the technical name for the coffee-and-water mix inside the filter) by as much as 5 \u00b0C to 10 \u00b0C if you don&#8217;t preheat it properly.<\/li>\n<li><strong>Acrylic resin:<\/strong> it&#8217;s lightweight, cheaper, and <strong>insulates heat better<\/strong>, meaning it steals less temperature from the water during extraction.<\/li>\n<\/ul>\n<p>If you don&#8217;t have the patience to carefully preheat it every time, the resin version is the safer choice for everyday use.<\/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\/Origami-Dripper.jpg\" alt=\"Origami Dripper\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">Origami Dripper<\/h4>\r\n                \r\n                                    <span class=\"cc-product-price\">Starting at <strong>R$ 141,91<\/strong><\/span>\r\n                \r\n                <a href=\"https:\/\/link.amazon\/B065cdyyS\" 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<p>One detail that&#8217;s easy to miss: the Origami doesn&#8217;t come with its <strong>own base or handle<\/strong>. It needs a separate holder, in wood or resin, fitted onto the carafe. If that holder leaves the dripper tilted, one side of the coffee bed gets more water than the other, and the result comes out uneven.<\/p>\n<h2>Conical filter or Kalita Wave: the choice that changes everything<\/h2>\n<p>This is the real trick of the Origami: it accepts both filter shapes, and each one delivers a different coffee.<\/p>\n<ul>\n<li><strong>Conical filter (V60-type):<\/strong> creates a deeper coffee bed. It highlights <strong>bright acidity<\/strong>, more flavor clarity, and floral or fruity notes, with a light to medium body.<\/li>\n<li><strong>Kalita Wave filter (flat bottom):<\/strong> keeps the water in contact with the grounds longer in the ridges at the bottom. It leans toward <strong>sweetness<\/strong>, caramel notes, and a more velvety body.<\/li>\n<\/ul>\n<p><strong>Watch out for this common mistake:<\/strong> if you switch from the conical filter to the Kalita Wave and keep the same grind size, the coffee comes out weak and flat. The reason is that the Origami&#8217;s wide hole already drains fast, and the flat-bottom filter removes the extra resistance that was missing. The fix is simple: <strong>grind finer<\/strong> when using the flat-bottom filter in the Origami.<\/p>\n<h2>Recipe to start with: Kalita Wave filter, focused on sweetness<\/h2>\n<p>This recipe is based on a technique used by the Kurasu roastery, from Kyoto, and it&#8217;s a great entry point.<\/p>\n<ul>\n<li><strong>Coffee:<\/strong> 15 g, medium-fine grind (slightly finer than for the V60)<\/li>\n<li><strong>Water:<\/strong> 250 g at 93 \u00b0C (ratio of 1 to 16.6)<\/li>\n<\/ul>\n<ol>\n<li><strong>Bloom:<\/strong> pour 40 g of water, without stirring with a spoon, and wait 40 seconds.<\/li>\n<li><strong>First pour:<\/strong> keep pouring until you reach 150 g, over about 10 seconds.<\/li>\n<li><strong>Second pour:<\/strong> at the 60-second mark, top up to 250 g, also in a continuous pour.<\/li>\n<li><strong>Time cutoff:<\/strong> at 1min30, remove the dripper from the carafe, even if it&#8217;s still draining. This cutoff avoids pulling the bitter compounds from the end of the extraction.<\/li>\n<\/ol>\n<h2>Recipe for the conical filter: more body and complexity<\/h2>\n<p>This version, inspired by a recipe from the Stumptown roastery, works well with the V60 filter inside the Origami.<\/p>\n<ul>\n<li><strong>Coffee:<\/strong> 21 g, medium-fine grind (texture of sea salt)<\/li>\n<li><strong>Water:<\/strong> 340 g, just off the boil (ratio of 1 to 16.2)<\/li>\n<\/ul>\n<ol>\n<li><strong>Bloom:<\/strong> pour 50 g of water and stir well with a spoon to wet all the dry grounds.<\/li>\n<li><strong>At 45 seconds:<\/strong> pour in a spiral up to 200 g.<\/li>\n<li><strong>At 1min30:<\/strong> pour up to 280 g.<\/li>\n<li><strong>At 2min:<\/strong> final pour up to 340 g, passing along the edges to &#8220;wash&#8221; the grounds stuck to the filter wall.<\/li>\n<li><strong>Total drawdown time:<\/strong> between 3 and 3min15.<\/li>\n<\/ol>\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\/icofee-chaleira-eletica.jpg\" alt=\"iCoffee Chaleira El\u00e9trica Gooseneck com Termostato 800ml\" \/>\r\n                <\/div>\r\n            \r\n            <div class=\"cc-product-info\">\r\n                <h4 class=\"cc-product-title\">iCoffee Chaleira El\u00e9trica Gooseneck com Termostato 800ml<\/h4>\r\n                \r\n                                    <span class=\"cc-product-price\">Starting at <strong>R$ 370,49<\/strong><\/span>\r\n                \r\n                <a href=\"https:\/\/link.amazon\/B09QAd0P7\" 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>Origami vs. Hario V60: is there a real difference in flavor?<\/h2>\n<p>Lab tests with a refractometer (a device that measures <strong>coffee strength<\/strong>, or <strong>TDS<\/strong>, the percentage of dissolved solids in the drink) used 15 g of coffee to 230 ml of water in both drippers, with identical grind and temperature. The result was quite similar: the Origami came out with a TDS of 1.38% and an <strong>extraction yield<\/strong> (how much of the grounds actually turned into flavor in the cup) of 17.25%, against 1.37% and 17.00% for the V60, essentially tied.<\/p>\n<p>The real difference shows up more in the filter you choose than in the dripper itself. If you want acidic and floral notes, use the conical. If you prefer sweetness and body, go with the Kalita Wave.<\/p>\n<h2>Common mistakes and how to fix them<\/h2>\n<ul>\n<li><strong>Weak, watery coffee with the flat-bottom filter:<\/strong> grind finer to make up for the Origami&#8217;s wide hole.<\/li>\n<li><strong>Harsh acidity and no sweetness with the ceramic version:<\/strong> preheat the dripper thoroughly with boiling water before adding the grounds.<\/li>\n<li><strong>One side more bitter, the other weaker:<\/strong> check that the dripper isn&#8217;t tilted on its holder before you start pouring.<\/li>\n<li><strong>Flow stalls at the end and the coffee turns harsh:<\/strong> you stirred too much with the spoon or poured from too high up. This pushes the <strong>fines<\/strong> (tiny coffee particles) down to the bottom and clogs the filter. Always pour in a gentle spiral, with the kettle spout close to the grounds.<\/li>\n<\/ul>\n<h2>How to test it at home<\/h2>\n<p>Pick one filter to start with, preferably the Kalita Wave, which is more forgiving. Then:<\/p>\n<ol>\n<li>Follow the recipe exactly from start to finish, without skipping steps.<\/li>\n<li>Note the total time and taste carefully.<\/li>\n<li>Coffee weak or acidic? Grind finer next time.<\/li>\n<li>Coffee bitter or harsh? Grind coarser or reduce the agitation.<\/li>\n<li>Always change <strong>one variable at a time<\/strong> so you know what actually made the difference.<\/li>\n<\/ol>\n<p>A grinder with well-adjusted <strong>burrs<\/strong>, the pieces that cut the bean evenly instead of crushing it, makes all the difference in this fine-tuning process.<\/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>Quick tips<\/h2>\n<ul>\n<li>Rinse the filter well before use, to seal the paper against the walls and remove the papery taste.<\/li>\n<li>Stir the dry grounds with a spoon before pouring the water, to even out the coffee bed.<\/li>\n<li>Use coffee roasted less than 30 days ago.<\/li>\n<li>If it&#8217;s ceramic, preheat it generously before every brew.<\/li>\n<\/ul>\n<h2>Frequently asked questions<\/h2>\n<h3>Can I use any paper filter in the Origami?<\/h3>\n<p>No. Use the filters made for the shape you choose: V60-type conical (or Cafec) for the acidic, floral mode, or Kalita Wave 155\/185 for the sweet, velvety mode, always in the size that matches your Origami (S or M).<\/p>\n<h3>Is the Origami good for someone just starting out in specialty coffee?<\/h3>\n<p>Yes, especially with the Kalita Wave filter, which forgives pouring mistakes more easily. Once you&#8217;ve gained some practice, the conical filter opens up a whole new range of flavors to explore.<\/p>\n<h3>Is it worth buying the Origami if I already have a V60?<\/h3>\n<p>It is, if you like varying your coffee&#8217;s flavor profile. The Origami works like &#8220;two drippers in one,&#8221; since it accepts both filter types. Someone with only a V60 is limited to the more acidic, brighter profile.<\/p>\n<h2>Your next cup in the Origami<\/h2>\n<p>Choose the filter based on the flavor profile you&#8217;re after, follow the recipe closely the first time, and adjust the grind afterward. After a few tries, you&#8217;ll understand how your Origami behaves, and you&#8217;ll have gained a dripper that changes personality depending on what mood you&#8217;re in.<\/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>Learn how to use the Origami Dripper and brew an amazing coffee: filters, recipes, grind size, and common mistakes explained step-by-step.<\/p>\n","protected":false},"author":1,"featured_media":88,"comment_status":"open","ping_status":"open","sticky":false,"template":"blank-post","format":"standard","meta":{"footnotes":""},"categories":[12,11,18,22],"tags":[],"class_list":["post-62","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-brewing-methods","category-equipment-accessories","category-origami-dripper","category-recipes"],"_links":{"self":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/62","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=62"}],"version-history":[{"count":8,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/62\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/posts\/62\/revisions\/73"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/media\/88"}],"wp:attachment":[{"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/media?parent=62"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/categories?post=62"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/editorial.andremagalhaes.dev\/en\/wp-json\/wp\/v2\/tags?post=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}