.contact-page{min-height:70vh;background:linear-gradient(180deg,#f7f5f0 0%,#fff 58%)}.contact-hero{padding:78px 20px 58px;text-align:center;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.25),transparent 34%),radial-gradient(circle at 85% 15%,rgba(242,141,163,.22),transparent 30%),#111;color:#fff}.contact-hero span{color:#d4af37;font-size:.78rem;font-weight:850;letter-spacing:.2em}.contact-hero h1{margin:12px 0 14px;font-size:clamp(2.6rem,6vw,5rem);line-height:.98}.contact-hero p{max-width:720px;margin:0 auto;color:rgba(255,255,255,.76);line-height:1.7}.contact-wrap{padding:52px 20px 80px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.contact-panel{border:1px solid rgba(180,153,76,.3);border-radius:24px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(244,242,235,.74));box-shadow:0 18px 50px rgba(44,40,30,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.contact-panel h2{margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.4rem)}.contact-panel>p{margin:0 0 24px;color:#666;line-height:1.65}.contact-primary{display:grid;gap:13px}.contact-action{display:flex;align-items:center;gap:14px;min-height:70px;padding:14px 16px;border:1px solid #e7e1d3;border-radius:16px;color:#181818;text-decoration:none;background:rgba(255,255,255,.78);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.contact-action:hover{transform:translateY(-2px);border-color:#d4af37;box-shadow:0 12px 28px rgba(0,0,0,.08)}.contact-action-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:13px;background:#151515;color:#fff}.contact-action.whatsapp .contact-action-icon{background:#1f9d55}.contact-action strong,.contact-action small{display:block}.contact-action small{margin-top:4px;color:#777}.contact-action>i:last-child{margin-left:auto;color:#9a7a24}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-card{display:flex;min-height:116px;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #e7e1d3;border-radius:17px;background:rgba(255,255,255,.8);color:#202020;text-decoration:none;font-weight:800;transition:.2s ease}.social-card:hover{transform:translateY(-3px);border-color:#d4af37;box-shadow:0 12px 26px rgba(0,0,0,.08)}.social-card i{width:26px;height:26px}.contact-note{margin-top:18px;padding:18px;border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.14),rgba(242,141,163,.12));color:#555;line-height:1.65}.contact-note strong{color:#222}.contact-hours{margin-top:22px;padding-top:20px;border-top:1px solid #e6e0d3}.contact-hours h3{margin:0 0 10px}.contact-hours p{margin:5px 0;color:#666}.contact-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.contact-trust div{padding:16px;border-radius:15px;background:#fff;border:1px solid #ece7db;text-align:center}.contact-trust strong,.contact-trust span{display:block}.contact-trust span{margin-top:5px;font-size:.78rem;color:#777}@media(max-width:820px){.contact-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.contact-wrap{padding:36px 13px 62px}.contact-panel{padding:20px}.social-grid{grid-template-columns:1fr}.social-card{min-height:72px;flex-direction:row}.contact-trust{grid-template-columns:1fr}.contact-action{padding:12px}.contact-hero{padding:58px 16px 44px}}


/* v1.9.17 official social media brand icons */
.social-brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.13)}
.social-brand-icon svg{width:25px;height:25px;display:block;fill:currentColor}
.social-facebook .social-brand-icon{background:#1877f2}
.social-tiktok .social-brand-icon{background:#111;box-shadow:-3px 2px 0 rgba(37,244,238,.55),3px -2px 0 rgba(254,44,85,.48)}
.social-youtube .social-brand-icon{background:#ff0000}
.social-card:hover .social-brand-icon{transform:scale(1.06)}
.social-brand-icon{transition:transform .2s ease}
@media(max-width:520px){.social-brand-icon{width:38px;height:38px}.social-brand-icon svg{width:23px;height:23px}}

/* v1.9.18 rotating contact hero copy, optimized lights, and WhatsApp brand button */
.contact-hero{position:relative;overflow:hidden;isolation:isolate}
.contact-hero:before,.contact-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;transform:translate3d(0,0,0);will-change:transform,opacity}
.contact-hero:before{width:280px;height:280px;left:-78px;top:-115px;background:radial-gradient(circle,rgba(255,217,91,.44),rgba(255,181,70,.12) 46%,transparent 70%);animation:contactLightA 9s ease-in-out infinite alternate}
.contact-hero:after{width:230px;height:230px;right:-60px;bottom:-115px;background:radial-gradient(circle,rgba(255,223,116,.34),rgba(255,145,165,.1) 48%,transparent 72%);animation:contactLightB 11s ease-in-out infinite alternate}
.contact-hero h1[data-rotating-copy]{min-height:1.05em;transition:opacity .36s ease,transform .36s ease}
.contact-hero h1.copy-out{opacity:0;transform:translateY(-10px)}
.contact-hero h1.copy-in{animation:contactCopyIn .5s ease both}
.whatsapp-brand-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:13px;background:#25d366;color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.25)}
.whatsapp-brand-icon svg{width:26px;height:26px;display:block;fill:currentColor}
.contact-action.whatsapp{border-color:rgba(37,211,102,.3);background:linear-gradient(135deg,rgba(37,211,102,.1),rgba(255,255,255,.86))}
@media(hover:hover) and (pointer:fine){.contact-action.whatsapp:hover{border-color:#25d366;box-shadow:0 13px 30px rgba(37,211,102,.16)}}
@keyframes contactCopyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes contactLightA{0%{transform:translate3d(0,0,0) scale(.94);opacity:.65}100%{transform:translate3d(44px,25px,0) scale(1.08);opacity:1}}
@keyframes contactLightB{0%{transform:translate3d(0,0,0) scale(1.03);opacity:.58}100%{transform:translate3d(-38px,-22px,0) scale(.92);opacity:.94}}
@media(prefers-reduced-motion:reduce){.contact-hero:before,.contact-hero:after,.contact-hero h1[data-rotating-copy]{animation:none!important;transition:none!important}}

/* v1.9.47 compact mobile/tablet social grid */
@media(max-width:820px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.social-card{min-width:0;min-height:96px;padding:12px 8px}.social-brand-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}.social-brand-icon svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important}}
@media(max-width:520px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.social-card{min-height:82px;padding:9px 5px;flex-direction:column;gap:7px;border-radius:13px;font-size:.73rem;text-align:center;overflow:hidden}.social-brand-icon{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px}.social-brand-icon svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.contact-trust{grid-template-columns:1fr}}
@media(max-width:350px){.social-grid{gap:5px}.social-card{min-height:76px;font-size:.68rem}.social-brand-icon{width:31px!important;height:31px!important;flex-basis:31px!important}.social-brand-icon svg{width:18px!important;height:18px!important}}

/* v1.9.50 · isolate Contact social cards from Home social-gallery aspect-ratio rules */
.contact-page .social-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:0!important}.contact-page .social-card{display:flex!important;width:100%!important;min-width:0!important;min-height:92px!important;height:auto!important;aspect-ratio:auto!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:11px 8px!important;overflow:hidden!important;border-radius:15px!important}.contact-page .social-card::after{display:none!important}.contact-page .social-brand-icon{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;flex:0 0 38px!important}.contact-page .social-brand-icon svg{display:block!important;width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;transform:none!important}.contact-page .social-card:hover{transform:translateY(-2px)!important}.contact-page .social-card:hover .social-brand-icon svg{transform:none!important}@media(max-width:520px){.contact-page .social-grid{gap:7px!important}.contact-page .social-card{min-height:78px!important;padding:8px 4px!important;border-radius:12px!important;font-size:.72rem!important;line-height:1.1!important;text-align:center!important}.contact-page .social-brand-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;flex-basis:32px!important;border-radius:9px!important}.contact-page .social-brand-icon svg{width:18px!important;height:18px!important;max-width:18px!important;max-height:18px!important}}@media(max-width:350px){.contact-page .social-grid{gap:5px!important}.contact-page .social-card{min-height:72px!important;font-size:.66rem!important}.contact-page .social-brand-icon{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;flex-basis:29px!important}.contact-page .social-brand-icon svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important}}