/* Tarjeta "Información y Contacto" — views/templates/tarjetacontacto.php */
.contact-card{background:#FCF8E3;border:1px solid #F1E3B5;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:20px}
.contact-card h3{margin:0;font-size:22px;font-weight:600;color:#2B2B2B;line-height:1.2}
.contact-card .sub{margin:4px 0 0;font-size:14px;color:#5C5547}
.contact-actions{display:flex;flex-direction:column;gap:10px}
.contact-btn{display:flex;align-items:center;gap:14px;color:#fff;border-radius:8px;padding:12px 16px;min-height:44px;text-decoration:none}
.contact-btn:hover{color:#fff;text-decoration:none}
.contact-btn--call{background:#1F6FB2}.contact-btn--call:hover{background:#185C95}
.contact-btn--wa{background:#178A43}.contact-btn--wa:hover{background:#12733A}
.contact-btn .ico{width:36px;height:36px;flex:none;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.contact-btn .lbl{display:block;font-size:13px;opacity:.9}
.contact-btn .num{display:block;font-size:19px;font-weight:700;letter-spacing:.02em}
.contact-mail{padding-top:14px;border-top:1px solid #EADDB0;display:flex;flex-direction:column;gap:8px}
.contact-mail p{margin:0;font-size:13px;color:#5C5547}
.contact-mail a{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1F6FB2;word-break:break-all}
.contact-mail svg,.contact-loc svg{flex:none}
.contact-loc{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#5C5547;line-height:1.45}
@media (max-width:767px){.contact-card{padding:20px}}