:root{--nero:#111116;--carbone:#1d1d25;--bianco:#fffdf9;--arancio:#ff5b27;--giallo:#ffd23f;--blu:#2255ff;--rosa:#ff3e91;--testo:#292933;--muted:#777783;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bianco);color:var(--testo);font-family:Montserrat,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.barra{background:var(--nero);color:#fff;padding:8px 5vw;font-size:.72rem;display:flex;justify-content:space-between;gap:12px}.barra a{text-decoration:underline}.testata{position:sticky;top:0;z-index:50;background:#fffdf9ed;backdrop-filter:blur(16px);border-bottom:1px solid #e7e4df}.navigazione{max-width:var(--max);margin:auto;padding:12px 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}.marchio img{width:160px;max-height:58px;object-fit:contain}.marchio-fallback{font-size:1.55rem;font-weight:900;letter-spacing:-.09em;color:var(--nero)}.marchio-fallback span{color:var(--arancio)}.menu{display:flex;align-items:center;gap:17px;font-size:.82rem;font-weight:700}.menu a{position:relative;padding:8px 0}.menu a:after{content:'';position:absolute;bottom:2px;left:0;width:0;height:3px;background:var(--arancio);transition:.25s}.menu a:hover:after,.menu a.attivo:after{width:100%}.pulsante{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:var(--arancio);color:#fff;border:0;border-radius:5px;font-weight:800;font-size:.85rem;box-shadow:5px 5px 0 var(--giallo);transition:transform .25s,box-shadow .25s;cursor:pointer}.pulsante:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--blu)}.pulsante.scuro{background:var(--nero);box-shadow:5px 5px 0 var(--blu)}.pulsante.chiaro{background:#fff;color:var(--nero);box-shadow:5px 5px 0 var(--giallo)}.menu-apri{display:none;background:var(--nero);color:white;border:0;border-radius:4px;padding:10px 13px}.hero{position:relative;overflow:hidden;background:var(--nero);color:#fff;min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px max(5vw,calc((100vw - var(--max))/2));gap:35px}.hero:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#ff5b27aa,transparent 68%);right:-100px;top:-180px;animation:alito 8s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff30;border-radius:50%;right:4%;bottom:-180px;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06;animation:gira 24s linear infinite}.hero-testo,.hero-immagine{position:relative;z-index:1}.sopratitolo{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--giallo)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.9rem);line-height:.98;letter-spacing:-.065em;margin:18px 0 24px;font-weight:900}h1 em,h2 em{font-style:normal;color:var(--arancio)}.hero p{max-width:560px;color:#d5d5dc;font-size:1.04rem}.azioni{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:28px}.hero-immagine{perspective:1000px}.hero-immagine img{width:100%;border-radius:16px;box-shadow:0 28px 80px #0008;transform:rotate(2deg);animation:fluttua 7s ease-in-out infinite;border:1px solid #ffffff35}.etichetta{position:absolute;background:var(--giallo);color:var(--nero);padding:12px 15px;font-size:.72rem;font-weight:900;box-shadow:5px 5px 0 var(--arancio);transform:rotate(-5deg);left:-15px;bottom:15px}.fascia{overflow:hidden;background:var(--giallo);padding:13px 0;white-space:nowrap;font-weight:900;font-size:.9rem}.fascia div{display:flex;gap:32px;width:max-content;animation:scorri 26s linear infinite}.fascia span:after{content:' ✳';color:var(--arancio);margin-left:32px}.sezione{max-width:var(--max);margin:auto;padding:88px 24px}.titolo-sezione{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}.titolo-sezione h2,.testo-grande h2{font-size:clamp(2rem,4.5vw,4rem);letter-spacing:-.06em;line-height:1.05;margin:8px 0}.titolo-sezione p{max-width:460px;color:var(--muted);margin:0}.occhiello{font-size:.72rem;font-weight:900;letter-spacing:.15em;color:var(--arancio);text-transform:uppercase}.griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scheda{position:relative;overflow:hidden;border-radius:12px;background:#fff;border:1px solid #e7e4df;transition:transform .3s,box-shadow .3s}.scheda:hover{transform:translateY(-8px);box-shadow:0 20px 45px #17172018}.scheda-arte{height:210px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ff5b27,#ffd23f)}.scheda:nth-child(2) .scheda-arte{background:linear-gradient(135deg,#2255ff,#70d8ff)}.scheda:nth-child(3) .scheda-arte{background:linear-gradient(135deg,#ff3e91,#ffb3d3)}.scheda:nth-child(4) .scheda-arte{background:linear-gradient(135deg,#24242d,#777783)}.scheda:nth-child(5) .scheda-arte{background:linear-gradient(135deg,#ffd23f,#b9e96a)}.scheda:nth-child(6) .scheda-arte{background:linear-gradient(135deg,#6d35ff,#ff5b27)}.forma{width:130px;height:150px;background:#fffdf9;box-shadow:18px 18px 0 #11111630;transform:rotate(-9deg);display:grid;place-items:center;font-size:1.6rem;font-weight:900;color:var(--nero);transition:transform .5s}.scheda:hover .forma{transform:rotate(4deg) scale(1.08)}.scheda-testo{padding:23px}.scheda-testo h3{font-size:1.35rem;margin-bottom:7px}.scheda-testo p{font-size:.9rem;color:var(--muted)}.freccia{font-size:1.3rem;color:var(--arancio);font-weight:900}.fascia-cataloghi{background:var(--arancio);color:white;position:relative;overflow:hidden}.fascia-cataloghi .interno{max-width:var(--max);margin:auto;padding:65px 24px;display:flex;align-items:center;justify-content:space-between;gap:35px}.fascia-cataloghi h2{font-size:clamp(2.2rem,4vw,4.2rem);letter-spacing:-.06em;line-height:1;margin-bottom:12px}.fascia-cataloghi p{max-width:550px;color:#fff1e9}.fascia-cataloghi:after{content:'SF';position:absolute;right:7%;top:-85px;font-size:18rem;line-height:1;font-weight:900;color:#ffffff15;transform:rotate(-12deg);pointer-events:none}.bande{background:var(--nero);color:white}.bande .sezione{padding-top:76px;padding-bottom:76px}.lista-punti{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.punto{border-top:1px solid #ffffff38;padding-top:18px}.punto b{display:block;color:var(--giallo);font-size:2rem}.punto p{color:#c5c5ce;margin-bottom:0}.chiusura{background:var(--giallo);padding:58px 24px;text-align:center}.chiusura h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;letter-spacing:-.06em;margin-bottom:20px}.piè{background:var(--nero);color:#fff;padding:45px 24px 20px}.piè-interno{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.piè p,.piè a{color:#c8c8d0;font-size:.85rem}.piè h3{color:var(--giallo);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.piè-basso{max-width:var(--max);margin:35px auto 0;padding-top:18px;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#aaa;font-size:.73rem}.pagina-titolo{background:var(--nero);color:white;padding:70px max(5vw,calc((100vw - var(--max))/2));position:relative;overflow:hidden}.pagina-titolo:after{content:'✳';position:absolute;right:8%;top:-70px;font-size:19rem;color:#ff5b2725;animation:gira 28s linear infinite}.pagina-titolo h1{font-size:clamp(2.7rem,6vw,5rem);max-width:900px}.pagina-titolo p{max-width:720px;color:#d6d6dc;font-size:1.05rem}.contenuto{max-width:var(--max);padding:65px 24px;margin:auto}.testo-grande{max-width:850px}.testo-grande p{font-size:1.02rem;color:#555560}.righe{display:grid;grid-template-columns:1fr 1fr;gap:24px}.riquadro{padding:28px;border-radius:10px;background:#f1eee8}.riquadro h3{font-size:1.3rem}.catalogo-avviso{padding:28px;border:2px solid var(--arancio);border-radius:12px;background:#fff7f1}.catalogo-avviso h2{font-size:1.8rem}.catalogo-avviso p{max-width:760px}.catalogo-elenco{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.catalogo-card{padding:24px;border-radius:10px;background:#f1eee8;display:flex;flex-direction:column;gap:10px;min-height:200px}.catalogo-card strong{font-size:1.1rem}.catalogo-card p{color:var(--muted);font-size:.88rem}.modulo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campo{display:flex;flex-direction:column;gap:7px}.campo.largo{grid-column:1/-1}.campo label{font-size:.82rem;font-weight:800}.campo input,.campo textarea,.campo select{width:100%;border:1px solid #d5d2ce;background:#fff;padding:13px;border-radius:5px}.campo textarea{min-height:140px;resize:vertical}.nota{font-size:.78rem;color:var(--muted)}.contatti{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contatto{padding:22px;border-bottom:1px solid #ddd}.contatto b{display:block;color:var(--arancio);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.mappa{min-height:300px;border-radius:10px;overflow:hidden;background:#eee}.mappa iframe{width:100%;height:100%;min-height:300px;border:0}.rivelazione{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.rivelazione.visibile{opacity:1;transform:none}.luce-puntatore{position:fixed;pointer-events:none;z-index:2;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#ffb32415,transparent 70%);transform:translate(-50%,-50%)}.torna-su{position:fixed;right:18px;bottom:18px;z-index:40;background:var(--nero);color:#fff;border:2px solid var(--giallo);border-radius:50%;width:46px;height:46px;font-size:1.2rem;cursor:pointer}.avviso{padding:14px 16px;background:#fff3c4;border-left:4px solid #ffb000;font-size:.85rem}.breadcrumb{font-size:.78rem;color:#c9c9d1;margin-bottom:16px}.breadcrumb a{text-decoration:underline}@keyframes scorri{to{transform:translateX(-50%)}}@keyframes fluttua{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-12px)}}@keyframes alito{to{transform:translate(-60px,70px) scale(1.15)}}@keyframes gira{to{transform:rotate(350deg)}}@media(max-width:980px){.menu{gap:10px;font-size:.75rem}.menu .pulsante{padding:10px}.hero{padding:60px 5vw}.griglia{grid-template-columns:repeat(2,minmax(0,1fr))}.piè-interno{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.barra span:nth-child(2){display:none}.navigazione{padding:10px 18px}.marchio img{width:138px}.menu-apri{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf9;padding:18px 24px 25px;box-shadow:0 18px 25px #0002;flex-direction:column;align-items:stretch;font-size:.92rem}.menu.aperto{display:flex}.menu a{padding:10px 0}.menu .pulsante{align-self:flex-start}.hero{grid-template-columns:1fr;padding:55px 22px 65px;gap:38px;min-height:auto}.hero h1{font-size:clamp(2.8rem,14vw,4.7rem)}.hero-immagine{max-width:600px}.hero-immagine img{transform:none}.etichetta{left:5px}.sezione{padding:60px 20px}.titolo-sezione{display:block}.titolo-sezione p{margin-top:15px}.griglia{grid-template-columns:1fr}.scheda-arte{height:190px}.fascia-cataloghi .interno{display:block;padding:52px 22px}.fascia-cataloghi .pulsante{margin-top:10px}.lista-punti{grid-template-columns:1fr}.righe,.catalogo-elenco,.contatti,.modulo{grid-template-columns:1fr}.campo.largo{grid-column:auto}.pagina-titolo{padding:55px 22px}.contenuto{padding:45px 20px}.piè-interno{grid-template-columns:1fr 1fr}.piè-interno>div:first-child{grid-column:1/-1}.piè-basso{display:block}.piè-basso span{display:block;margin-bottom:8px}.luce-puntatore{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.rivelazione{opacity:1;transform:none}} /* Fotografie originali per i reparti */ .scheda-arte.con-foto{position:relative;background:#15151c!important;height:230px}.scheda-arte.con-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(1.08)}.scheda:hover .scheda-arte.con-foto>img{transform:scale(1.08)}.scheda-arte.con-foto:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#1119)}.scheda-arte.con-foto .forma{position:relative;z-index:1;background:#fffdf9ed;box-shadow:8px 8px 0 #ff5b27;transform:rotate(-7deg)}.foto-reparto{max-width:var(--max);margin:0 auto;padding:0 24px 32px;position:relative;z-index:2}.foto-reparto img{width:100%;height:clamp(190px,32vw,390px);object-fit:cover;border-radius:14px;box-shadow:0 20px 55px #0004;animation:entra-foto .8s ease both}.pagina-titolo{padding-bottom:45px}.pagina-titolo:after{pointer-events:none}@keyframes entra-foto{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.foto-reparto{padding:0 20px 22px}.scheda-arte.con-foto{height:210px}} /* Espansione grafica: effetti, contenuti editoriali e navigazione completa */ :root{--viola:#743dff;--turchese:#22d6c4;--arancio:#ff5b27} body{overflow-x:hidden} .testata{box-shadow:0 8px 28px #1111160a} .marchio-fallback{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-size:1.45rem;letter-spacing:-.08em} .marchio-fallback:before{content:'L';display:inline-grid;place-items:center;width:34px;height:34px;background:linear-gradient(135deg,var(--giallo),var(--arancio),var(--rosa));color:#111;border-radius:8px;transform:skew(-8deg);font-size:1.25rem;letter-spacing:0} .menu a{transition:color .2s,transform .2s}.menu a:hover{color:var(--arancio);transform:translateY(-2px)} .hero:before{background:radial-gradient(circle,#ff5b27aa,transparent 68%),radial-gradient(circle at 30% 70%,#743dff66,transparent 60%)} .hero-immagine img{transition:filter .5s,transform .5s;filter:saturate(1.14) contrast(1.04)} .hero-immagine:hover img{filter:saturate(1.35) contrast(1.08);transform:rotate(0deg) scale(1.025)} .scheda{isolation:isolate}.scheda:before{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(135deg,var(--arancio),var(--viola),var(--turchese)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.scheda:hover:before{opacity:1} .foto-reparto img{transition:transform .8s,filter .8s;filter:saturate(1.15)}.foto-reparto img:hover{transform:scale(1.015);filter:saturate(1.4)} .editoriale-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.articolo{overflow:hidden;border-radius:14px;background:#fff;border:1px solid #e8e4df;transition:transform .3s,box-shadow .3s}.articolo:hover{transform:translateY(-7px);box-shadow:0 20px 45px #1112}.articolo img{width:100%;height:210px;object-fit:cover;transition:transform .6s}.articolo:hover img{transform:scale(1.06)}.articolo-corpo{padding:22px}.articolo .data{color:var(--arancio);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.articolo h3{font-size:1.25rem;line-height:1.2;margin:10px 0}.articolo p{font-size:.9rem;color:var(--muted)}.etichetta-articolo{display:inline-block;padding:5px 9px;border-radius:30px;background:#fff0e9;color:#a63210;font-size:.7rem;font-weight:900} .blocco-colore{background:linear-gradient(120deg,#14141c,#25203a);color:#fff;position:relative;overflow:hidden}.blocco-colore:after{content:'';position:absolute;width:460px;height:460px;right:-120px;top:-180px;border-radius:50%;background:radial-gradient(circle,#743dff66,transparent 70%);pointer-events:none}.passaggi{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.passaggio{border:1px solid #ffffff28;border-radius:12px;padding:22px;background:#ffffff08;backdrop-filter:blur(8px)}.passaggio b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--giallo);color:#111;font-size:1.1rem;margin-bottom:16px}.passaggio p{color:#c8c8d0;font-size:.88rem;margin-bottom:0}.tag-lista{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.tag-lista span{padding:8px 12px;border-radius:30px;background:#f2eee8;font-size:.8rem;font-weight:800}.domanda{border-bottom:1px solid #dedbd5;padding:20px 0}.domanda summary{font-weight:900;cursor:pointer;font-size:1.05rem}.domanda p{padding-top:12px;color:#62626c;max-width:800px}.avviso-locale{padding:16px 20px;background:#e5fbf6;border-left:4px solid #16a894;border-radius:0 8px 8px 0;font-size:.88rem} .form-esito{padding:15px;background:#e5fbf6;border-radius:8px;margin-top:15px;display:none}.form-esito.visibile{display:block} @media(max-width:900px){.editoriale-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}.passaggi{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.editoriale-griglia,.passaggi{grid-template-columns:1fr}.articolo img{height:220px}} /* Approfondimenti delle sei proposte di stampa: ancore e contenuti consultabili */ html{scroll-behavior:smooth;scroll-padding-top:105px} .blocco-lavorazione{scroll-margin-top:105px;margin:34px 0;padding:34px clamp(22px,4vw,54px);border:1px solid #e8e3dc;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fffaf5 100%);box-shadow:0 12px 35px #1717200b} .blocco-lavorazione:nth-child(even){background:linear-gradient(135deg,#fff 0%,#f4f8ff 100%)} .blocco-lavorazione h2{font-size:clamp(1.45rem,3vw,2.15rem);margin:8px 0 14px;color:var(--inchiostro,#252530)} .blocco-lavorazione p{max-width:850px;line-height:1.8;color:var(--muted,#747482)} .blocco-lavorazione .freccia{display:inline-block;margin-top:12px} .scheda{cursor:pointer} .scheda:focus-visible{outline:3px solid #ff5b27;outline-offset:4px} /* Logo ufficiale originale La Grafica */ .marchio{display:flex;align-items:center;flex:0 0 auto}.marchio img{display:block;width:118px;height:58px;max-height:58px;object-fit:contain;object-position:left center} @media(max-width:760px){.marchio img{width:104px;height:50px;max-height:50px}} /* Fotografie reali/illustrative per le sei schede del reparto stampa */ .scheda-arte.con-foto{height:230px;display:block;overflow:hidden;background:#f3f3f3} .scheda-arte.con-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s} .scheda:hover .scheda-arte.con-foto img{transform:scale(1.07);filter:saturate(1.12)} .scheda-arte.con-foto:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,#11111622)} .scheda-arte.con-foto{position:relative} @media(max-width:760px){.scheda-arte.con-foto{height:190px}} /* Marchio nel piè di pagina: versione chiara e più leggibile */ .piè .piè-interno > div:first-child .marchio img{ width:190px; height:auto; max-height:86px; object-fit:contain; object-position:left center; filter:none; } .piè .piè-interno > div:first-child .marchio{ display:inline-flex; align-items:center; min-height:88px; margin:0 0 12px; } @media(max-width:760px){ .piè .piè-interno > div:first-child .marchio img{width:170px;max-height:76px} } /* Schede home: immagini complete e numerazione discreta nell’angolo */ .griglia .scheda-arte.con-foto .forma{ position:absolute; z-index:3; top:14px; left:14px; width:42px; height:36px; display:grid; place-items:center; padding:0; margin:0; border-radius:8px; background:var(--arancio); color:#fff; box-shadow:0 4px 12px #1114; font-size:1rem; font-weight:900; line-height:1; transform:none; } .griglia .scheda-arte.con-foto .forma:before{display:none} /* Schede Decorazioni: fotografie esemplificative e numeri piccoli in alto a sinistra */ .contenuto .griglia .scheda-arte.con-foto{height:230px;display:block;position:relative;overflow:hidden;background:#f3f3f3} .contenuto .griglia .scheda-arte.con-foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s} .contenuto .griglia .scheda:hover .scheda-arte.con-foto img{transform:scale(1.06);filter:saturate(1.1)} .contenuto .griglia .scheda-arte.con-foto:after{content:none} .contenuto .griglia .scheda-arte.con-foto .forma{position:absolute;z-index:3;top:12px;left:12px;width:42px;height:36px;display:grid;place-items:center;padding:0;margin:0;border-radius:8px;background:var(--arancio);color:#fff;box-shadow:0 4px 12px #1114;font-size:1rem;font-weight:900;line-height:1;transform:none} @media(max-width:760px){.contenuto .griglia .scheda-arte.con-foto{height:190px}} /* CTA navigazione: testo sempre contenuto nel fondo arancione */ .menu a.pulsante{ display:inline-flex; flex:0 0 auto; width:190px; max-width:calc(100vw - 48px); min-height:58px; padding:14px 18px; box-sizing:border-box; white-space:normal; text-align:center; line-height:1.3; overflow-wrap:normal; justify-content:center; align-items:center; } @media(max-width:980px){ .menu a.pulsante{padding:13px 16px;width:180px} } @media(max-width:760px){ .menu a.pulsante{width:190px;max-width:calc(100vw - 56px);padding:14px 18px;align-self:flex-start} } /* Logo intestazione: incremento del 25%, senza modificare il logo nel footer */ .testata .marchio img{width:200px;height:auto;max-height:90px;flex:0 0 auto} @media(max-width:980px){.testata .marchio img{width:172.5px;height:auto;max-height:78px}} @media(max-width:760px){.testata .marchio img{width:172.5px;height:auto;max-height:78px}} /* Rifinitura hero homepage: struttura originale preservata */ .hero-rifinito{min-height:620px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,58px)} .hero-rifinito .hero-testo{z-index:2;animation:hero-testo-entra .75s cubic-bezier(.2,.75,.2,1) both} .hero-rifinito .hero-immagine{z-index:2;animation:hero-immagine-entra .9s .12s cubic-bezier(.2,.75,.2,1) both} .hero-rifinito .hero-immagine img{transform:rotate(1.5deg);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;filter:saturate(1.12) contrast(1.03)} .hero-rifinito .hero-immagine:hover img{transform:rotate(0) scale(1.025);filter:saturate(1.25) contrast(1.05)} .hero-rifinito .etichetta{z-index:3;transition:transform .35s,box-shadow .35s} .hero-rifinito .hero-immagine:hover .etichetta{transform:rotate(-2deg) translateY(-5px);box-shadow:7px 7px 0 var(--blu)} .hero-rifinito .azioni .pulsante{transition:transform .25s,box-shadow .25s,filter .25s} .hero-rifinito .azioni .pulsante:hover{transform:translateY(-4px);filter:brightness(1.06)} .hero-rifinito:before{pointer-events:none} @keyframes hero-testo-entra{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} @keyframes hero-immagine-entra{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}} @media(max-width:760px){ .hero-rifinito{grid-template-columns:1fr;gap:34px;min-height:auto} .hero-rifinito .hero-immagine img{transform:none} } @media(prefers-reduced-motion:reduce){ .hero-rifinito .hero-testo,.hero-rifinito .hero-immagine{animation:none} } /* Accreditamenti: fondo scuro, testo introduttivo e pannello ridimensionato */ .richiamo-accreditamenti{background:#111116;padding:clamp(34px,6vw,76px) 5%;color:#fff;} .richiamo-accreditamenti .richiamo-interno{width:min(1500px,100%);margin:0 auto;} .richiamo-accreditamenti .occhiello{color:var(--arancio,#ff5728);margin-bottom:12px;} .richiamo-accreditamenti h2{color:#fff;margin:0 0 24px;} .richiamo-accreditamenti img{display:block;width:70%;height:auto;max-width:70%;margin:0 auto;border-radius:18px;} @media(max-width:640px){.richiamo-accreditamenti{padding:32px 18px}.richiamo-accreditamenti img{width:100%;max-width:100%;border-radius:12px}} /* Footer: spazio sufficiente per gli indirizzi email, anche su smartphone */ @media(min-width:761px){ .piè-interno{grid-template-columns:1.1fr .9fr .9fr 1.35fr} } @media(max-width:760px){ .piè-interno>div:last-child{grid-column:1/-1} } /* Menu compatto anche su smartphone in orizzontale e schermi fino a 1024px. Il menu mantiene l'apertura tramite la classe .aperto gestita da interazioni.js. */ @media (max-width: 1024px) { .navigazione { gap: 12px; } .testata .menu-apri { display: block; flex: 0 0 auto; } .testata .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 60; max-height: calc(100vh - 90px); overflow-y: auto; overscroll-behavior: contain; background: #fffdf9; padding: 18px 24px 25px; box-shadow: 0 18px 25px #0002; flex-direction: column; align-items: stretch; gap: 8px; font-size: .92rem; } .testata .menu.aperto { display: flex; } .testata .menu a { padding: 10px 0; } .testata .menu a.pulsante { align-self: flex-start; width: 190px; max-width: calc(100vw - 56px); padding: 14px 18px; } }