/* Contactos configurables en la barra superior y menú móvil. */
@media (min-width:901px) {
  .frontend-body .utility-inner { min-width:0; }
  .frontend-body .utility-copy {
    flex:1 1 auto; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  }
  .frontend-body .utility-actions { flex:0 0 auto; gap:clamp(10px,1.35vw,20px); }
  .frontend-body .utility-actions .utility-contact-link {
    display:inline-flex; align-items:center; gap:6px; max-width:230px; min-width:0;
    color:rgba(255,255,255,.96); font-weight:650; transition:color .16s ease;
  }
  .frontend-body .utility-actions .utility-contact-link:hover { color:#b9e8f4; }
  .frontend-body .utility-actions .utility-contact-link:focus-visible {
    outline:2px solid #fff; outline-offset:4px; border-radius:4px;
  }
  .frontend-body .utility-actions .utility-contact-link span {
    min-width:0; overflow:hidden; text-overflow:ellipsis;
  }
  .frontend-body .utility-actions .utility-contact-link svg { width:14px; height:14px; flex:0 0 14px; }
}
@media (min-width:901px) and (max-width:1200px) {
  .frontend-body .utility-copy { max-width:40%; }
  .frontend-body .utility-actions .utility-contact-link span { display:none; }
  .frontend-body .utility-actions .utility-contact-link svg { width:17px; height:17px; flex-basis:17px; }
  .frontend-body .utility-actions .utility-contact-link { padding:4px; }
}
@media (max-width:900px) {
  .frontend-body .mobile-menu { max-height:calc(100dvh - 75px); overflow-y:auto; overscroll-behavior:contain; }
  .frontend-body .mobile-contact-section {
    margin-top:3px; padding:14px 0 3px; border-top:1px solid rgba(18,43,58,.12);
  }
  .frontend-body .mobile-contact-title {
    display:block; margin-bottom:9px; color:var(--muted); font-size:11px;
    font-weight:800; letter-spacing:.08em; text-transform:uppercase;
  }
  .frontend-body .mobile-contact-list { display:grid; gap:6px; }
  .frontend-body .mobile-contact-list a {
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
    min-width:0; gap:4px 12px; padding:9px 12px; border-radius:10px;
    background:#f5f8fa; color:var(--primary); font-size:13px;
  }
  .frontend-body .mobile-contact-list a:hover { background:#eaf3f7; }
  .frontend-body .mobile-contact-list strong { overflow-wrap:anywhere; font-weight:650; }
}
/* La barra de utilidad desaparece en tablet: ajustar el espacio reservado del header. */
@media (min-width:681px) and (max-width:900px) {
  .frontend-body { padding-top:80px; }
}