.contacto-page{background-color:#0a0a0f;align-items:center;min-height:100vh;padding:150px 0 100px;display:flex;position:relative}.contacto-page__bg-glow{filter:blur(60px);z-index:0;background:radial-gradient(circle,#8d4efb26 0%,#0000 70%);width:400px;height:400px;position:absolute;top:20%;right:10%}.contacto-container{z-index:1;grid-template-columns:1fr 1.2fr;gap:80px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;position:relative}@media (width<=992px){.contacto-container{text-align:center;grid-template-columns:1fr;gap:60px}}.contacto-info .section-title{margin-bottom:30px;font-size:clamp(2.5rem,5vw,3.4rem);line-height:1.1}.contacto-info .section-title .text-neon{background:linear-gradient(150deg,#8d4efb,#328dfc);-webkit-text-fill-color:transparent;color:#328dfc;background-clip:text;font-size:clamp(2rem,4.5vw,3rem);display:inline-block}.contacto-info__text{color:#c8cfd6;margin-bottom:50px;font-size:1rem;line-height:1.6}.contacto-info .info-list{flex-direction:column;gap:30px;display:flex}.contacto-info .info-list .info-item{align-items:center;gap:20px;display:flex}@media (width<=992px){.contacto-info .info-list .info-item{justify-content:center}}.contacto-info .info-list .info-item__icon{color:#8d4efb;background:#8d4efb1a;border:1px solid #8d4efb4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contacto-info .info-list .info-item span{color:#c8cfd6;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;display:block}.contacto-info .info-list .info-item p{color:#fff;font-size:1.1rem;font-weight:500}.contacto-form-wrapper{backdrop-filter:blur(15px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:30px;box-shadow:0 30px 60px #0006}@media (width<=576px){.contacto-form-wrapper{padding:30px 20px}}.contacto-form{flex-direction:column;gap:25px;display:flex}.contacto-form .form-group{text-align:left;flex-direction:column;gap:10px;display:flex}.contacto-form .form-group label{color:#fff;font-size:.9rem;font-weight:500}.contacto-form .form-group input,.contacto-form .form-group select,.contacto-form .form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 18px;font-family:inherit;font-size:.8rem;transition:all .3s}.contacto-form .form-group input:focus,.contacto-form .form-group select:focus,.contacto-form .form-group textarea:focus{background:#328dfc0d;border-color:#328dfc;outline:none;box-shadow:0 0 15px #328dfc33}.contacto-form .form-group textarea{resize:none;height:80px;overflow-y:auto}.contacto-form .form-group select option{background:#0a0a0f}.contacto-form .btn-submit{color:#fff;cursor:pointer;z-index:1;background-color:#0000;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative}.contacto-form .btn-submit:before{content:"";-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(150deg,#8d4efb,#328dfc);border-radius:12px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.contacto-form .btn-submit:after{content:"";opacity:0;z-index:-2;background:linear-gradient(150deg,#8d4efb,#328dfc);border-radius:12px;transition:opacity .3s;position:absolute;inset:0}.contacto-form .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #8d4efb66}.contacto-form .btn-submit:hover:not(:disabled):after{opacity:1}.contacto-form .btn-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.contacto-form .form-status{text-align:center;border-radius:8px;padding:10px;font-size:.9rem;display:none}.contacto-form .form-status.success{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;display:block}.contacto-form .form-status.error{color:#f87171;background:#f871711a;border:1px solid #f8717133;display:block}
