.contact-grid:has(.location-card){grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px)}.contact-grid .contact-card{--contact-glow:#0b63c2;--contact-light:#44d8ff;border-color:color-mix(in srgb, var(--contact-glow) 17%, var(--line));background:radial-gradient(ellipse at 0 0, color-mix(in srgb, var(--contact-light) 18%, transparent), transparent 62%), linear-gradient(155deg, #fff, #f2f7ff);min-width:0;padding:clamp(16px,2.4vw,30px);box-shadow:0 16px 32px #081b3312,inset 0 1px #fff;container-type:inline-size}.contact-grid .contact-whatsapp{--contact-glow:#00796b;--contact-light:#39e6be}.contact-grid .location-card{--contact-glow:#4b45bb;--contact-light:#a6a4ff}.contact-card .contact-icon{--icon-a:var(--contact-light);--icon-b:var(--contact-glow);border-color:color-mix(in srgb, var(--contact-light) 65%, #fff);background:radial-gradient(ellipse at 24% 15%, color-mix(in srgb, var(--contact-light) 75%, transparent), transparent 58%), linear-gradient(145deg, var(--contact-glow), #081b33 80%);box-shadow:3px 5px 0 color-mix(in srgb, var(--contact-glow) 65%, #081b33), 5px 14px 25px color-mix(in srgb, var(--contact-glow) 30%, transparent), inset 0 1px 1px #ffffffb3;margin-bottom:28px}.contact-card .contact-icon:before{background:linear-gradient(145deg,#fff3,#0000);border-color:#fff6}.contact-card .contact-icon>svg{color:#f3fcff;filter:drop-shadow(0 3px 2px #081b33) drop-shadow(0 0 7px var(--contact-light))}a.contact-card:is(:hover,:focus-visible) .contact-icon{transform:perspective(500px)rotateX(0)rotateY(0)translateY(-4px)}.contact-card h2{margin-bottom:14px}.contact-card p{margin-bottom:0}.contact-grid .contact-email h2{letter-spacing:-.025em;white-space:nowrap;overflow-wrap:normal;font-size:min(1.5rem,5.5cqi)}@media (max-width:900px){.contact-grid:has(.location-card){grid-template-columns:minmax(0,1fr)}}
