cafe

<p>

<meta charset="utf-8">

<meta content="width=device-width, initial-scale=1.0" name="viewport">

<meta content="Il Ricettario Segreto del Caffè — +200 ricette da caffetteria premium" property="og:title">

<meta content="Prepara a casa caffè, frappè, bevande fredde e dolci irresistibili con qualità da caffetteria premium." property="og:description">

<meta content="website" property="og:type">

<link href="https://fonts.googleapis.com" rel="preconnect">

<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect">

</p>

<style>

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html,body{background:#1E1714 !important}

#shopify-section-announcement-bar,header,.header-wrapper,#shopify-section-header,

footer.footer,#shopify-section-footer,.announcement-bar{display:none !important}

body{

font-family:'Inter',sans-serif;

font-size:16px;

line-height:1.65;

color:rgba(255,255,255,.84);

background:#1E1714;

overflow-x:hidden;

-webkit-font-smoothing:antialiased;

}

a{text-decoration:none;color:inherit}

img{display:block;max-width:100%;height:auto}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:root{

--bg:#1E1714;

--bg2:#2A1F1A;

--bg3:#3A2A22;

--card:#2B211C;

--card2:#352821;

--cream:#F4EBDD;

--beige:#D9C3A5;

--gold:#C78B43;

--gold2:#E0A95A;

--cinnamon:#A95C37;

--mocha:#5A3E2B;

--green:#22C55E;

--red:#EF4444;

--text:#FFFFFF;

--muted:#CDBEAF;

--line:rgba(199,139,67,.22);

--r:16px;

}

.btn-pulse{

display:inline-block;

background:linear-gradient(135deg,var(--gold),#E6B369 55%,#B7752D);

color:#fff;

font-family:'Inter',sans-serif;

font-weight:900;

font-size:17px;

padding:16px 28px;

border-radius:14px;

cursor:pointer;

border:none;

text-align:center;

box-shadow:0 0 42px rgba(199,139,67,.22), inset 0 1px 0 rgba(255,255,255,.22);

transition:box-shadow .2s,transform .2s,filter .2s;

animation:pulse-btn 2s ease-in-out infinite;

position:relative;

overflow:hidden;

text-transform:uppercase;

letter-spacing:.02em;

}

.btn-pulse::after{

content:'';

position:absolute;

inset:0;

background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);

transform:translateX(-100%);

transition:transform .45s ease;

}

.btn-pulse:hover::after{transform:translateX(100%)}

.btn-pulse:hover{

box-shadow:0 0 70px rgba(199,139,67,.35);

transform:scale(1.02);

animation:none;

filter:saturate(1.05)

}

.btn-pulse:active{transform:scale(.98)}

@keyframes pulse-btn{

0%,100%{box-shadow:0 0 42px rgba(199,139,67,.22)}

50%{box-shadow:0 0 72px rgba(169,92,55,.20),0 0 42px rgba(199,139,67,.18)}

}

.sep{

width:100%;

height:1px;

background:linear-gradient(90deg,transparent,rgba(199,139,67,.34),rgba(169,92,55,.22),transparent);

border:none;

margin:0

}

.hero{

position:relative;

width:100%;

display:flex;

flex-direction:column;

text-align:center;

align-items:center;

justify-content:center;

padding:44px 20px 38px;

overflow:hidden;

background:

radial-gradient(circle at 50% 16%,rgba(199,139,67,.18) 0%,rgba(169,92,55,.10) 30%,transparent 58%),

radial-gradient(circle at 12% 20%,rgba(244,235,221,.06) 0%,transparent 28%),

linear-gradient(180deg,#1E1714 0%,#241B17 62%,#181210 100%);

}

.hero::before{

content:'';

position:absolute;

inset:0;

background-image:

linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),

linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);

background-size:42px 42px;

mask-image:linear-gradient(to bottom,rgba(0,0,0,.78),transparent 85%);

pointer-events:none;

}

.hero-glow{

position:absolute;top:8%;left:50%;transform:translateX(-50%);

width:780px;height:420px;border-radius:50%;pointer-events:none;opacity:.75;

background:radial-gradient(rgba(199,139,67,.16) 0%,rgba(169,92,55,.08) 38%,transparent 72%);

filter:blur(12px);

}

.hero-kicker{

position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;

color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;

margin-bottom:18px;padding:8px 14px;border-radius:999px;

background:rgba(199,139,67,.08);border:1px solid rgba(199,139,67,.24);

}

.hero h1{

position:relative;font-weight:900;color:#fff;max-width:58rem;

font-size:clamp(2.15rem,8.5vw,4.85rem);line-height:1.03;margin-bottom:18px;letter-spacing:-.055em;

}

