/*
Theme Name: Gioia Soccorso
Description: Grafica dedicata a Volontari Gioia Soccorso ODV. Blu, bianco e giallo, con foto originali dell’associazione.
Version: 1.9.0
Text Domain: gioia-soccorso
*/

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17344b;line-height:1.6}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1160px,90%);margin:auto}.top{background:#0782bb;color:#fff;font-size:14px;padding:9px 0}.top .wrap{display:flex;justify-content:space-between;gap:15px}.top a{text-decoration:none;font-weight:bold}header{background:white;position:sticky;top:0;z-index:5;box-shadow:0 2px 15px #1232}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 0}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:17px;font-weight:800;line-height:1.25;color:#006ca6}.brand img{width:78px;height:78px;object-fit:contain}.brand small{display:block;font-size:12px;letter-spacing:2px;margin-top:7px}.links{display:flex;align-items:center;gap:27px;font-size:14px}.links a{text-decoration:none}.links a:hover{color:#0584be}.btn{display:inline-block;padding:13px 24px;border-radius:3px;background:#087fb8;color:white!important;text-decoration:none;font-weight:bold}.hero{min-height:580px;position:relative;display:flex;align-items:center;color:white;background:#0b2d48;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 61%;opacity:.77}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#052c4ded,#07345499 52%,#052c4d10)}.hero .wrap{position:relative;padding:70px 0}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;font-weight:bold}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;max-width:740px;margin:20px 0}.hero p{max-width:570px;font-size:18px;margin:24px 0 30px}.hero .btn{background:white;color:#075a89!important}.outline{background:transparent!important;border:1px solid #fff;color:#fff!important;margin-left:10px}.strip{background:#0782bb;color:white;padding:30px 0}.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.strip h2{font-size:26px;margin:0}.strip p{margin:4px 0 0}.strip a{font-size:27px;font-weight:bold;text-decoration:none;white-space:nowrap}section{padding:80px 0}.intro{max-width:720px;margin-bottom:40px}h2{font-size:36px;line-height:1.2;margin:12px 0 20px;color:#075a89}.intro p{font-size:17px;color:#526678}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}article{border-top:3px solid #0986bf;background:#f3f8fb;padding:28px}article h3{font-size:21px;line-height:1.35;margin:12px 0}article p{font-size:15px;color:#526678;margin-bottom:0}.num{font-size:14px;color:#0782bb;font-weight:bold}.about{background:#eff7fb}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{height:430px;width:100%;object-fit:cover;object-position:center 62%}.split p{color:#526678}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}figure{margin:0}figure img{width:100%;height:310px;object-fit:cover}figcaption{font-size:13px;color:#526678;padding:9px 0}.contact{background:#076fa6;color:white}.contact h2{color:white}.contact p{max-width:650px}.contact .details{display:flex;gap:60px;flex-wrap:wrap;margin:30px 0}.contact strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:1px;opacity:.8}.contact a{text-decoration:none}.phone{font-size:32px;font-weight:bold}.contact .btn{background:white;color:#075a89!important}footer{padding:30px 0;background:#063653;color:#d9e9f2;font-size:13px}.float{position:fixed;bottom:20px;right:20px;z-index:6;border-radius:30px;box-shadow:0 3px 15px #0003}.draft{background:#eaf3f9;padding:8px 5%;font-size:12px;text-align:center;color:#34566e}a:focus-visible{outline:3px solid #f7b400;outline-offset:4px}@media(max-width:800px){.links{gap:14px;font-size:13px}.links .btn{display:none}.brand{font-size:14px}.brand img{width:60px;height:60px}.brand small{font-size:10px}.grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.split{gap:30px}.strip h2{font-size:22px}}@media(max-width:550px){.top{font-size:12px}.top .wrap{gap:5px}.nav{flex-direction:column;gap:12px;padding:12px 0}.brand img{width:55px;height:55px}.links{gap:22px}.hero{min-height:520px}.hero .wrap{padding:55px 0}.hero h1{font-size:39px}.hero p{font-size:16px}.hero .btn{padding:12px 15px}.strip .wrap{display:block}.strip a{display:block;margin-top:14px}.grid,.split{grid-template-columns:1fr}.gallery{gap:14px}.gallery img{height:220px}.split img{height:330px}section{padding:55px 0}h2{font-size:30px}.contact .details{gap:24px}.float{font-size:13px;padding:11px 18px}.draft{font-size:11px}html{scroll-padding-top:150px}}
.centralino{border:1px solid #ffffff65;padding:28px;margin:30px 0;max-width:760px}.opzioni{list-style:none;padding:0;margin:20px 0 25px}.opzioni li{padding:10px 0;border-bottom:1px solid #ffffff30}.opzioni b{display:inline-block;min-width:75px}.socials{display:flex;gap:24px;align-items:center;margin:25px 0}.social-icon{display:inline-flex;align-items:center;gap:10px;font-weight:bold}.social-icon svg{width:25px;height:25px}.whatsapp{background:#147d43!important;display:inline-flex;align-items:center;gap:10px}.whatsapp svg{width:25px;height:25px}form{background:#f1f7fb;padding:28px;border-top:3px solid #0782bb}form label{display:block;font-size:14px;font-weight:bold;margin-bottom:14px}form input,form select{display:block;width:100%;font:inherit;font-weight:normal;padding:12px;border:1px solid #a6bdcb;border-radius:3px;margin-top:5px;background:white;color:#17344b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}form button{font:inherit;cursor:pointer;border:0}form small{font-size:12px}#quote-status{font-size:14px}.emails{display:flex;gap:30px;flex-wrap:wrap}.emails a{overflow-wrap:anywhere}@media(max-width:550px){.links{flex-wrap:wrap;justify-content:center;gap:10px 18px}.form-row{grid-template-columns:1fr}.top .wrap{flex-wrap:wrap}}header .nav{width:min(1260px,94%);padding:18px 0;gap:25px}header .brand{font-size:clamp(23px,2.6vw,35px);font-weight:900;line-height:1.12;gap:22px;letter-spacing:.2px}header .brand img{width:140px;height:140px;flex-shrink:0}header .links{gap:20px;flex-wrap:wrap;justify-content:flex-end}html{scroll-padding-top:190px}@media(max-width:1000px){header .nav{flex-direction:column;gap:16px}header .links{justify-content:center}header .brand{font-size:30px}header .brand img{width:120px;height:120px}html{scroll-padding-top:225px}}@media(max-width:550px){header .nav{padding:12px 0;gap:12px}header .brand{font-size:23px;gap:14px}header .brand img{width:100px;height:100px}header .links{gap:10px 18px}html{scroll-padding-top:195px}}
html,body{height:auto!important;min-height:100%!important;width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important}#website,#bodybk,.loaderGenerale{display:none!important}#gioia-custom-site{position:relative;width:100%;z-index:1}#gioia-custom-site header{position:sticky;top:0}
.strip h2{color:#fff}.hero .btn.outline{color:#fff!important}.hero .eyebrow{color:#ffe34a}.hero h1{border-left:5px solid #ffdb38;padding-left:22px}.hero .btn:not(.outline){border-bottom:4px solid #ffdb38}form #quote-whatsapp{margin-top:12px;display:inline-block}form button{margin-right:8px}@media(max-width:550px){header .brand{font-size:clamp(18px,5vw,23px);gap:12px}header .brand img{width:80px;height:80px}.phone{font-size:clamp(23px,7vw,32px)}}.gallery a{display:block}.gallery a:focus-visible{outline:3px solid #ffdb38;outline-offset:4px}.gallery a img{transition:filter .2s}.gallery a:hover img{filter:brightness(.92)}.contact .directions{text-decoration:underline;text-underline-offset:4px;font-weight:bold}.service-quote{display:inline-block;margin-top:20px;font-size:14px;font-weight:bold;color:#075a89;text-decoration:underline;text-underline-offset:4px}.service-quote:hover{color:#00527e}.grid article{display:flex;flex-direction:column}.grid article .service-quote{margin-top:auto;padding-top:20px}.grid article p{margin-bottom:0}
/* Nuova grafica WordPress, novembre 2026 */
:root{--navy:#082d4b;--blue:#076aa8;--yellow:#ffdc43;--muted:#5a6c7a}
body{font-family:"Trebuchet MS",Arial,sans-serif;color:var(--navy);background:#fff}html{scroll-padding-top:130px}.wrap{width:min(1200px,90%)}
.top{background:var(--navy);padding:10px 0;font-size:12px;letter-spacing:.3px}.top .wrap{align-items:center;justify-content:space-between}.top span{display:flex;gap:9px;align-items:center}.live-dot{display:inline-block;width:7px;height:7px;background:var(--yellow);border-radius:50%;flex-shrink:0}.top b{font-size:15px;margin-left:8px}
#gioia-custom-site header{box-shadow:none;border-bottom:1px solid #e4ebf0;position:sticky;top:0}.admin-bar #gioia-custom-site header{top:32px}header .nav{padding:14px 0;min-height:110px;width:min(1280px,94%);flex-direction:row;gap:30px}header .brand{font-size:25px;gap:15px;line-height:1.1;letter-spacing:-.6px;color:var(--navy);white-space:nowrap}header .brand img{width:80px;height:80px}header .brand small{font-size:11px;font-weight:700;letter-spacing:3px;display:block;margin:0 0 7px}header .brand em{font-size:13px;font-style:normal;letter-spacing:0}header .links{gap:24px;font-size:13px;font-weight:700;flex-wrap:nowrap}.btn{border-radius:7px;background:var(--blue);padding:14px 22px;font-size:14px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.links .btn{background:var(--navy);padding:13px 18px}
.hero{display:block;min-height:0;background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:stretch}.hero .wrap{padding:0}.hero-copy{padding:64px 0 38px}.eyebrow{font-size:11px;letter-spacing:2px;line-height:1.6}.hero .eyebrow{display:flex;gap:10px;align-items:center;color:#e4edf4}.hero h1{font-size:clamp(56px,6.5vw,92px);line-height:1;letter-spacing:-4px;font-weight:800;border:0;padding:0;margin:24px 0}.hero h1 span{color:var(--yellow)}.hero p{margin:0}.hero .hero-lead{font-size:21px;line-height:1.5;margin:24px 0 16px;max-width:500px}.hero .hero-area{font-size:14px;color:#c1d4e3;line-height:1.6}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:28px}.hero .btn:not(.outline){background:var(--yellow);color:var(--navy)!important;border:0;display:flex;align-items:center;gap:30px}.hero .text-link{font-size:13px;font-weight:bold;text-decoration:none;color:white}.hero-note{border-top:1px solid #ffffff25;display:flex;gap:18px;align-items:center;max-width:360px;margin-top:30px;padding-top:20px}.hero-note>span{font-size:35px;color:var(--yellow);letter-spacing:-2px;font-weight:bold}.hero .hero-note p{font-size:12px;line-height:1.5;color:#c1d4e3}.hero-visual{position:relative;margin:30px 0 30px;min-height:610px;border-radius:100px 12px 12px 12px;overflow:hidden;background:#0a4165}.hero-visual>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 65%}.hero-visual:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#061e3bd9)}.photo-label{position:absolute;z-index:1;bottom:24px;left:25px;right:25px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1px}.photo-label b{margin-left:auto;font-size:40px;color:var(--yellow);font-weight:800}
.strip{background:#f1f5f8;color:var(--navy);padding:36px 0;border-bottom:1px solid #e1eaf1}.strip .wrap{display:grid;grid-template-columns:1fr auto;gap:9px 40px}.strip h2{font-size:21px;letter-spacing:-.5px;color:var(--navy);margin:7px 0}.strip .eyebrow{color:var(--blue)}.strip p{font-size:12px;color:var(--muted);margin:0}.areas{display:flex;gap:8px;grid-column:2;grid-row:1 / 3;align-items:center;flex-wrap:wrap}.areas span{border:1px solid #c9d8e4;border-radius:30px;padding:9px 14px;font-size:12px;background:white}
section{padding:88px 0}h2{font-size:clamp(30px,3.4vw,43px);line-height:1.16;letter-spacing:-1.5px;color:var(--navy);font-weight:800;margin:12px 0 22px}h2 span{color:var(--blue)}.intro{margin-bottom:38px}.intro .eyebrow,.about .eyebrow,#preventivi .eyebrow{color:var(--blue)}.intro p{font-size:15px;max-width:580px}.grid{gap:18px}.grid article{border:1px solid #dbe5ed;background:white;border-radius:10px;padding:28px;box-shadow:0 7px 20px #0a355305;position:relative}.grid article:hover{border-color:#8db6d0}.num{width:48px;height:48px;background:#edf5fa;border-radius:10px;display:grid;place-items:center}.num svg{width:28px;height:28px}.grid article h3{font-size:19px;letter-spacing:-.4px;margin:20px 0 10px}.grid article p{font-size:14px;line-height:1.7}.grid article .service-quote{font-size:12px;text-decoration:none;color:var(--blue)}.professional{padding:55px 0;background:#f3f7fa}.professional .wrap{max-width:1000px}.professional h2{font-size:31px}.professional p,.professional li{font-size:14px;color:var(--muted)}.professional ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding-left:20px}.professional .intro{margin-bottom:20px}.distance{background:var(--navy);color:#ccdae5;position:relative}.distance .wrap{max-width:1000px}.distance h2{color:white;max-width:680px}.distance .eyebrow{color:var(--yellow)}.distance p{font-size:16px;line-height:1.85}.distance strong{color:white}.distance .btn{background:var(--yellow);color:var(--navy)!important;text-decoration:none}
.about{background:white}.about .split{gap:70px}.about .split>img{height:500px;border-radius:12px 70px 12px 12px}.about p{font-size:15px;line-height:1.8}.gallery{grid-template-columns:repeat(3,1fr);gap:25px}.gallery img{height:320px;border-radius:10px}.gallery figcaption{font-size:11px;line-height:1.5;padding-top:12px;color:var(--muted)}#foto{background:#f3f7fa}.gallery figure:first-child{grid-column:span 2}.gallery figure:first-child img{object-position:center 66%}.gallery figure:last-child{grid-column:span 2}.gallery figure:last-child img{object-position:center 65%}
#preventivi .split{align-items:start;gap:70px}#preventivi p{font-size:14px;line-height:1.8}form{border:1px solid #dce6ee;border-radius:12px;padding:32px;background:#f3f7fa}form label{font-size:12px;margin-bottom:16px;color:var(--navy)}form input,form select{padding:12px;font-size:14px;border:1px solid #c6d7e3;border-radius:6px;margin-top:7px}form input:focus,form select:focus{outline:2px solid var(--blue);outline-offset:2px}form .btn{font-size:13px}form small{display:block;margin-top:18px;color:var(--muted)}
.contact{background:var(--navy)}.contact .eyebrow{color:var(--yellow)}.contact h2{max-width:600px}.contact> .wrap>p{color:#c0d4e4}.contact .centralino{max-width:none;border:0;background:#ffffff0a;border-radius:12px;padding:32px}.centralino .opzioni{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;font-size:14px}.opzioni b{color:var(--yellow)}.contact .phone{color:var(--yellow)}.contact .emails{gap:60px}.contact .emails a{font-size:15px}.contact .details{justify-content:space-between;gap:35px}.contact .details p{font-size:14px}.socials{gap:12px}.social-icon{border:1px solid #ffffff40;border-radius:30px;padding:10px 16px;font-size:12px}.social-icon svg{width:18px;height:18px}.contact strong{font-size:10px;opacity:1;color:#adc7d9;margin-bottom:7px}footer{background:#052238;padding:30px 0;font-size:11px;line-height:1.8;color:#9eb9cd}.footer-bottom{border-top:1px solid #ffffff20;padding-top:20px;margin-top:22px;display:flex;justify-content:space-between}.footer-bottom span{font-size:21px;color:var(--yellow);font-weight:bold}.footer-bottom a{text-decoration:none}.float{padding:13px 20px;font-size:13px}.float svg{width:20px;height:20px}.plain-page{max-width:900px;margin:auto;padding:70px 5%;min-height:60vh}.skip-link{position:absolute;top:-100px;left:12px;z-index:99999;background:var(--yellow);padding:10px}.skip-link:focus{top:10px}
@media(max-width:1100px){header .brand{font-size:21px}header .links{gap:16px;font-size:12px}.hero h1{font-size:76px}.hero-visual{min-height:630px}.strip .wrap{grid-template-columns:1fr}.areas{grid-column:auto;grid-row:auto;margin:14px 0}.about .split,#preventivi .split{gap:35px}html{scroll-padding-top:125px}}
@media(max-width:820px){header .nav{flex-direction:column;gap:12px;padding:10px 0}header .brand img{width:65px;height:65px}header .brand{font-size:24px}header .brand small{font-size:10px;margin-bottom:4px}header .links{flex-wrap:wrap;gap:17px}header .links .btn{display:none}html{scroll-padding-top:160px}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-copy{padding:45px 0 30px}.hero h1{font-size:64px;letter-spacing:-3px}.hero .hero-lead{font-size:18px}.hero .hero-area{font-size:12px}.hero-visual{min-height:580px;margin:22px 0}.hero .btn{padding:13px 14px;font-size:12px}.hero-note{margin-top:22px}.photo-label{font-size:8px;left:14px;right:14px}.photo-label b{font-size:30px}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:30px}.gallery img{height:260px}.contact .details{gap:25px}section{padding:65px 0}}
@media(max-width:580px){.top .wrap{font-size:10px;gap:6px;flex-wrap:wrap}.top .wrap>a[href^="mailto"]{display:none}.top b{font-size:12px;margin-left:3px}header .brand{font-size:22px}header .brand img{width:65px;height:65px}header .links{gap:19px;font-size:11px}header .nav{min-height:125px}html{scroll-padding-top:145px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:35px 0 28px}.hero h1{font-size:67px;letter-spacing:-3px;margin:19px 0}.hero .hero-lead{margin:18px 0 12px;font-size:19px}.hero .hero-area{font-size:13px}.hero-actions{gap:18px;margin-top:25px}.hero .btn{font-size:13px;padding:15px 18px}.hero-note{display:none}.hero-visual{min-height:360px;margin:0 0 26px;border-radius:65px 9px 9px 9px}.hero-visual>img{object-position:50% 67%}.photo-label{font-size:9px;bottom:15px}.photo-label b{font-size:34px}.strip{padding:28px 0}.strip h2{font-size:23px}.areas{gap:6px}.areas span{font-size:11px;padding:7px 11px}.strip p{line-height:1.7}.grid,.split{grid-template-columns:1fr}.grid article{padding:25px}.grid{gap:14px}h2{letter-spacing:-1px;font-size:33px}.professional ul{grid-template-columns:1fr;gap:9px}.professional{padding:45px 0}.distance p{font-size:14px}.about .split>img{height:330px}.gallery{grid-template-columns:1fr 1fr;gap:20px 12px}.gallery img{height:230px}.gallery figure:first-child img,.gallery figure:last-child img{height:300px}.gallery figure:first-child,.gallery figure:last-child{grid-column:span 2}.gallery figcaption{font-size:10px}#preventivi .split{gap:25px}form{padding:22px}.form-row{grid-template-columns:1fr}.centralino .opzioni{grid-template-columns:1fr}.contact .centralino{padding:22px}.contact .emails{gap:15px;flex-direction:column}.contact .details{flex-direction:column}.contact .phone{font-size:29px}.footer-bottom span{font-size:17px}.float{bottom:14px;right:12px;font-size:12px}.admin-bar #gioia-custom-site header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

body.admin-bar{padding-top:32px!important}@media(max-width:782px){body.admin-bar{padding-top:46px!important}.admin-bar #gioia-custom-site header{top:46px}}@media(max-width:600px){.admin-bar #gioia-custom-site header{top:0}}

/* Identità più evidente e accenti di colore */
header .brand{font-size:clamp(32px,3.25vw,46px);letter-spacing:-1.5px;gap:18px}header .brand img{width:110px;height:110px}header .brand small{font-size:13px;letter-spacing:4px;color:#087eb9;margin-bottom:10px}header .brand b{font-weight:900;color:#082d4b}header .brand strong{font-weight:900;color:#087eb9}header .brand em{font-size:17px;color:#082d4b;background:#ffdc43;border-radius:5px;vertical-align:middle;padding:5px 7px;margin-left:3px;font-weight:900;letter-spacing:0}header .nav{min-height:140px;gap:22px}header .links{gap:18px}header .links .btn{background:#087eb9;border-bottom:3px solid #ffdc43}.top{background:#0874ac}.strip{background:#e9f7ff;border-bottom:4px solid #ffdc43}.areas span{color:#075b89;border-color:#b9deef}.areas span:nth-child(even){background:#fff0a3;border-color:#f5d85c;color:#23394b}.grid article:nth-child(2n) .num{background:#fff0a3;color:#8b6000}.grid article:nth-child(3n){border-top:4px solid #ffdc43}.grid article:nth-child(3n + 1){border-top:4px solid #0b8bc9}.grid article:nth-child(3n + 2){border-top:4px solid #69bfd9}.about .btn{border-bottom:4px solid #ffdc43}.contact{background:linear-gradient(115deg,#075f95,#082d4b 70%)}html{scroll-padding-top:170px}
@media(max-width:1100px){header .brand{font-size:34px}header .brand img{width:90px;height:90px}header .links{gap:13px;font-size:11px}header .nav{min-height:120px}}
@media(max-width:820px){header .nav{flex-direction:column;gap:15px;padding:12px 0}header .brand{font-size:37px}header .brand img{width:84px;height:84px}header .brand small{font-size:11px;letter-spacing:3px;margin-bottom:7px}header .brand em{font-size:14px}header .links{font-size:12px;gap:23px}html{scroll-padding-top:175px}}
@media(max-width:580px){header .brand{font-size:clamp(24px,6.3vw,34px);gap:10px;letter-spacing:-1px}header .brand img{width:70px;height:70px}header .brand small{font-size:10px;letter-spacing:3px;margin-bottom:7px}header .brand em{font-size:12px;padding:4px;margin-left:1px}header .links{font-size:11px;gap:17px}header .nav{gap:13px;min-height:130px}html{scroll-padding-top:150px}}

/* Intestazione professionale, colori dell’associazione */
@font-face{font-family:"Gioia Heading";src:url("assets/gioia-heading.otf") format("opentype");font-weight:600 900;font-style:normal;font-display:swap}
header .brand{font-family:"Gioia Heading",Arial,sans-serif;letter-spacing:-1.8px;font-size:clamp(32px,3.25vw,46px);font-weight:700}header .brand b,header .brand strong{font-weight:700}header .brand small{font-family:Arial,sans-serif;letter-spacing:4.5px;font-weight:700;color:#007cad}header .brand em{font-family:Arial,sans-serif;letter-spacing:.5px;padding:7px 8px;background:#ffdc43;box-shadow:3px 3px 0 #ff9f2830}#gioia-custom-site header{background:linear-gradient(110deg,#fff 35%,#eaf8ff 100%);border-bottom:0}#gioia-custom-site header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#087eb9 0 45%,#ffdc43 45% 75%,#ff8b26 75% 90%,#18a673 90%)}header .nav{padding-bottom:20px}.top{background:#087eb9}.links a:not(.btn){text-underline-offset:6px}.links a:not(.btn):hover{text-decoration:underline;text-decoration-color:#f0b911;text-decoration-thickness:3px}.links .btn{background:#007bb7;box-shadow:0 5px 12px #087eb920}.strip{background:linear-gradient(100deg,#e0f4ff,#f0fbff 60%,#fff8dc)}.areas span:nth-child(1){background:#077db9;color:#fff;border-color:#077db9}.areas span:nth-child(2){background:#ffdc43;color:#082d4b;border-color:#ffdc43}.areas span:nth-child(3){background:#dff4ed;color:#096447;border-color:#b3dfcf}.areas span:nth-child(4){background:#ffead7;color:#915014;border-color:#ffcca0}.grid article:nth-child(3n + 1){background:linear-gradient(145deg,#f1faff,#fff 65%)}.grid article:nth-child(3n + 2){background:linear-gradient(145deg,#fff9df,#fff 65%)}.grid article:nth-child(3n){background:linear-gradient(145deg,#eefaf6,#fff 65%)}.hero-visual{outline:1px solid #ffffff20}.hero .eyebrow{color:#bce8ff}.hero .hero-note>span{color:#ffdc43}
@media(max-width:1100px){header .brand{font-size:34px}}
@media(max-width:820px){header .brand{font-size:37px}header .brand em{padding:5px 6px}header .nav{padding-bottom:17px}}
@media(max-width:580px){header .brand{font-size:clamp(23px,6.05vw,33px);letter-spacing:-1.1px}header .brand small{letter-spacing:3.6px}header .brand em{padding:4px 5px;font-size:11px}header .nav{padding-bottom:18px}}

/* Tricolore italiano nell’identità dell’associazione */
#gioia-custom-site header:after{background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666% 100%);height:6px;box-shadow:0 1px 0 #dce5eb}
header .brand small{color:#007839}header .brand strong{color:#007cad}header .brand em{color:#b6202c;background:#fff;border:1px solid #e2e8eb;box-shadow:3px 3px 0 #ffdc43}
.hero .eyebrow:before{content:"";display:inline-block;width:30px;height:7px;border:1px solid #ffffff60;border-radius:2px;background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666%)}
.grid article:nth-child(3n+1){border-top-color:#009246}.grid article:nth-child(3n+2){border-top-color:#ffdc43}.grid article:nth-child(3n){border-top-color:#ce2b37}
.areas span:nth-child(3){background:#e7f5ed;color:#006d35;border-color:#afd6be}.areas span:nth-child(4){background:#fff0f1;color:#ae202c;border-color:#e5b3b8}
.footer-bottom{border-image:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666%) 1;border-top-width:3px}

.italian-flag{width:36px;height:26px;display:inline-block;vertical-align:middle;flex-shrink:0;margin-left:11px}header .brand small{display:flex;align-items:center;gap:12px}.brand small .italian-flag{width:33px;height:24px;margin:0}#foto .eyebrow{display:inline-flex;align-items:center}.footer-bottom>span{display:inline-flex;align-items:center;flex-wrap:wrap}.gallery figure.new-photo{grid-column:auto}.gallery figure.new-photo img{height:330px}.gallery figure.new-photo:last-child{grid-column:auto}.gallery figure.new-photo:last-child img{object-position:center}.gallery figure.new-photo:nth-last-child(2) img{object-position:center 58%}@media(max-width:580px){.brand small .italian-flag{width:27px;height:20px}.gallery figure.new-photo img{height:230px}.gallery figure.new-photo:last-child{grid-column:auto}.italian-flag{width:30px;height:22px}}

.contact .details>div:nth-child(2){flex:1 1 340px;max-width:500px}.map-card{margin-top:18px;overflow:hidden;border:1px solid #ffffff50;border-radius:10px;background:white}.map-card iframe{display:block;width:100%;height:250px;border:0}.contact .map-card .map-route{display:block;padding:15px 12px;border-radius:0;background:#ffdc43;color:#082d4b!important;font-size:12px;text-align:center;line-height:1.6}.map-card .map-route:hover{transform:none;background:#ffeb85!important}@media(max-width:580px){.contact .details>div:nth-child(2){flex:auto;width:100%;max-width:none}.map-card iframe{height:250px}}

.strip{padding:48px 0}.strip .wrap{display:block}.strip h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15;letter-spacing:-1.4px;margin:12px 0 24px}.strip .areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px;align-items:stretch}.strip .areas span{font-size:clamp(20px,2.1vw,28px);font-weight:800;border-radius:9px;text-align:center;padding:18px 12px;letter-spacing:-.6px}.strip .wrap>p{font-size:15px;line-height:1.7}.outside-region{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#082d4b;color:white;padding:23px 26px;border-radius:10px;margin-top:25px;border-left:5px solid #ffdc43;flex-wrap:wrap}.outside-region strong{font-size:23px;line-height:1.3}.outside-region span{font-size:14px;color:#d4e8f4}.strip .outside-region a{font-size:13px;font-weight:700;color:#ffdc43;white-space:normal}@media(max-width:680px){.strip{padding:35px 0}.strip h2{font-size:33px;letter-spacing:-1px}.strip .areas{grid-template-columns:1fr 1fr;gap:10px}.strip .areas span{font-size:24px;padding:15px 10px}.outside-region{padding:21px;gap:12px}.outside-region strong{font-size:23px}}

.video-panel{display:grid;grid-template-columns:1fr minmax(260px,390px);gap:50px;align-items:center;background:#082d4b;color:white;padding:42px;border-radius:14px;margin-top:55px}.video-panel h3{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-1.5px;margin:15px 0 22px;color:white}.video-panel .eyebrow{color:#ffdc43}.video-panel p{font-size:16px;line-height:1.8;color:#d4e6f3;max-width:470px}.video-panel .video-note{font-size:12px;color:#adc7da}.video-panel video{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:#031b2d;border-radius:10px}.gallery figure.new-photo:nth-last-child(2) img{object-position:center}@media(max-width:680px){.video-panel{display:block;padding:25px;margin-top:35px}.video-panel video{margin-top:25px;max-height:570px}.video-panel h3{font-size:35px}}

.contact .details{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(320px,1.3fr) minmax(240px,1fr);gap:30px;align-items:start}.contact .details>div:nth-child(2){max-width:none}.location-help{margin-top:25px;background:#ffffff0b;border:1px solid #ffffff40;border-top:4px solid #ffdc43;border-radius:11px;padding:25px}.location-help h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:14px 0 18px;color:white}.location-help p{font-size:13px;line-height:1.8;color:#d4e6f3}.location-help .eyebrow{color:#ffdc43;font-size:10px;letter-spacing:1.5px}.location-help ul{list-style:none;padding:0;margin:20px 0}.location-help li{font-size:12px;border-top:1px solid #ffffff20;padding:10px 0;color:#d4e6f3}.location-help li b{color:white}.contact .location-help .btn{background:#ffdc43;color:#082d4b!important;font-size:12px;text-align:center;width:100%;padding:13px 10px}.help-whatsapp{display:block;margin-top:18px;font-size:12px;font-weight:bold;color:#b4f1c9!important;text-align:center}@media(max-width:980px){.contact .details{grid-template-columns:1fr 1fr;gap:25px}.contact .details>div:first-child{grid-column:1/-1}.location-help{margin-top:20px}}@media(max-width:680px){.contact .details{grid-template-columns:1fr}.contact .details>div:first-child{grid-column:auto}.location-help{padding:25px}.location-help h3{font-size:30px}}

.location-services{margin-top:25px;padding:25px 22px;background:#f0f8fc;color:#082d4b;border-radius:11px;position:relative;overflow:hidden}.location-services:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666%)}.location-services .eyebrow{font-size:10px;color:#087bb4;letter-spacing:1.5px}.location-services h3{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:14px 0 18px;color:#082d4b}.location-services ul{list-style:none;padding:0;margin:0 0 23px}.location-services li{font-size:12px;line-height:1.6;padding:10px 0 10px 18px;border-bottom:1px solid #cfdee8;position:relative}.location-services li:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#087bb4;left:0;top:17px}.contact .location-services .btn{display:block;background:#087bb4;color:white!important;text-align:center;font-size:12px;padding:13px 10px}.contact .details>div:first-child>.phone{font-size:clamp(25px,2.4vw,32px)}@media(min-width:681px) and (max-width:980px){.location-services{max-width:none}.location-services ul{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.contact .location-services .btn{max-width:300px}}

.training-section{background:#eef6fa}.training-section .intro{max-width:760px}.training-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:35px 0}.training-badges>a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px;border:1px solid #cddfe9;border-radius:12px;background:white;padding:28px 18px;text-decoration:none;transition:transform .2s,border-color .2s}.training-badges>a:hover{transform:translateY(-3px);border-color:#087bb4}.course-symbol{width:82px;height:82px;background:#edf6fb;border-radius:50%;display:grid;place-items:center;color:#087bb4}.course-symbol svg{width:56px;height:56px}.training-badges>a:nth-child(2) .course-symbol{background:#fff1f2;color:#bf3145}.training-badges>a:nth-child(3) .course-symbol{background:#e8f6ed;color:#138048}.training-badges>a:nth-child(4) .course-symbol{background:#fff6d1;color:#916c00}.training-badges b{font-size:25px;line-height:1.3;letter-spacing:-.7px}.training-badges>a>span:last-child{font-size:12px;line-height:1.7;color:#536b7d}.course-request{margin-top:30px;scroll-margin-top:190px}.course-request>summary{cursor:pointer;list-style:none;width:fit-content;padding:17px 24px;background:#082d4b;border-bottom:4px solid #ffdc43}.course-request>summary::-webkit-details-marker{display:none}.course-request[open]>summary{margin-bottom:30px}.course-request-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.course-request h3{font-size:30px;line-height:1.3;margin:10px 0 20px}.course-request-inner>div>p{font-size:14px;color:#526c7c;line-height:1.8}.course-request form{background:white}.course-request textarea{display:block;width:100%;font:inherit;font-weight:normal;padding:12px;border:1px solid #c6d7e3;border-radius:6px;margin-top:7px;background:white;color:#17344b;resize:vertical}.course-request textarea:focus{outline:2px solid #087bb4;outline-offset:2px}#course-whatsapp{margin-top:12px;font-size:13px}.emergency-references{margin:38px 0;display:flex;align-items:center;gap:35px;padding:25px 30px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff08}.emergency-marks{display:flex;gap:16px;align-items:center;flex-shrink:0}.emergency-marks>a{display:flex;align-items:center;justify-content:center;background:white;border-radius:8px;padding:10px;width:155px;height:120px}.emergency-marks img{display:block;max-width:100%;width:135px;max-height:100px;object-fit:contain}.emergency-references h3{font-size:23px;margin:0 0 10px;color:white;line-height:1.3}.emergency-references p{font-size:13px;line-height:1.8;margin:6px 0;color:#d7e8f3}.emergency-references .emergency-business{font-size:12px}.emergency-business a{color:#ffdc43;font-weight:bold}@media(max-width:850px){.training-badges{grid-template-columns:1fr 1fr}.course-request-inner{gap:25px}.emergency-references{align-items:start;flex-direction:column;gap:22px}.emergency-marks>a{width:150px}}@media(max-width:580px){.training-badges{gap:12px}.training-badges>a{padding:23px 12px}.training-badges b{font-size:21px}.training-badges>a>span:last-child{font-size:11px}.course-symbol{width:70px;height:70px}.course-symbol svg{width:48px;height:48px}.course-request>summary{font-size:13px;padding:16px}.course-request-inner{grid-template-columns:1fr}.emergency-references{padding:22px}.emergency-marks{width:100%;gap:12px}.emergency-marks>a{width:calc(50% - 6px);height:110px}.emergency-marks img{width:120px}}

/* Testi più grandi in tutto il sito */
#gioia-custom-site{font-size:18px}#gioia-custom-site p,#gioia-custom-site li{font-size:17px;line-height:1.75}#gioia-custom-site .top{font-size:15px}#gioia-custom-site .top b{font-size:18px}#gioia-custom-site header .nav{width:min(1440px,94%);flex-wrap:wrap}#gioia-custom-site header .links{font-size:18px;gap:22px;flex-wrap:wrap}#gioia-custom-site .btn{font-size:16px}#gioia-custom-site .links .btn{font-size:15px}#gioia-custom-site .eyebrow{font-size:13px}#gioia-custom-site .hero-lead{font-size:25px;line-height:1.5}#gioia-custom-site .hero-area{font-size:18px}#gioia-custom-site .hero-note p{font-size:15px}#gioia-custom-site .hero .text-link{font-size:16px}#gioia-custom-site .photo-label{font-size:12px}#gioia-custom-site .grid article h3{font-size:24px}#gioia-custom-site .service-quote{font-size:16px}#gioia-custom-site .grid article .service-quote{font-size:15px}#gioia-custom-site .intro p{font-size:18px}#gioia-custom-site .strip .wrap>p{font-size:18px}#gioia-custom-site .outside-region span{font-size:17px}#gioia-custom-site .outside-region a{font-size:16px}#gioia-custom-site figcaption{font-size:15px;line-height:1.6}#gioia-custom-site form label{font-size:16px}#gioia-custom-site form input,#gioia-custom-site form select,#gioia-custom-site form textarea{font-size:17px}#gioia-custom-site form small{font-size:14px;line-height:1.6}#gioia-custom-site #quote-status,#gioia-custom-site #course-status{font-size:16px}#gioia-custom-site .contact strong{font-size:13px}#gioia-custom-site .contact .emails a{font-size:18px}#gioia-custom-site .social-icon{font-size:15px}#gioia-custom-site .location-services li,#gioia-custom-site .location-help li{font-size:15px}#gioia-custom-site .location-services h3,#gioia-custom-site .location-help h3{font-size:30px}#gioia-custom-site .location-services .eyebrow,#gioia-custom-site .location-help .eyebrow{font-size:12px}#gioia-custom-site .location-help p{font-size:16px}#gioia-custom-site .location-services .btn,#gioia-custom-site .location-help .btn,#gioia-custom-site .map-route{font-size:15px}#gioia-custom-site .help-whatsapp{font-size:15px}#gioia-custom-site .map-card iframe{height:330px}#gioia-custom-site .training-badges>a>span:last-child{font-size:15px}#gioia-custom-site .training-badges b{font-size:28px}#gioia-custom-site .course-request>summary{font-size:17px}#gioia-custom-site .course-request-inner>div>p{font-size:17px}#gioia-custom-site #course-whatsapp{font-size:15px}#gioia-custom-site .emergency-references p{font-size:16px}#gioia-custom-site .emergency-references .emergency-business{font-size:15px}#gioia-custom-site .video-panel .video-note{font-size:15px}#gioia-custom-site footer{font-size:15px;line-height:1.8}#gioia-custom-site .float{font-size:15px}#gioia-custom-site .emergency-marks a[href="tel:118"]{width:220px}#gioia-custom-site .emergency-marks a[href="tel:118"] img{width:200px;max-height:100px}
.quality-statement{display:flex;align-items:center;gap:18px;margin:28px 0;padding:22px;background:#edf6fb;border:1px solid #cbdfe9;border-left:5px solid #ffdc43;border-radius:10px}.quality-check{width:68px;height:68px;border-radius:50%;background:#087bb4;color:white;display:grid;place-items:center;flex-shrink:0}.quality-check svg{width:49px;height:49px}.quality-statement strong{display:block;font-size:27px;color:#082d4b;letter-spacing:.5px;line-height:1.4}.quality-statement span:not(.quality-check){display:block;font-size:16px;color:#46677c;line-height:1.6}
@media(max-width:1500px){#gioia-custom-site header .nav{flex-direction:column;gap:16px}#gioia-custom-site header .links{justify-content:center}html{scroll-padding-top:215px}}@media(max-width:680px){#gioia-custom-site p,#gioia-custom-site li{font-size:17px}#gioia-custom-site header .links{font-size:16px;gap:12px 20px}#gioia-custom-site .top{font-size:12px}#gioia-custom-site .top b{font-size:14px}#gioia-custom-site .hero-lead{font-size:23px}#gioia-custom-site .hero-area{font-size:17px}#gioia-custom-site .photo-label{font-size:10px}#gioia-custom-site .training-badges b{font-size:23px}#gioia-custom-site .training-badges>a>span:last-child{font-size:14px}#gioia-custom-site .course-request>summary{font-size:16px}#gioia-custom-site .emergency-marks a[href="tel:118"]{width:calc(58% - 6px)}#gioia-custom-site .emergency-marks a[href="tel:112"]{width:calc(42% - 6px)}#gioia-custom-site .emergency-marks a[href="tel:118"] img{width:100%}.quality-statement{padding:18px;gap:14px}.quality-check{width:57px;height:57px}.quality-statement strong{font-size:25px}.quality-statement span:not(.quality-check){font-size:15px}html{scroll-padding-top:190px}}