*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#151b20;background:white}a{text-decoration:none;color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}.header{background:white;height:86px}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{width:235px;height:72px;object-fit:contain}.nav nav{display:flex;gap:40px;align-items:center;font-size:17px}.nav nav a{height:50px;display:flex;align-items:center;border-bottom:4px solid transparent}.nav nav a.active,.nav nav a:hover{border-bottom-color:#a94c15}.hero{height:348px;position:relative;background:#10171b;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 0 40%;background:url('hero-anteprima.jpg') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e1519 0%,#0e1519 35%,#0e1519ec 45%,#0e151966 65%,transparent 88%)}.hero-content{position:relative;z-index:1;padding-top:46px;color:white}.eyebrow{color:#dc762e;font-size:18px;font-weight:800;margin:0 0 13px}.hero h1{font-size:clamp(32px,3.7vw,48px);line-height:1.04;letter-spacing:-1.5px;margin:0 0 16px;max-width:640px}.intro{font-size:18px;line-height:1.4;margin:0 0 20px}.cta{display:inline-block;background:#b96527;color:#fff;padding:15px 23px;border-radius:9px;font-size:16px;font-weight:700}.cta:hover,.submit:hover{background:#944516}.services{padding:22px 0 38px}.services h2{text-align:center;font-size:41px;letter-spacing:-1px;margin:0 0 14px}.accent-rule{width:62px;height:4px;background:#aa4e1a;margin:0 auto 28px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{border:1px solid #d9dfe2;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000010;background:#fff}.card img{width:100%;height:150px;object-fit:cover;display:block}.card-text{padding:11px 15px 20px}.card h3{font-size:19px;line-height:1.18;letter-spacing:-.5px;margin:0 0 7px}.card h4{font-size:14px;color:#a53d0e;margin:0 0 10px}.card p{font-size:14px;line-height:1.35;margin:0}.quote{background:#f2f3f4;padding:30px 0 34px}.quote-grid{display:grid;grid-template-columns:270px 1fr;gap:46px}.quote-intro{border-right:1px solid #d6d9dc;padding-right:35px}.envelope{font-size:43px;color:#a94c15;line-height:1}.quote-intro h2{font-size:33px;line-height:1.03;letter-spacing:-1px;margin:9px 0 20px}.quote-intro p{font-size:16px;line-height:1.5}.quote-form form{display:flex;flex-direction:column;gap:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px}input,select,textarea{font:inherit;font-size:14px;width:100%;padding:10px;border:1px solid #d6dadd;border-radius:8px;background:white;color:#333}textarea{resize:vertical;min-height:78px}input:focus,select:focus,textarea:focus{outline:2px solid #d99c6a;outline-offset:1px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.captcha-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700}.captcha-box label{display:flex;align-items:center;gap:8px}.captcha-box strong{font-size:17px;background:#e4e6e8;padding:10px;border-radius:6px;white-space:nowrap}.captcha-box input{width:100px}.captcha-refresh{background:white;border:1px solid #cbd0d4;border-radius:7px;padding:10px;cursor:pointer}.submit{background:#a94c15;color:white;border:0;border-radius:8px;padding:13px 15px;cursor:pointer;font-weight:700}.submit:disabled{opacity:.6}.privacy{display:flex;gap:7px;align-items:center;font-size:12px;color:#444}.privacy input{width:auto}.privacy a{text-decoration:underline}.hidden-field,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.notice{padding:12px;border-radius:7px}.notice[hidden]{display:none}.notice.success{background:#dff5e7}.notice.error{background:#ffeded}footer{background:#20272b;color:white;padding:16px 0}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.footer-brand{width:235px;border-right:1px solid #899094;padding-right:35px}.footer-brand img{width:180px;filter:brightness(0) invert(1)}.footer-address{white-space:nowrap}@media(max-width:850px){.nav nav{gap:16px;font-size:14px}.grid{gap:14px}.card h3{font-size:17px}.quote-grid{grid-template-columns:1fr;gap:20px}.quote-intro{border:0}.foot{flex-wrap:wrap}.footer-address{white-space:normal}}@media(max-width:600px){.header{height:auto}.nav{flex-direction:column;padding:10px 16px}.nav nav{gap:14px;flex-wrap:wrap;justify-content:center}.nav nav a{height:35px}.hero{height:auto;min-height:390px}.hero:before{inset:0 0 0 20%}.hero:after{background:linear-gradient(90deg,#0e1519f7 0%,#0e1519cc 70%,#0e151955)}.hero-content{padding:44px 20px 50px}.hero h1{font-size:35px}.intro{font-size:16px}.eyebrow{font-size:14px}.services h2{font-size:32px}.grid{grid-template-columns:1fr}.card img{height:180px}.fields{grid-template-columns:1fr}.quote{padding:30px 0}.foot{flex-direction:column;align-items:flex-start}.footer-brand{border:0}.form-bottom{align-items:flex-start}}

