.contact-hero{background:linear-gradient(135deg,#002f6c 0%,#01b3e3 100%);justify-content:center;align-items:center;height:420px;min-height:320px;display:flex;position:relative;overflow:hidden}.contact-hero:before{content:"";opacity:.25;background:url(/assets/contactus/contactus.jpg) 50%/cover no-repeat;position:absolute;inset:0}.contact-hero-overlay{background:linear-gradient(135deg,#002f6cd9 0%,#01b3e399 100%);position:absolute;inset:0}.contact-hero-content{z-index:2;text-align:center;max-width:700px;padding:0 20px;position:relative}.contact-hero-title{color:#fff;text-shadow:0 2px 20px #0006;letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800}.contact-hero-subtitle{color:#ffffffe6;margin:0;font-size:clamp(1rem,2vw,1.2rem);font-weight:400}.contact-main{background:#f8fafc}.contact-info-card{background:#fff;border-radius:20px;height:100%;padding:40px;box-shadow:0 4px 30px #002f6c14}.contact-info-title{color:#002f6c;border-bottom:3px solid #01b3e3;margin-bottom:32px;padding-bottom:16px;font-size:1.6rem;font-weight:700}.contact-info-item{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.contact-info-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}.contact-info-icon.phone{background:linear-gradient(135deg,#002f6c,#0052b4)}.contact-info-icon.whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.contact-info-icon.email{background:linear-gradient(135deg,#01b3e3,#0184b0)}.contact-info-icon.clock{background:linear-gradient(135deg,#f97316,#ea580c)}.contact-info-icon.location{background:linear-gradient(135deg,#ef4444,#dc2626)}.contact-info-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:4px;font-size:.78rem;font-weight:600}.contact-info-value{color:#1f2937;font-size:.95rem;line-height:1.5;text-decoration:none;transition:color .2s}a.contact-info-value:hover{color:#01b3e3}.contact-social{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.contact-social-label{text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:14px;font-size:.8rem;font-weight:600}.contact-social-icons{flex-wrap:wrap;gap:10px;display:flex}.social-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.social-icon:hover{opacity:.85;color:#fff;transform:translateY(-3px)}.social-icon.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-icon.facebook{background:#1877f2}.social-icon.youtube{background:red}.social-icon.pinterest{background:#e60023}.social-icon.linkedin{background:#0077b5}.social-icon.wa{background:#25d366}.contact-form-card{background:#fff;border-radius:20px;height:100%;padding:40px;box-shadow:0 4px 30px #002f6c14}.contact-form-title{color:#002f6c;border-bottom:3px solid #01b3e3;margin-bottom:30px;padding-bottom:16px;font-size:1.6rem;font-weight:700}.form-label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input{color:#1f2937;appearance:none;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus{background:#fff;border-color:#01b3e3;box-shadow:0 0 0 3px #01b3e326}textarea.form-input{resize:vertical;min-height:140px}select.form-input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn-contact-submit{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#01b3e3,#0184b0);border:none;border-radius:50px;width:100%;margin-top:8px;padding:14px 32px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.btn-contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #01b3e366}.btn-contact-submit:disabled{opacity:.65;cursor:not-allowed}.contact-success{text-align:center;padding:60px 20px}.contact-success-icon{color:#fff;background:linear-gradient(135deg,#01b3e3,#0184b0);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;font-size:2.4rem;display:flex;box-shadow:0 8px 25px #01b3e359}.contact-success h3{color:#002f6c;margin-bottom:12px;font-size:1.6rem;font-weight:700}.contact-success p{color:#6b7280;margin-bottom:28px;font-size:1rem}.btn-contact-back{color:#01b3e3;cursor:pointer;background:0 0;border:2px solid #01b3e3;border-radius:50px;padding:10px 28px;font-weight:600;transition:background .2s,color .2s}.btn-contact-back:hover{color:#fff;background:#01b3e3}.contact-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;font-size:.9rem}.contact-map-section{background:#fff}.contact-map-header{text-align:center;padding:50px 20px 30px}.contact-map-header h2{color:#002f6c;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;display:inline-block;position:relative}.contact-map-header h2:after{content:"";background:#01b3e3;border-radius:2px;width:60px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact-map-wrapper{border-top:4px solid #01b3e3;width:100%;line-height:0}.contact-map-wrapper iframe{display:block}@media (max-width:767px){.contact-info-card,.contact-form-card{padding:28px 20px}.contact-hero{height:300px}}.form-input.is-invalid{background-color:#fef2f2!important;border-color:#ef4444!important}.form-input.is-invalid:focus{box-shadow:0 0 0 3px #ef444426!important}