.contatti-page{padding:2rem 0 4rem;background:#fff;min-height:calc(100vh - 120px);display:block;visibility:visible}.page-header{text-align:center;margin-bottom:3rem;margin-top:50px}.page-header h1{font-family:Poppins,sans-serif;font-size:2.8rem;font-weight:500;color:#2c3e50;margin-bottom:1.5rem;line-height:1.2}.page-header h1[style*="color: black"],.page-header h1[style*="color: #000"],.page-header h1[style*="color: #000000"]{color:#fff!important}.page-header p{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.contatti-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto;padding:0 2rem}.contatti-info{background:#f8f9fa;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000000d}.contact-section h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.contact-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.contact-icon{flex-shrink:0;width:24px;height:24px;background:#453575;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.contact-details h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.contact-details p{margin:0;color:#6b7280}.contact-details a{color:var(--primary-color);text-decoration:none;font-weight:500}.contact-details a:hover{text-decoration:underline}.contact-details small{display:block;color:#9ca3af;font-size:.85rem;margin-top:.25rem}.social-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.social-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:8px;text-decoration:none;color:#6b7280;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid #e9ecef}.social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;color:#2c3e50}.social-link.instagram:hover{color:#e4405f;border-color:#e4405f}.social-link.facebook:hover{color:#1877f2;border-color:#1877f2}.social-link.tiktok:hover{color:#000;border-color:#000}.social-link.linkedin:hover{color:#0077b5;border-color:#0077b5}.features-section{margin-top:2rem}.feature-block{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.feature-block:last-child{margin-bottom:0}.feature-icon{flex-shrink:0;width:24px;height:24px;background:#453575;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.feature-content h3{font-size:1rem;font-weight:600;color:#2c3e50;margin-bottom:.25rem}.feature-content p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.4}.contatti-form-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000000d;border:1px solid #e9ecef}.contatti-form h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.contatti-form>p{color:#6b7280;margin-bottom:2rem;font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;color:#2c3e50;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;font-family:Poppins,sans-serif;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4535751a}.form-group textarea{resize:vertical;min-height:120px}.contatti-form .form-group.checkbox-simple{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:.75rem!important;margin-bottom:1rem!important}.contatti-form .form-group.checkbox-simple input[type=checkbox]{float:none!important;margin:2px 0 0!important;width:18px!important;height:18px!important;flex-shrink:0!important;order:1!important}.contatti-form .form-group.checkbox-simple label{display:block!important;overflow:visible!important;margin:0!important;order:2!important;flex:1!important}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;line-height:1.4;color:#6b7280}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{flex-shrink:0;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;position:relative;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-label a{color:var(--primary-color);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.submit-button{width:100%;padding:1rem;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4535754d}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-button.loading{background:#6b7280}.form-group.error input,.form-group.error textarea{border-color:#e74c3c}.form-group.success input,.form-group.success textarea{border-color:#27ae60}.error-message{color:#e74c3c;font-size:.85rem;margin-top:.5rem;display:block}.form-success{text-align:center;padding:2rem;background:#f0f9ff;border-radius:12px;border:1px solid #0ea5e9}.form-success-icon{font-size:3rem;margin-bottom:1rem}.form-success h3{color:#0ea5e9;margin-bottom:1rem}.form-success p{color:#6b7280;margin-bottom:1rem}.success-actions{margin-top:1.5rem}@media(max-width:768px){.contatti-page{padding:1.5rem 0 3rem}.page-header{margin-bottom:2rem;margin-top:30px}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.contatti-layout{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.contatti-info,.contatti-form-container{padding:1.5rem}.social-links{grid-template-columns:1fr}.contact-item,.feature-block{flex-direction:column;text-align:center;gap:.75rem}}@media(max-width:480px){.contatti-page{padding:1rem 0 2rem}.page-header{margin-top:20px}.page-header h1{font-size:1.8rem}.contatti-layout{padding:0 .5rem}.contatti-info,.contatti-form-container{padding:1rem}.form-group input,.form-group textarea{padding:.6rem;font-size:.9rem}.submit-button{padding:.8rem;font-size:.9rem}}
