/* Landing StoneMentor a Marmomac 2026. Pagina autonoma: stessa palette del
   sito (oro del logo #A37535, neutri caldi), font self-hosted. */
@font-face{font-family:'Jost';font-style:normal;font-weight:300 600;font-display:swap;src:url(font/jost.woff2) format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url(font/8.woff2) format('woff2');}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url(font/9.woff2) format('woff2');}
:root{
  --brand:#A37535;--brand-strong:#7E5926;--gold:#C9A063;
  --ink:#1A1713;--ink-2:#0F0D0A;--body:#45403A;--muted:#7A736A;
  --line:#E3DDD2;--bg:#FFFFFF;--bg-alt:#F7F4ED;
  --ease:cubic-bezier(.4,0,.2,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--body);font-family:'Lato',Arial,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
h1,h2,h3{font-family:'Jost',Arial,sans-serif;color:var(--ink);line-height:1.1;letter-spacing:-.01em;}
.centro{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
.occhiello{display:block;margin-bottom:14px;color:var(--brand);font-family:'Jost',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.testa{max-width:760px;margin-bottom:clamp(28px,4vw,48px);}
.testa h2{margin-bottom:16px;font-size:clamp(28px,3.8vw,44px);font-weight:700;}
.testa p+p{margin-top:14px;}
.testa strong{color:var(--ink);}
.scuro .testa strong{color:#fff;}
.scuro .testa h2{color:#fff;}
.scuro .testa p{color:rgba(255,255,255,.72);}
.btn{display:inline-block;padding:15px 28px;background:var(--brand);border-radius:2px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background .2s var(--ease),transform .2s var(--ease);}
.btn:hover{background:var(--brand-strong);transform:translateY(-2px);}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.6);}
.btn.ghost:hover{background:#fff;border-color:#fff;color:var(--ink);}
/* testata minima: logo, lingua, telefono */
.top{position:absolute;top:0;left:0;right:0;z-index:5;padding:18px 0;}
.top .centro{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.top img{width:clamp(180px,20vw,260px);}
.top nav{display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.8);font-size:14px;}
.top nav a{border-bottom:1px solid transparent;}
.top nav a:hover{border-color:var(--gold);color:#fff;}
.top nav .lang{padding:6px 10px;border:1px solid rgba(255,255,255,.35);border-radius:2px;font-family:'Jost',Arial,sans-serif;font-weight:600;letter-spacing:.08em;}
/* hero */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;}
/* la lastra si vede piena a destra; il velo scuro serve solo dove c'e' il testo.
   Tre livelli: .bg (inclinazione 3D via JS) > i (zoom lento continuo),
   .glare (riflesso che segue il mouse), .centro (testo, si muove al contrario). */
.hero{perspective:1400px;}
.hero .bg{position:absolute;inset:-6%;transform:scale(1.12);transform-style:preserve-3d;will-change:transform;}
.hero .bg i{position:absolute;inset:0;display:block;background:url(img/hero-agata.webp) center/cover no-repeat;animation:respiro 22s ease-in-out infinite alternate;}
.hero .glare{position:absolute;inset:0;z-index:1;opacity:0;mix-blend-mode:screen;transition:opacity .6s var(--ease);pointer-events:none;}
.hero .centro{will-change:transform;}
@keyframes respiro{from{transform:scale(1) translate3d(0,0,0);}to{transform:scale(1.08) translate3d(-1.5%,1%,0);}}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,23,19,.82) 0%,rgba(26,23,19,.6) 32%,rgba(26,23,19,.12) 52%,rgba(26,23,19,0) 65%);}
@media(max-width:760px){.hero:after{background:linear-gradient(180deg,rgba(26,23,19,.82) 0%,rgba(26,23,19,.62) 65%,rgba(26,23,19,.2) 100%);}}
.hero .centro{position:relative;z-index:2;padding-top:clamp(120px,16vw,200px);padding-bottom:clamp(60px,10vw,140px);}
/* nome della fiera grande e in oro: e' il motivo della pagina, non un occhiello */
.hero .fiera{margin-bottom:18px;line-height:1;}
.hero .fiera strong{display:block;color:var(--gold);font-family:'Jost',Arial,sans-serif;font-size:clamp(30px,4.4vw,54px);font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1;}
.hero .fiera span{display:block;margin-top:10px;color:rgba(255,255,255,.85);font-family:'Jost',Arial,sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:500;letter-spacing:.14em;text-transform:uppercase;}
.hero .fiera .stand{margin-top:6px;color:#fff;font-size:clamp(17px,1.8vw,23px);font-weight:600;}
.hero h1{max-width:780px;margin-bottom:22px;color:#fff;font-size:clamp(32px,5vw,58px);font-weight:600;line-height:1.08;}
.hero p{max-width:640px;color:rgba(255,255,255,.84);font-size:clamp(17px,1.6vw,20px);line-height:1.6;}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px;}
/* hero con modulo: testo a sinistra, scheda a destra */
.hero-form .centro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:clamp(120px,15vw,170px);padding-bottom:clamp(50px,7vw,90px);}
.hero .fiera strong{font-size:clamp(26px,3.6vw,44px);}
.hero h1{font-size:clamp(30px,4.2vw,50px);}
.punti{margin-top:22px;}
.punti li{position:relative;padding-left:26px;margin-bottom:8px;color:rgba(255,255,255,.9);font-size:16px;}
.punti li:before{content:'';position:absolute;left:0;top:9px;width:14px;height:8px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);}
.scheda{position:relative;z-index:2;background:#fff;color:var(--body);padding:clamp(22px,3vw,34px);border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.35);}
.scheda h2{margin-bottom:6px;font-size:clamp(22px,2.4vw,28px);font-weight:700;color:var(--ink);}
.scheda>p{margin-bottom:16px;font-size:15px;color:var(--muted);}
.scheda input,.scheda select{width:100%;height:46px;margin-bottom:10px;padding:0 14px;border:1px solid #d5cfc4;border-radius:2px;font:inherit;font-size:15px;color:var(--ink);background:#fff;}
.scheda input:focus,.scheda select:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(163,117,53,.18);}
.scheda .check{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:12.5px;line-height:1.45;color:var(--muted);}
.scheda .check input{width:16px;height:16px;margin:2px 0 0;flex:none;}
.scheda .check a{color:var(--brand-strong);text-decoration:underline;}
.scheda .btn{display:block;width:100%;margin-top:12px;padding:16px;border:0;font:inherit;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;}
.errore{margin:0 0 12px;padding:10px 12px;background:#fdecea;color:#8a1c1c;border-radius:2px;font-size:14px;}
.hp{position:absolute;left:-9999px;top:-9999px;}
.hero-grazie .centro{padding-top:clamp(120px,15vw,170px);padding-bottom:clamp(60px,9vw,120px);}
.hero-grazie .cta{margin-top:30px;}
.btn.grande{padding:18px 34px;font-size:16px;}
.hero-grazie .errore{display:inline-block;margin-top:24px;}
.hero-grazie .stand{margin-top:34px;color:rgba(255,255,255,.7);font-size:15px;}
/* striscia di lastre e sezione chi */
.lastre-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:var(--ink);padding:4px;}
.lastre-strip img{width:100%;aspect-ratio:1;object-fit:cover;}
.chi{padding:clamp(48px,7vw,90px) 0;background:var(--bg-alt);}
.chi .centro{max-width:820px;}
.chi h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,40px);font-weight:700;}
.chi a{display:inline-block;margin-top:20px;color:var(--brand-strong);border-bottom:2px solid var(--brand);font-weight:700;}
/* WhatsApp fisso e piede */
.wa-fisso{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;background:#25D366;color:#fff;border-radius:999px;font-family:'Jost',Arial,sans-serif;font-size:15px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.28);}
.wa-fisso:hover{background:#1DA851;}
footer{background:var(--ink-2);border-top:3px solid var(--brand);padding:32px 0;color:rgba(255,255,255,.55);font-size:13px;line-height:1.7;}
footer .centro{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
footer img{width:120px;opacity:.85;}
footer a{color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.25);}
@media(max-width:860px){.hero-form .centro{grid-template-columns:minmax(0,1fr);}.lastre-strip{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:560px){.hero h1 br{display:none;}.top img{width:170px;}.wa-fisso{right:12px;bottom:14px;padding:12px;}.wa-fisso span{display:none;}.top nav span.tel{display:none;}}
/* banner consenso cookie: stesso modulo del sito (consent.js) */
/*COOKIE LOW*/
:root{--cc_white:#fff;--cc_text:#5f6368;--cc_btn:var(--brand);--cc_close_btn_hover:#dd0000;--cc_item_bg:#f0f4f7}
.popupCookie_hidden{display:none!important}
#popupCookie_background{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.6);width:100%;height:100%;z-index:2147483646;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-y:auto;visibility:visible}
.popupCookie_container{top:50%;left:50%;max-height:100%;translate:-50% -50%;background:var(--cc_white);max-width:512px;width:93%;border-radius:8px;box-shadow:0 8px 28px rgba(2,2,3,.28);overflow:hidden;box-sizing:border-box}
.popupCookie_container span{display:block}
#cookieFirstPopup{height:290px}
#cookieFirstPopup .popupCookie_footer{position:absolute;bottom:0;left:50%;translate:-50% 0;width:93%;background:var(--cc_white);padding:20px 20px 0}
#cookieSecondPopup{display:flex;flex-wrap:wrap;height:408px}
#popupCookie_btnBack{margin:15px auto}
.popupCookie_title{margin-bottom:7px;margin-top:20px;font-size:18px;font-weight:600;color:#2d4156}
.popupCookie_text{font-size:15px;color:var(--cc_text);margin:0;overflow-y:auto}
#cookieFirstPopup .popupCookie_text{padding:0 20px 20px;line-height:20px}
#cookieSecondPopup .popupCookie_split{height:calc(100vh - 122px);max-height:300px;overflow-y:auto;padding:0 20px 20px}
.popupCookie_text a{color:var(--cc_text);text-decoration:underline}
.popupCookie_footer{border-top:1px solid #ccc}
#cookieSecondPopup .popupCookie_footer{position:absolute;bottom:0;width:100%;background:#fff;box-sizing:border-box}
#cookieSecondPopup .popupCookie_footer div{display:flex;flex-wrap:wrap;justify-content:center;gap:0 20px;padding:0 25px}
#cookieSecondPopup .popupCookie_text{overflow:hidden}
.popupCookie_btn{flex:1 1 0;display:block;margin-top:15px;background:var(--cc_btn);color:var(--cc_white);border-radius:32px;padding:9px 27px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;outline:0;text-wrap:nowrap}
.popupCookie_btn_accept{padding:15px 60px 15px 40px;margin:0 auto;max-width:max-content;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.405 4.332a1.2 1.2 0 0 1 .101 1.706L9.889 20.041a1.2 1.2 0 0 1-1.714.07L.875 13.238a1.21 1.21 0 0 1 .733-2.082 1.21 1.21 0 0 1 .905.299l5.664 5.095a1.2 1.2 0 0 0 1.694-.089L20.723 4.429a1.2 1.2 0 0 1 1.682-.098z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:top 13px right 23px;background-size:23px;background-color:var(--cc_btn);font-size:18px}
.popupCookie_btn_reject,.popupCookie_other{padding:0;font-weight:400;color:var(--cc_text)}
.popupCookie_btn_reject{background:#fff;width:max-content;margin:0;text-align:end}
.popupCookie_other{background:#fff;margin-top:0;text-align:center}
.popupCookie_btn_otherBtn{display:flex;align-items:center;gap:0 25px;justify-content:center;margin-top:30px;margin-bottom:15px}
.popupCookie_btn_reject:hover,.popupCookie_other:hover{background:#fff}
.popupCookie_close{position:absolute;top:18px;right:20px;font-size:16px;color:var(--cc_text);cursor:pointer}
.popupCookie_close:hover{color:var(--cc_close_btn_hover)}
.popupCookie_divButton{display:flex;justify-content:right;gap:8px;margin-top:15px;border-top:1px solid #00000036}
.popupCookie_divButton input[type=checkbox]{position:absolute;display:none}
.popupCookie_divButton label span{user-select:none}
#cookieFirstPopup .popupCookie_other{text-align:start}
#cookieSecondPopup .popupCookie_btn{padding:12px 27px;min-width:110px}
#cookieSecondPopup .popupCookie_other{padding:0}
.popupCookie_details{position:relative;background:var(--cc_item_bg);padding:5px 0 5px 7px;margin:13px 0;border-radius:7px}
.popupCookie_details_summary{padding:7px;font-weight:600;color:var(--cc_text);cursor:pointer;user-select:none}
.popupCookie_details_text{padding:7px;margin-top:5px;line-height:23px;font-size:14px}
.popupCookie_details input[type=checkbox]{position:absolute;top:7px;right:15px;width:25px;height:25px;cursor:pointer}
.popupCookie_details input[type=checkbox]:disabled{opacity:.8;cursor:default}
#cookieFirstPopup .popupCookie_text{height:calc(100vh - 160px)}
#cookieSecondPopup .popupCookie_split{height:calc(100vh - 122px);max-height:250px}
#cookieFirstPopup{height:270px}
#cookieSecondPopup .popupCookie_other{width:max-content}
#cookieSecondPopup .popupCookie_footer{padding:15px 15px 0}
.popupCookie_footer{padding-top:15px}
.popupCookie_btn{margin-top:unset}
@media(max-height:300px){#cookieFirstPopup .popupCookie_text{height:calc(100vh - 160px)}#cookieSecondPopup .popupCookie_split{height:calc(100vh - 122px);max-height:250px}}
@media(min-width:768px){#cookieSecondPopup .popupCookie_other{width:max-content}}
@media(min-width:480px){#cookieSecondPopup .popupCookie_footer{padding:15px 15px 0}.popupCookie_footer{padding-top:15px}.popupCookie_btn{margin-top:unset}}