@charset "utf-8";
/* Reset.css */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
*{margin:0;padding:0;border:none;box-sizing:border-box;outline:none;}
.clear{clear:both;width:100%;height:0;margin:0;padding:0;border:none;}
/* ======================================================================== */
body{width:100%;height:auto;font-family:'Montserrat',sans-serif;font-size:20px;}

/* === HEADING === */
header{width:100%;background:url(/assets/img/header.webp) center center repeat;}
.header-container{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;max-width:1440px;margin:0 auto;padding:20px 40px 0;box-sizing:border-box;}
.header-content {display:block;order:0;flex:1 1 auto;max-width:760px;margin:0;padding:10px 30px 24px 0;box-sizing:border-box;}
.header-hero{position:relative;display:block;order:1;flex:0 0 auto;overflow:visible;width:clamp(240px, 22vw, 360px);margin:0;padding:0;align-self:stretch;}
.header-hero .hero-bg{position:relative;display:block;overflow:hidden;width:100%;height:100%;margin:0;padding:0;background:url("/informazioni/info_formazione_docenti/img/formazione_doceenti.webp") center center no-repeat;background-size:cover;}
.header-hero .hero-bg .logo {display:none;}
.header-form {display:block;order:2;flex:0 0 340px;max-width:340px;margin:0 0 30px;padding:20px 0 0 10px;box-sizing:border-box;}
.header-form form {display:flex;flex-direction:column;gap:10px;}
.header-form .oppure {display: none;text-align: center;cursor: pointer; font-weight:600;}


.logo {width: 100%;max-width: 320px;margin-bottom:20px;}
.logo img {filter: drop-shadow(4px 4px 2px rgba(0, 0, 0, 0.40));}

h1 {margin:0 0 20px 0;font-weight:900;font-size:40px;line-height:40px;text-decoration:none;color:rgba(255,255,255,1.00);}
h1 strong {font-weight:900;line-height:normal;text-decoration:underline;color:rgba(255,160,0,0.99);text-decoration-color:rgba(255,255,255,1);text-decoration-thickness:2px;text-underline-offset:4px;}

header h2 {margin:0 0 20px 0;font-weight:400;line-height:normal;text-decoration:none;background:none;color:rgba(255,158,9,0.99);font-size:24px;}
header h2 strong {font-weight:400;line-height:normal;text-decoration:underline;letter-spacing: 0.05rem; background:none;color:rgba(255,255,255,1);text-decoration-color:rgba(255,255,255,1);text-decoration-thickness:2px;text-underline-offset:4px;}
header p {margin:0 0 16px 0;font-weight:400;line-height:28px;text-decoration:none;background:none;color:rgba(255,255,255,1);font-size:20px;}

