/* Theme Name: Frigomeccanica Theme URI: https://www.frigomeccanica.com/ Author: Andrea Pilotti Description: Tema del sito www.frigomeccanica.com: cornice del sito (barra, testata, blog, piè di pagina) e stile delle pagine in blocchi. Version: 1.0.7 Requires at least: 6.5 Requires PHP: 8.1 Text Domain: frigomeccanica */ /* ============================================================== */ /* TEMA FRIGOMECCANICA - style.css (UNICO FOGLIO BLOCCANTE) */ /* ============================================================== */ /* INDICE DEL FILE */ /* PARTE A - CORNICE DEL SITO (BLOCCHI 1/9 - 9/9) */ /* PARTE B - STILE DEI CONTENUTI, PORTATO DALLO style.css DI */ /* VERTEX-CHILD DEL 2026-10-15 (BLOCCHI B1 - B5) */ /* LEGENDA: NELLA PARTE B I !important SONO STATI TOLTI, SALVO */ /* NELLE REGOLE CHE VINCONO SU STILI IN LINEA DI PLUGIN */ /* (SMART FORMS, FOOGALLERY); I COMMENTI ORIGINALI DEL */ /* FIGLIO RESTANO COME STORIA DI OGNI REGOLA */ /* IL FOGLIO DEL BLOG (assets/css/blog.css) SI CARICA SOLO SU */ /* INDICE, ARCHIVI E ARTICOLI */ /* ============================================================== */ /* ============================================================== */ /* >>> INIZIO 1/9: CARATTERE UBUNTU (LOCALE) E VARIABILI */ /* ============================================================== */ /* COSA FA: */ /* * UBUNTU 400 LATINO E LATINO ESTESO DAI FILE DEL TEMA; E' IL */ /* SOLO PESO CHE IL SITO RICEVE OGGI (CLOUDFLARE FONTS), GLI */ /* ALTRI PESI LI SIMULA IL BROWSER COME OGGI */ /* * COLORI DEL SITO IN VARIABILI (VALORI DI OGGI) */ /* QUANDO PARTE: SU OGNI PAGINA */ /* ============================================================== */ @font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ubuntu-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ubuntu-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF} :root{--fm-marca:#5D8593;--fm-scuro:#2F4A55;--fm-notte:#25383B;--fm-testo:#333333;--fm-accento:#F67E00;--fm-chiaro:#F2F5F6;--fm-font:'Ubuntu',sans-serif} /* <<< FINE 1/9: CARATTERE E VARIABILI */ /* ============================================================== */ /* >>> INIZIO 2/9: BASE (AZZERAMENTO E TIPOGRAFIA DI VERTEX) */ /* ============================================================== */ /* COSA FA: */ /* * LE SOLE REGOLE DI BASE DI VERTEX E DEL FIGLIO CHE OGGI */ /* AGISCONO SU QUALCHE PAGINA (AZZERAMENTO, CORPO, TITOLI, */ /* PARAGRAFI, LINK, IMMAGINI, ELENCHI) */ /* QUANDO PARTE: SU OGNI PAGINA */ /* ============================================================== */ html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,em,img,small,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,figure,figcaption,article,aside,footer,header,nav,section,main,button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent} article,aside,footer,header,nav,section,main,figure{display:block} ol,ul{list-style:none} html{-webkit-font-smoothing:antialiased} body{background-color:var(--fm-marca);color:var(--fm-testo);font:300 16px/1 var(--fm-font)} input,textarea{font-family:var(--fm-font);font-size:16px} img{max-width:100%;height:auto} embed,iframe,object,video{max-width:100%} a{color:var(--fm-marca);text-decoration:none} a:hover{text-decoration:underline} h1,h2,h3,h4,h5,h6{padding-bottom:5px;color:var(--fm-testo);line-height:1em;font-weight:normal} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit} h1{font-size:30px} h2{font-size:24px} h3{font-size:22px} p{padding-bottom:10px;line-height:35px} strong{font-weight:bold;color:#1C1C1C} cite,em,i{font-style:italic} a strong{text-decoration:underline} a:hover strong{text-decoration:none} .clearfix::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} .alignleft{float:left} .alignright{float:right} .entry{margin-bottom:0} .entry p{font-size:20px;padding-bottom:25px;color:var(--fm-testo)} .entry h2,.entry h3{font-size:35px;padding-bottom:25px;padding-top:25px} .entry h3{font-size:25px} .entry ul{list-style-type:disc;padding:0 0 23px 16px;line-height:26px} /* ELENCHI NUMERATI DEI CONTENUTI COME IL PADRE VERTEX: NUMERO DENTRO LA VOCE (SU UNA RIGA SOPRA QUANDO LA VOCE CONTIENE UN PARAGRAFO), 23 PX SOTTO L'ELENCO (COLLAUDO 2026-10-16, 7 ARTICOLI) */ .entry ol{list-style-type:decimal;list-style-position:inside;padding:0 0 23px;line-height:26px} #breadcrumbs{padding-bottom:15px} .screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap} /* FOCUS VISIBILE DA TASTIERA SULLA CORNICE DEL SITO (BARRA, TENDINE, PIE' DI PAGINA, BLOG, PULSANTE PREVENTIVO, NEWSLETTER): IL RESET EREDITATO DA VERTEX METTE outline:0 SU LINK E PULSANTI E IL FOCUS NON SI VEDEVA, COME IN VERTEX (COLLAUDO 2026-10-16, STATI E FUNZIONI). :focus-visible: SOLO CON LA TASTIERA, COL MOUSE NON CAMBIA NULLA; currentColor: BIANCO SULLA BARRA SCURA, SCURO NELLE TENDINE BIANCHE */ :is(#main-header,#main-footer,.fm-blog-cat,.pagination,.fm-news) :is(a,button):focus-visible,#fm-cta:focus-visible{outline:2px solid currentColor;outline-offset:2px} #main-header #fm-menu-btn:focus-visible{outline-color:#fff} .fm-salta:focus{position:fixed;top:8px;left:8px;z-index:100001;width:auto;height:auto;margin:0;padding:12px 18px;clip:auto;clip-path:none;background:#fff;color:var(--fm-scuro);font:400 15px/1 var(--fm-font);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);white-space:normal} /* <<< FINE 2/9: BASE */ /* ============================================================== */ /* >>> INIZIO 3/9: CONTENITORI (.container, #content-area, */ /* #main-area) */ /* ============================================================== */ /* COSA FA: */ /* * LARGHEZZE DEI CONTENITORI DI OGGI: 1280 PX, POI 960, 728, */ /* 440 E 320 SUGLI SCHERMI PIU' PICCOLI */ /* * AREA DEL CONTENUTO BIANCA; LE PAGINE IN BLOCCHI (page-full) */ /* E IL BLOG AZZERANO I PADDING NEI LORO BLOCCHI */ /* QUANDO PARTE: SU OGNI PAGINA */ /* ============================================================== */ .container{text-align:left;margin:0 auto;width:1280px;position:relative} #main-header .container{text-align:center} .home .container,#content-area .container{max-width:100%;width:100%} /* IN HOME IL CONTENITORE DELLA TESTATA RESTA 1280 PX (REGOLA DEL FIGLIO .home header .container); QUELLO DEL PIE' DI PAGINA RESTA AL 100% (MAX 1080) */ .home header .container{width:1280px} .blog #content-area .container,.single-post #content-area .container,.category #content-area .container,.archive #content-area .container{width:1280px;max-width:100%} #content-area{display:block;background-color:#fff;padding:25px 0 1px} .page-id-2545 #content-area,.page-id-2632 #content-area{padding:1px 0} #main-area{width:100%} @media only screen and (min-width:960px) and (max-width:1280px){.container{width:960px}} @media only screen and (min-width:768px) and (max-width:960px){.container{width:728px}} @media only screen and (max-width:767px){.container{width:440px}} @media only screen and (max-width:479px){.container{width:320px}} /* <<< FINE 3/9: CONTENITORI */ /* ============================================================== */ /* >>> INIZIO 4/9: BARRA DEL MENU (#top-menu) */ /* ============================================================== */ /* COSA FA: */ /* * BARRA #2F4A55 ALTA 72 PX (64 SOTTO I 1025), FISSA IN ALTO */ /* (sticky) SU TUTTI GLI SCHERMI, OMBRA QUANDO LA PAGINA NON */ /* E' IN CIMA (CLASSE fm-scrolled DA menu.js) */ /* * LOGO 40 PX (34 SOTTO I 1025), VOCI IN MAIUSCOLETTO 13 PX, */ /* TENDINE BIANCHE CON ANGOLI 8 PX, LINGUA IN SIGLA */ /* * SOTTO I 1025 PX: PULSANTE A TRE LINEE E PANNELLO BIANCO A */ /* TUTTA LARGHEZZA CON SOTTOMENU A FISARMONICA */ /* QUANDO PARTE: SU OGNI PAGINA */ /* ============================================================== */ /* overflow-x:clip: LE TENDINE CHIUSE RESTANO IMPAGINATE (DISSOLVENZA CON RITARDO) E QUELLA DELLA LINGUA, ULTIMA A DESTRA, SPORGEVA DI CIRCA 90 PX OLTRE LA FINESTRA, CON SCORRIMENTO LATERALE SU DESKTOP (COLLAUDO 2026-10-16); SI TAGLIA SOLO IN ORIZZONTALE, LE TENDINE SCENDONO COME PRIMA */ /* display:contents SU header#main-header: UN ELEMENTO sticky RESTA FERMO SOLO DENTRO IL SUO CONTENITORE; header#main-header E' ALTO QUANTO BARRA + TESTATA (IN HOME SOLO LA BARRA), QUINDI LA BARRA USCIVA DALLO SCHERMO CON LA TESTATA (COLLAUDO 2026-10-16, STATI E FUNZIONI). COSI' IL CONTENITORE DIVENTA IL body; L'HTML NON CAMBIA (STESSI ID, header RESTA IL PUNTO DI RIFERIMENTO banner) */ #main-header{display:contents} /* top: SOTTO LA BARRA DI AMMINISTRAZIONE DI WORDPRESS PER CHI E' COLLEGATO (VARIABILE DI WORDPRESS, 0 PER I VISITATORI); SOTTO I 601 PX LA BARRA DI AMMINISTRAZIONE SCORRE VIA, QUINDI 0 */ #top-menu{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:1000;background:var(--fm-scuro);transition:box-shadow .2s;overflow-x:clip} @media (max-width:600px){#top-menu{top:0}} #top-menu.fm-scrolled{box-shadow:0 2px 14px rgba(0,0,0,.22)} #top-menu .container{display:flex;align-items:center;justify-content:space-between;min-height:72px;padding:0} #top-menu .container::before,#top-menu .container::after{display:none;content:none} #et-logo{display:flex;align-items:center;margin:0;padding:0;font-family:var(--fm-font)} #et-logo a{display:block;line-height:0;padding:0 12px} #et-logo img{display:block;height:40px;width:auto;padding:0} #fm-nav{margin:0} #fm-nav ul.nav{display:flex;align-items:center;gap:2px;margin:0;padding:0} #fm-nav ul.nav>li{position:relative;margin:0;padding:0} #fm-nav ul.nav>li>a,#fm-nav ul.nav>li>button.fm-nav-btn{display:block;padding:10px 13px;font:500 13px/1 var(--fm-font);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-decoration:none;position:relative;opacity:.92;background:none;border:0;cursor:pointer} #fm-nav ul.nav>li>a:hover,#fm-nav ul.nav>li>button.fm-nav-btn:hover{opacity:1;text-decoration:none} #fm-nav ul.nav>li.current-menu-item>a::before,#fm-nav ul.nav>li.current-menu-ancestor>a::before,#fm-nav ul.nav>li.current_page_item>a::before{content:'';position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:#fff;border-radius:1px} #fm-nav ul.nav>li.menu-item-has-children>a,#fm-nav ul.nav>li>button.fm-nav-btn{padding-right:28px} #fm-nav ul.nav>li>button.fm-nav-btn::after,#fm-nav ul.nav>li>button.fm-acc::after{content:'';position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-70%) rotate(45deg);opacity:.85} #fm-nav ul.nav>li>button.fm-acc{position:absolute;right:0;top:0;width:28px;height:100%;margin:0;padding:0;background:none;border:0;cursor:pointer} #fm-nav ul ul{position:absolute;left:-19px;top:100%;margin-top:6px;z-index:9999;min-width:250px;padding:8px 0;background:#fff;border-radius:8px;box-shadow:0 10px 28px rgba(20,32,38,.18);text-align:left;visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s linear .5s} #fm-nav ul.nav>li:hover>ul,#fm-nav ul.nav>li:focus-within>ul,#fm-nav ul.nav>li.fm-open>ul{visibility:visible;opacity:1;transition-delay:0s} /* TENDINA CHIUSA CON ESC O CON IL SUO PULSANTE ANCHE SE IL FOCUS E' ANCORA NELLA VOCE (CLASSE DA menu.js, COLLAUDO 2026-10-16); SOLO DESKTOP: SOTTO I 1025 PX VALE LA FISARMONICA */ @media (min-width:1025px){#fm-nav ul.nav>li.fm-chiuso>ul{visibility:hidden;opacity:0;transition-delay:0s}} #fm-nav ul ul li{display:block;margin:0;padding:0;border:0} #fm-nav ul ul li a{display:block;padding:10px 20px;font:300 15px/1.4 var(--fm-font);letter-spacing:0;text-transform:none;color:var(--fm-scuro);text-decoration:none} #fm-nav ul ul li a:hover,#fm-nav ul ul li.current-menu-item>a{background:var(--fm-chiaro);color:var(--fm-scuro)} #fm-nav ul ul button.fm-acc{display:none} #fm-nav .fm-lang-btn .fm-lang-name,#fm-nav .lang-item a img{display:none} /* SPAZIO PRIMA DELLA SIGLA: OGGI LO PRODUCE IL NOME DELLA LINGUA A CORPO 0 CON SPAZIATURA LETTERE (UNA LETTERA = 0,12em); IL NUMERO DI LETTERE ARRIVA DA inc/menu.php IN --fm-lettere ("Italiano" 8 = 12,5 PX, "English" 7 = 10,9 PX) */ #fm-nav .fm-lang-btn .fm-lang-code{margin-left:calc(var(--fm-lettere,8)*.12em)} #fm-menu-btn{display:none} @media (max-width:1024px){ #top-menu .container{min-height:64px;box-sizing:border-box;padding:0 16px;width:100%;max-width:100%} #et-logo img{height:34px} #fm-menu-btn{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:44px;padding:14px 2px 14px 14px;background:none;border:0;cursor:pointer} #fm-menu-btn .fm-burger{display:block;position:relative;width:22px;height:16px;margin:-3px 0 0} #fm-menu-btn .fm-burger::before,#fm-menu-btn .fm-burger::after{content:'';position:absolute;left:0;width:22px;height:2px;background:#fff;border-radius:1px;transition:transform .2s,box-shadow .2s} #fm-menu-btn .fm-burger::before{top:0;box-shadow:0 7px 0 #fff} #fm-menu-btn .fm-burger::after{top:14px} #fm-menu-btn[aria-expanded="true"] .fm-burger::before{top:7px;box-shadow:none;transform:rotate(45deg)} #fm-menu-btn[aria-expanded="true"] .fm-burger::after{top:7px;transform:rotate(-45deg)} #fm-nav{display:none;position:absolute;top:100%;left:0;width:100%;z-index:50;text-align:left} /* PANNELLO APERTO DENTRO LA BARRA FISSA: SE E' PIU' ALTO DELLO SCHERMO (SMARTPHONE IN ORIZZONTALE, SOTTOMENU APERTI) SCORRE DENTRO SE STESSO, ALTRIMENTI LE ULTIME VOCI RESTEREBBERO IRRAGGIUNGIBILI */ #fm-nav.fm-open{display:block;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain} #fm-nav ul.nav{display:block;background:#fff;box-shadow:0 14px 30px rgba(20,32,38,.22);padding:4px 0 10px;border-radius:0 0 8px 8px} #fm-nav ul.nav>li,#fm-nav ul ul li{display:block;position:relative;border-top:1px solid #EEF2F4;background:none} #fm-nav ul.nav>li>a,#fm-nav ul.nav>li>button.fm-nav-btn,#fm-nav ul ul li a{display:block;width:100%;box-sizing:border-box;padding:14px 60px 14px 20px;font:300 16px/20px var(--fm-font);letter-spacing:0;text-transform:none;text-align:left;color:var(--fm-scuro);opacity:1;background:none} #fm-nav ul.nav>li.current-menu-item>a,#fm-nav ul.nav>li.current_page_item>a{font-weight:500} #fm-nav ul.nav>li>a::before{display:none} #fm-nav ul.nav>li>button.fm-nav-btn::after{display:none} #fm-nav ul.nav>li>button.fm-acc,#fm-nav ul ul button.fm-acc{display:block;position:absolute;top:0;right:0;width:56px;height:48px;margin:0;padding:0;border:0;border-left:1px solid #EEF2F4;background:transparent;cursor:pointer} #fm-nav ul.nav>li>button.fm-acc::after,#fm-nav ul.nav>li>button.fm-nav-btn::before,#fm-nav ul ul button.fm-acc::after{content:'';position:absolute;left:23px;top:18px;width:9px;height:9px;border:0;border-right:2px solid var(--fm-marca);border-bottom:2px solid var(--fm-marca);transform:rotate(45deg);transition:transform .2s;opacity:1} #fm-nav ul.nav>li>button.fm-nav-btn::before{left:auto;right:23px} #fm-nav ul.nav>li.fm-open>button.fm-acc::after,#fm-nav ul.nav>li.fm-open>button.fm-nav-btn::before,#fm-nav ul ul li.fm-open>button.fm-acc::after{transform:rotate(-135deg);top:22px} #fm-nav ul ul{display:none;position:static;width:100%;min-width:0;margin:0;padding:0;box-shadow:none;border-radius:0;background:#F7F9FA;visibility:visible;opacity:1;transition:none} #fm-nav ul.nav>li.fm-open>ul{display:block} #fm-nav ul ul li a{padding-left:36px;font-size:15px;color:#3E6170} #fm-nav .fm-lang-btn .fm-lang-code{display:none} #fm-nav .fm-lang-btn .fm-lang-name{display:inline;font-size:17px} } /* <<< FINE 4/9: BARRA DEL MENU */ /* ============================================================== */ /* >>> INIZIO 5/9: FASCIA DI TESTATA (#top-area) */ /* ============================================================== */ /* COSA FA: */ /* * FASCIA ALTA (padding 250 PX, POI 150, 100, 50) CON LA FOTO */ /* A COPRIRE ( AL POSTO DELLO SFONDO CSS), TITOLO BIANCO */ /* 60 PX (45 SOTTO I 480) CON OMBRA MORBIDA */ /* * SOTTOTITOLO NASCOSTO SOTTO I 768 PX; LE PAGINE IN BLOCCHI */ /* LO MOSTRANO NELLA LORO FASCIA CHIARA (BLOCCO "PAGINE DI */ /* CATEGORIA SU SMARTPHONE", PIU' AVANTI) */ /* * CATEGORIE DEL BLOG: FASCIA BASSA (25 PX), SENZA FOTO */ /* QUANDO PARTE: SU PAGINE, ARTICOLI E ARCHIVI */ /* ============================================================== */ #top-area{position:relative;overflow:hidden;padding:250px 0;border-top:1px solid #fff} #top-area .fm-hero-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center} #top-area .container{position:relative;z-index:1} .tagline{display:inline-block;margin:0 auto 60px;padding:16px 28px 18px;font-size:24px;font-weight:600;text-transform:uppercase;color:#fff;background-color:var(--fm-accento)} #top-area h1.title{display:table;margin:0 auto;padding:8px;font:300 60px/1em var(--fm-font);color:#fff;text-align:center;background:none;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.45)} .category #top-area,.archive #top-area{box-shadow:none;padding:25px 0} .category #top-area h1.title,.archive #top-area h1.title{background:none;text-shadow:none} @media only screen and (min-width:768px) and (max-width:960px){#top-area{padding:150px 0}} @media only screen and (max-width:767px){#top-area{padding:100px 0;box-shadow:none}#top-area .tagline{display:none}} @media only screen and (max-width:479px){#top-area{padding:50px 0}#top-area h1.title{font-size:45px}} /* <<< FINE 5/9: FASCIA DI TESTATA */ /* ============================================================== */ /* >>> INIZIO 6/9: PIE' DI PAGINA (#main-footer) */ /* ============================================================== */ /* COSA FA: */ /* * FASCIA #25383B CON LOGO 190x42 E IL WIDGET DELLA LINGUA */ /* (text-10 / text-11) CENTRATO, TESTO 14 PX #C9D7DC, LINK */ /* BIANCHI; GRUPPI fmf-* SU UNA O PIU' RIGHE SECONDO LO */ /* SCHERMO (REGOLE DEL 2026-10-10 PORTATE COM'ERANO) */ /* QUANDO PARTE: SU OGNI PAGINA */ /* ============================================================== */ #main-footer{background:var(--fm-notte);padding:52px 0 44px;border-top:0} #main-footer .container{max-width:1080px;text-align:center} #main-footer .fm-footer-logo{display:block;width:190px;height:42px;object-fit:contain;margin:0 auto 24px} #main-footer #footer-widgets{padding:0;margin-bottom:0} #main-footer .footer-widget{float:none;width:100%;margin:0;padding-left:10px;box-sizing:border-box;text-align:center;color:#fff} #main-footer .fwidget{margin-bottom:0} #main-footer a{color:#fff;text-decoration:none} #main-footer .textwidget{width:auto;max-width:none} #main-footer .textwidget p{font-family:var(--fm-font);color:#C9D7DC;font-size:14px;line-height:1.9;letter-spacing:.02em;text-align:center;margin:0} #main-footer .textwidget a{color:#fff;text-decoration:none} #main-footer .textwidget a:hover{text-decoration:underline} #main-footer .textwidget p>br,#main-footer br.fmf-m,#main-footer br.fmf-t{display:none} #main-footer .fmf-id,#main-footer .fmf-rc,#main-footer .fmf-lk,#main-footer .fmf-vat{display:block} #main-footer .fmf-nm{color:#fff;font-weight:400} #main-footer .fmf-ar{font-size:.92em} #main-footer .fmf-rc{margin-top:8px} #main-footer .fmf-lk{font-size:11px;letter-spacing:.14em;text-transform:uppercase;line-height:1.8} #main-footer .fmf-lk::before{content:"";display:block;width:48px;height:1px;background:rgba(255,255,255,.2);margin:14px auto} #main-footer .fmf-vat{font-size:12px;margin-top:4px} @media (min-width:768px) and (max-width:900px){#main-footer br.fmf-t{display:inline}#main-footer .fmf-s2{display:none}} /* SOTTO I 768 PX IL CONTENITORE SEGUE LA SCALA DI VERTEX (440/320), TRANNE IN HOME; IL WIDGET HA 20 PX SOTTO (VERTEX) E 20 PX SOPRA FINO A 479 PX (FIGLIO) */ @media (max-width:767px){ #main-footer .footer-widget{padding-bottom:20px} /* NEL FIGLIO C'ERA line-height:1.5 QUI, MA PERDEVA CONTRO :root body ... {line-height:1.9 !important}: OGGI IL TESTO E' A 1,9 ANCHE SU SMARTPHONE, QUINDI NON SI RIPORTA */ #main-footer .fmf-id{display:flex;flex-direction:column;align-items:center} #main-footer .fmf-nm{font-size:15px} #main-footer .fmf-ar{font-size:13px} #main-footer .fmf-rc{margin-top:16px;line-height:1.75} #main-footer .fmf-ct,#main-footer .fmf-ad{display:block} #main-footer br.fmf-m{display:inline} #main-footer .fmf-sep,#main-footer .fmf-cm{display:none} #main-footer .fmf-lk::before{margin:18px auto} #main-footer .fmf-vat{margin-top:6px} } @media (max-width:479px){#main-footer .footer-widget .textwidget{margin-top:20px}} /* <<< FINE 6/9: PIE' DI PAGINA */ /* ============================================================== */ /* >>> INIZIO 7/9: PULSANTE "CHIEDI UN PREVENTIVO" (#fm-cta) */ /* ============================================================== */ /* COSA FA: */ /* * ASPETTO DEL PULSANTE FISSO SU SMARTPHONE (SOTTO I 768 PX): */ /* 16 PX DA SINISTRA, 70 DA DESTRA (SPAZIO PER LA SERRATURA */ /* IUBENDA), 48 PX DI ALTEZZA, SOTTO LA GALLERIA FOOBOX; */ /* NASCOSTO CON LA CLASSE fm-cta-off E CON IL BANNER APERTO */ /* * IL COMPORTAMENTO E' IN assets/js/cta.js */ /* QUANDO PARTE: SU TUTTE LE PAGINE TRANNE HOME E RINGRAZIAMENTI */ /* ============================================================== */ #fm-cta{display:none} @media (max-width:767px){ #fm-cta{display:flex;align-items:center;justify-content:center;position:fixed;left:16px;right:70px;bottom:11px;height:48px;padding:0 16px;margin:0;border:0;border-radius:24px;background:var(--fm-notte);color:#fff;font:500 16px/1 var(--fm-font);text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:100000;cursor:pointer;transition:opacity .25s,transform .25s} #fm-cta.fm-cta-off{opacity:0;transform:translateY(20px);pointer-events:none} body:has(#iubenda-cs-banner.iubenda-cs-visible) #fm-cta{display:none} } /* <<< FINE 7/9: PULSANTE "CHIEDI UN PREVENTIVO" */ /* ============================================================== */ /* >>> INIZIO 8/9: MODULI SMART FORMS, REGOLE DI TUTTO IL SITO */ /* ============================================================== */ /* COSA FA: */ /* * MESSAGGI D'ERRORE LEGGIBILI (FASCIA ROSSA SOTTO IL CAMPO) */ /* * CASELLA DEL CONSENSO E TESTO SULLA STESSA RIGA */ /* * CAMPI OBBLIGATORI VUOTI CON BORDO ROSSO (ANCHE .fm-panel) */ /* * I !important RESTANO: VINCONO SUGLI STILI IN LINEA E SUL */ /* BOOTSTRAP DEL PLUGIN (REGOLE DEL 2026-10-07 E 2026-10-09) */ /* QUANDO PARTE: DOVE C'E' UN MODULO */ /* ============================================================== */ /* REGOLE DI BASE DEL FIGLIO SUI MODULI (2017-2026), VALGONO OVUNQUE */ .rednaoFormContainer.bootstrap-wrapper .col-sm-9{width:90%} .rednaoFormContainer.bootstrap-wrapper .col-sm-3{width:50%} .rednaoFormContainer.bootstrap-wrapper legend{border-width:0} .redNaoLegend{font-size:28px !important} .redNaoSubmitButton,.rednao_label_container{margin-top:20px !important} html body .rednaoFormContainer .popover.invalid{position:relative !important;top:auto !important;left:0 !important;height:auto !important;width:100% !important;max-width:100% !important;margin:10px 0 4px !important;padding:8px 12px !important;background:#B22222 !important;border:0 !important;border-radius:8px !important;box-shadow:none !important;box-sizing:border-box !important;z-index:5 !important} html body .rednaoFormContainer .popover.invalid .popover-title{display:none !important} html body .rednaoFormContainer .popover.invalid .popover-content{padding:0 !important;margin:0 !important;color:#FFFFFF !important;font:400 14px/1.4 Ubuntu,sans-serif !important;text-align:left !important;letter-spacing:0 !important;text-shadow:none !important;white-space:normal !important} html body .rednaoFormContainer .popover.invalid > .arrow{top:-8px !important;left:24px !important;margin:0 !important;border-width:0 8px 8px !important;border-style:solid !important;border-color:transparent transparent #B22222 !important} html body .rednaoFormContainer .popover.invalid > .arrow::after{display:none !important} html body .rednaoFormContainer .rednaotermofservice .checkbox-inline{display:flex !important;flex-wrap:nowrap !important;align-items:flex-start !important;gap:10px !important;padding-left:0 !important;margin:0 !important;width:100% !important} html body .rednaoFormContainer .rednaotermofservice .checkbox-inline > label.redNaoCheckBox{flex:0 0 auto !important;margin:2px 0 0 !important} html body .rednaoFormContainer .rednaotermofservice .checkbox-inline > label:not(.redNaoCheckBox){display:block !important;flex:1 1 auto !important;width:auto !important;min-width:0 !important;margin:0 !important;padding:0 !important;text-align:left !important;line-height:1.5 !important} body.single-post #main-area .entry .rednaoFormContainer .has-error .form-control,body.single-post #main-area .entry .rednaoFormContainer .form-control.redNaoInvalid,body #main-area .entry #fm-pg .fm-panel .has-error .form-control,body #main-area .entry #fm-pg .fm-panel .form-control.redNaoInvalid{border-color:#B3261E !important;box-shadow:0 0 0 3px rgba(179,38,30,.12) !important} body.single-post #main-area .entry .rednaoFormContainer .has-error label,body #main-area .entry #fm-pg .fm-panel .has-error label{color:#B3261E !important} /* <<< FINE 8/9: MODULI SMART FORMS */ /* ============================================================== */ /* >>> INIZIO 9/9: PAGINA NON TROVATA */ /* ============================================================== */ /* COSA FA: */ /* * TITOLO E TESTO DELLA 404 NELLA COLONNA CENTRALE */ /* QUANDO PARTE: SOLO SULLA 404 */ /* ============================================================== */ .fm-404{max-width:820px;margin:0 auto;padding:40px 20px 80px;box-sizing:border-box} .fm-404 h1{font:300 34px/1.2 var(--fm-font);color:var(--fm-scuro);padding-bottom:16px} /* <<< FINE 9/9: PAGINA NON TROVATA */ /* ============================================================== */ /* >>> INIZIO PARTE B: STILE DEI CONTENUTI (DAL FIGLIO) */ /* ============================================================== */ /* COSA FA: */ /* B1 AZZERAMENTO DENTRO #fm-pg (EMULAZIONE DIVI, 2026-10-11) */ /* B2 TESTATA DELLE PAGINE IN BLOCCHI SU SMARTPHONE, FASCIA */ /* CONTATTI, BLOCCHI DELLE PAGINE ISTITUZIONALI (2026-10-07/08) */ /* B3 STILE COMUNE DELLE PAGINE IN BLOCCHI (TAPPA 3, 2026-10-12) */ /* B4 FASCIA NEWSLETTER */ /* B5 HOME (hp-*) */ /* QUANDO PARTE: SULLE PAGINE IN BLOCCHI (#fm-pg) E DOVE INDICATO */ /* ============================================================== */ /* Blocchi #fm-pg senza Divi (2026-10-11, v2): emulazione delle regole di azzeramento che Divi applica dentro #et-boc .et-l (45 regole, tutti i tag), stessa specificità (:not(.fmxN) al posto delle classi Divi). Vale per le pagine in blocchi con e senza involucro Divi. Fonte: arch/frigomeccanica/sito/2026-10-11_Prova_bozza_senza_Divi.md */#fm-pg{font-size:20px} #fm-pg:not(.fmx1) a,#fm-pg:not(.fmx1) a:active,#fm-pg:not(.fmx1) blockquote,#fm-pg:not(.fmx1) div,div#fm-pg:not(.fmx1),#fm-pg:not(.fmx1) em,#fm-pg:not(.fmx1) form,#fm-pg:not(.fmx1) h1,#fm-pg:not(.fmx1) h2,#fm-pg:not(.fmx1) h3,#fm-pg:not(.fmx1) h4,#fm-pg:not(.fmx1) h5,#fm-pg:not(.fmx1) h6,#fm-pg:not(.fmx1) hr,#fm-pg:not(.fmx1) iframe,#fm-pg:not(.fmx1) img,#fm-pg:not(.fmx1) input,#fm-pg:not(.fmx1) label,#fm-pg:not(.fmx1) li,#fm-pg:not(.fmx1) object,#fm-pg:not(.fmx1) ol,#fm-pg:not(.fmx1) p,#fm-pg:not(.fmx1) span,#fm-pg:not(.fmx1) strong,#fm-pg:not(.fmx1) textarea,#fm-pg:not(.fmx1) ul,#fm-pg:not(.fmx1) video{text-align: inherit; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: 0px; vertical-align: baseline; background: transparent; letter-spacing: normal; color: inherit; box-shadow: none; text-shadow: inherit; border-radius: 0px; transition: none;} #fm-pg:not(.fmx1) h1,#fm-pg:not(.fmx1) h2,#fm-pg:not(.fmx1) h3,#fm-pg:not(.fmx1) h4,#fm-pg:not(.fmx1) h5,#fm-pg:not(.fmx1) h6{line-height: 1em; padding-bottom: 10px; font-weight: 500; text-transform: none; font-style: normal;} #fm-pg:not(.fmx1) ol,#fm-pg:not(.fmx1) ul{list-style: none; text-align: inherit;} #fm-pg:not(.fmx1) ol li,#fm-pg:not(.fmx1) ul li{padding-left: 0px; background: none; margin-left: 0px;} #fm-pg:not(.fmx1) blockquote{quotes: none;} #fm-pg:not(.fmx1) blockquote::after,#fm-pg:not(.fmx1) blockquote::before{content: none;} #fm-pg:not(.fmx1) :focus{outline: 0px;} #fm-pg:not(.fmx1) article,#fm-pg:not(.fmx1) aside,#fm-pg:not(.fmx1) footer,#fm-pg:not(.fmx1) header,#fm-pg:not(.fmx1) hgroup,#fm-pg:not(.fmx1) nav,#fm-pg:not(.fmx1) section{display: block;} #fm-pg:not(.fmx1) input[type="email"],#fm-pg:not(.fmx1) input[type="number"],#fm-pg:not(.fmx1) input[type="password"],#fm-pg:not(.fmx1) input[type="text"]{height: 49px;} #fm-pg:not(.fmx1) a{text-decoration: none;} #fm-pg:not(.fmx1) p{padding-bottom: 1em; color: inherit;} #fm-pg:not(.fmx1) p:last-of-type{padding-bottom: 0px;} #fm-pg:not(.fmx1) img{max-width: 100%; height: auto;} #fm-pg:not(.fmx1) embed,#fm-pg:not(.fmx1) iframe,#fm-pg:not(.fmx1) object,#fm-pg:not(.fmx1) video{max-width: 100%;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) a{color: rgb(46, 163, 242);} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h2 a{color: inherit;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input{margin: 0px;} #fm-pg:not(.fmx1):not(.fmx2) .clearfix{clear: none; display: initial;} #fm-pg:not(.fmx1):not(.fmx2) address.clearfix,#fm-pg:not(.fmx1):not(.fmx2) article.clearfix,#fm-pg:not(.fmx1):not(.fmx2) aside.clearfix,#fm-pg:not(.fmx1):not(.fmx2) blockquote.clearfix,#fm-pg:not(.fmx1):not(.fmx2) canvas.clearfix,#fm-pg:not(.fmx1):not(.fmx2) dd.clearfix,#fm-pg:not(.fmx1):not(.fmx2) div.clearfix,div#fm-pg:not(.fmx1):not(.fmx2).clearfix,#fm-pg:not(.fmx1):not(.fmx2) dl.clearfix,#fm-pg:not(.fmx1):not(.fmx2) fieldset.clearfix,#fm-pg:not(.fmx1):not(.fmx2) figcaption.clearfix,#fm-pg:not(.fmx1):not(.fmx2) figure.clearfix,#fm-pg:not(.fmx1):not(.fmx2) footer.clearfix,#fm-pg:not(.fmx1):not(.fmx2) form.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h1.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h2.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h3.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h4.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h5.clearfix,#fm-pg:not(.fmx1):not(.fmx2) h6.clearfix,#fm-pg:not(.fmx1):not(.fmx2) header.clearfix,#fm-pg:not(.fmx1):not(.fmx2) hgroup.clearfix,#fm-pg:not(.fmx1):not(.fmx2) hr.clearfix,#fm-pg:not(.fmx1):not(.fmx2) main.clearfix,#fm-pg:not(.fmx1):not(.fmx2) nav.clearfix,#fm-pg:not(.fmx1):not(.fmx2) noscript.clearfix,#fm-pg:not(.fmx1):not(.fmx2) ol.clearfix,#fm-pg:not(.fmx1):not(.fmx2) output.clearfix,#fm-pg:not(.fmx1):not(.fmx2) p.clearfix,#fm-pg:not(.fmx1):not(.fmx2) pre.clearfix,#fm-pg:not(.fmx1):not(.fmx2) section.clearfix,#fm-pg:not(.fmx1):not(.fmx2) table.clearfix,#fm-pg:not(.fmx1):not(.fmx2) tfoot.clearfix,#fm-pg:not(.fmx1):not(.fmx2) ul.clearfix,#fm-pg:not(.fmx1):not(.fmx2) video.clearfix{display: block;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) ul{overflow: visible;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) ol,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) ul{background: transparent;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h3{display: block;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) img{max-width: 100%; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 0px; background: none; border-radius: 0px;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) img:hover{opacity: 1; box-shadow: none;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) a:not(.wc-forward),#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h1 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h2 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h3 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h4 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h5 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h6 a{line-height: 1em; padding-bottom: 10px; font-weight: 500; text-transform: none; font-style: normal;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) blockquote{margin: 20px 0px 30px; padding-left: 20px; border-left: 5px solid rgb(46, 163, 242); border-top-color: rgb(46, 163, 242); border-right-color: rgb(46, 163, 242); border-bottom-color: rgb(46, 163, 242); font-style: normal;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input[type="radio"]{margin-right: 7px;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input[type="email"],#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input[type="password"],#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input[type="tel"],#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input[type="text"],#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input select,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) input textarea{border: 1px solid rgb(187, 187, 187); color: rgb(78, 78, 78); padding: 5px 10px; height: auto; width: auto;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) #email{width: 100%;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) ul{margin: 0px;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) li{list-style: none;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) a:hover{text-decoration: none;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h1,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h2,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h3,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h4,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h5,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h6{margin: 0px; text-align: inherit;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) p{margin: 0px; text-align: inherit;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) a:focus{outline: none;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) img{display: inline;} #fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) h2 a,#fm-pg:not(.fmx1):not(.fmx2):not(.fmx3) li a{border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor;} #fm-pg:not(.fmx1):not(.fmx2) *{box-sizing: border-box;} #fm-pg:not(.fmx1):not(.fmx2) .mobile_menu_bar::before{speak: none; font-style: normal; font-weight: 400; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; text-shadow: 0px 0px; direction: ltr; font-family: ETmodules;} #fm-pg:not(.fmx1):not(.fmx2) .clearfix::after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px;} #fm-pg:not(.fmx1):not(.fmx2) .box-shadow-overlay{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; pointer-events: none;} #fm-pg:not(.fmx1):not(.fmx2) body.safari .section_has_divider{will-change: transform;} #fm-pg:not(.fmx1):not(.fmx2) .has-box-shadow-overlay{position: relative;} #fm-pg:not(.fmx1):not(.fmx2) .screen-reader-text{border: 0px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; width: 1px; position: absolute; overflow-wrap: normal;} strong{font-weight:bold} /* 2026-10-07 pagine di categoria su smartphone (modello Vetrine Gelateria 290): niente foto, H1 del tema visibile nella fascia chiara, briciole al posto della riga */@media (max-width:767px){body.page-template-page-full:where(:not(.home)) #main-header #top-area{display:block;background:#F2F5F6 none;height:auto;min-height:0;padding:40px 16px 0;margin:0;border-top:4px solid #5D8593} body.page-template-page-full:where(:not(.home)) #main-header #top-area .container{width:auto;margin:0;padding:0;display:flex;flex-direction:column-reverse;align-items:center} body.page-template-page-full:where(:not(.home)) #main-header #top-area h1.title{display:block;font:300 34px/1.1 Ubuntu,sans-serif;color:#2F4A55;text-shadow:none;background:none;padding:0;margin:0;text-align:center;letter-spacing:0} body.page-template-page-full:where(:not(.home)) #main-header #top-area .tagline{display:block;background:none;padding:0;margin:0 0 10px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:#3E6170;text-align:center;text-shadow:none} body.page-template-page-full:where(:not(.home)) #main-header #top-area .fm-hero-img{display:none} body.page-template-page-full:where(:not(.home)) #main-header #top-area .container::before{display:none} body.page-template-page-full:where(:not(.home)) #main-header #top-area .container::after{display:none} body.page-template-page-full:where(:not(.home)) #main-area .entry #fm-pg .fm-intro{padding-top:26px} body.page-template-page-full:where(:not(.home)) #main-area .entry #fm-pg .fm-intro .fm-bc{text-align:center;margin:-8px 0 24px} } /* Fascia contatti (fm-ctc) di categorie e Prodotti, 2026-10-08 */body #main-area .entry #fm-pg .fm-ctc{background:#F2F5F6;padding:0} body #main-area .entry #fm-pg .fm-ctc > .fm-wrap{padding-top:56px;padding-bottom:56px} body #main-area .entry #fm-pg .fm-ctc .fm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto} body #main-area .entry #fm-pg .fm-ctc a.fm-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:26px 16px;min-height:0;background:#FFFFFF;border:1px solid #DCE5E8;border-radius:8px;color:#2F4A55;text-decoration:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease} body #main-area .entry #fm-pg .fm-ctc a.fm-card:hover,body #main-area .entry #fm-pg .fm-ctc a.fm-card:focus-visible{border-color:#5D8593;box-shadow:0 6px 18px rgba(47,74,85,.10);transform:translateY(-2px)} body #main-area .entry #fm-pg .fm-ctc a.fm-card svg{box-sizing:content-box;width:22px;height:22px;padding:11px;border-radius:50%;background:#5D8593;color:#FFFFFF;stroke:#FFFFFF;flex:none;margin:0} body #main-area .entry #fm-pg .fm-ctc .fm-t{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0} body #main-area .entry #fm-pg .fm-ctc .fm-l{font-family:'Ubuntu',sans-serif;font-size:12px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#3E6170;line-height:1.3} body #main-area .entry #fm-pg .fm-ctc .fm-v{font-family:'Ubuntu',sans-serif;font-size:18px;font-weight:400;letter-spacing:.01em;color:#2F4A55;line-height:1.3;white-space:nowrap} @media (max-width:1023px){body #main-area .entry #fm-pg .fm-ctc .fm-v{font-size:16px} body #main-area .entry #fm-pg .fm-ctc a.fm-card{padding-left:12px;padding-right:12px} } @media (max-width:860px){body #main-area .entry #fm-pg .fm-ctc .fm-cards{grid-template-columns:minmax(0,1fr);max-width:420px;gap:12px} body #main-area .entry #fm-pg .fm-ctc a.fm-card{padding:20px 16px} } @media (max-width:767px){body #main-area .entry #fm-pg .fm-ctc > .fm-wrap{padding-top:40px;padding-bottom:40px} } /* Blocchi delle pagine istituzionali (Chi siamo, Servizi, Realizzazioni, Dove siamo, Qualità), 2026-10-08 */body #main-area .entry #fm-pg .fm-txt{max-width:46em;margin:0 auto 16px;padding:0;text-align:center;font-family:'Ubuntu',sans-serif;font-weight:300;font-size:17px;line-height:1.7;color:#2F4A55} body #main-area .entry #fm-pg .fm-txt:last-child{margin-bottom:0} body #main-area .entry #fm-pg .fm-txt a{color:#2F4A55;text-decoration:underline;text-underline-offset:3px} body #main-area .entry #fm-pg .fm-brand .fm-txt,body #main-area .entry #fm-pg .fm-brand .fm-txt a{color:#EAF1F3} body #main-area .entry #fm-pg .fm-media{max-width:980px;margin:clamp(28px,4vw,44px) auto 0} body #main-area .entry #fm-pg .fm-media:first-child{margin-top:0} body #main-area .entry #fm-pg .fm-media img{display:block;width:100%;height:auto;border-radius:8px} body #main-area .entry #fm-pg .fm-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#2F4A55} body #main-area .entry #fm-pg .fm-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0} body #main-area .entry #fm-pg .fm-feat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,40px);max-width:1080px;margin:0 auto} body #main-area .entry #fm-pg .fm-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px} body #main-area .entry #fm-pg .fm-item svg{box-sizing:content-box;width:24px;height:24px;padding:12px;border-radius:50%;background:#5D8593;color:#FFFFFF;stroke:#FFFFFF;flex:none} body #main-area .entry #fm-pg .fm-brand .fm-item svg{background:#FFFFFF;color:#2F4A55;stroke:#2F4A55} body #main-area .entry #fm-pg .fm-item h3{margin:0;padding:0;font-family:'Ubuntu',sans-serif;font-weight:400;font-size:20px;line-height:1.3;color:#2F4A55} body #main-area .entry #fm-pg .fm-item p{margin:0;padding:0;font-weight:300;font-size:16px;line-height:1.6;color:#3E6170} body #main-area .entry #fm-pg .fm-brand .fm-item h3{color:#FFFFFF} body #main-area .entry #fm-pg .fm-brand .fm-item p{color:#EAF1F3} body #main-area .entry #fm-pg .fm-certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1080px;margin:0 auto} body #main-area .entry #fm-pg .fm-cert{background:#FFFFFF;border-radius:8px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px} body #main-area .entry #fm-pg .fm-cert h3{margin:0;padding:0;font-family:'Ubuntu',sans-serif;font-weight:400;font-size:20px;line-height:1.3;color:#2F4A55} body #main-area .entry #fm-pg .fm-cert p{margin:0;padding:0;font-weight:300;font-size:15px;line-height:1.6;color:#3E6170} body #main-area .entry #fm-pg .fm-logo{height:96px;display:flex;align-items:center;justify-content:center;max-width:100%} body #main-area .entry #fm-pg .fm-spr{background-image:url(/wp-content/uploads/marchi-qualita.png);background-repeat:no-repeat;max-width:100%;filter:none;mix-blend-mode:normal} body #main-area .entry #fm-pg .fm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;max-width:980px;margin:clamp(28px,4vw,40px) auto 0} body #main-area .entry #fm-pg .fm-tile{background:#FFFFFF;border:1px solid #DCE5E8;border-radius:8px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;font-family:'Ubuntu',sans-serif;font-size:16px;font-weight:400;line-height:1.4;color:#2F4A55} body #main-area .entry #fm-pg .fm-tile svg{color:#5D8593;stroke:#5D8593;flex:none} body #main-area .entry #fm-pg .fm-map{max-width:1080px;margin:0 auto} body #main-area .entry #fm-pg .fm-map iframe{display:block;width:100%;height:clamp(300px,36vw,460px);border:0;border-radius:8px} body #main-area .entry #fm-pg .fm-row{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;text-align:center} body #main-area .entry #fm-pg .fm-gps{font-family:'Ubuntu',sans-serif;font-size:16px;font-weight:300;color:#3E6170} body #main-area .entry #fm-pg .fm-center{display:flex;justify-content:center;margin-top:clamp(32px,4vw,48px)} body #main-area .entry #fm-pg .fm-brand .fm-btn{color:#FFFFFF;border-color:#FFFFFF;background:transparent} body #main-area .entry #fm-pg .fm-brand .fm-btn:hover{background:#FFFFFF;color:#2F4A55} body #main-area .entry #fm-pg .fm-btn svg{flex:none} body #main-area .entry #fm-pg .fm-brand.fm-ctc{background:#5D8593} body #main-area .entry #fm-pg .fm-ctc .fm-n{display:block;font-family:'Ubuntu',sans-serif;font-size:14px;font-weight:300;line-height:1.5;color:#3E6170;white-space:normal} body #main-area .entry #fm-pg .fm-ctc .fm-v.fm-s{white-space:normal} body #main-area .entry #fm-pg .fm-hide{display:none} body #main-area .entry #fm-pg .fm-lead a{color:#2F4A55;text-decoration:underline;text-underline-offset:4px} @media (max-width:1023px){body #main-area .entry #fm-pg .fm-certs{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:767px){body #main-area .entry #fm-pg .fm-feat,body #main-area .entry #fm-pg .fm-certs{grid-template-columns:minmax(0,1fr)} } @media (min-width:1024px){:is(body.page-id-403,body.page-id-1482) #main-area .entry #fm-pg .fm-grid > .fm-prod:last-child:nth-child(3n+1){grid-column:2} } body.page-template-page-full #content-area,body.page-template-page-full #main-content,body.page-template-page-full #main-content .container,body.page-template-page-full #main-area,body.page-template-page-full article.entry{background:#FFFFFF;padding:0;margin:0;max-width:none;width:100%} body.page-template-page-full #main-content .container:before{display:none} body.page-template-page-full article.entry > br{display:none} body.page-template-page-full #top-area .tagline{background:rgba(37,56,59,.62);color:#FFFFFF;font-size:14px;font-weight:400;letter-spacing:.16em;text-shadow:none;padding:9px 18px} body #main-area .entry #fm-pg{color:#2F4A55;font-family:'Ubuntu',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased} body #main-area .entry #fm-pg *{box-sizing:border-box} body #main-area .entry #fm-pg a{text-decoration:none} body #main-area .entry #fm-pg .fm-wrap{max-width:1200px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,4vw,56px)} body #main-area .entry #fm-pg .fm-light{background:#F2F5F6} body #main-area .entry #fm-pg .fm-white{background:#FFFFFF} body #main-area .entry #fm-pg .fm-brand{background:#5D8593;color:#FFFFFF} body #main-area .entry #fm-pg .fm-kick{display:block;margin:0 0 10px;text-align:center;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;color:#3E6170} body #main-area .entry #fm-pg .fm-brand .fm-kick{color:#FFFFFF} body #main-area .entry #fm-pg .fm-bar{display:block;width:48px;height:2px;background:#5D8593;margin:18px auto 22px} body #main-area .entry #fm-pg h2{margin:0 0 12px;padding:0;font-family:'Ubuntu',sans-serif;font-weight:300;font-size:clamp(28px,3.2vw,38px);line-height:1.2;color:#2F4A55;text-align:center} body #main-area .entry #fm-pg .fm-brand h2{color:#FFFFFF} body #main-area .entry #fm-pg p{padding:0} body #main-area .entry #fm-pg .fm-lead{margin:0 auto;max-width:30em;text-align:center;font-weight:300;font-size:clamp(22px,2.5vw,30px);line-height:1.45;color:#2F4A55} body #main-area .entry #fm-pg .fm-sub{margin:0 auto clamp(32px,4vw,48px);max-width:38em;text-align:center;font-weight:300;font-size:17px;line-height:1.6;color:#3E6170} body #main-area .entry #fm-pg .fm-intro .fm-sub{margin:20px auto 0} body #main-area .entry #fm-pg .fm-brand .fm-sub{color:#EAF1F3} body #main-area .entry #fm-pg .fm-bc{text-align:center;font-size:13px;color:#3E6170;margin:0 0 26px} body #main-area .entry #fm-pg .fm-bc a{color:#3E6170} body #main-area .entry #fm-pg .fm-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px} body #main-area .entry #fm-pg a.fm-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;border:1px solid #2F4A55;border-radius:2px;color:#2F4A55;font-size:16px;font-weight:400;transition:background-color .2s,color .2s} body #main-area .entry #fm-pg a.fm-btn:hover,body #main-area .entry #fm-pg a.fm-btn.fm-p{background:#2F4A55;color:#FFFFFF} body #main-area .entry #fm-pg a.fm-btn.fm-p:hover{background:#25383B} body #main-area .entry #fm-pg .fm-grid{display:grid} body #main-area .entry #fm-pg a.fm-prod{display:block;color:#2F4A55} body #main-area .entry #fm-pg .fm-ph{display:block;aspect-ratio:16/10;background:#E3EBEE} body #main-area .entry #fm-pg .fm-ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:none} body #main-area .entry #fm-pg a.fm-prod:hover .fm-ph img{transform:none} body #main-area .entry #fm-pg .fm-pn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 6px 0;font-size:19px;font-weight:400;line-height:1.3;color:#2F4A55;text-align:center} body #main-area .entry #fm-pg .fm-pn svg{flex:none;transition:transform .2s} body #main-area .entry #fm-pg a.fm-prod:hover .fm-pn svg{transform:translateX(4px)} body #main-area .entry #fm-pg .fm-panel{max-width:820px;margin:0 auto;background:#FFFFFF;padding:clamp(24px,4vw,44px);color:#2F4A55} body #main-area .entry #fm-pg .fm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:28px auto 0} body #main-area .entry #fm-pg a.fm-card{border:1px solid rgba(255,255,255,.85);border-radius:2px;display:flex;color:#FFFFFF;transition:background-color .2s,color .2s} body #main-area .entry #fm-pg a.fm-card:hover{background:#FFFFFF} body #main-area .entry #fm-pg a.fm-card:hover,body #main-area .entry #fm-pg a.fm-card:hover *{color:#2F4A55} body #main-area .entry #fm-pg .fm-k{display:block;font-size:13px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;opacity:.85} body #main-area .entry #fm-pg .fm-v{display:block;font-size:16px;font-weight:400;overflow-wrap:anywhere} @media (max-width:860px){body #main-area .entry #fm-pg .fm-pn{font-size:15px;padding-top:10px} body #main-area .entry #fm-pg .fm-pn svg{display:none} } body #main-area .entry #fm-pg .fm-ph{position:relative} body #main-area .entry #fm-pg .fm-ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;background:none;transition:background .35s ease} body #main-area .entry #fm-pg a.fm-prod:hover .fm-ov{background:none} body #main-area .entry #fm-pg .fm-cat{display:block;font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#DCE7EA;margin:0 0 4px;line-height:1.4} body #main-area .entry #fm-pg .fm-nm{display:block;font-weight:400;color:#FFFFFF;line-height:1.15} body #main-area .entry #fm-pg .fm-go{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#FFFFFF;max-height:0;opacity:0;overflow:hidden;margin-top:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease} body #main-area .entry #fm-pg a.fm-prod:hover .fm-go,body #main-area .entry #fm-pg a.fm-prod:focus-visible .fm-go{max-height:30px;opacity:1;margin-top:8px} @media (max-width:860px){body #main-area .entry #fm-pg .fm-cat{font-size:9px;letter-spacing:.12em} body #main-area .entry #fm-pg .fm-go{display:none} } @media (max-width:860px){} body #main-area .entry #fm-pg .fm-ph{border-radius:8px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black)} body #main-area .entry #fm-pg a.fm-btn,body #main-area .entry #fm-pg a.fm-card{border-radius:8px} body #main-area .entry #fm-pg .fm-panel{border-radius:8px} body.page-template-page-full #top-area .tagline{border-radius:8px} @media (max-width:860px){} body #main-area .entry #fm-pg .fm-panel input[type=text],body #main-area .entry #fm-pg .fm-panel input[type=email],body #main-area .entry #fm-pg .fm-panel input[type=tel],body #main-area .entry #fm-pg .fm-panel textarea,body #main-area .entry #fm-pg .fm-panel select{border-radius:8px} body #main-area .entry #fm-pg .fm-panel button,body #main-area .entry #fm-pg .fm-panel input[type=submit],body #main-area .entry #fm-pg .fm-panel .sfButton,body #main-area .entry #fm-pg .fm-panel .rnSubmitButton{border-radius:8px} body #main-area .entry #fm-pg .fm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} body #main-area .entry #fm-pg .fm-nm{font-size:28px} body #main-area .entry #fm-pg .fm-ov{padding:26px 30px} @media (max-width:860px){body #main-area .entry #fm-pg .fm-grid{grid-template-columns:1fr;gap:12px} body #main-area .entry #fm-pg .fm-ov{padding:16px 18px} body #main-area .entry #fm-pg .fm-nm{font-size:21px} } @media (max-width:860px),(hover:none){body #main-area .entry #fm-pg .fm-ph img,body #main-area .entry #fm-pg a.fm-prod:hover .fm-ph img,body #main-area .entry #fm-pg a.fm-prod:active .fm-ph img{transform:none;transition:none} body #main-area .entry #fm-pg a.fm-prod:hover .fm-ov{background:none} body #main-area .entry #fm-pg .fm-go{display:none} } body #main-area .entry #fm-pg .fm-panel legend.redNaoLegend{display:none !important} body #main-area .entry #fm-pg .fm-panel input.form-control,body #main-area .entry #fm-pg .fm-panel textarea.form-control,body #main-area .entry #fm-pg .fm-panel textarea{font-family:'Ubuntu',sans-serif !important;font-size:16px !important;font-weight:300 !important;color:#2F4A55 !important;border:1px solid #C9D7DC !important;border-radius:8px !important;padding:12px 14px !important;min-height:48px !important;height:auto !important;box-shadow:none !important;background:#FFFFFF !important} body #main-area .entry #fm-pg .fm-panel input.form-control:focus,body #main-area .entry #fm-pg .fm-panel textarea:focus{border-color:#5D8593 !important;box-shadow:0 0 0 3px rgba(93,133,147,.18) !important;outline:none !important} body #main-area .entry #fm-pg .fm-panel input::placeholder,body #main-area .entry #fm-pg .fm-panel textarea::placeholder{color:#6B8794 !important;opacity:1 !important;font-family:'Ubuntu',sans-serif !important} body #main-area .entry #fm-pg .fm-panel label{font-family:'Ubuntu',sans-serif !important;font-size:15px !important;font-weight:300 !important;color:#3E6170 !important;line-height:1.5 !important} body #main-area .entry #fm-pg .fm-panel label a{color:#2F4A55 !important;text-decoration:underline !important} body #main-area .entry #fm-pg .fm-panel button.redNaoSubmitButton{background:#2F4A55 !important;color:#FFFFFF !important;border:0 !important;border-radius:8px !important;min-height:52px !important;padding:0 36px !important;font-family:'Ubuntu',sans-serif !important;font-size:16px !important;font-weight:400 !important;letter-spacing:.02em !important;min-width:260px !important;transition:background-color .2s !important} body #main-area .entry #fm-pg .fm-panel button.redNaoSubmitButton:hover{background:#25383B !important} body #main-area .entry #fm-pg .fm-intro .fm-bc{text-align:left;font-size:12px;opacity:.85} @media (max-width:860px){body #main-area .entry #fm-pg .fm-panel button.redNaoSubmitButton{width:100% !important;min-width:0 !important} } body #main-area .entry #fm-pg #preventivo h2{margin-bottom:40px} @media (max-width:860px){body #main-area .entry #fm-pg #preventivo h2{margin-bottom:28px} } @media (max-width:860px){body #main-area .entry #fm-pg .fm-white .fm-grid{margin-left:-12px;margin-right:-12px;gap:8px} } @media (min-width:861px) and (max-width:960px){body #main-area .entry #fm-pg .fm-white .fm-grid{width:704px;max-width:none;margin-left:calc(50% - 352px);margin-right:0} } @media (min-width:961px) and (max-width:1280px){body #main-area .entry #fm-pg .fm-white .fm-grid{width:936px;max-width:none;margin-left:calc(50% - 468px);margin-right:0} } @media (min-width:1281px){body #main-area .entry #fm-pg .fm-white .fm-grid{width:1256px;max-width:none;margin-left:calc(50% - 628px);margin-right:0} } body #main-area .entry #fm-pg a.fm-prod .fm-ov .fm-nm,body #main-area .entry #fm-pg a.fm-prod .fm-ov .fm-go{text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.45)} @media (min-width:861px){body #main-area .entry #fm-pg .fm-white .fm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} body #main-area .entry #fm-pg .fm-nm{font-size:22px} body #main-area .entry #fm-pg .fm-ov{padding:18px 20px} } body #main-area .entry #fm-pg .fm-text{max-width:820px} body #main-area .entry #fm-pg .fm-text p{margin:0 0 18px;text-align:center;font-weight:300;font-size:17px;line-height:1.7;color:#3E6170} body #main-area .entry #fm-pg .fm-text p:last-child{margin-bottom:0} body #main-area .entry #fm-pg .fm-lead.fm-long{font-size:clamp(20px,2vw,25px);max-width:34em} body #main-area .entry #fm-pg .fm-h1{display:block;margin:0 0 14px;padding:0;font:300 clamp(34px,4.5vw,56px)/1.1 Ubuntu,sans-serif;color:#2F4A55;text-align:center;letter-spacing:0;text-shadow:none;background:none} body #main-area .entry #fm-pg .fm-intro .fm-lead{font-size:clamp(19px,2vw,22px);max-width:40em} body #main-area .entry #fm-pg .fm-intro{padding-top:44px;padding-bottom:64px} body #main-area .entry #fm-pg .fm-intro .fm-bc{margin:-16px 0 32px} @media (min-width:768px){body #main-area .entry #fm-pg .fm-intro .fm-kick,body #main-area .entry #fm-pg .fm-intro .fm-h1,body #main-area .entry #fm-pg .fm-intro .fm-bar{display:none} body #main-area .entry #fm-pg .fm-intro{padding-top:clamp(56px,8vw,96px)} body #main-area .entry #fm-pg .fm-intro .fm-bc{margin:-28px 0 36px} } @media (max-width:860px){body #main-area .entry #fm-pg .fm-intro{padding-top:32px;padding-bottom:48px} body #main-area .entry #fm-pg .fm-intro .fm-bc{margin:-8px 0 24px} } @media (min-width:768px) and (max-width:1023px){body #main-area .entry #fm-pg .fm-white .fm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-left:0;margin-right:0;width:auto;max-width:none} body #main-area .entry #fm-pg .fm-ov{padding:16px 18px} body #main-area .entry #fm-pg .fm-nm{font-size:22px} } body #main-area .entry #fm-pg .fm-cards{max-width:820px} body #main-area .entry #fm-pg a.fm-card{justify-content:center;align-items:center;gap:12px;padding:22px 18px;min-height:72px} body #main-area .entry #fm-pg a.fm-card .fm-v{font-size:19px;font-weight:400;letter-spacing:.01em;line-height:1.2;white-space:nowrap} body #main-area .entry #fm-pg a.fm-card svg{width:22px;height:22px;flex:none} @media (max-width:860px){body #main-area .entry #fm-pg a.fm-card{justify-content:flex-start;padding:18px 20px} body #main-area .entry #fm-pg a.fm-card .fm-v{font-size:18px} } @media (min-width:768px) and (max-width:860px){body #main-area .entry #fm-pg .fm-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} body #main-area .entry #fm-pg a.fm-card{justify-content:center;padding:18px 10px} body #main-area .entry #fm-pg a.fm-card .fm-v{font-size:17px} } .fm-news{display:block;margin:0;padding:clamp(48px,6vw,72px) 24px;background:#2F4A55;box-sizing:border-box;text-align:center} .fm-news .fm-news-in{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:45px;margin:0;padding:0} .fm-news .fm-news-k{display:block;margin:0;padding:0;font-family:Ubuntu,sans-serif;font-size:13px;font-weight:500;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#DCE7EA} .fm-news a,.fm-news a:link,.fm-news a:visited,.fm-news a:focus,.fm-news a:active{display:inline-flex;align-items:center;box-sizing:border-box;min-height:48px;margin:0;padding:0 30px;border:1px solid rgba(255,255,255,.85);border-radius:2px;background:transparent;color:#fff;font-family:Ubuntu,sans-serif;font-size:15px;font-weight:400;line-height:20px;letter-spacing:.14em;text-decoration:none;box-shadow:none;outline:none;transition:background-color .2s,color .2s} .fm-news a:hover{background:#fff;color:#2F4A55} body #main-area .entry #fm-pg .hp-hero{position:relative;height:clamp(440px,50vw,760px);overflow:hidden;background:#2F4A55} body #main-area .entry #fm-pg .hp-slides{position:absolute;inset:0} body #main-area .entry #fm-pg .hp-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;z-index:1} body #main-area .entry #fm-pg .hp-slide.on{opacity:1;z-index:2} body #main-area .entry #fm-pg .hp-slide img{display:block;width:100%;height:100%;max-width:none;object-fit:cover} body #main-area .entry #fm-pg .hp-cap{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:4;background:#FFFFFF;color:#2F4A55;border-radius:8px;padding:22px 40px 24px;text-align:center;min-width:360px;box-shadow:0 10px 40px rgba(0,0,0,.18)} body #main-area .entry #fm-pg .hp-cap .fm-kick{margin:0 0 4px} body #main-area .entry #fm-pg .hp-nm{display:block;font-size:36px;line-height:1.15;margin:0 0 12px;font-weight:300;color:#2F4A55} body #main-area .entry #fm-pg a.hp-go{font-size:14px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:#2F4A55} body #main-area .entry #fm-pg .hp-arr{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#2F4A55;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0} body #main-area .entry #fm-pg .hp-arr.l{left:28px} body #main-area .entry #fm-pg .hp-arr.r{right:28px} body #main-area .entry #fm-pg .hp-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:4px;z-index:5} body #main-area .entry #fm-pg .hp-dot{width:44px;height:24px;border:0;background:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center} body #main-area .entry #fm-pg .hp-dot span{display:block;width:28px;height:3px;border-radius:2px;background:rgba(255,255,255,.55)} body #main-area .entry #fm-pg .hp-dot.on span{background:#FFFFFF} body #main-area .entry #fm-pg .hp-h1{display:block;margin:0 auto 22px;max-width:900px;font:300 clamp(30px,3.4vw,44px)/1.18 Ubuntu,sans-serif;color:#2F4A55;text-align:center} body #main-area .entry #fm-pg .hp-txt{max-width:760px;margin:0 auto;text-align:center;font-size:17px;line-height:1.7;color:#3E6170} body #main-area .entry #fm-pg .fm-brand .hp-txt,body #main-area .entry #fm-pg .hp-dark .hp-txt{color:#EAF1F3} body #main-area .entry #fm-pg .hp-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px;text-align:center} body #main-area .entry #fm-pg .hp-fact{padding:28px 16px 0;border-top:1px solid #C9D7DC} body #main-area .entry #fm-pg .hp-fact b{display:block;font-size:30px;font-weight:300;line-height:1.2;margin-bottom:6px;color:#2F4A55} body #main-area .entry #fm-pg .hp-fact span{font-size:14px;color:#3E6170} body #main-area .entry #fm-pg .hp-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:48px} body #main-area .entry #fm-pg a.hp-card{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/10;color:#FFFFFF;-webkit-mask-image:-webkit-radial-gradient(white,black)} body #main-area .entry #fm-pg a.hp-card img{display:block;width:100%;height:100%;max-width:none;object-fit:cover} body #main-area .entry #fm-pg .hp-lab{position:absolute;left:0;right:0;bottom:0;padding:16px 20px 18px;text-align:center;transition:transform .35s ease} body #main-area .entry #fm-pg .hp-lab strong{display:block;font-size:22px;font-weight:400;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.45)} body #main-area .entry #fm-pg .hp-lab em{display:block;font-style:normal;font-size:12px;letter-spacing:.18em;text-transform:uppercase;max-height:0;opacity:0;overflow:hidden;transition:opacity .35s ease,max-height .35s ease;color:#FFFFFF;text-shadow:0 1px 2px rgba(0,0,0,.6)} body #main-area .entry #fm-pg a.hp-card:hover .hp-lab{transform:translateY(-8px)} body #main-area .entry #fm-pg a.hp-card:hover .hp-lab em{opacity:1;max-height:24px;margin-top:4px} body #main-area .entry #fm-pg .hp-feat{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center;text-align:center} body #main-area .entry #fm-pg a.hp-media{position:relative;display:block;border-radius:8px;overflow:hidden;aspect-ratio:16/10} body #main-area .entry #fm-pg a.hp-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover} body #main-area .entry #fm-pg .hp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#FFFFFF;color:#2F4A55;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(0,0,0,.25)} body #main-area .entry #fm-pg .hp-lines{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none} body #main-area .entry #fm-pg .hp-lines li{border:1px solid rgba(255,255,255,.6);border-radius:30px;padding:6px 16px;font-size:13px;letter-spacing:.12em;color:#FFFFFF;list-style:none} body.home #main-area .entry #fm-pg .fm-brand a.fm-btn{border-color:#FFFFFF;background:#FFFFFF;color:#2F4A55} body #main-area .entry #fm-pg .hp-plus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px} body #main-area .entry #fm-pg .hp-pl{background:#FFFFFF;border-radius:8px;padding:36px 24px 32px;text-align:center} body #main-area .entry #fm-pg .hp-pl svg{color:#5D8593;margin-bottom:14px} body #main-area .entry #fm-pg .hp-pl h3{font-size:20px;font-weight:400;margin:0 0 8px;padding:0;color:#2F4A55} body #main-area .entry #fm-pg .hp-pl p{margin:0;font-size:15px;line-height:1.6;color:#3E6170} body #main-area .entry #fm-pg a.hp-proj{display:block;color:#2F4A55;text-align:center} body #main-area .entry #fm-pg .hp-ph{display:block;border-radius:8px;overflow:hidden;aspect-ratio:4/3;-webkit-mask-image:-webkit-radial-gradient(white,black)} body #main-area .entry #fm-pg .hp-ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover} body #main-area .entry #fm-pg a.hp-proj strong{display:block;margin-top:14px;font-size:19px;font-weight:400} body #main-area .entry #fm-pg .hp-dark{background:#2F4A55;color:#FFFFFF} body #main-area .entry #fm-pg .hp-dark .fm-kick,body #main-area .entry #fm-pg .hp-dark h2{color:#FFFFFF} body #main-area .entry #fm-pg .hp-plant{border-radius:8px;overflow:hidden;aspect-ratio:21/8;margin:48px 0 0} body #main-area .entry #fm-pg .hp-plant img{display:block;width:100%;height:100%;max-width:none;object-fit:cover} body #main-area .entry #fm-pg .hp-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px} body #main-area .entry #fm-pg a.hp-sv{display:block;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:32px 24px;color:#FFFFFF;text-align:center;transition:background-color .2s} body #main-area .entry #fm-pg a.hp-sv:hover{background:rgba(255,255,255,.08)} body #main-area .entry #fm-pg a.hp-sv h3{font-size:20px;font-weight:400;margin:0 0 8px;padding:0;color:#FFFFFF} body #main-area .entry #fm-pg a.hp-sv p{margin:0 0 14px;font-size:15px;line-height:1.6;color:#EAF1F3} body #main-area .entry #fm-pg a.hp-sv span{font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px} body #main-area .entry #fm-pg .hp-brands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:880px;margin:32px auto 0} body #main-area .entry #fm-pg a.hp-br{display:block;background:#FFFFFF;border-radius:8px;padding:32px 24px;color:#2F4A55;text-align:center} body #main-area .entry #fm-pg a.hp-br strong{display:block;font-size:24px;font-weight:400;letter-spacing:.04em} body #main-area .entry #fm-pg a.hp-br span{font-size:15px;color:#3E6170} @media (max-width:1024px){body #main-area .entry #fm-pg .hp-facts,body #main-area .entry #fm-pg .hp-plus{grid-template-columns:repeat(2,minmax(0,1fr))} body #main-area .entry #fm-pg .hp-feat{grid-template-columns:minmax(0,1fr);gap:36px} body #main-area .entry #fm-pg .hp-g3{grid-template-columns:repeat(2,minmax(0,1fr))} body #main-area .entry #fm-pg .hp-svc{grid-template-columns:minmax(0,1fr)} } @media (max-width:767px){/* REGOLA DEL FIGLIO DEL 2026-10-15 (ver 1792071674), SUCCESSIVA ALL'ARCHIVIO */body #main-area .entry #fm-pg .hp-feat>.fm-prod{margin-left:-12px;margin-right:-12px} body #main-area .entry #fm-pg .hp-hero{height:auto;display:flex;flex-direction:column} body #main-area .entry #fm-pg .hp-slides{position:relative;inset:auto} body #main-area .entry #fm-pg .hp-cap{position:static;transform:none;min-width:0;border-radius:0;box-shadow:none} body #main-area .entry #fm-pg .hp-dot span{background:#C9D7DC} body #main-area .entry #fm-pg .hp-dot.on span{background:#2F4A55} body #main-area .entry #fm-pg .hp-arr{display:none} body #main-area .entry #fm-pg .hp-facts{gap:12px;margin-top:40px} body #main-area .entry #fm-pg .hp-fact{padding:18px 8px 0} body #main-area .entry #fm-pg .hp-fact b{font-size:24px} body #main-area .entry #fm-pg .hp-g3,body #main-area .entry #fm-pg .hp-plus,body #main-area .entry #fm-pg .hp-brands{grid-template-columns:minmax(0,1fr);gap:16px} body #main-area .entry #fm-pg .hp-lab em{opacity:1;max-height:24px;margin-top:4px} body #main-area .entry #fm-pg .hp-txt{font-size:16px} } body #main-area .entry #fm-pg a.hp-card,body #main-area .entry #fm-pg a.hp-card *,body #main-area .entry #fm-pg a.hp-proj,body #main-area .entry #fm-pg a.hp-proj *,body #main-area .entry #fm-pg a.hp-br *,body #main-area .entry #fm-pg a.hp-sv h3,body #main-area .entry #fm-pg a.hp-sv p{text-decoration:none} body #main-area .entry #fm-pg .hp-chips{display:none} @media (max-width:767px){body #main-area .entry #fm-pg .hp-slides{height:100vw} body #main-area .entry #fm-pg .hp-cap{padding:16px 16px 48px} body #main-area .entry #fm-pg .hp-nm{font-size:28px;margin-bottom:8px} body #main-area .entry #fm-pg .hp-chips{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:14px 16px;margin:0;background:#FFFFFF;border-top:1px solid #E3EBEE;border-bottom:1px solid #E3EBEE;scrollbar-width:none} body #main-area .entry #fm-pg .hp-chips::-webkit-scrollbar{display:none} body #main-area .entry #fm-pg .hp-chips a{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid #C9D7DC;border-radius:22px;font-size:15px;font-weight:400;color:#2F4A55;text-decoration:none;white-space:nowrap} body #main-area .entry #fm-pg .hp-plus{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px} body #main-area .entry #fm-pg .hp-pl{padding:20px 12px} body #main-area .entry #fm-pg .hp-pl svg{width:28px;height:28px;margin-bottom:8px} body #main-area .entry #fm-pg .hp-pl h3{font-size:17px} body #main-area .entry #fm-pg .hp-pl p{font-size:14px;line-height:1.45} body #main-area .entry #fm-pg .hp-proj-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;margin:32px -16px 0;padding:0 16px 4px;scrollbar-width:none} body #main-area .entry #fm-pg .hp-proj-row::-webkit-scrollbar{display:none} body #main-area .entry #fm-pg .hp-proj-row a.hp-proj{flex:0 0 84%;scroll-snap-align:center} body #main-area .entry #fm-pg .hp-plant{aspect-ratio:16/10;margin-top:32px} body #main-area .entry #fm-pg a.hp-sv{padding:20px 16px} body #main-area .entry #fm-pg a.hp-sv p{margin-bottom:8px} body #main-area .entry #fm-pg .hp-svc{gap:12px;margin-top:20px} body #main-area .entry #fm-pg .hp-g3{gap:12px;margin-top:32px} } /* <<< FINE PARTE B: STILE DEI CONTENUTI */