/* Modulo preventivi: contenitore centrale, compatto ed elegante */

.quote{background:#f5f6f6;padding:64px 20px 72px}

.quote .wrap{max-width:840px;padding:0}

.quote-grid{display:flex;flex-direction:column;align-items:center;gap:25px}

.quote-intro{border:0;padding:0;text-align:center;max-width:540px}

.quote-intro .envelope{font-size:38px}

.quote-intro h2{font-size:36px;line-height:1.12;margin:7px 0 10px}

.quote-intro h2 br{display:none}

.quote-intro p{font-size:16px;line-height:1.5;color:#596168;margin:0}

.quote-form{width:100%;max-width:760px;background:#fff;border:1px solid #e1e3e5;border-radius:16px;padding:30px 34px 26px;box-shadow:0 12px 34px rgba(28,34,40,.08)}

.quote-form form{gap:14px}

.quote-form .fields{gap:14px}

.quote-form input:not([type=checkbox]),.quote-form select,.quote-form textarea{padding:13px 14px;border-radius:9px;background:#fbfbfb;border-color:#dce0e3}

.quote-form textarea{min-height:110px}

.quote-form .form-bottom{margin-top:2px;gap:18px}

.quote-form .captcha-box{gap:8px}

.quote-form .submit{padding:14px 21px}

.quote-form .privacy{font-size:12px;color:#60666b}

@media(max-width:650px){

 .quote{padding:42px 16px 48px}

 .quote-intro h2{font-size:30px}

 .quote-form{padding:22px 18px}

 .quote-form .fields{grid-template-columns:1fr}

 .quote-form .form-bottom{align-items:stretch}

 .quote-form .submit{width:100%}

 .quote-form .captcha-box{justify-content:center}

}



/* Correzioni footer e intestazione modulo */

.quote-intro h2{white-space:normal;word-spacing:normal;letter-spacing:-.7px}

.footer-brand{display:flex;align-items:center;justify-content:flex-start;min-width:220px}

.footer-brand img{display:block;width:185px;height:auto;max-height:68px;object-fit:contain;filter:none;background:#fff;border-radius:5px;padding:5px 8px}

@media(max-width:600px){.footer-brand{min-width:0;width:auto;padding-right:0}.footer-brand img{width:185px}}



/* Nuovo logo ufficiale: PNG trasparente, proporzioni originali */

.nav .logo{width:310px;height:auto;max-height:82px;object-fit:contain;object-position:left center;display:block}

.header{min-height:100px;height:auto}

.header .nav{min-height:100px}

.footer-brand{width:265px;min-width:225px;max-width:100%;padding-right:24px;background:transparent!important}

.footer-brand img{display:block;width:235px;max-width:100%;height:auto;filter:none!important;background:transparent!important}

@media(max-width:700px){.nav .logo{width:min(310px,85vw)}.header .nav{padding-top:12px;padding-bottom:8px}.footer-brand{width:250px}}



/* Footer con recapiti completi */

.foot.foot-updated{display:flex;justify-content:center;align-items:center;gap:48px;max-width:1050px;padding-top:13px;padding-bottom:13px}

.foot-updated .footer-brand{width:270px;min-width:200px;flex-shrink:0;border-right:1px solid #677076;padding-right:35px}

.foot-updated .footer-brand img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;filter:none}

.foot-updated .footer-details{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:14px;line-height:1.4}

.foot-updated .footer-contact{display:block}

.foot-updated .footer-contact>span[aria-hidden]{display:inline-block;width:22px;color:#d88a4a;font-size:17px}

.foot-updated a:hover{text-decoration:underline}

.foot-updated .footer-separator{padding:0 7px;color:#aab0b4}

.foot-updated .footer-vat{font-size:12px;color:#cbd0d2;padding-left:22px}

@media(max-width:650px){.foot.foot-updated{flex-direction:column;align-items:center;gap:20px;text-align:center}.foot-updated .footer-brand{width:240px;min-width:0;border-right:0;padding-right:0}.foot-updated .footer-details{align-items:center}.foot-updated .footer-vat{padding-left:0}}



/* Pagine interne: dove siamo e la nostra storia */

.subhero{background:#20272b;color:#fff;padding:56px 0 58px}.subhero h1{font-size:clamp(36px,5vw,56px);margin:4px 0 10px}.subhero p:last-child{font-size:18px;max-width:650px;line-height:1.5}.inner-section{padding:65px 0}.location-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:45px;align-items:center}.location-info h2,.story-layout h2{font-size:32px;line-height:1.15;margin:8px 0 20px}.location-info p,.story-layout p{line-height:1.7;color:#4d565d}.location-info a:not(.cta){text-decoration:underline;text-decoration-color:#b96527}.section-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:#b96527!important}.map-frame{min-height:380px;border-radius:15px;overflow:hidden;border:1px solid #e3e3e3;box-shadow:0 12px 30px #00000012}.map-frame iframe{width:100%;height:390px;border:0;display:block}.location-note{font-size:12px;color:#667!important}.appointment-section{background:#f4f5f5;padding:60px 20px 75px}.appointment-heading{text-align:center;max-width:600px;margin:0 auto 25px}.appointment-heading h2{font-size:37px;margin:5px 0 12px}.appointment-heading p{line-height:1.6;color:#5e656a}.appointment-card{max-width:760px;margin:auto;background:#fff;padding:32px;border:1px solid #e1e4e6;border-radius:17px;box-shadow:0 12px 34px #0000000d}.appointment-card form{display:flex;flex-direction:column;gap:16px}.appointment-card .fields{gap:16px}.appointment-card .fields label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#374149}.appointment-card input:not([type=checkbox]),.appointment-card select,.appointment-card textarea{padding:13px;background:#fcfcfc}.appointment-card textarea{min-height:100px}.appointment-actions{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.appointment-note{font-size:12px;color:#677078;margin:0}.story-layout{display:grid;grid-template-columns:1.4fr .85fr;gap:60px;align-items:center}.story-aside{background:#f4f2ef;padding:35px;border-left:4px solid #b96527;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.story-aside span{font-size:22px;font-weight:800;letter-spacing:1px;color:#283037}.story-aside p{font-style:italic}.story-next{background:#f4f5f5;text-align:center;padding:50px 0}.story-next h2{font-size:28px}.story-next p{color:#5b6268}.outline-link{display:inline-block;border:1px solid #b96527;color:#a94c15;border-radius:8px;padding:12px 18px;margin-top:12px}.header .nav nav{gap:19px;font-size:14px}

@media(max-width:800px){.location-grid,.story-layout{grid-template-columns:1fr}.header .nav nav{gap:11px;font-size:12px;flex-wrap:wrap;justify-content:center}.appointment-actions{align-items:stretch}.appointment-actions .submit{width:100%}}

@media(max-width:600px){.inner-section{padding:40px 0}.appointment-section{padding:40px 15px}.appointment-card{padding:20px}.appointment-card .fields{grid-template-columns:1fr}.map-frame iframe{height:320px}.map-frame{min-height:320px}.subhero{padding:40px 0}.story-aside{padding:25px}}



/* Dove siamo: stessa immagine della hero in homepage */

.subhero-stampante{position:relative;isolation:isolate;overflow:hidden;background:#10171b;min-height:290px;display:flex;align-items:center}

.subhero-stampante::before{content:"";position:absolute;z-index:-2;inset:0 0 0 40%;background:url('hero-anteprima.jpg') center center/cover no-repeat}

.subhero-stampante::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0e1519 0%,#0e1519 35%,#0e1519ec 45%,#0e151966 65%,transparent 88%)}

.subhero-stampante>.wrap{width:100%;position:relative}

@media(max-width:600px){.subhero-stampante{min-height:300px}.subhero-stampante::before{inset:0 0 0 20%}.subhero-stampante::after{background:linear-gradient(90deg,#0e1519f7 0%,#0e1519cc 70%,#0e151955)}}



/* La nostra storia: foto reale della sede, al posto della stampante */

.subhero-sede{position:relative;isolation:isolate;overflow:hidden;background:#10171b;min-height:300px;display:flex;align-items:center}

.subhero-sede::before{content:"";position:absolute;z-index:-2;inset:0 0 0 38%;background:url('foto-sede-riemma.jpg') center 52%/cover no-repeat}

.subhero-sede::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#0e1519 0%,#0e1519 29%,#0e1519df 44%,#0e151970 68%,#0e151915 100%)}

.subhero-sede>.wrap{position:relative;width:100%}

@media(max-width:600px){.subhero-sede{min-height:290px}.subhero-sede::before{inset:0 0 0 13%;background-position:center}.subhero-sede::after{background:linear-gradient(90deg,#0e1519f0 0%,#0e1519c7 60%,#0e15196b 100%)}}



/* Quattro lavorazioni in griglia equilibrata */

@media(min-width:851px){.services .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px;margin:0 auto}.services .card img{height:195px}}

@media(min-width:601px) and (max-width:850px){.services .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Quattro servizi affiancati su desktop, due su tablet, uno su smartphone */

@media(min-width:1050px){.services .grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:18px}.services .card img{height:145px}.services .card-text{padding:12px 12px 17px}.services .card h3{font-size:17px}.services .card h4{font-size:13px}.services .card p{font-size:13px;line-height:1.4}}

@media(min-width:601px) and (max-width:1049px){.services .grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin:0 auto}}

@media(max-width:600px){.services .grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}



/* Pagina Nautica */

.service-more{display:inline-block;margin-top:12px;color:#aa5725;font-weight:700;font-size:13px;text-decoration:none}.service-more:hover{text-decoration:underline}

.nautical-hero{min-height:370px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,#101c24 0%,#102c3ce8 48%,#14475d88 100%),url('yacht-nautica.jpg') center 55%/cover no-repeat}

.nautical-hero-inner{padding-top:55px;padding-bottom:55px}.nautical-hero h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:12px 0 18px;color:#fff}.nautical-hero p:not(.eyebrow){font-size:18px;max-width:560px;line-height:1.55;margin-bottom:28px;color:#f0f3f5}

.nautical-section{padding:70px 0 80px;background:#fff}.nautical-section h2,.nautical-band h2,.nautical-contact h2{font-size:clamp(26px,3vw,36px);margin:8px 0 16px}.nautical-lead{max-width:740px;line-height:1.7;color:#59646a}

.nautical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.nautical-tile{background:#f5f6f5;border:1px solid #e1e5e5;border-radius:9px;padding:24px 20px}.nautical-tile-icon{color:#b86a32;font-size:27px;font-weight:800;margin-bottom:20px}.nautical-tile h3{font-size:18px;line-height:1.3;margin:0 0 12px}.nautical-tile p{font-size:14px;line-height:1.65;color:#5c666b;margin:0}

.nautical-band{background:#edf0ef;padding:65px 0}.nautical-band-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:45px}.nautical-band p:not(.section-kicker){line-height:1.7;color:#59646a;margin-bottom:24px}.nautical-band img{display:block;width:100%;height:auto;border-radius:10px}

.nautical-contact{text-align:center;padding:60px 0 70px;background:#fff}.nautical-contact p{color:#59646a}.nautical-contact-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:25px}.nautical-contact-links a{border:1px solid #d7dddf;padding:12px 17px;border-radius:7px;color:#28343a;text-decoration:none;font-weight:600}.nautical-contact-links a:hover{border-color:#b86a32;color:#a75a25}

@media(max-width:900px){.nautical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nautical-band-layout{gap:25px}}

@media(max-width:600px){.nautical-hero{min-height:350px}.nautical-grid,.nautical-band-layout{grid-template-columns:1fr}.nautical-section{padding:45px 0}.nautical-band{padding:45px 0}.nautical-band img{max-height:260px;object-fit:cover}}



/* Tre servizi nautici equilibrati */

@media(min-width:901px){.nautical-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}



/* Fotografie dimostrative per le tre lavorazioni nautiche */

.nautical-tile{overflow:hidden;padding:0 0 22px}

.nautical-tile-photo{display:block;width:100%;height:195px;object-fit:cover}

.nautical-tile .nautical-tile-icon{margin:20px 20px 12px}

.nautical-tile h3,.nautical-tile p{margin-left:20px;margin-right:20px}

@media(max-width:600px){.nautical-tile-photo{height:210px}}



/* Schede Nautica senza numerazione */

.nautical-tile h3{margin-top:22px}



/* Nautica: produzione e spedizioni */

.nautical-shipping{background:#f6f8f8;border-top:1px solid #e0e5e6;border-bottom:1px solid #e0e5e6;padding:48px 0}

.nautical-shipping-inner{display:flex;gap:26px;align-items:flex-start;max-width:950px}

.nautical-shipping-icon{flex:0 0 68px;width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e5eef0;color:#ae622f;font-size:35px}

.nautical-shipping h2{font-size:clamp(23px,2.8vw,32px);line-height:1.25;margin:7px 0 15px}

.nautical-shipping p:not(.section-kicker){color:#56636a;line-height:1.75;margin:0 0 16px}

.nautical-shipping-link{color:#a85d2d;font-weight:700;text-decoration:none}

.nautical-shipping-link:hover{text-decoration:underline}

@media(max-width:600px){.nautical-shipping{padding:36px 0}.nautical-shipping-inner{gap:14px}.nautical-shipping-icon{width:44px;height:44px;flex-basis:44px;font-size:25px}}



/* Impaginazione editoriale della storia aziendale */

.story-editorial .story-copy{max-width:760px}

.story-editorial .story-copy h2{line-height:1.2;margin-bottom:16px}

.story-editorial .story-copy h3{font-size:clamp(19px,2vw,23px);margin:30px 0 12px;color:#273239}

.story-editorial .story-copy p{line-height:1.8;margin-bottom:17px}

.story-editorial .story-copy .story-intro{font-size:clamp(17px,1.8vw,20px);color:#4a5860;margin-bottom:23px}

.story-editorial .story-copy .story-closing{border-left:4px solid #b66a35;padding:12px 0 12px 20px;margin-top:28px;background:#f6f7f6}

.story-editorial .story-copy .story-signoff{margin-top:28px;font-size:17px;line-height:1.65}

.story-editorial .story-copy .story-signoff em{font-size:15px;color:#68747a}



/* Pulsante WhatsApp fisso */

.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#25d366;color:white;box-shadow:0 5px 18px rgba(0,0,0,.26);text-decoration:none;transition:transform .2s ease}

.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);color:white}

.whatsapp-float:focus-visible{outline:3px solid #163d2c;outline-offset:4px}

.whatsapp-float svg{display:block;width:35px;height:35px}

.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#263139;color:#fff;border-radius:6px;padding:8px 11px;font:600 13px/1.2 Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease}

.whatsapp-float:hover .whatsapp-tooltip,.whatsapp-float:focus-visible .whatsapp-tooltip{opacity:1;visibility:visible}

@media(max-width:600px){.whatsapp-float{width:54px;height:54px;right:15px;bottom:15px}.whatsapp-float svg{width:32px;height:32px}.whatsapp-tooltip{display:none}}