/* Desplegable de teléfonos de contacto (resources/views/partials/telefonos.blade.php).
   Va DENTRO del contenedor que ya tenía cada página (span de la barra
   superior, .nav-phone, .panel-topbar-phone): el ícono, el color y el tamaño
   salen de las reglas de ese contenedor. */
.tel-menu{position:relative;display:inline-block;}
.tel-menu > summary{
  display:inline-flex;align-items:center;gap:6px;
  list-style:none;cursor:pointer;user-select:none;
  color:inherit;font:inherit;
}
.tel-menu > summary::-webkit-details-marker{display:none;}
.tel-menu .tel-menu-flecha{width:11px;height:11px;flex-shrink:0;transition:transform .2s ease;}
.tel-menu[open] .tel-menu-flecha{transform:rotate(180deg);}
.tel-menu-lista{
  position:absolute;top:calc(100% + 8px);left:0;z-index:1300;
  min-width:190px;margin:0;padding:6px;list-style:none;
  background:#fff;border-radius:12px;text-shadow:none;
  box-shadow:0 18px 40px -12px rgba(8,10,35,.35),0 0 0 1px rgba(8,10,35,.06);
}
.tel-menu-lista a{
  display:block;padding:9px 12px;border-radius:8px;
  color:#1b1340;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;
}
.tel-menu-lista a:hover{background:#eef2ff;}
/* En el menú del header y en el panel el número va a la derecha: la lista
   se abre hacia la izquierda para no salirse de la pantalla. */
.tel-menu-derecha .tel-menu-lista{left:auto;right:0;}