{"id":5160,"date":"2018-03-11T09:13:18","date_gmt":"2018-03-11T09:13:18","guid":{"rendered":"https:\/\/itmft.flywheelsites.com\/?post_type=product&#038;p=5160"},"modified":"2026-09-06T17:59:02","modified_gmt":"2026-09-06T17:59:02","slug":"cloud-and-mist","status":"publish","type":"product","link":"https:\/\/inthemoodfortea.se\/es\/cloud-and-mist\/","title":{"rendered":"Nube y niebla"},"content":{"rendered":"<p>Cloud and Mist \u00e4r ett handplockat gr\u00f6nt te fr\u00e5n Wulingbergen i provinsen Hunan i Kina. Wuling-bergen \u00e4r k\u00e4nda f\u00f6r sin vackra och rena natur och f\u00f6r sin utm\u00e4rkta milj\u00f6 f\u00f6r odling av te. Skillnaden i temperatur mellan natt och dag \u00e4r stor, luftfuktigheten \u00e4r h\u00f6g och bergen \u00e4r ofta omsvepta i moln och dimma. De sp\u00e4da, djupt gr\u00f6na bladen \u00e4r plockade p\u00e5 h\u00f6g h\u00f6jd tidigt p\u00e5 v\u00e5ren och ger upphov till en infusion med fyllig smak av m\u00e4ttad, mjuk gr\u00f6nska. Cloud and Mist \u00e4r ett prisv\u00e4rt te som ger mersmak.<br \/>\nAndra namn: Yun Wu. Ursprung: Wulingbergen,\u00a0 Hunan, Kina.<br \/>\n\n        <style>\n            @keyframes teaCardFadeIn {\n                0% { opacity: 0; transform: translateY(18px); }\n                100% { opacity: 1; transform: translateY(0); }\n            }\n\n            .itmft-tea-card-v4 {\n                position: relative;\n                width: 100%;\n                max-width: 900px;\n                margin: 50px auto 30px;\n                border: none;\n                border-radius: 9px;\n                background: transparent;\n                color: #18293b;\n                font-family: 'Plus Jakarta Sans', sans-serif;\n                overflow: hidden;\n                box-sizing: border-box;\n                animation: teaCardFadeIn .75s cubic-bezier(.2,.8,.2,1) forwards;\n            }\n\n            \/* Svag pappersk\u00e4nsla, endast CSS \u2013 ingen extern bild. *\/\n            .itmft-tea-card-v4.no-flavor-card {\n                max-width: 620px;\n            }\n\n            .itmft-v4-main {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                min-height: 300px;\n                background: #fbfaf6;\n            }\n\n            .itmft-v4-main.no-flavor {\n                grid-template-columns: 1fr;\n            }\n\n            \/* ---------- SMAKHJUL ---------- *\/\n            .itmft-v4-chart-side {\n                position: relative;\n                min-width: 0;\n                padding: 28px 20px 26px 24px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                box-sizing: border-box;\n            }\n\n            .itmft-v4-chart-wrap {\n                width: 100%;\n                max-width: 398px;\n                position: relative;\n                z-index: 3;\n            }\n\n            .itmft-v4-chart-title {\n                margin: 0 0 14px;\n                text-align: center;\n                font-family: 'Cinzel', serif;\n                font-size: 13px;\n                font-weight: 500;\n                letter-spacing: .10em;\n                color: #18293b;\n                text-transform: uppercase;\n            }\n\n            .itmft-v4-chart-title::after {\n                content: '';\n                display: block;\n                width: 34px;\n                height: 1px;\n                margin: 9px auto 0;\n                background: #9b927f;\n                opacity: .55;\n            }\n\n            .itmft-v4-chart-wrap svg {\n                display: block;\n                width: 100% !important;\n                height: auto !important;\n                max-width: 398px;\n                margin: 0 auto;\n            }\n\n            \/* ---------- TEXTDEL ---------- *\/\n\n            \/* ---------- TEXTDEL ---------- *\/\n            .itmft-v4-text-side {\n                position: relative;\n                min-width: 0;\n                padding: 34px 36px 44px 36px;\n                box-sizing: border-box;\n                display: flex;\n                align-items: center;\n            }\n\n            .itmft-v4-main.no-flavor .itmft-v4-text-side {\n                padding-left: 36px;\n                padding-right: 36px;\n            }\n\n            .itmft-v4-chart-side + .itmft-v4-text-side::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 30px;\n                bottom: 30px;\n                border-left: 1px solid rgba(123, 114, 96, .24);\n            }\n\n            .itmft-v4-infusion-text {\n                position: relative;\n                z-index: 3;\n                margin: 0;\n                padding: 0;\n                font-family: 'Plus Jakarta Sans', sans-serif;\n                font-size: 16px;\n                font-weight: 300;\n                line-height: 1.72;\n                color: #18293b;\n                overflow: visible;\n            }\n\n            .itmft-v4-infusion-text::after {\n                content: '';\n                display: table;\n                clear: both;\n            }\n\n            .itmft-v4-dropcap {\n                float: left;\n                display: block;\n                font-family: 'Cinzel Decorative', Georgia, serif !important;\n                font-size: 3.5em !important;\n                font-weight: 400 !important;\n                line-height: .82 !important;\n                margin: 6px 11px 0 0;\n                padding: 0;\n                color: #18293b !important;\n            }\n\n            \/* ---------- BRYGGPARAMETRAR ---------- *\/\n            .itmft-v4-footer {\n                position: relative;\n                z-index: 2;\n                display: grid;\n                grid-template-columns: repeat(3, 1fr);\n                border-bottom: 1px solid rgba(24,41,59,.17);\n                min-height: 99px;\n            }\n\n            .itmft-v4-item {\n                position: relative;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 15px;\n                padding: 18px 23px;\n                min-width: 0;\n                box-sizing: border-box;\n            }\n\n            .itmft-v4-item + .itmft-v4-item::before {\n                content: '';\n                position: absolute;\n                left: 0;\n                top: 23%;\n                height: 54%;\n                border-left: 1px dotted rgba(24,41,59,.43);\n            }\n\n            .itmft-v4-icon {\n                width: 25px;\n                height: 25px;\n                min-width: 25px;\n                object-fit: contain;\n            }\n\n            .itmft-v4-copy {\n                display: flex;\n                flex-direction: column;\n                gap: 3px;\n                min-width: 0;\n            }\n\n            .itmft-v4-label,\n            .itmft-v4-value {\n                color: #18293b;\n                font-family: 'Plus Jakarta Sans', sans-serif;\n                line-height: 1.28;\n                text-transform: none !important;\n            }\n\n            .itmft-v4-label {\n                font-size: 14px;\n                font-weight: 400;\n            }\n\n            .itmft-v4-value {\n                font-size: 14px;\n                font-weight: 300;\n            }\n\n            .itmft-v4-sr-only {\n                position: absolute !important;\n                width: 1px !important;\n                height: 1px !important;\n                padding: 0 !important;\n                margin: -1px !important;\n                overflow: hidden !important;\n                clip: rect(0,0,0,0) !important;\n                white-space: nowrap !important;\n                border: 0 !important;\n            }\n\n            \/* ---------- TABLET \/ MOBIL ---------- *\/\n            @media (max-width: 768px) {\n                .itmft-v4-main {\n                    display: none !important;\n                }\n\n                .itmft-v4-text-side {\n                    display: none;\n                }\n\n                .itmft-tea-card-v4 {\n                    margin-top: 30px;\n                }\n\n                .itmft-v4-main,\n                .itmft-v4-main.no-flavor {\n                    grid-template-columns: 1fr;\n                }\n\n                .itmft-v4-main:not(.no-flavor) {\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    min-height: 330px;\n                }\n\n                .itmft-v4-chart-side {\n                    width: 100%;\n                    min-height: 330px;\n                    display: flex;\n                    align-items: center;\n                    justify-content: center;\n                    align-self: stretch;\n                }\n\n                .itmft-v4-chart-side {\n                    padding: 8px 24px 6px;\n                }\n\n                .itmft-v4-chart-wrap {\n                    max-width: 345px;\n                }\n\n                .itmft-v4-chart-side + .itmft-v4-text-side::before {\n                    left: 24px;\n                    right: 24px;\n                    top: 0;\n                    bottom: auto;\n                    height: 1px;\n                    border-left: none;\n                    border-top: 1px dotted rgba(24,41,59,.38);\n                }\n\n                .itmft-v4-text-side {\n                    padding: 30px 28px 44px;\n                }\n    .itmft-v4-footer {\n                    grid-template-columns: 1fr;\n                }\n\n                .itmft-v4-item {\n                    justify-content: flex-start;\n                    padding: 15px 28px;\n                }\n\n                .itmft-v4-item + .itmft-v4-item::before {\n                    top: 0;\n                    left: 28px;\n                    right: 28px;\n                    width: auto;\n                    height: 0;\n                    border-left: none;\n                    border-top: 1px dotted rgba(24,41,59,.32);\n                }\n            }\n\n            @media (max-width: 480px) {\n                .itmft-v4-main:not(.no-flavor),\n                .itmft-v4-chart-side {\n                    min-height: 295px;\n                }\n\n                .itmft-tea-card-v4 {\n                    border-radius: 6px;\n                }\n\n                .itmft-v4-chart-side {\n                    padding: 4px 12px 2px;\n                }\n\n                .itmft-v4-chart-wrap {\n                    max-width: 315px;\n                }\n\n                .itmft-v4-text-side {\n                    padding: 26px 20px 40px;\n                }\n\n                .itmft-v4-infusion-text {\n                    font-size: 15px;\n                }\n\n                .itmft-v4-dropcap {\n                    font-size: 3.2em !important;\n                    margin-right: 9px;\n                }\n\n                .itmft-v4-item {\n                    padding: 14px 21px;\n                }\n\n                .itmft-v4-item + .itmft-v4-item::before {\n                    left: 21px;\n                    right: 21px;\n                }\n            }\n        <\/style>\n\n        <div class=\"itmft-tea-card-v4 no-flavor-card\">\n            <div class=\"itmft-v4-footer\">\n                                    <div class=\"itmft-v4-item\">\n                        <img decoding=\"async\"\n                            class=\"itmft-v4-icon\"\n                            src=\"https:\/\/inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/leaf-solid-full.svg\"\n                            alt=\"\"\n                            aria-hidden=\"true\"\n                        >\n                        <div class=\"itmft-v4-copy\">\n                            <span class=\"itmft-v4-label\">\n                                Dosering \/\n                                250 ml                            <\/span>\n                            <span class=\"itmft-v4-value\">\n                                2,5-3 g                            <\/span>\n                        <\/div>\n                    <\/div>\n                \n                                    <div class=\"itmft-v4-item\">\n                        <img decoding=\"async\"\n                            class=\"itmft-v4-icon\"\n                            src=\"https:\/\/inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/temperature-low-solid-full.svg\"\n                            alt=\"\"\n                            aria-hidden=\"true\"\n                        >\n                        <div class=\"itmft-v4-copy\">\n                            <span class=\"itmft-v4-label\">\n                                Temperatur                            <\/span>\n                            <span class=\"itmft-v4-value\">\n                                70-80\u00b0C                            <\/span>\n                        <\/div>\n                    <\/div>\n                \n                                    <div class=\"itmft-v4-item\">\n                        <img decoding=\"async\"\n                            class=\"itmft-v4-icon\"\n                            src=\"https:\/\/inthemoodfortea.se\/wp-content\/uploads\/2026\/02\/bell-solid-full.svg\"\n                            alt=\"\"\n                            aria-hidden=\"true\"\n                        >\n                        <div class=\"itmft-v4-copy\">\n                            <span class=\"itmft-v4-label\">\n                                Infusion                            <\/span>\n                            <span class=\"itmft-v4-value\">\n                                2-3 minuter                            <\/span>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"itmft-v4-main no-flavor\">\n\n                \n                <div class=\"itmft-v4-text-side\">\n                    <p class=\"itmft-v4-infusion-text\" data-itmft-v4-dropcap=\"1\" data-no-translation>Cloud and Mist es muy adecuado para varias infusiones. Conviene hacer la segunda infusi\u00f3n un poco m\u00e1s corta, ya que las hojas ya han comenzado a abrirse y a liberar sus aromas. En las infusiones siguientes, el tiempo de infusi\u00f3n puede aumentarse gradualmente y ajustarse al gusto.<\/p>\n    <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n            document.addEventListener('DOMContentLoaded', function () {\n                document.querySelectorAll('.itmft-v4-infusion-text[data-itmft-v4-dropcap=\"1\"]').forEach(function (element) {\n                    if (element.dataset.itmftV4DropcapReady === '1') {\n                        return;\n                    }\n\n                    var text = (element.textContent || '').trim();\n                    if (!text) {\n                        return;\n                    }\n\n                    var chars = Array.from(text);\n                    var first = chars.shift();\n                    var rest = chars.join('');\n\n                    element.textContent = '';\n\n                    var dropcap = document.createElement('span');\n                    dropcap.className = 'itmft-v4-dropcap';\n                    dropcap.textContent = first;\n\n                    element.appendChild(dropcap);\n                    element.appendChild(document.createTextNode(rest));\n                    element.dataset.itmftV4DropcapReady = '1';\n                });\n            });\n        <\/script>\n\n\n\n        <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cloud and Mist \u00e4r ett handplockat gr\u00f6nt te fr\u00e5n Wulingbergen i provinsen Hunan i Kina. Wuling-bergen \u00e4r k\u00e4nda f\u00f6r sin vackra och rena natur och f\u00f6r sin utm\u00e4rkta milj\u00f6 f\u00f6r odling av te. Skillnaden i temperatur mellan natt och dag \u00e4r stor, luftfuktigheten \u00e4r h\u00f6g och bergen \u00e4r ofta omsvepta i moln och dimma. De [&hellip;]<\/p>\n","protected":false},"featured_media":5162,"template":"","meta":[],"product_brand":[],"product_cat":[138,153],"product_tag":[],"class_list":["post-5160","product","type-product","status-publish","has-post-thumbnail","product_cat-gront-te","product_cat-kinesiskt-te","_wholesalex wsx-wholesalex-product","first","instock","taxable","shipping-taxable","purchasable","product-type-variable"],"_links":{"self":[{"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product\/5160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/types\/product"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/media\/5162"}],"wp:attachment":[{"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/media?parent=5160"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_brand?post=5160"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_cat?post=5160"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/inthemoodfortea.se\/es\/wp-json\/wp\/v2\/product_tag?post=5160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}