:root{--contact-bg:#06152a;--contact-panel:#0b2341;--contact-cyan:#39d5ff;--contact-text:#f7fbff;--contact-muted:#bfd0e3;--contact-line:rgba(57,213,255,.28)}.contact-page{width:100%;box-sizing:border-box;margin:0;padding:86px 20px 100px;color:var(--contact-text)}.contact-page-art{background:linear-gradient(180deg,rgba(3,16,37,.48),rgba(3,16,37,.88) 78%,#06152a),url("/assets/contacto/contacto-hero.png") center top/cover no-repeat}.contact-hero,.contact-layout{width:min(1180px,100%);margin-left:auto;margin-right:auto}.contact-hero{max-width:820px;margin:0 auto 48px;text-align:center}.contact-kicker{color:var(--contact-cyan);font-weight:900;letter-spacing:.14em;font-size:.75rem}.contact-hero h1{margin:18px 0 10px;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;letter-spacing:-.07em}.contact-lead{color:#b9dcff;font-size:1.25rem;font-weight:700}.contact-hero>p:last-child{max-width:700px;margin:20px auto 0;color:var(--contact-muted);line-height:1.75}.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:32px;align-items:start}.contact-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contact-option{min-height:230px;padding:24px 18px;border:1px solid var(--contact-line);border-radius:16px;background:linear-gradient(150deg,rgba(20,63,102,.86),rgba(5,20,43,.92));box-shadow:0 16px 38px rgba(0,0,0,.22)}.contact-option span{font-size:2.4rem}.contact-option h2{margin:28px 0 10px;font-size:1.25rem}.contact-option p{margin:0;color:var(--contact-muted);font-size:.9rem;line-height:1.55}.contact-option.help{border-color:rgba(255,174,76,.65)}.contact-option.collaborate{border-color:rgba(204,127,255,.65)}.contact-form{padding:30px;border:1px solid var(--contact-cyan);border-radius:18px;background:rgba(4,20,43,.96);box-shadow:0 20px 55px rgba(0,0,0,.35)}.contact-form h2{margin:0 0 6px;font-size:1.8rem}.form-intro{margin:0 0 22px;color:var(--contact-muted)}.contact-form>label:not(.privacy-check),.message-types{display:block;margin-top:17px}.contact-form>label:not(.privacy-check){font-weight:800;font-size:.9rem}.contact-form input:not([type=radio]):not([type=checkbox]),.contact-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid rgba(159,213,255,.28);border-radius:9px;background:#0a1e38;color:#fff;font:inherit}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus,.contact-form button:focus,.contact-form a:focus{outline:3px solid rgba(57,213,255,.55);outline-offset:2px}.message-types{display:grid;gap:8px}.message-types label{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(159,213,255,.2);border-radius:9px;color:#e6f4ff;cursor:pointer}.message-types label:has(input:checked){border-color:var(--contact-cyan);background:rgba(57,213,255,.1)}.privacy-check{display:flex;gap:9px;align-items:flex-start;margin-top:20px;color:var(--contact-muted);font-size:.86rem;line-height:1.5}.privacy-check input{margin-top:4px}.privacy-check a{color:var(--contact-cyan)}.contact-submit{width:100%;margin-top:20px;padding:14px;border:0;border-radius:10px;background:var(--contact-cyan);color:#031426;font:inherit;font-weight:900;cursor:pointer}.contact-submit:disabled{opacity:.6;cursor:wait}.form-status{min-height:24px;margin:16px 0 0;color:#ffd166;font-size:.9rem}.form-status.success{color:#8ff0bb}.form-status.error{color:#ff9c9c}.form-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-options{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.contact-page{padding:64px 14px 70px}.contact-options{grid-template-columns:1fr}.contact-option{min-height:0}.contact-form{padding:22px 18px}.contact-hero h1{font-size:clamp(2.7rem,15vw,4.1rem)}}