{"id":2818,"date":"2025-12-18T12:39:39","date_gmt":"2025-12-18T11:39:39","guid":{"rendered":"https:\/\/www.dolcifaidate.it\/?p=2818"},"modified":"2026-01-21T15:36:24","modified_gmt":"2026-01-21T14:36:24","slug":"roccoco","status":"publish","type":"post","link":"https:\/\/www.dolcifaidate.it\/?p=2818","title":{"rendered":"Roccoc\u00f2"},"content":{"rendered":"\n<div class=\"recipe-card\">\n\n    <div class=\"recipe-main-content\">\n        <div class=\"recipe-image\">\n            <img decoding=\"async\" src=\"https:\/\/www.dolcifaidate.it\/wp-content\/uploads\/2025\/12\/Screenshot-2025-12-13-092313.png\" alt=\"Foto roccoc\u00f2\">\n        <\/div>\n\n        <div class=\"recipe-info\">\n            <h3>Dettagli Ricetta<\/h3>\n            <ul class=\"info-list\">\n                <li><strong>\ud83e\udd63 Ingredienti:<\/strong> 8<\/li>\n                <li><strong>\u2b50 Difficolt\u00e0:<\/strong> media<\/li>\n                <li><strong>\u23f1\ufe0f Tempo:<\/strong> 50 min<\/li>\n                <li><strong>\ud83d\udcc5 Stagione:<\/strong> Inverno<\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- INGREDIENTI -->\n<div class=\"ingredients-container\">\n    <h2>Ingredienti<\/h2>\n\n    <div class=\"ingredients-wrapper\">\n        <div class=\"servings-selector\">\n            <p>Dosi per<\/p>\n            <div class=\"servings-control\">\n                <span class=\"servings-number\" id=\"current-servings\">18<\/span>\n                <div class=\"servings-buttons\">\n                    <button class=\"serv-btn btn-plus\">+<\/button>\n                    <button class=\"serv-btn btn-minus\">\u2212<\/button>\n                <\/div>\n            <\/div>\n            <p>porzioni<\/p>\n        <\/div>\n\n        <div class=\"ingredients-list  contenitore-flex\">\n            <div class=\"colonna-sinistra\">\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">1000 g<\/span>\n                <span class=\"name\">farina 00<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">700 g<\/span>\n                <span class=\"name\">mandorle sgusciate<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">800 g<\/span>\n                <span class=\"name\">zucchero<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">200 g<\/span>\n                <span class=\"name\">miele<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">50 g<\/span>\n                <span class=\"name\">pisto<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty  no-decrease\">1 g<\/span>\n                <span class=\"name\">ammoniaca per dolci<\/span>\n            <\/div>\n            <\/div>\n            <div class=\"colonna-destra\">\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">300 ml<\/span>\n                <span class=\"name\">acqua<\/span>\n            <\/div>\n            <div class=\"ingredient-item\">\n                <span class=\"qty\">10 ml<\/span>\n                <span class=\"name\">fiala aroma arancia<\/span>\n            <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<!--PREPARAZIONE-->\n<div class=\"preparation-container\">\n    <h2 >Preparazione<\/h2>\n    \n    <div class=\"steps-list\">\n        <h4>Preparazione degli ingredienti<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">1<\/div>\n            <div class=\"step-text\">\n                Tostare le mandorle in forno spento, precedentemente preriscaldato alla massima temperatura, per circa 10 minuti.\n            <\/div>\n        <\/div>\n\n        <div class=\"step-item\">\n            <div class=\"step-number\">2<\/div>\n            <div class=\"step-text\">\n                Disporre la farina a fontana su una spianatoia.\n            <\/div>\n        <\/div>\n\n        <div class=\"step-item\">\n            <div class=\"step-number\">3<\/div>\n            <div class=\"step-text\">\n                Inserire al centro della fontana lo zucchero, il miele, il pisto, l\u2019ammoniaca per dolci, l\u2019acqua e l\u2019aroma all\u2019arancia.\n            <\/div>\n        <\/div>\n        <h4>Impasto<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">4<\/div>\n            <div class=\"step-text\">\n                Iniziare a impastare fino a ottenere un composto omogeneo e formare un panetto.\n            <\/div>\n        <\/div>\n        <div class=\"step-item\">\n            <div class=\"step-number\">5<\/div>\n            <div class=\"step-text\">\n                Una volta formato il panetto, aggiungere le mandorle tostate e incorporarle bene all\u2019impasto.\n            <\/div>\n        <\/div>\n\n\n        <h4>Formatura<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">6<\/div>\n            <div class=\"step-text\">\n                Dividere l\u2019impasto in panetti da 70\u201380 g ciascuno.\n            <\/div>\n        <\/div>\n        <div class=\"step-item\">\n            <div class=\"step-number\">7<\/div>\n            <div class=\"step-text\">\n                Dare a ogni panetto la tipica forma rotonda del roccoc\u00f2.\n            <\/div>\n        <\/div>\n        <div class=\"step-item\">\n            <div class=\"step-number\">8<\/div>\n            <div class=\"step-text\">\n                Prima di infornarli, spennellare i roccoc\u00f2 con il tuorlo d\u2019uovo.\n            <\/div>\n        <\/div>\n\n\n\n        <h4>Cottura<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\">9<\/div>\n            <div class=\"step-text\">\n                Infornare a 170 \u00b0C per circa 20 minuti.\n            <\/div>\n        <\/div>\n\n        <h4>Consiglio<\/h4>\n        <div class=\"step-item\">\n            <div class=\"step-number\"><\/div>\n            <div class=\"step-text\">\n                Se si desiderano dei roccoc\u00f2 pi\u00f9 duri, eliminare i <span class=\"qty\">200 g<\/span> di miele e sostituirli con <span class=\"qty\">200 g<\/span> di zucchero.\n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/div>\n\n\n<style>\n\/* CONTENITORE PRINCIPALE SQUADRATO *\/\n.recipe-card {\n    background: #ffffff;\n    border-radius: 0 !important; \/* Rimuove bordi arrotondati *\/\n    overflow: hidden;\n    box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n    border: 1px solid #e0e0e0; \/* Bordo grigio leggero e pulito *\/\n    margin: 20px auto;\n    max-width: 950px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n\/* LAYOUT FLEX *\/\n.recipe-main-content {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n\/* AREA IMMAGINE (Sinistra) *\/\n.recipe-image {\n    flex: 1.2; \/* Leggermente pi\u00f9 larga *\/\n    min-width: 350px;\n    background-color: #f5f5f5;\n}\n\n.recipe-image img {\n    width: 100%;\n    height: 100%;\n    display: block;\n    object-fit: cover;\n}\n\n\/* AREA INFO (Destra) *\/\n.recipe-info {\n    flex: 1;\n    padding: 40px;\n    min-width: 300px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center; \/* Centra il contenuto verticalmente *\/\n}\n\n\/* TITOLO (Ora a destra, pulito) *\/\n.recipe-title {\n    margin: 0 0 20px 0;\n    color: #333; \/* Colore scuro neutro *\/\n    font-size: 2.2em;\n    font-weight: 800;\n    text-transform: uppercase;\n    line-height: 1.1;\n    border-left: 5px solid #03a9f4; \/* Una linea azzurra per dare carattere *\/\n    padding-left: 15px;\n}\n\n\/* DETTAGLI *\/\n.recipe-details h3 {\n    margin: 20px 0 15px 0;\n    font-size: 1.1em;\n    color: #03a9f4; \/* Azzurro *\/\n    text-transform: uppercase;\n    letter-spacing: 1px;\n}\n\n.info-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.info-list li {\n    padding: 10px 0;\n    border-bottom: 1px dashed #eee; \/* Linea tratteggiata tra le info *\/\n    font-size: 1.05em;\n    color: #444;\n}\n\n.info-list li:last-child {\n    border-bottom: none;\n}\n\n.info-list li strong {\n    color: #333;\n}\n\n\n\/* RESPONSIVE *\/\n@media (max-width: 768px) {\n    .recipe-main-content {\n        flex-direction: column;\n    }\n    \n    .recipe-image {\n        min-width: 100%;\n        height: 300px;\n    }\n\n    .recipe-title {\n        font-size: 1.8em;\n    }\n}\n\n\n\n\/*INGREDIENTI CSS*\/\n\/* CONTENITORE GENERALE *\/\n.ingredients-container {\n    max-width: 950px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n.section-title {\n    font-size: 1.8em;\n    color: #333;\n    text-transform: uppercase;\n    border-left: 5px solid #03a9f4; \/* Accento azzurro *\/\n    padding-left: 15px;\n    margin-bottom: 30px;\n}\n\n.ingredients-wrapper {\n    display: flex;\n    gap: 40px;\n    align-items: flex-start;\n    border-top: 1px solid #eee;\n    padding-top: 30px;\n}\n\n\/* SELETTORE DOSI (Sinistra) *\/\n.servings-selector {\n    text-align: center;\n    min-width: 120px;\n}\n\n.servings-selector p {\n    margin: 5px 0;\n    color: #888;\n    text-transform: uppercase;\n    font-size: 0.85em;\n    letter-spacing: 1px;\n}\n\n.servings-number {\n    font-size: 3.5em;\n    font-weight: 800;\n    color: #333;\n    line-height: 1;\n}\n\n.servings-buttons {\n    display: flex;\n    justify-content: center;\n    gap: 5px;\n    margin: 10px 0;\n}\n\n.serv-btn {\n    background: #f5f5f5;\n    border: 1px solid #ddd;\n    width: 30px;\n    height: 30px;\n    cursor: pointer;\n    font-weight: bold;\n    color: #03a9f4;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n\/* LISTA INGREDIENTI (Destra) *\/\n.ingredients-list {\n    flex-grow: 1;\n}\n\n.ingredient-item {\n    display: flex;\n    padding: 12px 0;\n    border-bottom: 1px solid #f0f0f0;\n    font-size: 1.1em;\n}\n\n.ingredient-item .qty {\n    font-weight: bold;\n    width: 100px;\n    color: #333;\n}\n\n.ingredient-item .name {\n    color: #555;\n}\n\n\/* PULSANTI AZIONE (Sotto) *\/\n.ingredients-actions {\n    display: flex;\n    gap: 15px;\n    margin-top: 30px;\n}\n\n.action-btn {\n    flex: 1;\n    padding: 12px;\n    background: white;\n    border: 1px solid #ddd;\n    cursor: pointer;\n    font-weight: bold;\n    color: #555;\n    transition: all 0.2s;\n    text-transform: uppercase;\n    font-size: 0.85em;\n}\n\n.action-btn:hover {\n    background: #f9f9f9;\n    border-color: #03a9f4;\n    color: #03a9f4;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 600px) {\n    .ingredients-wrapper {\n        flex-direction: column;\n        align-items: center;\n    }\n    .ingredients-list {\n        width: 100%;\n    }\n    .ingredients-actions {\n        flex-direction: column;\n    }\n}\n\n\n\n\n.contenitore-flex {\n    display: flex !important;\n    gap: 20px; \/* Crea uno spazio tra i due div senza usare margin *\/\n    align-items: flex-start; \/* Allinea gli elementi in alto *\/\n    width: 100%;\n}\n\n.colonna-sinistra {\n    flex: 1; \/* Prende spazio in base al contenuto o met\u00e0 se entrambi hanno 1 *\/\n    background: #f9f9f9;\n}\n\n.colonna-destra {\n    flex: 1;\n    background: #ffffff;\n}\n\n\/* IMPORTANTE: Su mobile vogliamo che tornino uno sopra l'altro *\/\n@media (max-width: 768px) {\n    .contenitore-flex {\n        flex-direction: column; \/* Li mette in verticale su schermi piccoli *\/\n    }\n}\n\n\n\n\/*PREPARAZIONE*\/\n\/* CONTENITORE PREPARAZIONE *\/\n.preparation-container {\n    max-width: 950px;\n    margin: 40px auto;\n    padding: 0 20px;\n    font-family: 'Segoe UI', Arial, sans-serif;\n}\n\n.steps-list {\n    margin-top: 30px;\n}\n\n\/* SINGOLO PASSAGGIO *\/\n.step-item {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 30px;\n    align-items: flex-start;\n}\n\n\/* IL NUMERO DEL PASSAGGIO (SQUADRATO) *\/\n.step-number {\n    background-color: #f6a8c6; \/* rosa*\/\n    color: white;\n    font-weight: bold;\n    font-size: 1.2em;\n    min-width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n}\n\n\/* TESTO DEL PASSAGGIO *\/\n.step-text {\n    font-size: 1.1em;\n    line-height: 1.6;\n    color: #444;\n    padding-top: 5px;\n    border-bottom: 1px solid #f0f0f0;\n    padding-bottom: 20px;\n    width: 100%;\n}\n\n.step-item:last-child .step-text {\n    border-bottom: none; \/* Rimuove l'ultima linea *\/\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 600px) {\n    .step-item {\n        flex-direction: column;\n        gap: 10px;\n    }\n    .step-number {\n        width: 30px;\n        height: 30px;\n        font-size: 1em;\n    }\n}\n<\/style>\n\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const servingsDisplay = document.getElementById('current-servings');\n    const btnPlus = document.querySelector('.btn-plus');\n    const btnMinus = document.querySelector('.btn-minus');\n    const ingredientQtys = document.querySelectorAll('.qty');\n\n    if (!servingsDisplay || !btnPlus || !btnMinus) return;\n\n    let originalServings = parseInt(servingsDisplay.innerText);\n    let ingredientData = [];\n\n    \/\/ Memorizziamo i dati iniziali di ogni ingrediente\n    ingredientQtys.forEach(qtySpan => {\n        const text = qtySpan.innerText;\n        const num = parseFloat(text.replace(',', '.'));\n        const unit = text.replace(\/[0-9.,]\/g, '').trim();\n        const canDecrease = !qtySpan.classList.contains('no-decrease');\n        \n        ingredientData.push({ \n            span: qtySpan, \n            baseQty: num, \n            unit: unit,\n            canDecrease: canDecrease \n        });\n    });\n\n    function updateIngredients(newServings) {\n        ingredientData.forEach(item => {\n            let exactQty = (item.baseQty \/ originalServings) * newServings;\n            let decimalPart = exactQty % 1;\n            let finalQty;\n\n            \/\/ Logica arrotondamento: < 0.8 tronca, >= 0.8 eccesso\n            if (decimalPart > 0 && decimalPart < 0.8) {\n                finalQty = Math.floor(exactQty);\n            } else if (decimalPart >= 0.8) {\n                finalQty = Math.ceil(exactQty);\n            } else {\n                finalQty = exactQty;\n            }\n\n            \/\/ Controllo 'no-decrease'\n            if (!item.canDecrease && finalQty < item.baseQty) {\n                finalQty = item.baseQty;\n            }\n\n            item.span.innerText = finalQty + (item.unit ? ' ' + item.unit : '');\n        });\n    }\n\n    btnPlus.onclick = function(e) {\n        e.preventDefault();\n        let current = parseInt(servingsDisplay.innerText);\n        current++;\n        servingsDisplay.innerText = current;\n        updateIngredients(current);\n    };\n\n    btnMinus.onclick = function(e) {\n        e.preventDefault();\n        let current = parseInt(servingsDisplay.innerText);\n        if (current > 1) {\n            current--;\n            servingsDisplay.innerText = current;\n            updateIngredients(current);\n        }\n    };\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dettagli Ricetta \ud83e\udd63 Ingredienti: 8 \u2b50 Difficolt\u00e0: media \u23f1\ufe0f Tempo: 50 min \ud83d\udcc5 Stagione: Inverno Ingredienti Dosi per 18 + \u2212 porzioni 1000 g farina 00 700 g mandorle sgusciate 800 g zucchero 200 g miele 50 g pisto 1 g ammoniaca per dolci 300 ml acqua 10 ml fiala &hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90],"tags":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2818"}],"collection":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2818"}],"version-history":[{"count":10,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2818\/revisions"}],"predecessor-version":[{"id":2860,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=\/wp\/v2\/posts\/2818\/revisions\/2860"}],"wp:attachment":[{"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2818"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2818"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dolcifaidate.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2818"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}