/* Registro di Casa - foglio principale */
:root{--nero:#000;--grigio:#333333;--muto:#cccccc;--fondo:#f6f6f6}
*,*:before,*:after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:20px;color:#000;background:#f6f6f6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-weight:400;line-height:1}
p{margin:0 0 14px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* righe e colonne alla vecchia maniera, poi il flex sopra */
.vc_row:after{content:"";display:table;clear:both}
.span_6{float:left;width:50%}
.vc_row.split_row{display:flex;float:none}
.vc_row.split_row>.col{float:none}

/* testata trasparente sopra la foto */
.headbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:14px;padding:28px 40px 0}
.headbar_logo img{width:230px;height:auto}
.headbar_buttons{margin-left:auto;display:flex;gap:12px}
.see_through{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:12px 20px;border:2px solid rgba(255,255,255,.75);color:#fff;text-decoration:none;font:400 20px/20px "Bebas Neue",Impact,sans-serif;background:transparent;cursor:pointer;transition:opacity .45s cubic-bezier(.25,1,.33,1)}
.see_through span{transition:transform .45s cubic-bezier(.25,1,.33,1)}
.see_through:hover{opacity:.87}
.see_through:hover span{transform:translateX(3px)}
.see_through--dark{border:3px solid #000;color:#000;border-radius:3px}
.hamburger{width:44px;height:44px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:0 10px}
.hamburger i{display:block;height:1px;background:#fff}
.pannello{position:fixed;top:0;right:0;bottom:0;width:min(380px,90vw);z-index:40;background:#000;padding:80px 30px 30px;display:flex;flex-direction:column;gap:8px;animation:entra .7s cubic-bezier(.85,0,.12,1)}
.pannello[hidden]{display:none}
@keyframes entra{from{transform:translateX(100%)}to{transform:none}}
.pannello a{font:400 30px/36px "Bebas Neue",Impact,sans-serif;color:#fff;text-decoration:none;padding:6px 0}
.pannello_chiudi{position:absolute;top:20px;right:20px;width:44px;height:44px;border:2px solid #fff;background:none;color:#fff;font-size:24px;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #999;outline-offset:2px}

/* hero */
#photo{position:relative;height:905px;overflow:hidden;background:#000}
.hero_full>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.78}
.hero_tagline{position:absolute;top:15%;left:0;right:0;text-align:center;font:500 64px/1.12 "Playfair Display",Georgia,serif;color:#fff;margin:0;padding:0 20px;text-shadow:0 2px 18px rgba(0,0,0,.4)}
.hero_plates{position:absolute;left:0;right:0;top:62%;height:120px}
.plate{position:absolute;top:0;background:#000;color:#fff;font:400 58px/1 "Bebas Neue",Impact,sans-serif;padding:14px 28px}
.plate--sx{left:20%}
.plate--dx{right:20%;top:60px}
.plateX{position:absolute;left:50%;top:0;width:300px;height:120px;margin-left:-150px}
.scroll_mouse{position:absolute;bottom:34px;left:50%;margin-left:-14px;width:28px;height:46px;border:2px solid #fff;border-radius:23px}
.scroll_mouse i{position:absolute;top:8px;left:50%;margin-left:-2px;width:4px;height:8px;background:#fff;border-radius:2px}

/* riga sotto i titoli */
.riga_sotto{font-size:50px;line-height:50px;text-align:center}
.riga_sotto:after{content:"";display:block;width:120px;height:1px;background:currentColor;margin:25px auto}
.riga_sotto--chiara{color:#fff}
.label_chip{display:inline-block;background:#000;color:#fff;font:400 24px/1 "Bebas Neue",Impact,sans-serif;padding:8px 12px}

/* presentazione divisa */
.split_row{background:#fff;min-height:757px}
.slider_col{padding:6px;position:relative}
.mini_slider{position:relative;height:100%;min-height:500px}
.mini_slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.mini_slider img.is-on{opacity:1}
.slider_dots{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:10px}
.slider_dots button{width:24px;height:24px;border-radius:10px;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.slider_dots button.is-on{background:#fff}
.panel_col{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px}
.panel_col p{max-width:500px}
.panel_col .label_chip{margin-bottom:24px}
.panel_col .see_through{margin-top:12px}

/* carte su fondo a mappa */
.cards_band{padding:60px 25px;background-color:#e5e3df;background-image:linear-gradient(0deg,rgba(255,255,255,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.55) 1px,transparent 1px);background-size:46px 46px,46px 46px}
.cards_row{display:flex;gap:18px;max-width:1230px;margin:0 auto}
.ritratto{position:relative;flex:1 1 0;height:450px;overflow:hidden;background:#000}
.ritratto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;transition:transform .45s ease,opacity .45s ease}
.ritratto:hover img{transform:scale(1.05);opacity:.55}
.ritratto_testo{position:absolute;left:24px;right:24px;top:35%;color:#fff}
.ritratto_label{font:400 20px/1 "Bebas Neue",Impact,sans-serif;color:#cccccc}
.ritratto h3{font-size:36px;line-height:36px;margin:6px 0 10px}
.ritratto p{color:#ccc}

/* banda nera con elenco */
.dark_list{position:relative;padding:40px 25px 80px;background:#000 url("../foto/mano-sul-quaderno.webp") center/cover;color:#fff}
.dark_list:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.85)}
.dark_list_inner{position:relative;max-width:1230px;margin:0 auto}
.dark_list_head{position:relative}
.pager{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;font-size:14px}
.pager button{width:36px;height:36px;border-radius:10px;border:1px solid #fff;background:none;color:#fff;font-size:20px;cursor:pointer}
.dark_list_page{display:flex;gap:40px}
.dark_list_page[hidden]{display:none}
.lista_col{flex:1 1 0}
.lista_col h3{font-size:30px;margin-bottom:18px}
.fancy{list-style:none;margin:0;padding:0}
.fancy li{position:relative;padding-left:38px;margin-bottom:16px}
.fancy li:before{content:"";position:absolute;left:4px;top:5px;width:8px;height:8px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.fancy b{display:block;font-weight:600}
.fancy span{color:#cccccc}

/* due persone uno schermo */
.schermo_band{background:#fff;padding:40px 25px;text-align:center}
.tick{display:block;width:1px;height:40px;background:#000;margin:10px auto}
.schermo_testo{max-width:560px;margin:0 auto 18px}
.cicli_row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.schermo_nota{color:#5f5f5f;font-size:12px}

/* domande numerate */
.domande_band{padding:60px 25px;background:#f6f6f6}
.domande_num{max-width:900px;margin:0 auto;padding:0;list-style:none;counter-reset:n}
.domande_num li{counter-increment:n;position:relative;padding:18px 0 18px 80px;border-top:1px solid #ccc}
.domande_num li:before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:14px;font:400 50px/1 "Bebas Neue",Impact,sans-serif}
.domande_num h3{font-size:30px;margin-bottom:8px}
.domande_num p{margin:0}

/* iscrizione */
.contatto_band{padding:40px 25px 60px;background:#f6f6f6}
.contatto_row{display:flex;gap:22px;max-width:1100px;margin:0 auto}
.form_nero{flex:1 1 0;background:#000;color:#fff;padding:36px 30px}
.form_nero h4{font-size:30px;text-align:center;margin-bottom:20px}
.riga_domanda{margin-bottom:16px}
.riga_domanda label,.domanda_label{display:block;font:400 22px/1.1 "Bebas Neue",Impact,sans-serif;margin-bottom:8px}
.form_nero input[type=text],.form_nero input[type=email],.form_nero select{width:100%;height:58px;padding:16px;border:1px solid #FFFFFF;background:transparent;color:#fff;font:400 16px/24px Poppins,Arial,sans-serif;border-radius:0;transition:all .3s}
.form_nero select option{color:#000}
.form_nero input:focus,.form_nero select:focus{border-color:#999;outline:none}
.form_nero [aria-invalid=true]{border-color:#ff8a80}
.scelte{display:flex;flex-wrap:wrap;gap:8px 24px}
.scelte label{display:inline-flex;gap:8px;align-items:center;font:400 15px Poppins,Arial,sans-serif;min-height:32px}
.riga_consenso{display:flex;gap:10px;align-items:flex-start;margin:6px 0 20px}
.riga_consenso input{width:18px;height:18px;margin:1px 0 0;flex:none}
.wpb_hidden{display:none}
.riepilogo{border:1px solid #ff8a80;padding:12px 16px;margin-bottom:18px;color:#ffd5d0}
.riepilogo ul{margin:6px 0 0;padding-left:18px}
.btn_pieno{display:block;width:100%;background:#333333;color:#fff;border:0;padding:20px;font:400 24px/1 "Bebas Neue",Impact,sans-serif;cursor:pointer;transition:opacity .2s linear}
.btn_pieno:hover{opacity:.87}
.btn_pieno[disabled]{opacity:.6;cursor:wait}
.form_esito{margin:14px 0 0;min-height:20px}
.cornice{flex:1 1 0;border:3px solid #000;min-width:0}
.cornice img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}

/* piede */
.baseline-block{background:#000;color:#fff;padding:60px 25px 0}
.baseline_cols{display:flex;max-width:1230px;margin:0 auto}
.baseline_cols>div{flex:1 1 0;padding-right:20px;min-width:0}
.baseline_cols h3{font-size:30px;margin-bottom:12px}
.baseline_cols p{color:#ccc}
.baseline_cols a{text-decoration:none;overflow-wrap:anywhere}
.baseline_cols a:hover{text-decoration:underline}
.baseline_copy{display:flex;justify-content:space-between;gap:12px;max-width:1230px;margin:40px auto 0;padding:18px 0 60px;border-top:1px solid rgba(255,255,255,.1);color:#ccc}
.link_cookie{background:none;border:0;color:#ccc;text-decoration:underline;cursor:pointer;font:inherit;padding:0;min-height:24px}

/* finestra cookie */
.cookie-velo{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.cookie-velo[hidden]{display:none}
.cookie_box{background:#fff;max-width:440px;width:100%;padding:28px;box-shadow:0 1px 4px -1px rgba(0,0,0,.3)}
.cookie_box h4{font-size:30px;margin-bottom:10px}
.cookie_box label{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.cookie_azioni{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cookie_azioni .btn_pieno{width:auto;padding:14px 22px;font-size:20px}

/* tablet e telefono */
@media (max-width:999px){
.headbar{padding:0 14px;height:60px;background:#000}
.headbar_logo img{width:180px}
.headbar_buttons{display:none}
.hamburger{margin-left:auto}
.hero_tagline{font-size:40px;top:18%}
.plate{font-size:44px}
.plate--sx{left:4%}
.plate--dx{right:4%}
.vc_row.split_row{flex-direction:column}
.span_6{float:none;width:100%}
.mini_slider{min-height:275px}
.panel_col{padding:40px 25px}
.cards_row{flex-wrap:wrap}
.ritratto{flex:1 1 calc(50% - 9px)}
.dark_list_page{flex-direction:column;gap:10px}
.contatto_row{flex-direction:column}
.cornice{height:300px}
.baseline_cols{flex-wrap:wrap}
.baseline_cols>div{flex:1 1 50%;margin-bottom:25px}
}
@media (min-width:1000px){
.hamburger{margin-left:6px}
.ritratto{max-width:283px}
}
@media (max-width:690px){
.hero_tagline{font-size:34px}
.plate{font-size:36px;padding:10px 18px}
.plateX{width:180px;margin-left:-90px}
.riga_sotto{font-size:40px;line-height:40px}
.cards_row{flex-direction:column;align-items:center}
.ritratto{width:100%;max-width:340px;height:360px;flex:none}
.domande_num li{padding-left:56px}
.domande_num li:before{font-size:36px}
.baseline_cols{flex-direction:column}
.baseline_copy{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ritocchi */
.page-template-default .hero_tagline{font-size:clamp(2.1rem,1.2rem + 3.2vw,4rem);text-wrap:balance}
.col_last{margin-right:0}
.riga_sotto{text-wrap:balance}
.panel_col p{font-size:.95rem;line-height:1.45em}
.fancy li{font-size:.9375rem}
.cornice img{aspect-ratio:3/2}
.ritratto img{aspect-ratio:2/3}
.domande_num p{font-size:.95rem;line-height:1.5em}
.hero_tagline{font-weight:500}
.ritratto_testo{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.dark_list .riga_sotto,.domande_band .riga_sotto,.contatto_band>.riga_sotto{text-align:left;max-width:1230px;margin-left:auto;margin-right:auto}
.dark_list .riga_sotto:after,.domande_band .riga_sotto:after,.contatto_band>.riga_sotto:after{margin-left:0}
.domande_band .riga_sotto,.contatto_band>.riga_sotto{max-width:1100px}
.label_chip{border-radius:23px}

/* porte di casa */
.porte_band{background:#f6f6f6;padding:50px 25px 60px;text-align:center}
.porte_intro{max-width:560px;margin:0 auto 34px;font-size:15px;line-height:23px;color:#333333}
.porte_row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;max-width:1080px;margin:0 auto;text-align:left}
.porta_item{background:#fff;border-top:3px solid #000;padding:22px 20px 18px}
.porta_item h3{font-size:28px;margin:14px 0 8px}
.porta_item p{margin:0;color:#333333}
@media (max-width:999px){.porte_row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:690px){.porte_row{grid-template-columns:1fr}}