/* === FORM === */
.header-form h2{margin-bottom:6px;font-size:26px;font-weight:800;text-align:center;text-transform:uppercase;}
form{overflow:hidden;}
fieldset div{position:relative;width:100%;margin:0 0 8px 0;background-color:rgba(255,255,255,1);border-radius:6px;}
fieldset input,fieldset select{width:100%;padding:10px 14px;font-size:13px;font-weight:normal;background:none;color:#000;border:none;border-bottom:1px solid rgba(0,0,0,1)!important;outline:none;}
input::placeholder{opacity:1;}
input:focus,select:focus,textarea:focus{box-sizing:border-box;background:rgba(248,255,225,1);border:none;outline:none;border-radius:6px;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.select{padding:10px 14px;font-size:14px;font-weight:normal;background:url("/assets/img/select-arrow.webp") no-repeat 97% 50%;color:#000!important;border-bottom:1px solid rgba(0,0,0,1)!important;}
fieldset div.prefisso{display:inline-block;width:30%;margin-right:2.5%;}
fieldset div.numero{display:inline-block;float:right;width:66%;}
fieldset #campi-obbligatori{float:left;background:none!important;border:none;}
fieldset #campi-obbligatori label{margin:20px 0 0 0;font-size:12px;color:rgba(255,255,255,1);}
fieldset #privacy_box{overflow:hidden;margin:0 0 10px 0;padding:0 8px 8px 8px;font-size:12px;line-height:18px!important;color:rgba(255,255,255,1);background:none!important;border:none;}
fieldset #privacy_box input{display:inline;width:15px;height:15px;margin:0 2px 0 4px;}
fieldset #privacy_box p{display:inline;margin-bottom:0!important;font-size:12px;line-height:18px;}
fieldset #privacy_box strong{font-size:12px;font-weight:700;}
fieldset #variabili{display:none;background:none;}
fieldset #domanda{display:none;}
fieldset a{color:rgba(255,160,0,0.99);text-decoration:underline;}
#invia{margin:0 auto;width:100%;max-width:220px;}
#invia2{margin:0;border:none;border-radius:8px;background:none;}
.item{float:none;border:none;background:none;}
.item .jqconferma{display:block;width:100%;margin:0;padding:8px 16px;font-family:'Figtree',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;color:#000;background-color:rgba(255,160,0,0.99)!important;border-bottom:0;cursor:pointer;}
.item:hover .jqconferma:hover{background-color:#fff!important;transition:all .3s;}
#nome-errore,#cognome-errore,#telefono-errore,#email-errore,#provincia-errore{display:none;}
.error{position:absolute;bottom:0;left:0;margin:0!important;padding:2px!important;font-size:10px!important;line-height:9px!important;background-color:#EF801F;color:#fff;}
input,select,input:focus,select:focus{border-bottom:1px solid rgba(174,201,11,0.99);background:rgba(248,255,225,1);}
input:required:focus:invalid,select:required:focus:invalid{border-bottom:1px solid rgb(169,57,6);background:none;}
input:required:valid,select:required:valid{border-bottom:1px solid #0C0;background:none;}
/* === CONTENUTI === */
.row{overflow:hidden;margin:0 0 20px 0;}
.container{overflow:hidden;width:100%;max-width:1440px;margin:0 auto;padding:60px 40px 40px;}
.container h2{margin:0 0 8px 0;font-size:26px;line-height:28px;font-weight:700;text-align:center;color:rgba(11,52,102,1);}
.container h2 strong{color:rgba(224,136,0,0.99);text-decoration:underline;text-decoration-color:rgba(11,52,102,1);text-decoration-thickness:2px;text-underline-offset:4px;}
p{margin:0 0 20px 0;font-size:20px;line-height:28px;}
/* === DIVENTARE === */
.row.diventare{overflow:visible;margin-bottom:0;}
.row.diventare p{margin-bottom:0;}
/* === A-CHI === */
.row.a-chi{overflow:visible;}
.row.a-chi .bullet-cards{display:flex;overflow:visible;width:100%;margin:24px 0 0 0;padding:0;gap:24px;}
.row.a-chi .bullet-card{position:relative;display:block;overflow:visible;width:100%;margin:0;padding:28px 22px;background:#fff;color:#000;border:1px solid rgba(11,52,102,0.12);border-bottom:3px solid rgba(224,136,0,0.99);border-radius:12px;box-shadow:10px 14px 22px rgba(0,0,0,0.22);background-color:rgba(236,243,252,1);}
.row.a-chi .bullet-card p{position:relative;display:block;overflow:hidden;width:100%;margin:0;padding:0 0 0 28px;font-weight:400;line-height:28px;background:none;color:rgba(11,52,102,1);font-size:20px;}
.row.a-chi .bullet-card p:before{content:"";position:absolute;top:9px;left:0;width:10px;height:10px;background:rgba(11,52,102,1);border-radius:50%;}
.row.a-chi .bullet-card p strong{font-weight:700;}
/* === COSA === */
.row.cosa{overflow:visible;}
.row.cosa .cosa-boxes{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;width:100%;margin:24px 0 0 0;padding:0;gap:16px;}
.row.cosa .cosa-box{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;margin:0;padding:26px 20px;font-weight:400;line-height:26px;text-align:center;background:rgba(236,243,252,1);color:rgba(11,52,102,1);border:1px solid rgba(11,52,102,0.12);border-bottom:3px solid rgba(224,136,0,0.99);border-radius:12px;box-shadow:10px 14px 22px rgba(0,0,0,0.22);font-size:20px;}

/* === COME === */
.row.come{overflow:visible;}
.row.come .steps {display:flex;overflow:visible;width:100%;margin:24px 0 0 0;padding:0;gap:24px;}
.row.come .step {position:relative;display:block;overflow:visible;width:100%;margin:0;padding:28px 22px;background:#fff;color:#000;border:1px solid rgba(11,52,102,0.12);border-bottom:3px solid rgba(224,136,0,0.99);border-radius:12px;box-shadow:10px 14px 22px rgba(0,0,0,0.22);background-color:rgba(236,243,252,1);}
.row.come .step p{position:relative;display:block;overflow:hidden;width:100%;margin:0;padding:0 0 0 28px;font-weight:400;line-height:28px;background:none;color:rgba(11,52,102,1);font-size:20px;}
.row.come .step p:before{content:"";position:absolute;top:9px;left:0;width:10px;height:10px;background:rgba(11,52,102,1);border-radius:50%;}
.row.come .step h3{position:relative;display:block;overflow:hidden;width:100%;margin:0 0 12px 0;padding:0 0 0 28px;font-weight:900;line-height:26px;background:none;color:rgba(11,52,102,1);font-size:20px;}
.row.come .step h3:before{content:"";position:absolute;top:9px;left:0;width:10px;height:10px;background:rgba(11,52,102,1);border-radius:50%;}
/* === FINALE === */
.row.finale{overflow:visible;width:100%;max-width:800px;margin:20px auto;padding:50px 40px;background:rgba(224,136,0,0.05);color:#000;border:3px solid rgba(224,136,0,0.50);border-bottom:6px solid rgba(11,52,102,1);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,0.14);text-align:center;}
.row.finale h2{margin:0 0 14px 0;}
.row.finale p{margin:0 0 26px 0;font-size:22px;line-height:30px;}
.row.finale .cta-wrap{margin-top:10px;}
/* === BUTTON CTA === */
.cta-wrap{display:flex;overflow:visible;width:100%;margin:22px 0 0 0;padding:0;justify-content:center;}
.btn-cta{display:inline-block;overflow:hidden;margin:0;padding:12px 22px;font-weight:700;line-height:1;text-transform:uppercase;background:rgba(224,136,0,0.99);color:#fff;border-radius:8px;cursor:pointer;}
.btn-cta:hover{background:rgba(11,52,102,1);transition:all .3s;}
.btn-cta.big{padding:16px 34px;font-size:18px;font-weight:900;}
.btn-cta.small{padding:9px 14px;font-size:14px;}
/* === FOOTER === */
footer{overflow:hidden;width:100%;background:url(/assets/img/header.webp) center center repeat;}
.footer{max-width:1440px;margin:0 auto;padding:60px 40px 40px;text-align:center;color:#fff;}
/* === DIVISORI TRA SEZIONI (HTML) === */
.section-divider{position:relative;display:block;overflow:hidden;width:100%;height:100px;margin:0;padding:0;}
.section-divider:before{content:"";position:absolute;top:50%;left:0;display:block;overflow:hidden;width:100%;height:1px;margin:0;padding:0;background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.24), rgba(0,0,0,0));z-index:1;transform:translateY(-50%);}
.section-divider:after{content:"";position:absolute;top:50%;left:50%;display:block;overflow:hidden;width:170px;height:4px;margin:0;padding:0;background:rgba(224,136,0,0.88);border-radius:999px;z-index:2;transform:translate(-50%,-50%);}
.divider-info{display:none;}
/* === VARIE === */
.mb-40{margin-bottom:20px;}
.link{cursor:pointer;text-decoration:underline;}
.hidden-desk{display:none;}
.fluid{width:100%;height:auto;}
.intero{display:inline-block;}
.centered{text-align:center;}
.orange{color:rgba(224,136,0,0.99)!important;}
.link-blu{text-decoration:underline;text-decoration-color:rgba(11,52,102,1);text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer;}



/* === RESPONSIVE 1370 === */
@media (max-width:1370px){
h1{font-size:30px;line-height:34px;}
h1 strong{font-size:26px;}
.row.cosa .cosa-boxes{flex-wrap:wrap;}
.row.cosa .cosa-boxes li{flex:0 0 calc(33.333% - 12px);}}

/* === RESPONSIVE 1200 === */
@media (max-width:1200px){
.header-container{display:flex;flex-wrap:wrap;align-items:stretch;max-width:720px;margin:0 auto;padding:0 ;}
	
.header-content{order:2;flex:0 0 100%;max-width:100%;padding:26px 0 24px 0;}
.header-content .logo {display:none;}
.header-hero{order:0;flex:0 0 50%;width:auto;min-height:400px;}
.header-hero .hero-bg {position:relative;background-position:center top;background-size:contain;}
.header-hero .hero-bg .logo { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: block;max-width: 320px; }

	
.header-form{order:1;flex:0 0 50%;max-width:50%;padding:30px 0 0 0;}
.header-form h2{font-size:24px;}
	
h1{font-size:26px;line-height:34px;}
h1 strong{font-size:26px;}
	
/* CONTENUTI */	
.container{max-width:720px;padding:40px 20px 40px;}
.row.a-chi .bullet-cards{flex-direction:column;gap:16px;margin:20px 0 0 0;}
.row.come .steps{flex-direction:column;gap:16px;margin:20px 0 0 0;}
.section-divider{height:90px;}
.divider-info{position:absolute;top:50%;left:50%;display:inline-block;overflow:hidden;margin:0;padding:9px 16px;font-weight:900;line-height:1;text-transform:uppercase;background:rgba(224,136,0,0.99);color:#fff;border-radius:8px;cursor:pointer;z-index:3;transform:translate(-50%,-50%);}
.divider-info:hover{background:rgba(11,52,102,1);transition:all .3s;}
.footer{max-width:720px;padding:40px 20px 40px;}
}



/* === RESPONSIVE 720 === */
@media (max-width:720px){
.header-container{flex-direction:column;align-items:stretch;max-width:560px;margin:0 auto;padding:0 16px;}
	
.header-hero {order:0;flex:0 0 auto;max-width:100%;width:100%;height:300px;margin:0;padding:0;align-self:stretch;}
.header-hero .hero-bg {width:100%;height:100%;background-position:center top;background-size:340px;}
	
.header-hero .hero-bg .logo {bottom: 0px;max-width: 380px; padding:0 10px;}
	
	
.header-content{order:1;flex:0 0 auto;max-width:100%;width:100%;padding:20px 0 0 0;text-align: center;}
.header-content h1 {font-size:23px;line-height:30px;}
.header-content h1 strong {font-size:23px;line-height:30px;}
header p{font-size:16px;line-height:22px;}

.header-form{order:2;flex:0 0 auto;max-width:100%;width:100%;margin:0 0 40px 0;padding:24px 0 0 0;}

	.header-form h2 {font-size:22px;}
.header-form .oppure {display:block;}	
fieldset div {margin:0 0 14px 0;}
fieldset input, fieldset select {padding:18px 14px;}
.select{padding:18px 14px;}
	
	.container p ,
	.row.cosa .cosa-box,
	.row.come .step p ,
	.row.a-chi .bullet-card p 
	{font-size: 18px;line-height: 24px;}	
	.container h2 {font-size:20px;}
}