.contacto-page{background-color:var(--color-black);min-height:100vh}.contacto-hero{height:400px;position:relative;display:flex;align-items:center;overflow:hidden;background-image:url(/cole.webp?height=800&width=1200);background-size:cover;background-position:50%;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.contacto-hero.visible{opacity:1;transform:translateY(0)}.contacto-hero .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.5))}.contacto-hero .container{position:relative;z-index:1;padding-top:80px}.contacto-hero h1{font-size:4rem;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.contacto-hero h1 span{color:var(--color-yellow)}.contacto-hero p{font-size:1.3rem;max-width:600px}.contacto-content{padding:80px 0}.contacto-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;margin-bottom:80px}.contacto-faq-section,.contacto-form-section,.contacto-info-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.contacto-faq-section.visible,.contacto-form-section.visible,.contacto-info-section.visible{opacity:1;transform:translateY(0)}.contacto-faq-section h2,.contacto-form-section h2,.contacto-info-section h2{font-size:2.5rem;margin-bottom:30px;color:var(--color-white);position:relative;display:inline-block}.contacto-faq-section h2:after,.contacto-form-section h2:after,.contacto-info-section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:3px;background-color:var(--color-green)}.contacto-form{background-color:rgba(20,20,20,.6);padding:30px;border-radius:10px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--color-white);font-weight:500}.required{color:var(--color-yellow)}.form-group input,.form-group textarea{width:100%;padding:12px 15px;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:5px;color:var(--color-white);font-family:var(--font-secondary);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-green);background-color:rgba(255,255,255,.1)}.form-group input.error,.form-group textarea.error{border-color:#ff4d4d}.error-message{color:#ff4d4d;font-size:.9rem;margin-top:5px;display:block}.contacto-form .btn-primary{width:100%;margin-top:10px}.contacto-form .btn-primary.submitting{background-color:var(--color-green);color:var(--color-white);opacity:.8}.form-success{background-color:rgba(0,102,51,.2);padding:40px 20px;border-radius:10px;text-align:center;border:1px solid var(--color-green)}.success-icon{width:60px;height:60px;background-color:var(--color-green);color:var(--color-white);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:2rem;margin:0 auto 20px}.form-success h3{font-size:1.8rem;color:var(--color-yellow);margin-bottom:15px}.form-success p{font-size:1.1rem;color:var(--color-white)}.info-items{margin-bottom:40px}.info-item{display:flex;margin-bottom:25px;background-color:rgba(20,20,20,.6);padding:20px;border-radius:10px;transition:transform .3s ease,background-color .3s ease}.info-item:hover{transform:translateY(-5px);background-color:rgba(20,20,20,.8)}.info-icon{font-size:2rem;margin-right:20px;color:var(--color-yellow)}.info-content{flex:1 1}.info-content h3{font-size:1.3rem;margin-bottom:10px;color:var(--color-white)}.info-content p{font-size:1rem;color:var(--color-white);opacity:.8;margin-bottom:5px}.social-links{margin-bottom:40px}.social-links h3{font-size:1.5rem;margin-bottom:15px;color:var(--color-white)}.social-icons{display:flex;gap:15px;flex-wrap:wrap}.social-icon{display:inline-block;padding:10px 20px;background-color:rgba(0,102,51,.2);border:1px solid var(--color-green);color:var(--color-white);border-radius:5px;transition:all .3s ease}.social-icon:hover{background-color:var(--color-green);transform:translateY(-3px)}.map-container h3{font-size:1.5rem;margin-bottom:15px;color:var(--color-white)}.map{border-radius:10px;overflow:hidden;height:300px}.map img{width:100%;height:100%;object-fit:cover}.contacto-faq-section{margin-top:30px}.faq-list{margin-bottom:40px}.faq-item{background-color:rgba(20,20,20,.6);border-radius:10px;padding:20px;margin-bottom:20px;transition:transform .3s ease,background-color .3s ease}.faq-item:hover{transform:translateY(-5px);background-color:rgba(20,20,20,.8)}.faq-question{font-size:1.3rem;margin-bottom:10px;color:var(--color-yellow);position:relative;padding-left:25px}.faq-question:before{content:"Q:";position:absolute;left:0;top:0;color:var(--color-yellow)}.faq-answer{font-size:1rem;color:var(--color-white);line-height:1.6;position:relative;padding-left:25px}.faq-answer:before{content:"A:";position:absolute;left:0;top:0;color:var(--color-green)}.faq-cta{text-align:center;background-color:rgba(0,102,51,.2);padding:30px;border-radius:10px;border:1px solid var(--color-green)}.faq-cta p{font-size:1.2rem;color:var(--color-white);margin-bottom:20px}@media (max-width:992px){.contacto-grid{grid-template-columns:1fr;gap:50px}}@media (max-width:768px){.contacto-hero{height:350px}.contacto-hero h1{font-size:3rem}.contacto-hero p{font-size:1.1rem}.contacto-faq-section h2,.contacto-form-section h2,.contacto-info-section h2{font-size:2rem}.info-item{flex-direction:column}.info-icon{margin-right:0;margin-bottom:15px}}@media (max-width:576px){.contacto-hero{height:300px}.contacto-hero h1{font-size:2.5rem}.contacto-content{padding:50px 0}.faq-question{font-size:1.1rem}}