/* Compact contact cards: useful context and direct contact actions. */
.contact .contact-grid{align-items:start}
.contact .contact-info{display:block}
.contact .contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:14px;flex:none}
.contact .contact-cards article{--contact-accent:#287697;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;min-height:0;grid-column:auto;padding:16px;border-radius:20px}
.contact .contact-cards article:nth-child(2){--contact-accent:#367420}.contact .contact-cards article:nth-child(3){--contact-accent:#244b30}.contact .contact-cards article:nth-child(4){--contact-accent:#244b30}
.contact .contact-card-heading{display:flex;align-items:center;gap:12px;min-width:0}
.contact .contact-card-heading img{width:52px;height:48px;flex:0 0 52px;object-fit:contain;margin:0}
.contact .contact-card-identity{display:block;flex:1;min-width:0}
.contact .contact-card-identity h3{color:var(--contact-accent);font-size:18px;line-height:1.2;letter-spacing:-.025em;margin:0 0 5px}
.contact .contact-card-identity>span{display:block;font-size:13px;line-height:1.4;color:#486181}
.contact .contact-card-description{font-size:13px;line-height:1.5;color:#405970;margin:0}
.contact .contact-card-details{margin:0;font-size:13px;line-height:1.5;color:#123552}
.contact .contact-card-details>span{display:block;font-size:13px;line-height:1.5;color:#123552;overflow-wrap:anywhere}
.contact .contact-card-details>span:first-child{font-weight:700}
.contact .contact-card-details .contact-card-number{display:block;font-size:13px;font-weight:700;line-height:1.5;color:#123552;padding:0;grid-column:auto;grid-row:auto;text-decoration:none}
.contact .contact-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}
.contact .contact-card-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;grid-column:auto;grid-row:auto;min-height:40px;padding:8px 11px;background:#ffffffd9;border:1px solid #bfcfce;border-radius:12px;font-size:12px;font-weight:600;line-height:1.3;color:var(--contact-accent);text-decoration:none;white-space:nowrap;overflow-wrap:normal}
.contact .contact-card-actions a:hover{background:#fff;border-color:var(--contact-accent);text-decoration:none}.contact .contact-card-actions a:focus-visible{outline:2px solid var(--contact-accent);outline-offset:3px}
.contact .contact-card-actions .icon{display:inline-grid;flex:0 0 16px;font-size:16px;color:inherit}
.contact .contact-card-actions .icon svg{width:16px;height:16px}
.contact .contact-card-actions .contact-card-whatsapp{background:#e2eed7;border-color:#c4d9b1;color:#245132}
.contact .contact-card-whatsapp>span{font-size:14px;color:inherit}
@media(max-width:1100px){.contact .contact-grid{grid-template-columns:1fr;gap:28px}.contact .contact-info h2{max-width:none}.contact .contact-form{width:100%}}
@media(max-width:767px){.contact .contact-cards{grid-template-columns:1fr;gap:12px}.contact .contact-cards article{padding:18px;gap:10px}.contact .contact-card-identity h3{font-size:19px}.contact .contact-card-description,.contact .contact-card-details>span{font-size:14px}.contact .contact-card-actions a{min-height:44px;font-size:13px;padding:10px 12px}}