.contact-page{padding-block:clamp(2rem,5vw,4rem) clamp(3rem,6vw,5rem);position:relative}.contact-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 40% at 80% 5%,#8b6cff38,#0000 70%);position:absolute;inset:0 calc(50% - 50vw)}.contact-intro{max-width:40rem}.contact-eyebrow{color:#c7bdfd;letter-spacing:.21em;align-items:center;gap:.75rem;margin:0 0 1.25rem;font-size:.7rem;font-weight:650;display:flex}.contact-eyebrow span{background:#8b6cff;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 0 4px #8b6cff40}.contact-intro h1{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.7rem,6vw,5.2rem);font-weight:750;line-height:1}.contact-intro h1 span{color:#0000;background:linear-gradient(110deg,#917df4,#e5e0fd 55%,#c7bdfd);-webkit-background-clip:text;background-clip:text}.contact-intro>p:last-child,.contact-help{color:var(--silver);line-height:1.7}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:2rem;display:grid}.contact-card,.contact-form{background:var(--deep);border:1px solid #e6e0ff33;border-radius:1.25rem;min-width:0;padding:clamp(1.25rem,3vw,2rem)}.contact-card h2,.contact-form h2{margin-top:0;font-size:1.5rem}.contact-phone{color:var(--ice);font-size:clamp(1.2rem,3vw,1.75rem)}.contact-actions{flex-wrap:wrap;gap:.75rem;display:flex}.contact-card{background:radial-gradient(ellipse at top right, #23528135, transparent 65%), var(--deep);border-color:#9ac8ef35;box-shadow:0 20px 55px -35px #0009}.contact-card-eyebrow{color:#9ebcda;letter-spacing:.2em;margin:0 0 1rem;font-size:.7rem;font-weight:700}.contact-card h2{letter-spacing:-.04em;margin-bottom:.8rem;font-size:clamp(1.7rem,3vw,2.2rem)}.contact-card-intro{color:var(--silver);margin:0 0 1.75rem;font-size:.9rem;line-height:1.7}.contact-channel+.contact-channel{border-top:1px solid #9ac8ef24;margin-top:1.5rem;padding-top:1.5rem}.contact-channel h3{color:#ece9fb;margin:0;font-size:.9rem;font-weight:600}.contact-channel .contact-phone,.contact-channel-detail{color:#a8bfd4;margin:.45rem 0 1rem;font-size:.85rem}.contact-channel-button{color:#edeafb;border:1px solid #b9d4ef40;border-radius:.8rem;align-items:center;gap:.75rem;min-height:3.5rem;padding:.9rem 1rem;font-size:.85rem;font-weight:600;line-height:1.5;text-decoration:none;transition:transform .18s,border-color .18s,background-color .18s;display:flex}.contact-channel-button svg{flex-shrink:0}.contact-whatsapp{color:#092843;background:#e6e0ff;border-color:#e6e0ff}.contact-channel-arrow{margin-left:auto;transition:transform .18s}.contact-channel-button:hover{border-color:#e6e0ff;transform:translateY(-2px)}.contact-channel-button:hover .contact-channel-arrow{transform:translate(2px,-2px)}.contact-instagram:hover{background-color:#c783d00a;border-color:#ce9fce80}.contact-message-preview{border-top:1px solid #9ac8ef24;margin-top:1.8rem;padding-top:1.25rem}.contact-message-label{color:#a8bfd4;margin:0 0 .6rem;font-size:.7rem}.contact-message-preview [data-contact-default-message]{color:#ccdbea;-webkit-user-select:text;user-select:text;margin:0;font-size:.85rem;line-height:1.75}.contact-copy-feedback{color:#c2baea;min-height:2.8em;margin:.75rem 0 0;font-size:.75rem;line-height:1.4}.contact-channel-button:focus-visible{outline-offset:4px;outline:2px solid #c5bdeb}@media (prefers-reduced-motion:reduce){.contact-channel-button,.contact-channel-arrow{transition:none}.contact-channel-button:hover,.contact-channel-button:hover .contact-channel-arrow{transform:none}}.contact-form{gap:1rem;display:grid}.contact-form h2,.contact-form p{margin:0}.contact-field{gap:.5rem;display:grid}.contact-field label{font-weight:600}.contact-field input,.contact-field select,.contact-field textarea{background:var(--navy);width:100%;min-width:0;min-height:3.25rem;color:var(--white);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid #e6e0ff73;border-radius:.5rem;padding:.8rem}.contact-field textarea{resize:vertical}.contact-field [aria-invalid=true]{border-color:#ffcfbd}.contact-error{color:#ffcfbd;font-size:.85rem;line-height:1.5}.contact-error:empty{margin-top:-.5rem}.contact-form .button{cursor:pointer}.contact-page .social-links{border-top:1px solid #e6e0ff33;margin-top:clamp(2.5rem,5vw,4rem);padding-top:2rem}@media (width<=48rem){.contact-layout{grid-template-columns:minmax(0,1fr)}}.contact-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.contact-sketch{justify-self:center;width:min(100%,30rem)}.contact-sketch-paper{aspect-ratio:1;background:linear-gradient(#a6d3f612 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#a6d3f612 1px,#0000 1px) 0 0/24px 24px,linear-gradient(150deg,#11324f,#0a2139);border:1px solid #a6d3f638;border-radius:1.5rem;animation:.7s cubic-bezier(.16,1,.3,1) both sketch-paper-in,7s ease-in-out 3.8s infinite sketch-float;position:relative;rotate:-2.5deg;box-shadow:0 2rem 4rem -2rem #000000b3,inset 0 1px #ffffff14}.contact-sketch-paper:before{content:"";background:#e6e0ff38;border-radius:.2rem;width:7rem;height:1.6rem;position:absolute;top:-.8rem;left:50%;translate:-50%;rotate:3deg}.contact-sketch-lines,.contact-sketch-mug,.contact-sketch-shine{width:82%;height:82%;position:absolute;inset:9%}.contact-sketch-lines{animation:1.4s .3s both sketch-trace,.8s 2.7s forwards sketch-fade;overflow:visible}.contact-sketch-note{color:#f3cf7c;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;font-size:clamp(.8rem,1.3vw,1rem);font-weight:600;animation:.6s both sketch-note,.8s 2.7s forwards sketch-fade;position:absolute}.contact-sketch-note-size{animation-delay:1.5s,2.7s;top:47%;right:-.4rem;rotate:90deg}.contact-sketch-note-idea{animation-delay:1.7s,2.7s;top:5%;left:6%;rotate:-6deg}.contact-sketch-mug{object-fit:contain;filter:drop-shadow(0 1.5rem 1.25rem #00071273);clip-path:inset(100% 0 0);animation:1.1s cubic-bezier(.65,0,.35,1) 2.2s forwards sketch-print}.contact-sketch-lines,.contact-sketch-mug,.contact-sketch-shine{rotate:22deg}.contact-sketch-shine{pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 38%,#fff9 48%,#ffffff26 53%,#0000 62%) 130% 0/260% 100% no-repeat;animation:1.1s cubic-bezier(.4,0,.2,1) 3.3s both sketch-shine;-webkit-mask:url(/assets/azul-kg-fLiED.webp) 50%/contain no-repeat;mask:url(/assets/azul-kg-fLiED.webp) 50%/contain no-repeat}@keyframes sketch-paper-in{0%{opacity:0;translate:0 2rem;rotate:-6deg}}@keyframes sketch-trace{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes sketch-note{0%{opacity:0;translate:0 .4rem}}@keyframes sketch-fade{to{opacity:.16}}@keyframes sketch-print{to{clip-path:inset(0)}}@keyframes sketch-shine{0%{opacity:1;background-position:130% 0}85%{opacity:1}to{opacity:0;background-position:-30% 0}}@keyframes sketch-float{0%,to{translate:0}50%{translate:0 -8px}}.contact-subjects{border:0;min-width:0;margin:0;padding:0}.contact-subjects legend{margin-bottom:.5rem;padding:0;font-weight:600}.contact-subject-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;display:grid}@media (width<=64rem){.contact-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-subject:last-child{flex-direction:row;grid-column:1/-1;align-items:center}}.contact-subject{color:var(--silver);cursor:pointer;background:#ffffff08;border:1px solid #e6e0ff38;border-radius:.9rem;flex-direction:column;align-items:flex-start;gap:.6rem;padding:.9rem;font-size:.85rem;font-weight:600;line-height:1.3;transition:border-color .25s,background .25s,color .25s,transform .3s cubic-bezier(.34,1.5,.5,1);display:flex;position:relative}.contact-subject input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.contact-subject-icon{color:#c7bdfd;background:#e6e0ff1a;border-radius:.7rem;place-items:center;width:2.3rem;height:2.3rem;transition:background .25s,color .25s;display:grid}.contact-subject-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.contact-subject:hover{color:#fff;border-color:#e6e0ff80}.contact-subject:has(input:checked){border-color:var(--ice);color:#fff;background:#e6e0ff1f;transform:translateY(-2px);box-shadow:0 .75rem 1.5rem -1rem #c7bdfdb3}.contact-subject:has(input:checked) .contact-subject-icon{background:var(--ice);color:var(--deep)}.contact-subject:has(input:focus-visible){outline:2px solid var(--ice);outline-offset:3px}.contact-subjects[data-invalid] .contact-subject{border-color:#ffcfbd80}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--ice);outline:none;box-shadow:0 0 0 4px #c7bdfd2e}.contact-field textarea::placeholder{color:#dce4ec73}.contact-plane{place-items:center;display:inline-grid}.contact-plane svg,.contact-flying-plane svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round;width:1.1rem;height:1.1rem}.contact-submit.is-sending{animation:.75s submit-pulse}.contact-submit.is-sending .contact-plane{opacity:0}@keyframes submit-pulse{20%{transform:scale(.96)}50%{transform:scale(1.03)}}.contact-flying-plane{z-index:201;color:#0a2f57;pointer-events:none;filter:drop-shadow(0 0 8px #c7bdfde6);place-items:center;display:grid;position:fixed}.contact-flying-plane svg{fill:#fff;stroke-width:1.6px}.contact-confetti{z-index:200;pointer-events:none;border-radius:2px;width:8px;height:12px;position:fixed}@media (width<=56rem){.contact-hero{grid-template-columns:minmax(0,1fr)}.contact-sketch{width:min(100%,24rem)}}@media (prefers-reduced-motion:reduce){.contact-sketch-paper,.contact-sketch-lines,.contact-sketch-lines>*,.contact-sketch-note{animation:none}.contact-sketch-lines{opacity:.16;clip-path:none}.contact-sketch-mug{clip-path:none;animation:none}.contact-sketch-shine{display:none}.contact-subject{transition:none}}.privacy-note a{color:var(--ice);text-decoration:underline}@media (width<=56rem){.contact-field input,.contact-field select,.contact-field textarea,.contact-form input[type=text],.contact-form input[type=tel]{font-size:1rem}}@media (width<=40rem){.contact-card,.contact-form{border-radius:1rem;padding:1rem}.contact-field input,.contact-field select,.contact-field textarea,.contact-form input[type=text],.contact-form input[type=tel]{font-size:1rem}}