.hero h1 span{

color:transparent;

background:linear-gradient(90deg,var(--gold),#F7D6A4,var(--cream));

-webkit-background-clip:text;background-clip:text;

}

.hero-sub{font-size:clamp(16px,2.5vw,19px);max-width:38rem;line-height:1.65;margin-bottom:20px;color:#E5D9CB;}

.hero-sub strong{color:#fff}

.hero-img-wrap{position:relative;width:100%;max-width:clamp(300px,84vw,560px);margin:0 auto 20px;}

.hero-img-wrap::before{

content:'';position:absolute;inset:8% 3% -4%;

background:radial-gradient(circle,rgba(199,139,67,.18),rgba(169,92,55,.16),transparent 66%);

filter:blur(25px);z-index:0;

}

.hero-img-wrap img{position:relative;z-index:1;width:100%;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 28px 90px rgba(0,0,0,.42);}

.hero-pills{

display:flex;gap:7px;flex-wrap:wrap;align-items:center;justify-content:center;

font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;color:#fff;

}

.hero-pills span:not(.div){padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);}

.hero-pills .div{width:1px;height:12px;background:rgba(255,255,255,.12)}

.hero .btn-pulse{font-size:17px;padding:17px 30px;border-radius:15px;width:100%;max-width:470px;margin-bottom:10px;}

@media(min-width:640px){.hero .btn-pulse{width:auto}}

.hero-social{color:#CDBEAF;font-size:13px;margin-bottom:10px;font-weight:600}

.hero-social strong{color:#fff}

.hero-trust{color:#A8947F;font-size:13px;letter-spacing:.03em}

.viendo-ahora{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.22);border-radius:8px;padding:7px 14px;margin-bottom:14px;}

.viendo-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.5s infinite;flex-shrink:0}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

.viendo-txt{color:#E5D9CB;font-size:13px;font-weight:700}

.viendo-txt strong{color:#fff}

.stats-sec{width:100%;padding:48px 20px;background:linear-gradient(#1E1714 0%,#241B17 100%);position:relative;overflow:hidden;}

.stats-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:230px;border-radius:50%;pointer-events:none;background:radial-gradient(rgba(199,139,67,.10) 0%,transparent 70%);}

.stats-inner{position:relative;max-width:80rem;margin:0 auto}

.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}

@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr)}}

.stat-card{text-align:center;padding:16px 8px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(199,139,67,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}

.stat-num{font-size:clamp(28px,6vw,48px);font-weight:900;color:#fff;line-height:1;margin-bottom:6px}

.stat-lbl{color:var(--gold2);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}

.cian-line{width:90px;height:2px;background:linear-gradient(90deg,transparent,rgba(199,139,67,.55),rgba(169,92,55,.28),transparent);margin:0 auto 40px}

.mini-tests{display:grid;grid-template-columns:1fr;gap:14px}

@media(min-width:640px){.mini-tests{grid-template-columns:repeat(3,1fr)}}

.mini-test{position:relative;background:rgba(255,255,255,.035);border:1px solid rgba(199,139,67,.16);border-radius:16px;padding:20px;transition:border-color .3s,transform .3s;}

.mini-test:hover{border-color:rgba(199,139,67,.35);transform:translateY(-2px)}

.mini-test-quote{position:absolute;top:12px;right:16px;color:rgba(199,139,67,.12);font-size:36px;font-family:serif;line-height:1;pointer-events:none}

.mini-test-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}

.mini-av{width:44px;height:44px;border-radius:50%;flex-shrink:0;overflow:hidden;background:rgba(199,139,67,.12);border:1px solid rgba(199,139,67,.24);display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:900;font-size:14px}

.mini-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}

.mini-name{font-weight:800;font-size:15px;color:#fff;line-height:1.3}

.mini-loc{color:#B79E88;font-size:13px;margin-top:2px}

.mini-txt{color:#E5D9CB;font-size:15px;line-height:1.65;margin-bottom:8px}

.mini-stars{color:var(--gold);font-size:14px;letter-spacing:2px}

.prob-sec{width:100%;background:#1E1714;padding:50px 20px}

.prob-inner{max-width:42rem;margin:0 auto}

.sec-head{text-align:center;margin-bottom:32px}

.sec-head h2{font-size:clamp(22px,4.8vw,34px);font-weight:900;color:#fff;line-height:1.22;letter-spacing:-.03em}

.sec-head h2 span{color:var(--gold)}

.prob-list{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}

.prob-item{display:flex;align-items:flex-start;gap:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 18px;border-left:3px solid rgba(239,68,68,.55);transition:background .3s,border-color .3s}

.prob-item:hover{background:rgba(255,255,255,.055);border-color:rgba(199,139,67,.18)}

.prob-x{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(239,68,68,.15);display:flex;align-items:center;justify-content:center;margin-top:1px}

.prob-txt{color:#E5D9CB;font-size:16px;line-height:1.65}

.prob-cta{text-align:center}

.prob-cta p{color:var(--gold);font-size:clamp(18px,4vw,29px);font-weight:900;margin-bottom:32px;line-height:1.28}

.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(199,139,67,.55),rgba(169,92,55,.35),transparent);width:100%}

.lbc-slide{position:relative;width:100%;overflow:hidden;background:radial-gradient(900px 440px at 64% 24%,rgba(199,139,67,.13),transparent 62%),radial-gradient(760px 360px at 18% 8%,rgba(169,92,55,.07),transparent 56%),linear-gradient(180deg,#231915 0%,#1E1714 100%);padding-bottom:0}

.lbc-slide__header{text-align:center;padding:48px 20px 28px;max-width:42rem;margin:0 auto}

.lbc-slide__kicker{font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold2);background:rgba(199,139,67,.075);border:1px solid rgba(199,139,67,.32);display:inline-block;padding:7px 16px;margin-bottom:18px;border-radius:999px}

.lbc-slide__title{font-size:clamp(26px,6vw,44px);font-weight:900;color:#fff;line-height:1.05;margin-bottom:14px;letter-spacing:-.03em}

.lbc-slide__title span{color:var(--gold)}

.lbc-slide__sub{font-size:16px;color:#CDBEAF;line-height:1.6;max-width:32rem;margin:0 auto}

.lbc-slide__wrap{width:100%;overflow:hidden;padding:12px 0 8px;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent)}

.lbc-slide__row{width:100%;overflow:hidden}

.lbc-slide__row--gapTop{margin-top:14px}

.lbc-slide__track{display:flex;align-items:center;gap:clamp(12px,1.6vw,18px);width:max-content;will-change:transform;transform:translate3d(0,0,0);animation-timing-function:linear;animation-iteration-count:infinite;backface-visibility:hidden}

.lbc-slide__track--left{animation-name:lbcLeft;animation-duration:32s}

.lbc-slide__track--right{animation-name:lbcRight;animation-duration:36s}

.lbc-slide__item-wrap{position:relative;flex:0 0 auto}

.lbc-slide__item-wrap::before{content:"";position:absolute;inset:0;border:1.5px solid rgba(199,139,67,.30);border-radius:14px;pointer-events:none;z-index:2;transition:border-color .2s}

.lbc-slide__item{width:clamp(185px,21vw,290px);aspect-ratio:1/1;height:auto;object-fit:cover;display:block;background:#0b0b0c;filter:saturate(.92) brightness(.94);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease;box-shadow:0 14px 36px rgba(0,0,0,.40);border-radius:14px}

@media(hover:hover){

.lbc-slide__item-wrap:hover::before{border-color:rgba(199,139,67,.85)}

.lbc-slide__item-wrap:hover .lbc-slide__item{filter:saturate(1.05) brightness(1.02);transform:translateY(-4px) scale(1.02);box-shadow:0 22px 56px rgba(0,0,0,.52),0 0 22px rgba(199,139,67,.10)}

.lbc-slide__wrap:hover .lbc-slide__track{animation-play-state:paused}

}

.lbc-slide__footer{text-align:center;padding:22px 20px 30px}

.lbc-slide__footer-txt{font-size:clamp(14px,3vw,19px);font-weight:700;color:#E0D4C6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}

.lbc-slide__footer-arrow{color:var(--gold);font-size:22px;animation:lbcArrow 1.6s ease-in-out infinite}

@keyframes lbcArrow{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.5}}

@media(prefers-reduced-motion:reduce){.lbc-slide__track{animation:none!important;transform:none!important}.lbc-slide__wrap{-webkit-mask-image:none;mask-image:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.lbc-slide__footer-arrow{animation:none}}

@keyframes lbcLeft{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}

@keyframes lbcRight{0%{transform:translate3d(-50%,0,0)}100%{transform:translate3d(0,0,0)}}

.solucion-sec{width:100%;background:#1E1714;padding:52px 20px}

.solucion-inner{max-width:52rem;margin:0 auto;text-align:center}

.badge-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(199,139,67,.30);color:var(--gold2);background:rgba(199,139,67,.07);font-size:13px;font-weight:900;padding:8px 18px;border-radius:9999px;margin-bottom:24px;letter-spacing:.04em}

.solucion-inner h2{font-size:clamp(32px,8vw,62px);font-weight:900;color:#fff;margin-bottom:6px;font-family:'Playfair Display',serif;letter-spacing:.02em}

.solucion-inner h3{font-size:clamp(18px,4vw,28px);font-weight:900;color:var(--gold);margin-bottom:24px;letter-spacing:.04em;text-transform:uppercase}

.sol-info-box{background:rgba(255,255,255,.035);border:1px solid rgba(199,139,67,.16);border-radius:16px;padding:20px;max-width:36rem;margin:0 auto 20px}

.sol-info-box p{color:#fff;font-size:17px;font-weight:800;line-height:1.4;margin-bottom:10px}

.sol-tags{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}

.sol-tag{color:#E5D9CB;font-size:13px;font-weight:700;background:rgba(255,255,255,.05);padding:5px 10px;border-radius:7px;border:1px solid rgba(255,255,255,.06)}

.sol-highlight{color:var(--gold);font-weight:900;font-size:16px;letter-spacing:.04em;margin-bottom:24px}

.sol-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:32rem;margin:0 auto 40px}

.sol-stat p:first-child{color:var(--gold);font-size:clamp(22px,5vw,32px);font-weight:900;line-height:1;margin-bottom:4px}

.sol-stat p:last-child{color:#B79E88;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

.sol-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:36rem;margin:0 auto}

@media(min-width:640px){.sol-features{grid-template-columns:repeat(4,1fr)}}

.sol-feat{background:rgba(199,139,67,.10);border:1px solid rgba(199,139,67,.22);color:#fff;font-size:14px;font-weight:800;padding:10px 12px;border-radius:8px;text-align:center}

.recibis-sec{position:relative;width:100%;padding:50px 20px;overflow:hidden;background:linear-gradient(#241B17 0%,#2A1F1A 50%,#1B1411 100%)}

.recibis-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:650px;height:650px;border-radius:50%;pointer-events:none;background:radial-gradient(rgba(199,139,67,.08) 0%,transparent 70%)}

.recibis-inner{position:relative;max-width:42rem;margin:0 auto}

.recibis-kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;text-align:center}

.recibis-inner h2{font-size:clamp(28px,6vw,46px);font-weight:900;color:#fff;line-height:1.12;text-align:center;margin-bottom:40px;letter-spacing:-.03em}

.recibis-inner h2 span{color:var(--gold)}

.tomos-box{background:rgba(30,23,20,.72);border:1px solid rgba(199,139,67,.16);border-radius:18px;padding:20px 22px;margin-bottom:14px;overflow:hidden}

.tomos-box-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}

.tomos-box-title::before,.tomos-box-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(199,139,67,.22))}

.tomos-box-title::after{background:linear-gradient(270deg,transparent,rgba(199,139,67,.22))}

.tomos-box-title h3{color:var(--gold);font-size:16px;font-weight:900;letter-spacing:.05em;white-space:nowrap}

.tomos-detail{display:flex;flex-direction:column;gap:6px}

.tomo-row{display:flex;align-items:flex-start;gap:12px;border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.025);border-left:3px solid;transition:background .3s}

.tomo-row:hover{background:rgba(255,255,255,.05)}

.tomo-num-badge{flex-shrink:0;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:inherit;margin-top:2px}

.tomo-row-content p:first-child{color:#fff;font-size:17px;font-weight:800;line-height:1.3}

.tomo-row-content p:last-child{color:#CDBEAF;font-size:15px;line-height:1.65;margin-top:5px}

.tomos-metrics{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;text-align:center;flex-wrap:wrap}

.tomos-metrics .div-v{width:1px;height:24px;background:rgba(255,255,255,.10)}

.metric p:first-child{color:var(--gold);font-size:22px;font-weight:900;line-height:1}

.metric p:last-child{color:#B79E88;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}

.bonos-sec{width:100%;background:#1E1714;padding:50px 20px}

.bonos-inner{max-width:42rem;margin:0 auto}

.bonos-kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;text-align:center}

.bonos-inner h2{font-size:clamp(24px,5.5vw,38px);font-weight:900;color:#fff;line-height:1.22;margin-bottom:24px;text-align:center;letter-spacing:-.03em}

.bonos-inner h2 span{color:var(--gold)}

.bonos-box{background:rgba(255,255,255,.025);border:1px solid rgba(199,139,67,.16);border-radius:18px;overflow:hidden;margin-bottom:20px}

.bonos-box-top{height:2px;width:100%;background:linear-gradient(90deg,transparent,rgba(199,139,67,.5),rgba(169,92,55,.3),transparent)}

.bono-row{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.055);transition:background .2s}

.bono-row:last-child{border-bottom:none}

.bono-row:hover{background:rgba(255,255,255,.035)}

.bono-row-img{width:100%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05);line-height:0;background:#201714}

.bono-row-img img{width:100%;height:auto;object-fit:contain;display:block}

.bono-row-body{flex:1;padding:16px 18px;display:flex;align-items:flex-start;gap:12px}

.bono-row-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;background:rgba(199,139,67,.12);display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid rgba(199,139,67,.18)}

.bono-row-texts{flex:1;min-width:0}

.bono-row-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}

.bono-row-name h3{color:#fff;font-size:16px;font-weight:800;line-height:1.25}

.bono-qty{color:var(--gold);font-size:12px;font-weight:900;background:rgba(199,139,67,.10);padding:2px 8px;border-radius:4px}

.bono-precio-wrap{display:flex;align-items:center;gap:8px;margin-top:6px}

.bono-precio-tach{font-size:14px;color:#8F7B69;text-decoration:line-through;font-weight:600}

.bono-precio-gratis{font-size:15px;font-weight:900;color:var(--green)}

.bonos-total{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;border:1px solid rgba(199,139,67,.24);border-radius:14px;text-align:center;flex-wrap:wrap;background:linear-gradient(135deg,rgba(199,139,67,.05) 0%,rgba(169,92,55,.05) 100%)}

.bonos-total p{color:#CDBEAF;font-size:15px}

.bonos-total p span{text-decoration:line-through}

.bonos-total .gratis-big{color:var(--gold);font-size:17px;font-weight:900}

.bonos-total .hint{color:#A8947F;font-size:13px}

.urgencia-banner{width:100%;padding:16px 20px;background:linear-gradient(135deg,#1E1714,#2A1F1A);border-top:1px solid rgba(199,139,67,.14);border-bottom:1px solid rgba(199,139,67,.14);text-align:center}

.urgencia-inner{max-width:32rem;margin:0 auto}

.urgencia-label{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:10px}

.countdown-wrap{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:12px}

.countdown-block{display:flex;flex-direction:column;align-items:center;background:rgba(0,0,0,.35);border:1px solid rgba(199,139,67,.22);border-radius:7px;padding:8px 14px;min-width:56px}

.countdown-num{font-size:clamp(28px,6vw,40px);font-weight:900;color:var(--gold);line-height:1;font-variant-numeric:tabular-nums;font-family:'Inter',monospace}

.countdown-lbl{color:#A8947F;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}

.countdown-sep{font-size:28px;font-weight:900;color:var(--gold);margin-bottom:14px}

.urgencia-aviso{display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.18);border-radius:7px;padding:8px 16px}

.urgencia-aviso span{font-size:13px;font-weight:800;color:#F5C2C2}

.urgencia-aviso strong{color:#fff}

.compra-sec{position:relative;width:100%;padding:52px 20px;overflow:hidden;background:#1E1714}

.compra-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:430px;border-radius:50%;pointer-events:none;background:radial-gradient(rgba(199,139,67,.10) 0%,transparent 70%)}

.compra-inner{position:relative;max-width:34rem;margin:0 auto;text-align:center}

.compra-inner h2{font-size:clamp(22px,5vw,34px);font-weight:900;color:#fff;margin-bottom:24px;line-height:1.25;letter-spacing:-.03em}

.compra-inner h2 span{color:var(--gold)}

.price-card{background:linear-gradient(160deg,rgba(53,40,33,.72),rgba(30,23,20,.96));border:2px solid rgba(199,139,67,.65);border-radius:18px;padding:24px 20px;margin-bottom:20px;box-shadow:0 0 48px rgba(169,92,55,.10),0 0 34px rgba(199,139,67,.08);position:relative}

.price-card-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--gold),#EFC17A);color:#fff;font-size:12px;font-weight:900;padding:5px 16px;border-radius:9999px;box-shadow:0 4px 12px rgba(199,139,67,.22);white-space:nowrap;letter-spacing:.04em}

.price-card-img{width:100%;max-width:280px;margin:14px auto;border-radius:12px;overflow:hidden}

.price-card-img img{width:100%;display:block}

.price-card h3{font-size:clamp(18px,4vw,25px);font-weight:900;color:#fff;margin-bottom:8px}

.price-card .price-sub{color:#CDBEAF;font-size:15px;margin-bottom:20px}

.price-old{color:#8F7B69;text-decoration:line-through;font-size:15px;margin-bottom:4px}

.price-big{font-size:clamp(34px,9vw,54px);font-weight:900;color:var(--gold);line-height:1;margin-bottom:6px}

.price-ahorro{display:inline-block;background:rgba(239,68,68,.2);color:#F5C2C2;font-size:13px;font-weight:900;padding:4px 12px;border-radius:7px;margin-bottom:20px}

.inc-lista{list-style:none;text-align:left;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}

.inc-lista li{font-size:16px;color:#F0E7DC;display:flex;align-items:center;gap:10px}

.ck{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#B7752D);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;flex-shrink:0}

.price-card .btn-pulse{font-size:18px;padding:18px 24px;border-radius:14px;width:100%;margin-bottom:12px}

.trust-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px}

.trust-pill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 12px}

.trust-pill span:first-child{font-size:15px}

.trust-pill span:last-child{color:#F0E7DC;font-size:13px;font-weight:600}

.cupos-wrap{background:rgba(255,255,255,.025);border:1px solid rgba(199,139,67,.12);border-radius:9px;padding:14px 18px;margin-bottom:20px}

.cupos-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}

.cupos-dot{display:inline-flex;align-items:center;gap:6px;color:#F5C2C2;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

.cupos-dot::before{content:'';width:8px;height:8px;border-radius:50%;background:#EF4444;animation:blink 1.2s infinite}

.cupos-badge{background:rgba(239,68,68,.15);color:#F5C2C2;font-size:12px;font-weight:900;padding:2px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}

.cupos-bar-bg{width:100%;height:12px;background:rgba(255,255,255,.06);border-radius:9999px;overflow:hidden}

.cupos-bar-fill{height:100%;border-radius:9999px;position:relative;background:linear-gradient(90deg,#EF4444,#C78B43,#E0A95A);width:73%;animation:fill-anim .8s ease-out forwards}

@keyframes fill-anim{from{width:0}to{width:73%}}

.cupos-bar-fill::after{content:'';position:absolute;inset:0;border-radius:9999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmer 2s ease infinite}

@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

.cupos-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px}

.cupos-footer span{color:#A8947F;font-size:12px;font-weight:700}

.cupos-footer strong{color:#F5C2C2;font-size:12px;font-weight:900}

.carp-reviews-sec{position:relative;width:100%;overflow:hidden;padding:0 20px;background:radial-gradient(800px 340px at 50% -10%,rgba(199,139,67,.08),transparent 62%),linear-gradient(180deg,#241B17 0%,#1E1714 100%)}

.carp-reviews-inner{max-width:64rem;margin:0 auto;padding:52px 0 56px;text-align:center}

.carp-reviews-kicker{font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);background:rgba(199,139,67,.075);border:1px solid rgba(199,139,67,.26);display:inline-block;padding:7px 16px;margin-bottom:14px;border-radius:999px}

.carp-reviews-title{font-size:clamp(24px,5.5vw,40px);font-weight:900;letter-spacing:-.025em;color:#fff;line-height:1.1;margin-bottom:12px}

.carp-reviews-title span{color:var(--gold)}

.carp-reviews-sub{font-size:15px;color:#CDBEAF;line-height:1.6;max-width:36rem;margin:0 auto 36px}

.carp-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}

@media(max-width:900px){.carp-reviews-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:560px){.carp-reviews-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

.carp-card{background:linear-gradient(180deg,rgba(53,40,33,.96),rgba(30,23,20,.96));border:1.5px solid rgba(199,139,67,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 40px rgba(0,0,0,.34);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}

.carp-card:hover{border-color:rgba(199,139,67,.55);transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 26px 56px rgba(0,0,0,.42),0 0 20px rgba(199,139,67,.08)}

.carp-card__img-wrap{position:relative;width:100%;overflow:hidden;line-height:0}

.carp-card__avatar{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:saturate(.88) brightness(.90);transition:filter .25s,transform .25s}

.carp-card:hover .carp-card__avatar{filter:saturate(1.03) brightness(.98);transform:scale(1.03)}

.carp-card__img-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(30,23,20,.88) 100%);pointer-events:none}

.carp-card__stars-float{position:absolute;bottom:10px;left:12px;color:var(--gold);font-size:14px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.7);font-weight:900;pointer-events:none}

.carp-card__body{flex:1;padding:16px 16px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}

.carp-card__text{font-size:13px;color:#EADFD1;line-height:1.6;font-style:italic;flex:1}

@media(max-width:560px){.carp-card__text{font-size:11.5px}}

.carp-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(255,255,255,.055);gap:8px;flex-wrap:wrap}

.carp-card__name{font-size:14px;font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase}

.carp-card__badge{font-size:11px;font-weight:800;color:var(--gold);background:rgba(199,139,67,.10);border:1px solid rgba(199,139,67,.24);padding:2px 8px;letter-spacing:.04em;border-radius:6px}

.garantia-sec{width:100%;background:#1E1714;padding:52px 20px}

.garantia-inner{max-width:42rem;margin:0 auto;text-align:center}

.garantia-ico{width:64px;height:64px;margin:0 auto 16px;background:rgba(199,139,67,.09);border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(199,139,67,.25);box-shadow:0 0 30px rgba(199,139,67,.10);font-size:30px}

.garantia-inner h2{font-size:clamp(22px,5vw,34px);font-weight:900;color:#fff;margin-bottom:16px;line-height:1.25;letter-spacing:-.03em}

.garantia-inner h2 span{color:var(--gold)}

.garantia-box{background:rgba(255,255,255,.025);border:1px solid rgba(199,139,67,.30);border-radius:18px;padding:24px 20px;margin-bottom:16px;position:relative;overflow:hidden}

.garantia-box-top{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(199,139,67,.55),transparent)}

.garantia-box p{color:#E5D9CB;font-size:16px;margin-bottom:16px;line-height:1.65}

.garantia-100{color:var(--gold);font-size:clamp(24px,5vw,34px);font-weight:900;margin-bottom:10px}

.garantia-sin{color:#fff;font-size:15px;font-weight:800;background:rgba(255,255,255,.05);display:inline-block;padding:6px 16px;border-radius:8px}

.garantia-nota{color:#A8947F;font-size:14px;line-height:1.65;max-width:28rem;margin:0 auto}

.faq-sec{width:100%;background:#241B17;padding:52px 20px}

.faq-inner{max-width:42rem;margin:0 auto}

.faq-kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px;text-align:center}

.faq-inner h2{font-size:clamp(28px,6vw,46px);font-weight:900;color:#fff;margin-bottom:32px;line-height:1.15;text-align:center;letter-spacing:-.03em}

.faq-inner h2 span{color:var(--gold)}

.faq-list{display:flex;flex-direction:column;gap:10px}

.faq-item{border-radius:14px;overflow:hidden;border-left:3px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);transition:all .3s}

.faq-item:hover{background:rgba(255,255,255,.055);border-color:rgba(199,139,67,.25)}

.faq-item.open{border-color:rgba(199,139,67,.5)}

.faq-btn{width:100%;text-align:left;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:none;cursor:pointer;font-size:16px;font-weight:800;color:#F0E7DC;line-height:1.5;transition:color .2s}

.faq-btn:hover{color:#fff}

.faq-icon{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:rgba(199,139,67,.12);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:transform .2s,background .2s}

.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(199,139,67,.22)}

.faq-resp{display:none;padding:0 20px 18px;font-size:15px;color:#CDBEAF;line-height:1.7;border-top:1px solid rgba(255,255,255,.055);padding-top:14px}

.faq-item.open .faq-resp{display:block}

.cta-final-sec{width:100%;background:#2A1F1A;padding:52px 20px;text-align:center}

.cta-final-inner{position:relative;z-index:10;max-width:42rem;margin:0 auto}

.cta-final-kicker{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.25em;text-transform:uppercase;margin-bottom:20px}

.cta-final-inner h2{font-size:clamp(19px,4vw,29px);font-weight:800;color:#fff;margin-bottom:10px;line-height:1.38}

.cta-final-inner p.gold{color:var(--gold);font-size:clamp(21px,5vw,34px);font-weight:900;margin-bottom:32px;line-height:1.28}

.before-after{background:rgba(255,255,255,.025);border:1px solid rgba(199,139,67,.20);border-radius:16px;overflow:hidden;margin-bottom:36px;box-shadow:0 20px 48px rgba(0,0,0,.35);text-align:left}

.ba-head{display:grid;grid-template-columns:1fr 1fr;background:rgba(30,23,20,.7);border-bottom:1px solid rgba(199,139,67,.18)}

.ba-col-head{padding:12px 16px;font-weight:900;font-size:13px;color:#fff}

.ba-col-head:last-child{border-left:1px solid rgba(199,139,67,.18);color:var(--gold)}

.ba-rows{display:flex;flex-direction:column}

.ba-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.055)}

.ba-row:last-child{border-bottom:none}

.ba-cell{padding:12px 16px;font-size:14px;line-height:1.5}

@media(min-width:640px){.ba-cell{font-size:16px}}

.ba-cell:first-child{color:#CDBEAF}

.ba-cell:last-child{border-left:1px solid rgba(255,255,255,.055);background:rgba(199,139,67,.035);color:#fff;font-weight:800}

.cta-final-inner .btn-pulse{font-size:18px;padding:18px 24px;border-radius:14px;width:100%;max-width:470px;margin-bottom:10px}

.cta-micro{color:#CDBEAF;font-size:14px;margin-bottom:12px}

.cta-micro span{font-weight:800;color:#fff}

.trust-final{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}

.trust-f-item{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 12px}

.trust-f-item span:first-child{font-size:15px}

.trust-f-item span:last-child{color:#E5D9CB;font-size:13px;font-weight:600}

footer{width:100%;background:#181210;border-top:1px solid rgba(199,139,67,.12);padding:40px 20px}

.footer-inner{max-width:42rem;margin:0 auto;text-align:center}

.footer-brand{color:var(--gold);font-size:22px;font-weight:900;letter-spacing:.08em;margin-bottom:12px;font-family:'Cormorant Garamond',serif}

.footer-desc{color:#CDBEAF;font-size:15px;line-height:1.65;margin-bottom:8px}

.footer-tagline{color:#A8947F;font-size:15px;font-style:italic;margin-bottom:28px}

.footer-div{height:1px;background:linear-gradient(90deg,transparent,rgba(199,139,67,.18),transparent);margin-bottom:16px}

.footer-copy{color:#8F7B69;font-size:13px;line-height:1.6}

.notif{position:fixed;bottom:16px;left:12px;z-index:50;background:#2A1F1A;border:1px solid rgba(199,139,67,.30);border-radius:14px;box-shadow:0 20px 48px rgba(0,0,0,.45);padding:14px 16px;max-width:315px;transform:translateX(-120%);opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.68,-.55,.265,1.55)}

.notif.show{transform:translateX(0);opacity:1;visibility:visible}

.notif-top{display:flex;align-items:center;gap:8px;margin-bottom:10px}

.notif-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:blink 1.5s infinite}

.notif-label{color:var(--gold);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}

.notif-body{display:flex;align-items:center;gap:10px}

.notif-foto{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid rgba(199,139,67,.28);flex-shrink:0}

.notif-foto img{width:100%;height:100%;object-fit:cover;display:block}

.notif-name{color:#fff;font-size:14px;font-weight:800;margin-bottom:3px}

.notif-prod{color:#E5D9CB;font-size:13px}

.notif-prod strong{color:var(--gold)}

.notif-time{color:#A8947F;font-size:12px;margin-top:3px}

@media(max-width:500px){

.price-card{padding:20px 16px}

.inc-lista li{font-size:15px}

.tomos-box{padding:16px}

.tomo-row{padding:12px}

.cupos-head{align-items:flex-start;flex-direction:column}

}

@media(max-width:640px){

.hero{padding-top:34px}

.hero h1{font-size:clamp(2.05rem,11vw,3.6rem);line-height:.98}

.hero-sub{font-size:16px}

.btn-pulse{width:100%;max-width:480px}

}

</style>

<section class="hero">

<div class="hero-glow"></div>

<p class="hero-kicker">☕ OFFERTA SPECIALE DI LANCIO</p>

<h1>Trasforma la tua cucina<br>in una caffetteria premium<br><span>senza spendere ogni volta fuori casa.</span>

</h1>

<p class="hero-sub">Oltre 200 ricette di caffè, frappè, bevande fredde e dolci in stile coffee shop.<br><strong>Un sistema digitale per coccolarti, sorprendere e creare preparazioni irresistibili anche a casa.</strong></p>

<div class="hero-img-wrap">

</div>

<div class="viendo-ahora" id="viendo-wrap">

<div class="viendo-dot"></div>

<p class="viendo-txt"><strong id="viendo-num">37</strong> persone stanno guardando questa pagina ora</p>

</div>

<div class="hero-pills">

<span>☕ +200 ricette</span><span class="div"></span><span>⚡ Accesso immediato</span><span class="div"></span><span>🎁 4 bonus gratis</span><span class="div"></span><span>🍰 Coffee shop premium</span>

</div>

<p class="hero-social" style="margin-top:.75rem">⭐ <strong>+2.700 persone</strong> hanno già ottenuto il ricettario</p>

<p class="hero-trust">🛡️ Garanzia 15 giorni · 🔒 Pagamento sicuro · 📧 Accesso immediato</p>

</section>

<hr class="sep">

<section class="stats-sec">

<div class="stats-glow"></div>

<div class="stats-inner">

<div class="stats-grid">

<div class="stat-card">

<div class="stat-num">+200</div>

<div class="stat-lbl">☕ ricette</div>

</div>

<div class="stat-card">

<div class="stat-num">4</div>

<div class="stat-lbl">🎁 bonus</div>

</div>

<div class="stat-card">

<div class="stat-num">4.9/5</div>

<div class="stat-lbl">⭐ valutazione</div>

</div>

<div class="stat-card">

<div class="stat-num">24h</div>

<div class="stat-lbl">⚡ per iniziare</div>

</div>

<div class="cian-line"></div>

<div class="mini-tests">

<div class="mini-test">

<div class="mini-test-quote">"</div>

<div class="mini-test-head">

<div class="mini-av"><img alt="Valentina M." loading="lazy" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=160&q=80"></div>

<div>

<div class="mini-name">Valentina M.</div>

<div class="mini-loc">📍 Italia · Uso personale</div>

</div>

<p class="mini-txt">"L'ho preso perché volevo smettere di spendere così tanto in caffetteria. Ora preparo caffè freddi e dolci a casa e vengono davvero belli."</p>

<div class="mini-stars">★★★★★</div>

</div>

<div class="mini-test">

<div class="mini-test-quote">"</div>

<div class="mini-test-head">

<div class="mini-av"><img alt="Luca R." loading="lazy" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&w=160&q=80"></div>

<div>

<div class="mini-name">Luca R.</div>

<div class="mini-loc">📍 Italia · Caffè a casa</div>

</div>

<p class="mini-txt">"Mi è stato utile perché le idee sono semplici da applicare. Ho iniziato con i frappè e poi ho aggiunto muffin da proporre anche al lavoro."</p>

<div class="mini-stars">★★★★★</div>

</div>

<div class="mini-test">

<div class="mini-test-quote">"</div>

<div class="mini-test-head">

<div class="mini-av"><img alt="Nicolò P." loading="lazy" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=160&q=80"></div>

<div>

<div class="mini-name">Nicolò P.</div>

<div class="mini-loc">📍 Italia · Piccolo progetto</div>

</div>

<p class="mini-txt">"Ho trovato diverse idee per creare combo. Caffè + brownie + cookie è stata quella che ha funzionato meglio per gli ordini."</p>

<div class="mini-stars">★★★★★</div>

</div>

</section>

<hr class="sep">

<section class="prob-sec">

<div class="prob-inner">

<div class="sec-head">

<h2>Ami i caffè premium.<br><span>Ma fuori casa finisci per pagare troppo.</span>

</h2>

</div>

<div class="prob-list">

<div class="prob-item">

<span class="prob-x"><svg fill="none" height="12" viewbox="0 0 12 12" width="12"><path d="M9 3L3 9M3 3L9 9" stroke="#EF4444" stroke-linecap="round" stroke-width="2"></path></svg></span><p class="prob-txt">Paghi tanto per un frappè, un caffè freddo o un dolce che dura pochi minuti e ti lascia con la sensazione di aver speso troppo.</p>

</div>

<div class="prob-item">

<span class="prob-x"><svg fill="none" height="12" viewbox="0 0 12 12" width="12"><path d="M9 3L3 9M3 3L9 9" stroke="#EF4444" stroke-linecap="round" stroke-width="2"></path></svg></span><p class="prob-txt">Trovi ricette online, ma spesso non vengono bene, sono incomplete o non hanno dosi chiare.</p>

</div>

<div class="prob-item">

<span class="prob-x"><svg fill="none" height="12" viewbox="0 0 12 12" width="12"><path d="M9 3L3 9M3 3L9 9" stroke="#EF4444" stroke-linecap="round" stroke-width="2"></path></svg></span><p class="prob-txt">Vorresti portare a casa l'esperienza di una caffetteria premium, ma non sai da dove iniziare.</p>

</div>

<div class="prob-item">

<span class="prob-x"><svg fill="none" height="12" viewbox="0 0 12 12" width="12"><path d="M9 3L3 9M3 3L9 9" stroke="#EF4444" stroke-linecap="round" stroke-width="2"></path></svg></span><p class="prob-txt">Ti piacerebbe proporre bevande o dolci più belli e invitanti, ma ti mancano idee visive e ricette forti.</p>

</div>

<div class="prob-item">

<span class="prob-x"><svg fill="none" height="12" viewbox="0 0 12 12" width="12"><path d="M9 3L3 9M3 3L9 9" stroke="#EF4444" stroke-linecap="round" stroke-width="2"></path></svg></span><p class="prob-txt">Finisci per ripetere sempre le stesse cose perché non hai una vera raccolta di ricette appetitose e premium.</p>

</div>

<div class="prob-cta">

<p>Il problema non è la tua cucina.<br>È non avere il ricettario giusto.</p>

<div class="divider"></div>

</div>

</section>

<section aria-label="Galleria visiva di bevande e dolci" class="lbc-slide">

<div class="lbc-slide__header">

<p class="lbc-slide__kicker">🍮 QUESTO È IL RISULTATO CHE PUOI OTTENERE</p>

<h2 class="lbc-slide__title">Bevande e dolci che sembrano<br><span>usciti da una caffetteria premium</span>

</h2>

<p class="lbc-slide__sub">Ecco cosa succede quando smetti di improvvisare e inizi a seguire ricette visive, golose e spiegate bene.</p>

</div>

<div class="lbc-slide__wrap">

<div class="lbc-slide__row">

<div class="lbc-slide__track lbc-slide__track--left">

</div>

<div class="lbc-slide__row lbc-slide__row--gapTop">

<div class="lbc-slide__track lbc-slide__track--right">

</div>

<div class="lbc-slide__footer">

<p class="lbc-slide__footer-txt">Questo è ciò che puoi ottenere con ricette chiare e visive.</p>

<div class="lbc-slide__footer-arrow">▼</div>

</div>

</section>

<hr class="sep">

<section class="solucion-sec">

<div class="solucion-inner">

<div class="badge-pill">🏆 Il sistema per creare bevande e dolci premium</div>

<h2>IL RICETTARIO SEGRETO DEL CAFFÈ</h2>

<h3>Dai desideri costosi a un'esperienza premium a casa</h3>

<div class="sol-info-box">

<p>+200 ricette di caffè, frappè, bevande fredde e dolci — tutto organizzato per coccolarti, sorprendere o iniziare a vendere.</p>

<div class="sol-tags">

<span class="sol-tag">Caffè</span><span class="sol-tag">Frappè</span><span class="sol-tag">Dolci</span><span class="sol-tag">Topping</span><span class="sol-tag">Presentazione</span>

</div>

<p class="sol-highlight">☕ Un buon ricettario può farti risparmiare e rendere ogni pausa molto più speciale</p>

<div class="sol-stats">

<div class="sol-stat">

<p>200+</p>

<p>ricette</p>

</div>

<div class="sol-stat">

<p>4</p>

<p>bonus</p>

</div>

<div class="sol-stat">

<p>PDF</p>

<p>digitale</p>

</div>

<div class="sol-stat">

<p>24h</p>

<p>per iniziare</p>

</div>

<div style="width:100%;max-width:560px;margin:0 auto 2.5rem;overflow:hidden;box-shadow:0 0 60px rgba(199,139,67,.18)">

</div>

<div class="sol-features">

<span class="sol-feat">✅ Ricette chiare</span>

<span class="sol-feat">✅ Stile premium</span>

<span class="sol-feat">✅ Ideale anche per vendere</span>

<span class="sol-feat">✅ Accesso immediato</span>

</div>

</section>

<hr class="sep">

<section class="recibis-sec">

<div class="recibis-glow"></div>

<div class="recibis-inner">

<p class="recibis-kicker">TUTTO INCLUSO</p>

<h2>Cosa <span>ricevi</span> all'interno del ricettario</h2>

<div class="tomos-box">

<div class="tomos-box-title"><h3>☕ IL SISTEMA PRINCIPALE</h3></div>

<div class="tomos-detail">

<div class="tomo-row" style="border-color:#C78B43">

<div class="tomo-num-badge" style="background:rgba(199,139,67,.12);color:#C78B43">1</div>

<div class="tomo-row-content">

<p>Oltre 200 ricette da caffetteria premium</p>

<p>Bevande calde, bevande fredde, frappè, caffè speciali e dolci scenografici pronti da preparare.</p>

</div>

<div class="tomo-row" style="border-color:#A95C37">

<div class="tomo-num-badge" style="background:rgba(169,92,55,.14);color:#E0A95A">2</div>

<div class="tomo-row-content">

<p>Formule pensate per riuscire bene</p>

<p>Ricette organizzate per non improvvisare e ottenere risultati più buoni, curati e coerenti.</p>

</div>

<div class="tomo-row" style="border-color:#22C55E">

<div class="tomo-num-badge" style="background:rgba(34,197,94,.12);color:#22C55E">3</div>

<div class="tomo-row-content">

<p>Idee per gustare o vendere</p>

<p>Usalo per merende, occasioni speciali, regali o per aggiungere opzioni premium al tuo piccolo business.</p>

</div>

<div class="tomo-row" style="border-color:#F4EBDD">

<div class="tomo-num-badge" style="background:rgba(244,235,221,.10);color:#F4EBDD">4</div>

<div class="tomo-row-content">

<p>Ispirazione visiva in stile coffee shop</p>

<p>Preparazioni pensate per conquistare con gusto, consistenza e presentazione.</p>

</div>

<div class="tomo-row" style="border-color:#D9C3A5">

<div class="tomo-num-badge" style="background:rgba(217,195,165,.10);color:#D9C3A5">5</div>

<div class="tomo-row-content">

<p>Accesso immediato da qualsiasi dispositivo</p>

<p>Lo ricevi in formato digitale e puoi aprirlo da telefono, tablet o computer quando vuoi.</p>

</div>

<div class="tomos-metrics">

<div class="metric">

<p>200+</p>

<p>ricette</p>

</div>

<div class="div-v"></div>

<div class="metric">

<p>PDF</p>

<p>digitale</p>

</div>

<div class="div-v"></div>

<div class="metric">

<p>4</p>

<p>bonus</p>

</div>

<div class="div-v"></div>

<div class="metric">

<p>24h</p>

<p>immediato</p>

</div>

<div class="tomos-box" style="margin-top:1rem">

<div class="tomos-box-title"><h3>✅ Creato per farti iniziare senza complicazioni</h3></div>

<div style="display:grid;grid-template-columns:1fr;gap:.5rem;padding:.5rem 0">

<div class="tomo-row" style="border-color:transparent">

<span style="font-size:1rem;flex-shrink:0;width:2rem;height:2rem;background:rgba(199,139,67,.07);display:flex;align-items:center;justify-content:center;border-radius:8px">☕</span><div class="tomo-row-content"><p style="font-size:.8125rem;color:#cdbfaf">Ideale per chi ama il caffè e i dolci premium.</p></div>

</div>

<div class="tomo-row" style="border-color:transparent">

<span style="font-size:1rem;flex-shrink:0;width:2rem;height:2rem;background:rgba(199,139,67,.07);display:flex;align-items:center;justify-content:center;border-radius:8px">🚀</span><div class="tomo-row-content"><p style="font-size:.8125rem;color:#cdbfaf">Perfetto anche se vuoi proporre bevande o dolci più irresistibili nel tuo progetto.</p></div>

</div>

<div class="tomo-row" style="border-color:transparent">

<span style="font-size:1rem;flex-shrink:0;width:2rem;height:2rem;background:rgba(199,139,67,.07);display:flex;align-items:center;justify-content:center;border-radius:8px">📲</span><div class="tomo-row-content"><p style="font-size:.8125rem;color:#cdbfaf">Lo ricevi in PDF per usarlo quando vuoi, senza orari né vincoli.</p></div>

</div>

</section>

<hr class="sep">

<section class="bonos-sec">

<div class="bonos-inner">

<p class="bonos-kicker">INCLUSI SENZA COSTI EXTRA</p>

<h2>In più ricevi <span>4 bonus premium gratis</span>

</h2>

<div class="bonos-box">

<div class="bonos-box-top"></div>

<div class="bonos-rows">

<div class="bono-row">

<div class="bono-row-body">

<div class="bono-row-icon">🍯</div>

<div class="bono-row-texts">

<div class="bono-row-name">

<h3>Topping e Salse Irresistibili</h3>

<span class="bono-qty">extra premium</span>

</div>

<p style="color:#cdbfaf;font-size:14px;margin-top:4px;line-height:1.5">Idee per valorizzare bevande e dolci con salse, creme, topping e finiture visive.</p>

<div class="bono-precio-wrap">

<span class="bono-precio-tach"><span class="money" data-currency-eur="9.00">€9,00 EUR</span></span><span class="bono-precio-gratis">✓ GRATIS OGGI</span>

</div>

<div class="bono-row">

<div class="bono-row-body">

<div class="bono-row-icon">🧊</div>

<div class="bono-row-texts">

<div class="bono-row-name">

<h3>Frappè e Bevande Fredde</h3>

<span class="bono-qty">più varietà</span>

</div>

<p style="color:#cdbfaf;font-size:14px;margin-top:4px;line-height:1.5">Ricette pensate per giornate calde, pause speciali e bevande dall'impatto visivo forte.</p>

<div class="bono-precio-wrap">

<span class="bono-precio-tach"><span class="money" data-currency-eur="7.00">€7,00 EUR</span></span><span class="bono-precio-gratis">✓ GRATIS OGGI</span>

</div>

<div class="bono-row">

<div class="bono-row-img"><img alt="Bonus 3 - Dolci gourmet" loading="lazy" src="https://cdn.shopify.com/s/files/1/0987/0832/4654/files/ChatGPT_Image_24_jun_2026_04_34_02_p.m..png?v=1782330014"></div>

<div class="bono-row-body">

<div class="bono-row-icon">🍰</div>

<div class="bono-row-texts">

<div class="bono-row-name">

<h3>Dolci Gourmet da Caffetteria</h3>

<span class="bono-qty">dolci top</span>

</div>

<p style="color:#cdbfaf;font-size:14px;margin-top:4px;line-height:1.5">Idee dolci per accompagnare i tuoi caffè con un'esperienza più completa e più vendibile.</p>

<div class="bono-precio-wrap">

<span class="bono-precio-tach"><span class="money" data-currency-eur="5.00">€5,00 EUR</span></span><span class="bono-precio-gratis">✓ GRATIS OGGI</span>

</div>

<div class="bono-row">

<div class="bono-row-body">

<div class="bono-row-icon">💸</div>

<div class="bono-row-texts">

<div class="bono-row-name">

<h3>Combo e Idee per Vendere</h3>

<span class="bono-qty">più entrate</span>

</div>

<p style="color:#cdbfaf;font-size:14px;margin-top:4px;line-height:1.5">Ispirazione per creare combo, merende premium e proposte più attraenti da offrire.</p>

<div class="bono-precio-wrap">

<span class="bono-precio-tach"><span class="money" data-currency-eur="9.00">€9,00 EUR</span></span><span class="bono-precio-gratis">✓ GRATIS OGGI</span>

</div>

<div class="bonos-total">

<p>Valore totale dei 4 bonus: <span><span class="money" data-currency-eur="30.00">€30,00 EUR</span></span></p>

<span class="gratis-big">🎁 GRATIS OGGI</span><span class="hint">· Acquistando Il Ricettario Segreto del Caffè</span>

</div>

</section>

<hr class="sep">

<div class="urgencia-banner">

<div class="urgencia-inner">

<p class="urgencia-label">⚠️ Prezzo di lancio per tempo limitato</p>

<div class="countdown-wrap">

<div class="countdown-block">

<span class="countdown-num" id="cd-min">14</span><span class="countdown-lbl">min</span>

</div>

<span class="countdown-sep">:</span>

<div class="countdown-block">

<span class="countdown-num" id="cd-seg">59</span><span class="countdown-lbl">sec</span>

</div>

<div class="urgencia-aviso"><span>⚡ Poi torna al suo valore reale di <strong><span class="money" data-currency-eur="37.00">€37,00 EUR</span></strong>.</span></div>

</div>

<section class="compra-sec" id="comprar">

<div class="compra-glow"></div>

<div class="compra-inner">

<h2>Ottieni <span>Il Ricettario Segreto del Caffè</span> oggi</h2>

<div class="price-card">

<div class="price-card-badge">⭐ OFFERTA SPECIALE DI LANCIO</div>

<h3>IL RICETTARIO SEGRETO DEL CAFFÈ — SISTEMA COMPLETO</h3>

<p class="price-sub">+200 ricette + 4 bonus premium gratis</p>

<div class="price-old"><span class="money" data-currency-eur="37.00">€37,00 EUR</span></div>

<div class="price-big"><span class="money" data-currency-eur="16.99">€16,99 EUR</span></div>

<div class="price-ahorro">-54% · RISPARMI <span class="money" data-currency-eur="20.01">€20,01 EUR</span>

</div>

<ul class="inc-lista">

<li>

<span class="ck">✓</span>+200 ricette di caffè, frappè, bevande e dolci</li>

<li>

<span class="ck">✓</span>Formule in stile caffetteria premium</li>

<li>

<span class="ck">✓</span>Idee per gustare o vendere</li>

<li>

<span class="ck">✓</span>Accesso digitale immediato</li>

<li>

<span class="ck">✓</span>🎁 Bonus #1 — Topping e Salse Irresistibili</li>

<li>

<span class="ck">✓</span>🎁 Bonus #2 — Frappè e Bevande Fredde</li>

<li>

<span class="ck">✓</span>🎁 Bonus #3 — Dolci Gourmet da Caffetteria</li>

<li>

<span class="ck">✓</span>🎁 Bonus #4 — Combo e Idee per Vendere</li>

<li>

<span class="ck">✓</span>🛡️ Garanzia totale di 15 giorni</li>

</ul>

<div class="cupos-wrap">

<div class="cupos-head">

<span class="cupos-dot">Offerta di lancio attiva</span><span class="cupos-badge">Disponibilità limitata</span>

</div>

<div class="cupos-bar-bg"><div class="cupos-bar-fill"></div></div>

<div class="cupos-footer">

<span>Disponibilità limitata</span><strong>73% riservati</strong>

</div>

<a class="btn-pulse" href="https://recetarioancestral1.myshopify.com/it/cart/52234434773294:1">☕ SÌ, VOGLIO IL MIO RICETTARIO →</a>

<div style="display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem">

<span style="width:.5rem;height:.5rem;border-radius:50%;background:#22C55E;animation:blink 1.5s infinite;display:inline-block"></span>

<p style="color:#e5d9cb;font-size:.75rem"><strong style="color:#fff">+2.700 utenti</strong> hanno già ottenuto l'accesso al sistema</p>

</div>

<div class="trust-pills" style="margin-bottom:0">

<div class="trust-pill">

<span>🔒</span><span>Pagamento sicuro</span>

</div>

<div class="trust-pill">

<span>⚡</span><span>Accesso in pochi minuti</span>

</div>

<div class="trust-pill">

<span>🛡️</span><span>Garanzia 15 giorni</span>

</div>

<div class="trust-pill">

<span>📧</span><span>Via email</span>

</div>

</section>

<section class="carp-reviews-sec">

<div class="carp-reviews-inner">

<p class="carp-reviews-kicker">RISULTATI REALI</p>

<h2 class="carp-reviews-title">+2.500 CLIENTI <span>★★★★★</span>

</h2>

<p class="carp-reviews-sub">Guarda esperienze più autentiche e varie: risultati reali, bevande preparate, dolci finiti e persone che usano il ricettario in stile caffetteria premium.</p>

<div class="carp-reviews-grid">

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"L'ho preso per smettere di spendere così tanto fuori. Ho già preparato caffè freddi, frappè e una cheesecake per una merenda in famiglia. È venuto tutto meglio di quanto mi aspettassi."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Valentina M.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"In cucina sono abbastanza semplice, ma le ricette sono chiare. Ho iniziato con un frappè al cioccolato e poi ho creato combo con muffin da vendere."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Luca R.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"La cosa migliore è stata la varietà. Ho preparato cookie, brownie e bevande fredde per una riunione e tutti mi hanno chiesto dove avessi comprato tutto."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Camilla S.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"Ho un piccolo progetto e mi ha aiutato a migliorare la presentazione. Le combo caffè + dolce mi hanno alzato lo scontrino medio."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Nicolò P.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"Ha un aspetto premium e questo aiuta tantissimo. Ho preparato una tavola dolce con caffè freddi, torta e muffin: sembrava una caffetteria."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Martina L.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

<div class="carp-card">

<div class="carp-card__img-wrap">

<div class="carp-card__img-overlay"></div>

<div class="carp-card__stars-float">★★★★★</div>

</div>

<div class="carp-card__body">

<p class="carp-card__text">"L'ho usato per aggiungere prodotti al mio menù. I frappè e i dolci monoporzione sono stati i primi a vendere su ordinazione."</p>

<div class="carp-card__footer">

<span class="carp-card__name">Diego F.</span><span class="carp-card__badge">✓ Verificato</span>

</div>

</section>

<hr class="sep">

<section class="garantia-sec">

<div class="garantia-inner">

<div class="garantia-ico">🛡️</div>

<h2>GARANZIA IL RICETTARIO SEGRETO DEL CAFFÈ<br><span>RIMBORSO 100% ENTRO 15 GIORNI</span>

</h2>

<div class="garantia-box">

<div class="garantia-box-top"></div>

<p>Accedi al ricettario, guardi le ricette, apri i bonus e valuti se ti serve davvero per coccolarti, sorprendere o vendere.</p>

<p>Se entro 15 giorni senti che non era ciò che ti aspettavi o che non ti ha dato valore:</p>

<p class="garantia-100">Ti rimborsiamo il 100%.</p>

<p class="garantia-sin">Senza complicazioni. Senza pressione. Senza rischio.</p>

</div>

<p class="garantia-nota">Il rischio è nostro. Il tuo unico compito è scegliere una ricetta e iniziare a prepararla.</p>

</div>

</section>

<hr class="sep">

<section class="faq-sec">

<div class="faq-inner">

<p class="faq-kicker">DOMANDE RISOLTE</p>

<h2>Domande <span>Frequenti</span>

</h2>

<div class="faq-list">

<div class="faq-item">

<button class="faq-btn">1. Mi serve esperienza per usarlo?<span class="faq-icon">+</span></button><div class="faq-resp">No. Il ricettario è pensato per persone che amano il caffè e i dolci, anche senza esperienza professionale.</div>

</div>

<div class="faq-item">

<button class="faq-btn">2. Come ricevo l'accesso dopo il pagamento?<span class="faq-icon">+</span></button><div class="faq-resp">L'accesso è automatico. Appena il pagamento viene confermato, ricevi il materiale via email e puoi aprirlo da telefono, tablet o computer.</div>

</div>

<div class="faq-item">

<button class="faq-btn">3. Che tipo di ricette include?<span class="faq-icon">+</span></button><div class="faq-resp">Include caffè caldi, bevande fredde, frappè, ricette dolci, idee di presentazione e proposte in stile caffetteria premium.</div>

</div>

<div class="faq-item">

<button class="faq-btn">4. È utile anche se voglio vendere?<span class="faq-icon">+</span></button><div class="faq-resp">Sì. Molte ricette sono pensate per aiutarti a offrire ai clienti opzioni più attraenti, visive e premium.</div>

</div>

<div class="faq-item">

<button class="faq-btn">5. Il prezzo è un pagamento unico?<span class="faq-icon">+</span></button><div class="faq-resp">Sì. Paghi una sola volta e ricevi l'accesso completo al materiale. Non ci sono abbonamenti nascosti.</div>

</div>

<div class="faq-item">

<button class="faq-btn">6. Mi servono macchine o strumenti speciali?<span class="faq-icon">+</span></button><div class="faq-resp">Non necessariamente. Molte ricette possono essere preparate con strumenti comuni da cucina e una presentazione semplice.</div>

</div>

<div class="faq-item">

<button class="faq-btn">7. È sicuro pagare qui?<span class="faq-icon">+</span></button><div class="faq-resp">Sì. Il pagamento viene elaborato da una piattaforma sicura e l'accesso viene inviato automaticamente. Inoltre hai una garanzia di 15 giorni.</div>

</div>

<div class="faq-item">

<button class="faq-btn">8. C'è una garanzia reale?<span class="faq-icon">+</span></button><div class="faq-resp">Sì. Hai 15 giorni per controllare tutto. Se non era ciò che ti aspettavi, chiedi il rimborso e ti restituiamo il 100%.</div>

</div>

</section>

<hr class="sep">

<section class="cta-final-sec">

<div class="cta-final-inner">

<div class="cta-final-kicker">☕ IL RICETTARIO SEGRETO DEL CAFFÈ</div>

<h2>Puoi continuare a spendere troppo ogni volta che vuoi concederti qualcosa di buono.</h2>

<p class="gold">Oppure puoi portare una caffetteria premium direttamente a casa tua.</p>

<div class="before-after">

<div class="ba-head">

<div class="ba-col-head">Senza il Ricettario</div>

<div class="ba-col-head">Con il Ricettario</div>

</div>

<div class="ba-rows">

<div class="ba-row">

<div class="ba-cell">❌ Spendi troppo fuori casa</div>

<div class="ba-cell">✅ Prepari a casa spendendo molto meno</div>

</div>

<div class="ba-row">

<div class="ba-cell">❌ Improvvisi le ricette</div>

<div class="ba-cell">✅ Hai idee chiare e premium</div>

</div>

<div class="ba-row">

<div class="ba-cell">❌ Ripeti sempre le stesse cose</div>

<div class="ba-cell">✅ Hai +200 opzioni per variare</div>

</div>

<div class="ba-row">

<div class="ba-cell">❌ Non sai cosa proporre</div>

<div class="ba-cell">✅ Hai ricette belle da gustare o vendere</div>

</div>

<a class="btn-pulse" href="https://recetarioancestral1.myshopify.com/it/cart/52234434773294:1">☕ VOGLIO IL RICETTARIO SEGRETO DEL CAFFÈ →</a>

<p class="cta-micro">⚡ Accesso immediato · <span>+200 ricette + 4 bonus</span> · Garanzia 15 giorni</p>

<div class="trust-final">

<div class="trust-f-item">

<span>🔒</span><span>Pagamento 100% sicuro</span>

</div>

<div class="trust-f-item">

<span>⚡</span><span>Accesso in pochi minuti</span>

</div>

<div class="trust-f-item">

<span>🛡️</span><span>Garanzia 15 giorni</span>

</div>

<div class="trust-f-item">

<span>📧</span><span>Accesso via email</span>

</div>

</section>

<footer>

<div class="footer-inner">

<p class="footer-brand">☕ IL RICETTARIO SEGRETO DEL CAFFÈ</p>

<p class="footer-desc">Il sistema digitale di ricette per preparare bevande e dolci in stile caffetteria premium.</p>

<p class="footer-tagline">Perché concedersi qualcosa di buono è ancora più bello quando puoi crearlo tu.</p>

<div class="footer-div"></div>

</div>

</footer>

<div class="notif" id="notif">

<div class="notif-top">

<div class="notif-dot"></div>

<span class="notif-label">Acquisto verificato</span>

</div>

<div class="notif-body">

<div class="notif-foto"><img alt="" height="40" id="n-img" width="40"></div>

<div class="notif-texts">

<p class="notif-name" id="n-name"></p>

<p class="notif-prod">ha acquistato <strong>Il Ricettario Segreto del Caffè ☕</strong></p>

<p class="notif-time" id="n-time"></p>

</div>

<script>

document.querySelectorAll('.faq-item').forEach(function(item){

item.querySelector('.faq-btn').addEventListener('click',function(){item.classList.toggle('open');});

});

</script>

<script>

(function(){

var el=document.getElementById('viendo-num');

if(!el)return;

setInterval(function(){el.textContent=Math.floor(Math.random()*12)+31;},3500);

})();

</script>

<script>

(function(){

var minEl=document.getElementById('cd-min'),segEl=document.getElementById('cd-seg');

if(!minEl||!segEl)return;

var total=14*60+59;

setInterval(function(){

total--;if(total<=0){total=14*60+59;}

minEl.textContent=String(Math.floor(total/60)).padStart(2,'0');

segEl.textContent=String(total%60).padStart(2,'0');

},1000);

})();

</script>

<script>

(function(){

var notif=document.getElementById('notif'),nName=document.getElementById('n-name'),nImg=document.getElementById('n-img'),nTime=document.getElementById('n-time');

if(!notif||!nName||!nImg||!nTime)return;

var people=[

{name:'Valentina',img:'https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&w=160&q=80',time:'7 minuti fa'},

{name:'Luca',img:'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?auto=format&fit=crop&w=160&q=80',time:'13 minuti fa'},

{name:'Camilla',img:'https://images.unsplash.com/photo-1544005313-94ddf0286df2?auto=format&fit=crop&w=160&q=80',time:'19 minuti fa'},

{name:'Nicolò',img:'https://images.unsplash.com/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&w=160&q=80',time:'24 minuti fa'},

{name:'Martina',img:'https://images.unsplash.com/photo-1580489944761-15a19d654956?auto=format&fit=crop&w=160&q=80',time:'31 minuti fa'},

{name:'Diego',img:'https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=160&q=80',time:'39 minuti fa'}

];

function showNotif(){

var p=people[Math.floor(Math.random()*people.length)];

nName.textContent=p.name;nImg.src=p.img;nTime.textContent=p.time;

notif.classList.add('show');

setTimeout(function(){notif.classList.remove('show');},4200);

}

setTimeout(showNotif,3000);

setInterval(showNotif,9000);

})();

</script>

<script>

(function(){

var fmt=function(a){return"€"+a.toLocaleString('it-IT',{minimumFractionDigits:2,maximumFractionDigits:2})+" EUR";};

var upd=function(){document.querySelectorAll('.money[data-currency-eur]').forEach(function(el){var p=parseFloat(el.getAttribute('data-currency-eur'));if(!isNaN(p)){el.innerText=fmt(p);}});};

if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',upd);}else{upd();}

})();

</script>

cafe

Formulario de contacto