.contact-page-wrap{min-height:80vh}.contact-page-hero{text-align:left;margin-bottom:60px;padding-left:40px;animation:.8s both fadeUp}.cph-badge{color:var(--sky);letter-spacing:.1em;background:#2e86e81a;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.contact-page-hero h1{color:var(--navy);margin-bottom:16px;font-size:clamp(2rem,3vw,2.8rem);font-weight:300;line-height:1.2}.contact-page-hero h1 strong{font-weight:700}.contact-page-hero p{color:var(--gray);max-width:540px;margin:0;font-size:1.05rem;line-height:1.6}.contact-page-container{grid-template-columns:1fr 1.3fr;gap:40px;animation:.8s .2s both fadeUp;display:grid}.contact-page-info{background:var(--light);border-radius:24px;flex-direction:column;padding:40px;display:flex}.contact-page-info h2{color:var(--navy);margin-bottom:24px;font-size:1.4rem}.contact-page-items{flex-direction:column;gap:12px;display:flex}.contact-page-item{border:1.5px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:all .3s;display:flex}.contact-page-item:not(.contact-page-item--address):hover,.contact-page-item--address:hover{border-color:var(--sky);transform:translateY(-2px);box-shadow:0 10px 24px #2e86e81f}.cpi-arrow{color:var(--gray);margin-left:auto;transition:transform .2s,color .2s}.contact-page-item:hover .cpi-arrow{color:var(--sky);transform:translate(3px)}.cpi-icon{width:48px;height:48px;color:var(--blue);background:#1354a30f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:flex}.contact-page-item:hover .cpi-icon{transform:scale(1.08)}.cpi-icon--whatsapp{color:#25d366;background:#e8f5e9}.cpi-social--insta{color:#e1306c;background:#fce4ec}.cpi-social--linkedin{color:#0077b5;background:#e3f0fb}.cpi-body{flex-direction:column;gap:4px;display:flex}.cpi-label{color:var(--gray);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.cpi-value{color:var(--navy);font-size:.95rem;font-weight:600}.contact-page-social{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:24px;padding-top:24px;display:flex}.contact-page-social span{color:var(--gray);font-size:.85rem;font-weight:600}.cpi-social{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,opacity .2s;display:flex}.cpi-social:hover{opacity:.9;transform:translateY(-2px)scale(1.05)}.contact-page-map{border:1px solid var(--border);border-radius:24px;min-height:400px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0b1f3a14}.map-wrapper{width:100%;height:100%;position:absolute;inset:0}.map-overlay-info{-webkit-backdrop-filter:blur(24px);background:#ffffffb3;border:1px solid #fff6;border-radius:20px;flex-direction:column;gap:12px;max-width:320px;padding:24px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:30px;left:30px;box-shadow:0 16px 40px #0000001f,inset 0 1px #fff9}.map-overlay-info:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026,inset 0 1px #fffc}.moi-header{align-items:center;gap:8px;display:flex}.moi-header strong{color:var(--navy);font-size:.95rem}.moi-pulse{background:#10b981;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:relative}.moi-pulse:after{content:"";opacity:.4;background:#10b981;border-radius:50%;animation:2s infinite mapPulse;position:absolute;inset:-4px}.map-overlay-info span{color:var(--gray);margin-bottom:8px;font-size:.8rem;font-weight:500;line-height:1.4}.moi-btn{background:var(--navy);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #0b1f3a33}.moi-btn:hover{background:var(--blue);transform:translateY(-2px);box-shadow:0 8px 20px #2e86e84d}.moi-btn svg{transition:transform .3s}.moi-btn:hover svg{transform:translate(4px)}.moi-btn:hover{background:var(--navy);transform:translateY(-1px)}.moi-pulse:after{content:"";background:var(--sky);opacity:.4;border-radius:50%;animation:2s infinite mapPulse;position:absolute;inset:-4px}.map-overlay-info span{color:var(--gray);font-size:.75rem;font-weight:500}@keyframes mapPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@media (max-width:900px){.contact-page-container{grid-template-columns:1fr}.contact-page-map{min-height:350px}.contact-page-info{background:0 0;padding:0}.contact-page-hero{padding-left:0}}@media (max-width:600px){.map-consent{text-align:center;width:100%;height:100%;color:var(--gray);background:radial-gradient(circle at 30% 30%,#2e86e81a 0,#0000 40%),repeating-linear-gradient(0deg,#0b1f3a0a 0 1px,#0000 1px 40px),repeating-linear-gradient(90deg,#0b1f3a0a 0 1px,#0000 1px 40px),#eef2f6;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:40px 24px 0;font-size:.85rem;display:flex}.map-consent svg{color:var(--blue)}.map-consent strong{color:var(--navy);font-size:1rem}.map-consent p{max-width:300px;line-height:1.6}.map-consent .moi-btn{cursor:pointer;border:none;font-family:inherit}.map-consent a:not(.moi-btn){color:var(--blue);font-size:.82rem;font-weight:600}.map-consent address{color:var(--navy);max-width:320px;font-size:.85rem;font-style:normal;line-height:1.5}}