.contact-page{background:var(--bg-primary,#fafafa);min-height:100vh}.contact-hero{padding:calc(var(--header-height) + var(--space-12,3rem))0 var(--space-14,4rem);background:linear-gradient(135deg,#051c2c 0%,#0f206c 45%,#327 75%,#9448b0 100%);position:relative;overflow:hidden}.contact-hero:before{content:"";z-index:2;background:linear-gradient(90deg,#b4bd00,#e47cb8,#9448b0);height:4px;position:absolute;top:0;left:0;right:0}.contact-hero:after{content:"";pointer-events:none;filter:blur(100px);opacity:.25;background:#e47cb8;border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-100px}.contact-hero__inner{z-index:1;text-align:center;position:relative}.contact-back{color:#ffffff73;margin-bottom:var(--space-6,1.5rem);align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.contact-back:hover{color:#e47cb8}.contact-back svg{flex-shrink:0;width:14px;height:14px}.contact-hero__badge{color:#b4bd00;letter-spacing:.06em;text-transform:uppercase;margin:0 auto var(--space-4,1rem);background:#b4bd0026;border:1px solid #b4bd004d;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.75rem;font-weight:700;display:inline-flex}.contact-hero__badge-dot{background:#b4bd00;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}.contact-hero__title{font-size:clamp(2rem,5vw,3.2rem);font-weight:var(--font-weight-black,900);color:#fff;letter-spacing:-.035em;margin-bottom:var(--space-4,1rem);line-height:1.1}.contact-hero__subtitle{font-size:var(--font-size-lg,1.125rem);color:#ffffff80;max-width:520px;margin:0 auto;line-height:1.65}.contact-body{padding:var(--space-14,4rem)0 var(--space-20,6rem)}.contact-section-header{text-align:center;margin-bottom:var(--space-10,2.5rem)}.contact-section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:var(--font-weight-black,900);color:#051c2c;letter-spacing:-.025em;margin-bottom:var(--space-2,.5rem)}.contact-section-desc{font-size:var(--font-size-base,1rem);color:var(--text-secondary,#4b5563);max-width:420px;margin:0 auto;line-height:1.65}.contact-grid{gap:var(--space-6,1.5rem);margin-bottom:var(--space-12,3.5rem);grid-template-columns:repeat(3,1fr);display:grid}.contact-card{padding:var(--space-8,2rem)var(--space-6,1.5rem)var(--space-7,1.75rem);text-align:center;align-items:center;gap:var(--space-3,.75rem);background:#fff;border:1.5px solid #051c2c12;border-radius:24px;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #051c2c0a,0 1px 2px #051c2c05}.contact-card:before{content:"";background:var(--card-accent);opacity:0;border-radius:24px 24px 0 0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.contact-card--whatsapp{--card-accent:linear-gradient(90deg,#b4bd00,#25d366)}.contact-card--email{--card-accent:linear-gradient(90deg,#9448b0,#e47cb8)}.contact-card--social{--card-accent:linear-gradient(90deg,#e47cb8,#0f206c)}.contact-card:hover{border-color:#9448b033;transform:translateY(-6px);box-shadow:0 16px 48px #9448b01a,0 4px 12px #051c2c0f}.contact-card--whatsapp:hover{border-color:#b4bd0033;box-shadow:0 16px 48px #b4bd0017,0 4px 12px #051c2c0f}.contact-card:hover:before{opacity:1}.contact-card__icon{width:68px;height:68px;margin-bottom:var(--space-1,.25rem);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.contact-card--whatsapp .contact-card__icon{color:#25d366;background:#b4bd001a;border:1.5px solid #b4bd002e}.contact-card--email .contact-card__icon{color:#9448b0;background:#9448b01a;border:1.5px solid #9448b02e}.contact-card--social .contact-card__icon{color:#e47cb8;background:#e47cb81a;border:1.5px solid #e47cb82e}.contact-card--whatsapp:hover .contact-card__icon{color:#fff;background:linear-gradient(135deg,#b4bd00,#25d366);border-color:#0000;transform:scale(1.1)rotate(-5deg);box-shadow:0 8px 24px #b4bd004d}.contact-card--email:hover .contact-card__icon{color:#fff;background:linear-gradient(135deg,#9448b0,#327);border-color:#0000;transform:scale(1.1)rotate(-5deg);box-shadow:0 8px 24px #9448b059}.contact-card--social:hover .contact-card__icon{color:#fff;background:linear-gradient(135deg,#e47cb8,#9448b0);border-color:#0000;transform:scale(1.1)rotate(-5deg);box-shadow:0 8px 24px #e47cb859}.contact-card__icon svg{width:30px;height:30px}.contact-card__title{font-size:var(--font-size-lg,1.125rem);font-weight:var(--font-weight-bold,700);color:#051c2c}.contact-card__desc{font-size:var(--font-size-sm,.875rem);color:var(--text-secondary,#4b5563);min-height:40px;line-height:1.6}.contact-card__value{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);margin-top:var(--space-1,.25rem);direction:ltr;border-radius:999px;align-items:center;gap:8px;padding:8px 20px;text-decoration:none;transition:all .22s;display:inline-flex}.contact-card--whatsapp .contact-card__value{color:#5a6100;background:#b4bd001a;border:1.5px solid #b4bd0040}.contact-card--whatsapp .contact-card__value:hover{color:#fff;background:linear-gradient(135deg,#b4bd00,#25d366);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #b4bd004d}.contact-card--email .contact-card__value{color:#9448b0;background:#9448b014;border:1.5px solid #9448b02e}.contact-card--email .contact-card__value:hover{color:#fff;background:linear-gradient(135deg,#9448b0,#327);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 16px #9448b04d}.contact-card__social{gap:var(--space-3,.75rem);margin-top:var(--space-2,.5rem);display:flex}.contact-card__social-link{color:#051c2c;background:#051c2c0a;border:1.5px solid #051c2c14;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.contact-card__social-link:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff4d 50%,#0000 70%);transition:transform .4s;position:absolute;inset:0;transform:translate(-100%)}.contact-card__social-link:hover:after{transform:translate(100%)}.contact-card__social-link--facebook:hover{color:#fff;background:#1877f2;border-color:#0000;transform:translateY(-4px)scale(1.08);box-shadow:0 8px 24px #1877f24d}.contact-card__social-link--instagram:hover{color:#fff;background:linear-gradient(135deg,#e47cb8,#9448b0);border-color:#0000;transform:translateY(-4px)scale(1.08);box-shadow:0 8px 24px #e47cb859}.contact-card__social-link svg{z-index:1;width:22px;height:22px;position:relative}.contact-info-bar{justify-content:center;align-items:center;gap:var(--space-8,2rem);padding:var(--space-6,1.5rem)var(--space-8,2rem);margin-bottom:var(--space-8,2rem);background:linear-gradient(135deg,#9448b00d,#0f206c0a);border:1.5px solid #9448b01f;border-radius:20px;flex-wrap:wrap;display:flex}.contact-info-item{align-items:center;gap:var(--space-3,.75rem);display:flex}.contact-info-item__icon{color:#9448b0;background:#9448b01a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-info-item__icon svg{width:18px;height:18px}.contact-info-item__text{flex-direction:column;gap:2px;display:flex}.contact-info-item__label{font-size:var(--font-size-xs,.75rem);font-weight:var(--font-weight-bold,700);text-transform:uppercase;letter-spacing:.08em;color:#051c2c;opacity:.4}.contact-info-item__value{font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);color:#051c2c}.contact-info-divider{background:#9448b02e;width:1px;height:38px}.contact-response-badge{padding:var(--space-3,.75rem)var(--space-6,1.5rem);color:#5a6100;font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);text-align:center;background:#b4bd0014;border:1.5px solid #b4bd0038;border-radius:999px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.contact-response-badge svg{color:#b4bd00;flex-shrink:0;width:16px;height:16px}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}[dir=rtl] .contact-back svg{transform:scaleX(-1)}[dir=rtl] .contact-hero__subtitle{margin:0 auto}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}}@media (max-width:768px){.contact-hero{padding:calc(var(--header-height) + var(--space-8))0 var(--space-10,2.5rem)}.contact-hero__title{font-size:1.8rem}.contact-body{padding:var(--space-10,2.5rem)0 var(--space-14,4rem)}.contact-info-bar{gap:var(--space-3,.75rem);padding:var(--space-5,1.25rem);flex-direction:column;align-items:stretch}.contact-info-divider{width:100%;height:1px}.contact-info-item{justify-content:center}}@media (max-width:480px){.contact-card{padding:var(--space-6,1.5rem)var(--space-5,1.25rem)}.contact-card__icon{border-radius:16px;width:56px;height:56px}.contact-card__icon svg{width:26px;height:26px}}.contact-form-section{max-width:720px;margin:var(--space-8,2rem)auto 0;padding:var(--space-10,2.5rem);background:#fff;border:1px solid #001c3d14;border-radius:24px;box-shadow:0 4px 24px #001c3d0a}.contact-form-section__header{text-align:center;margin-bottom:var(--space-8,2rem)}.contact-form-section__title{color:#051c2c;margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:800}.contact-form-section__desc{color:#4b5563;font-size:.95rem;line-height:1.6}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.contact-form__group{flex-direction:column;gap:.5rem;display:flex}.contact-form__label{color:#051c2c;font-size:.875rem;font-weight:700}.contact-form__input{color:#051c2c;background:#fafafa;border:1.5px solid #001c3d1f;border-radius:14px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.95rem;transition:all .25s}.contact-form__input:focus{background:#fff;border-color:#9448b0;outline:none;box-shadow:0 0 0 4px #9448b01f}.contact-form__input::placeholder{color:#9ca3af}.contact-form__textarea{resize:vertical;min-height:120px;line-height:1.6}.contact-form__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f206c,#9448b0);border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;margin-top:.75rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.contact-form__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #9448b04d}.contact-form__submit:disabled{opacity:.8;cursor:not-allowed;background:linear-gradient(135deg,#6b7280,#9ca3af)}.contact-form__loader{animation:1.5s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:600px){.contact-form-row{grid-template-columns:1fr}.contact-form-section{padding:var(--space-6,1.5rem)}}