.contact-hero{background:radial-gradient(circle at 88% 48%,#99cc3324,#0000 28rem),radial-gradient(circle at 12% 85%,#99cc3312,#0000 24rem),linear-gradient(135deg,#f8faf2 0%,#f3f7e9 55%,#eef5dd 100%);position:relative;overflow:hidden}.contact-hero:before{content:"";pointer-events:none;border:1px solid #99cc3361;border-radius:50%;width:34rem;height:34rem;position:absolute;bottom:-14rem;right:-15rem}.contact-hero:after{content:"";filter:blur(1px);pointer-events:none;background:#99cc3314;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-5rem;right:-7rem}.contact-hero>.container{z-index:1;position:relative}.contact-hero__description{max-width:var(--content-width-text);font-size:var(--font-size-lg)}.contact-hero__note{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-mono);color:var(--color-brand)}.contact-hero__accent{background:var(--color-lime);pointer-events:none;border-radius:50%;width:.8rem;height:.8rem;position:absolute;top:22%;right:8%;box-shadow:0 0 0 .4rem #99cc3314}.contact-start{background:var(--color-surface-primary)}.contact-start__layout{gap:var(--space-8);grid-template-columns:1fr;display:grid}.contact-start__header{gap:var(--space-4);flex-direction:column;max-width:36rem;display:flex}.contact-start__header h2{max-width:32rem}.contact-start__header p{max-width:32rem;color:var(--color-text-secondary)}.contact-start__options{gap:var(--space-5);grid-template-columns:1fr;display:grid}.contact-option{min-height:24rem;padding:var(--space-6);border:var(--border-width-thin) solid #66339924;border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out);background:linear-gradient(145deg,#faf9fb,#f3f0f6);flex-direction:column;display:flex;position:relative;overflow:hidden}.contact-option:hover{border-color:#66339947;transform:translateY(-.35rem);box-shadow:0 1.25rem 2.5rem #2e1a4714}.contact-option--whatsapp{background:linear-gradient(145deg,#f8faf2,#eff5e2);border-color:#99cc3340}.contact-option--whatsapp:hover{border-color:#99cc338c}.contact-option__number{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-purple)}.contact-option--whatsapp .contact-option__number{color:#6f941d}.contact-option__content{justify-content:space-between;gap:var(--space-7);margin-top:var(--space-7);flex-direction:column;flex:1;display:flex}.contact-option h3{font-size:var(--font-size-h3)}.contact-option p{max-width:27rem;color:var(--color-text-secondary)}.contact-option__link{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-thin) solid #66339929;font-weight:var(--font-weight-semibold);color:var(--color-purple-night);text-decoration:none;display:flex}.contact-option__link span{transition:transform var(--duration-normal) var(--ease-out);font-size:1.25rem}.contact-option:hover .contact-option__link span{transform:translate(.25rem)}@media (width>=1024px){.contact-start__layout{gap:var(--grid-gap-lg);grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.contact-start__options{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-form-section{border-top:var(--border-width-thin) solid #6633991a;background:radial-gradient(circle at 12% 88%,#66339912,#0000 24rem),radial-gradient(circle at 92% 18%,#99cc3309,#0000 20rem),linear-gradient(135deg,#f8f5fb 0%,#f3eef8 100%);position:relative;overflow:hidden}.contact-form-section__grid{align-items:start}.contact-form-section__intro{max-width:var(--content-width-narrow)}.contact-guidance{gap:var(--space-4);padding-top:var(--space-5);border-top:var(--border-width-thin) solid var(--color-border);flex-direction:column;display:flex}.contact-guidance__title{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand)}.contact-guidance ul{gap:var(--space-2);flex-direction:column;display:flex}.contact-form__grid{gap:var(--space-5);grid-template-columns:1fr;display:grid}.contact-form__full{grid-column:1/-1}.contact-form-section input,.contact-form-section select,.contact-form-section textarea{transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);background:#ffffffe0;border-color:#6633992e}.contact-form-section input:focus,.contact-form-section select:focus,.contact-form-section textarea:focus{background:var(--color-white);border-color:var(--color-purple);outline:none;box-shadow:0 0 0 3px #66339914}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--color-focus);box-shadow:0 0 0 4px var(--color-focus-ring);outline:none}.contact-consent{padding-top:var(--space-2)}.contact-consent__label{align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.contact-consent__label input{width:auto;margin-top:.2rem}.contact-consent__label a{color:var(--color-brand);text-decoration:underline}.contact-form__actions{align-items:flex-start;gap:var(--space-3);padding-top:var(--space-3);flex-direction:column;display:flex}.contact-form__actions p{max-width:var(--content-width-narrow);font-size:var(--font-size-sm);color:var(--color-text-muted)}@media (width>=640px){.contact-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.contact-form-section__intro{top:calc(4.75rem + var(--space-6));position:sticky}}.contact-privacy{padding-top:var(--space-2)}.contact-privacy__text{max-width:44rem;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.65}.contact-privacy__text strong{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.contact-privacy__text a{font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-thickness:1px}.contact-privacy__text a:hover{color:var(--color-action-primary)}.contact-privacy__text a:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:3px;border-radius:2px}.contact-form__honeypot{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-work{border-bottom:var(--border-width-thin) solid var(--color-border);background:var(--color-surface-secondary)}.contact-work__grid{border-top:var(--border-width-thin) solid var(--color-border);grid-template-columns:1fr;display:grid}.contact-work__item{gap:var(--space-5);padding-block:var(--space-6);border-bottom:var(--border-width-thin) solid var(--color-border);grid-template-columns:auto minmax(0,1fr);display:grid}.contact-work__number{min-width:2rem;font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-brand)}@media (width>=640px){.contact-work__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-work__item:first-child{padding-right:var(--space-6);border-right:var(--border-width-thin) solid var(--color-border)}.contact-work__item:last-child{padding-left:var(--space-6)}}.work-mode__item{padding:var(--space-6);border-top:var(--border-width-thin) solid var(--color-border);border-bottom:var(--border-width-thin) solid var(--color-border);transition:background-color var(--duration-normal) var(--ease-standard);position:relative}.work-mode__item:hover{background:#99cc330e}.work-mode__indicator{width:.55rem;height:.55rem;margin-bottom:var(--space-5);background:var(--color-lime);border-radius:50%;display:block}.contact-direct{border-bottom:var(--border-width-thin) solid var(--color-border)}.contact-direct__grid{border-top:var(--border-width-thin) solid var(--color-border);grid-template-columns:1fr;display:grid}.contact-direct__item{gap:var(--space-2);padding-block:var(--space-5);border-bottom:var(--border-width-thin) solid var(--color-border);flex-direction:column;display:flex}.contact-direct__label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-brand)}.contact-direct__item>a,.contact-direct__item>p{font-size:var(--font-size-lg);color:var(--color-text-primary)}.contact-direct__item>a:hover{color:var(--color-brand)}@media (width>=640px){.contact-direct__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-direct__item:nth-child(odd){padding-right:var(--space-5);border-right:var(--border-width-thin) solid var(--color-border)}.contact-direct__item:nth-child(2n){padding-left:var(--space-5)}}.contact-faq{border-top:var(--border-width-thin) solid #6633991a;background:radial-gradient(circle at 82% 18%,#66339914,#0000 26rem),linear-gradient(135deg,#f8f5fb 0%,#f2edf7 100%);position:relative}.contact-faq__list{border-top:var(--border-width-thin) solid var(--color-border)}.contact-faq__item{border-bottom:var(--border-width-thin) solid var(--color-border)}.contact-faq__item summary{padding:var(--space-5) var(--space-7) var(--space-5) 0;font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;position:relative}.contact-faq__item summary:after{content:"+";font-family:var(--font-family-mono);font-size:var(--font-size-xl);color:var(--color-brand);position:absolute;top:50%;right:0;transform:translateY(-50%)}.contact-faq__item[open] summary:after{content:"−"}.contact-faq__answer{max-width:var(--content-width-text);padding-bottom:var(--space-5)}@media (width>=1024px){.contact-faq__item summary{font-size:var(--font-size-xl)}}.contact-faq details{border-top:var(--border-width-thin) solid #66339924;transition:background-color var(--duration-normal) var(--ease-standard)}.contact-faq details:last-child{border-bottom:var(--border-width-thin) solid #66339924}.contact-faq summary{padding:var(--space-5) var(--space-4);cursor:pointer;transition:padding var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-standard)}.contact-faq summary:hover{padding-left:var(--space-5);background:#ffffff61}.contact-faq details[open]{background:#ffffff6b}.faq__icon{width:2rem;height:2rem;color:var(--color-purple);transition:transform var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out);border:1px solid #66339938;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}details[open] .faq__icon{background:var(--color-purple);color:var(--color-white);transform:rotate(45deg)}
