.contact-hero{position:relative;background:linear-gradient(180deg,#f8fafc,#fff);padding:140px var(--section-pad-x) 80px;overflow:hidden;border-bottom:1px solid #E2E8F0}.contact-hero__glow{position:absolute;top:-30%;left:50%;transform:translate(-50%);width:700px;height:700px;background:radial-gradient(circle,#2563eb14,#2563eb00 70%);pointer-events:none;z-index:1}.contact-hero__grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#DBEAFE 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.4;pointer-events:none;z-index:1}.contact-hero__inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;text-align:center}.contact-hero__eyebrow{display:inline-block;background-color:#dbeafe;color:#2563eb;border:1px solid #BFDBFE;padding:6px 16px;border-radius:9999px;font-size:11px;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:20px}.contact-hero__heading{font-size:clamp(38px,5.5vw,60px);color:#0f172a;font-weight:800;line-height:1.15;margin:0 0 20px;letter-spacing:-.02em}.contact-hero__sub{font-size:clamp(16px,2vw,18px);color:#475569;max-width:600px;line-height:1.7;margin:0 auto}.contact-cards{background:#fff;padding:60px var(--section-pad-x) 40px}.contact-cards__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.contact-card{background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:40px 32px;text-align:center;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease;box-shadow:0 4px 6px -1px #0f172a05}.contact-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px -10px #2563eb1a}.contact-card--phone:hover{border-color:#2563eb4d}.contact-card--whatsapp:hover{border-color:#16a34a4d}.contact-card--email:hover{border-color:#2563eb4d}.contact-card__label{display:inline-block;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;font-family:var(--font-mono);margin-bottom:20px;letter-spacing:.05em}.contact-card__label--phone{background-color:#eff6ff;color:#2563eb}.contact-card__label--whatsapp{background-color:#dcfce7;color:#16a34a}.contact-card__label--email{background-color:#eff6ff;color:#2563eb}.contact-card__value{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:8px;letter-spacing:-.01em}.contact-card__subtext{font-size:14px;color:#64748b;margin-bottom:28px}.contact-card__link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:700;text-decoration:none;transition:gap .2s ease,color .2s ease}.contact-card__link--blue{color:#2563eb}.contact-card__link--green{color:#16a34a}.contact-card:hover .contact-card__link{gap:8px}.contact-body{background:#f8fafc;padding:100px var(--section-pad-x);border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0}.contact-body__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:80px}.contact-form-wrap{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:48px;box-shadow:0 4px 6px -1px #0f172a05}.contact-form-wrap h2{font-size:28px;color:#0f172a;font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.contact-form-wrap p.subtitle{font-size:15px;color:#64748b;margin:0 0 40px}.contact-alert{padding:16px 20px;border-radius:8px;font-size:14px;margin-bottom:32px;font-weight:500}.contact-alert--success{background:#dcfce7;border:1px solid #BBF7D0;color:#166534}.contact-alert--error{background:#fee2e2;border:1px solid #FECACA;color:#991b1b}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:8px}@media (max-width: 640px){.contact-form__row{grid-template-columns:1fr;gap:0px}}.contact-form__field{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.contact-form__field label{font-size:14px;color:#374151;font-weight:600}.contact-form__field input,.contact-form__field select,.contact-form__field textarea{width:100%;box-sizing:border-box;padding:12px 16px;background:#fff;border:1.5px solid #D1D5DB;border-radius:8px;color:#0f172a;font-size:16px;font-family:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.contact-form__field input:focus,.contact-form__field select:focus,.contact-form__field textarea:focus{border-color:var(--blue-primary);box-shadow:0 0 0 3px #2563eb1f}.contact-form__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' stroke='%23475569' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px;cursor:pointer;background-color:#fff}.contact-form__err{font-size:13px;color:#ef4444;margin-top:4px}.contact-form__submit{width:100%;padding:16px;background:var(--blue-primary);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-base);margin-top:12px;box-shadow:0 4px 12px #2563eb26}.contact-form__submit:hover{background:var(--blue-hover);box-shadow:0 8px 24px #2563eb40;transform:translateY(-1px)}.contact-form__submit:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.contact-info{display:flex;flex-direction:column;gap:20px}.contact-info-card{height:auto;padding:40px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 4px 6px -1px #0f172a05}.contact-info-card h3{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px}.contact-info-card p.unit-desc{font-size:13px;color:#64748b;margin:0 0 20px}.contact-info-card hr{border:none;border-top:1px solid #E2E8F0;margin:20px 0}.contact-info-card__address{font-size:16px;color:#475569;line-height:1.6;margin-bottom:24px}.contact-info-card__details{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.contact-info-card__detail-item{display:flex;gap:12px;align-items:center;font-size:16px;color:#475569}.contact-info-card__detail-item svg{color:var(--blue-primary);flex-shrink:0}.contact-info-card__detail-item a{color:#475569;text-decoration:none;font-weight:500;transition:color .2s ease}.contact-info-card__detail-item a:hover{color:var(--blue-primary)}.contact-info-card__hours{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:24px}.contact-info-card__partner-box{border:1px solid #BFDBFE;background-color:#eff6ff;padding:16px;border-radius:8px;margin-bottom:24px}.contact-info-card__partner-box p.label{margin:0;font-size:12px;color:#2563eb;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.contact-info-card__partner-box p.name{margin:4px 0 0;font-size:16px;color:#1e3a8a;font-weight:800}.contact-info__wa{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;background:#16a34a;color:#fff;font-size:16px;font-weight:700;border-radius:8px;text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 12px #16a34a26}.contact-info__wa:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 8px 24px #16a34a40}.contact-info__wa svg{flex-shrink:0}.contact-quick-links{background:#fff;padding:100px var(--section-pad-x)}.contact-quick-links__inner{max-width:1200px;margin:0 auto}.contact-quick-links__inner h3{font-size:24px;font-weight:800;margin:0 0 32px;color:#0f172a;letter-spacing:-.01em}.contact-quick-links__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.quote-product-card{padding:24px;border:1px solid #E2E8F0;border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);background:#fff;display:flex;flex-direction:column;gap:20px}.quote-product-card:hover{border-color:var(--blue-primary);box-shadow:0 8px 24px -6px #2563eb1f;transform:translateY(-2px)}.quote-product-image{width:100%;aspect-ratio:1;object-fit:contain;background-color:#f8fafc;border-radius:8px;padding:16px}.quote-product-content{display:flex;flex-direction:column;flex-grow:1}.quote-category{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.quote-product-content h3{font-size:16px;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.3}.quote-product-content p{font-size:14px;color:#475569;line-height:1.5;margin:0 0 20px;flex-grow:1}.quote-product-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:700;color:#2563eb;background:#eff6ff;border-radius:8px;text-decoration:none;transition:all .2s ease}.quote-product-btn:hover{background:#dbeafe;gap:10px}.contact-faq{padding:100px var(--section-pad-x);background:#f8fafc;border-top:1px solid #E2E8F0}.contact-faq__inner{max-width:1200px;margin:0 auto}.contact-faq__header{margin-bottom:48px}.contact-faq__eyebrow{font-size:11px;font-family:var(--font-mono);font-weight:700;color:#64748b;letter-spacing:.1em;text-transform:uppercase}.contact-faq__heading{font-size:28px;font-weight:800;margin:8px 0 0;color:#0f172a;letter-spacing:-.01em}.contact-faq__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.contact-faq__card h4{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 12px}.contact-faq__card p{font-size:15px;color:#475569;line-height:1.65;margin:0}@media (max-width: 1024px){.contact-body__inner{grid-template-columns:1fr;gap:48px}}@media (max-width: 640px){.contact-body__inner{gap:40px;padding-bottom:80px}.contact-form-wrap,.contact-info-card{padding:32px 24px}}
