:root{--primary:#471f3a;--primary-light:#572a47;--primary-ultra-light:#f6f2f5;--secondary:#f4c38b;--secondary-light:#f8d9ad;--secondary-ultra-light:#faf5ed;--white:#fff;--off-white:#f9f9f9;--light-gray:#f4f4f4;--text-dark:#333;--text-medium:#666;--heading-font:"Poppins", sans-serif;--body-font:"Poppins", sans-serif;--transition:all .3s ease;--box-shadow:0 10px 30px #00000014;--box-shadow-hover:0 15px 40px #00000026}.contact-page{font-family:var(--body-font);color:var(--text-dark);width:100%;margin:0;padding:0;line-height:1.6;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contact-hero{text-align:center;height:50vh;color:var(--white);background-image:url(/assets/herosectionpiquant.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.contact-hero-overlay{z-index:1;background:linear-gradient(90deg,#471f3ad9,#471f3abf);width:100%;height:100%;position:absolute;top:0;left:0}.contact-hero-content{z-index:2;max-width:800px;padding:0 20px;animation:1s ease-out forwards fadeInUp;position:relative}.contact-hero h1{color:var(--white);letter-spacing:5px;margin-bottom:1.5rem;font-size:4rem;font-weight:300;display:inline-block;position:relative}.contact-hero h1:after{content:"";background-color:var(--secondary);width:80px;height:3px;animation:1.2s ease-out .5s forwards scaleIn;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.contact-hero p{color:var(--white);font-size:1.4rem;font-family:var(--body-font);letter-spacing:1px;opacity:.9;text-shadow:1px 1px 3px #00000080;margin-bottom:0;font-weight:300;line-height:1.6}.contact-main{background-color:var(--white);padding:100px 0;position:relative}.contact-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.contact-intro{text-align:center;margin-bottom:60px;animation:.8s forwards fadeInUp}.contact-intro h2{color:var(--primary);margin-bottom:15px;font-size:2.5rem;display:inline-block;position:relative}.decorative-line{background-color:var(--secondary);width:80px;height:3px;margin:0 auto 20px;transition:width .3s}.contact-intro p{max-width:700px;color:var(--text-medium);margin:0 auto;font-size:1.1rem}.contact-content{justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto;display:flex;position:relative}.contact-form-wrapper{background-color:var(--white);box-shadow:var(--box-shadow);opacity:0;border:1px solid #0000000d;border-radius:12px;flex:1;padding:40px;transition:transform .8s,opacity .8s,box-shadow .3s;transform:translateY(30px)}.contact-form-wrapper.visible{opacity:1;transform:translateY(0)}.contact-form-wrapper:hover{box-shadow:var(--box-shadow-hover)}.form-header{text-align:center;margin-bottom:30px}.form-header h3{color:var(--primary);margin-bottom:10px;font-size:1.8rem}.form-header p{color:var(--text-medium);font-size:1rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;margin-bottom:5px;display:flex}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}label{color:var(--primary);margin-bottom:8px;font-size:.95rem;font-weight:500}.required{color:#e74c3c;margin-left:2px}input,select,textarea{font-family:var(--body-font);transition:var(--transition);color:var(--text-dark);border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #f4c38b33}textarea{resize:vertical;min-height:120px}.submit-button{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:var(--white);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:14px 20px;font-size:1.1rem;font-weight:600;display:flex;box-shadow:0 5px 15px #471f3a33}.submit-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #471f3a4d}.button-icon{font-size:1.2rem}.form-success{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:50px 20px;animation:.5s forwards scaleIn;display:flex}.success-icon{color:#27ae60;margin-bottom:20px;font-size:4rem}.form-success h4{color:var(--primary);margin-bottom:15px;font-size:2rem}.form-success p{color:var(--text-medium);max-width:90%;font-size:1.1rem}.contact-info{opacity:0;flex-direction:column;flex:1;gap:30px;transition:transform .8s,opacity .8s;display:flex;transform:translateY(30px)}.contact-info.visible{opacity:1;transform:translateY(0)}.info-card{background-color:var(--primary-ultra-light);box-shadow:var(--box-shadow);border-radius:12px;flex-direction:column;height:calc(100% - 330px);min-height:300px;padding:40px 30px;transition:box-shadow .3s;display:flex}.info-card:hover{box-shadow:var(--box-shadow-hover)}.info-card h3{color:var(--primary);text-align:center;margin-bottom:15px;font-size:1.8rem}.info-intro{color:var(--text-medium);text-align:center;margin-bottom:30px;font-size:1rem}.info-items{flex-direction:column;flex-grow:1;gap:25px;display:flex}.info-item{align-items:center;gap:15px;display:flex}.info-icon{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);width:50px;height:50px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:transform .3s;display:flex;box-shadow:0 5px 15px #f4c38b4d}.info-item:hover .info-icon{transform:scale(1.1)}.info-content{flex:1}.info-content h4{color:var(--primary);margin:0 0 5px;font-size:1.2rem}.info-content p{color:var(--text-medium);margin:0;font-size:1rem;line-height:1.5}.call-to-action{text-align:center;border-top:1px solid #471f3a1a;margin-top:30px;padding-top:20px}.call-to-action h4{color:var(--primary);margin-bottom:15px;font-size:1.3rem}.cta-button{background:linear-gradient(135deg, var(--secondary) 0%, var(--secondary-light) 100%);color:var(--primary);cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:12px 20px;font-size:1.1rem;font-weight:600;display:flex;box-shadow:0 5px 15px #f4c38b4d}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #f4c38b66}.map-container{height:300px;box-shadow:var(--box-shadow);border-radius:12px;transition:box-shadow .3s;overflow:hidden}.map-container:hover{box-shadow:var(--box-shadow-hover)}.faq-section{background-color:var(--primary-ultra-light);padding:100px 0;position:relative}.faq-section:before{content:"";z-index:1;background-image:linear-gradient(120deg,#471f3a05 0%,#f4c38b08 100%),radial-gradient(circle at 80% 20%,#f4c38b08 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.faq-container{z-index:2;max-width:1000px;margin:0 auto;padding:0 20px;position:relative}.faq-header{text-align:center;margin-bottom:50px;animation:.8s forwards fadeInUp}.faq-header h2{color:var(--primary);margin-bottom:15px;font-size:2.5rem;display:inline-block;position:relative}.faq-header p{max-width:700px;color:var(--text-medium);margin:0 auto;font-size:1.1rem}.faq-content{opacity:0;transition:transform .8s,opacity .8s;transform:translateY(30px)}.faq-content.visible{opacity:1;transform:translateY(0)}.faq-categories{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.category-button{border:1px solid var(--primary);color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border-radius:30px;padding:10px 20px;font-size:.95rem}.category-button.active{background-color:var(--primary);color:var(--white);box-shadow:0 5px 15px #471f3a33}.category-button:hover:not(.active){background-color:#471f3a0d;transform:translateY(-2px)}.faq-list{flex-direction:column;gap:15px;display:flex}.faq-item{background-color:var(--white);border-radius:10px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 5px 20px #0000000d}.faq-item:hover{box-shadow:0 8px 25px #0000001a}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:20px 25px;transition:background-color .3s;display:flex}.faq-question h4{color:var(--primary);flex:1;margin:0;font-size:1.1rem;font-weight:500;transition:color .3s}.faq-question.open h4{color:var(--primary);font-weight:600}.faq-icon{color:var(--primary);font-size:1rem;transition:transform .3s}.faq-question.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .5s,padding .3s;overflow:hidden}.faq-answer.open{max-height:500px;padding:0 25px 20px}.faq-answer p{color:var(--text-medium);margin:0;font-size:1rem;line-height:1.7}@media (max-width:992px){.contact-content{flex-direction:column}.contact-form-wrapper,.info-card{height:auto;min-height:0}.contact-hero h1{font-size:3.5rem}.contact-hero p{font-size:1.2rem}}@media (max-width:768px){.contact-hero{height:40vh}.contact-hero h1{font-size:3rem}.contact-hero p{font-size:1.1rem}.contact-main,.faq-section{padding:70px 0}.contact-form-wrapper{padding:30px 25px}.form-row{flex-direction:column;gap:20px}.faq-categories{gap:10px}.category-button{padding:8px 15px;font-size:.9rem}}@media (max-width:576px){.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1rem}.contact-intro h2,.faq-header h2{font-size:2rem}.form-header h3{font-size:1.5rem}.info-card{padding:25px 20px}.category-button{padding:8px 12px;font-size:.8rem}.faq-question{padding:15px 20px}.faq-question h4{font-size:1rem}.faq-answer.open{padding:0 20px 15px}}
