/* Callsy X — selector de idioma (Español / English) y botón «Entrar» del menú (4-nov-2026, pedido de Luis).
   Lo cargan el inicio y las páginas públicas, en los dos idiomas. Es un <details>: sin JavaScript también abre y cierra;
   js/idioma.js solo lo cierra al tocar fuera, con Escape, con Tab hacia otra cosa o al salir de la página. Las banderas van como imagen de fondo (data:),
   sin pedir nada afuera. */

.nav .nav__derecha{display:flex;gap:6px;align-items:center}
/* «Entrar»: a la vista en el celular y la tableta (en escritorio ya está entre los enlaces del menú) */
.nav .nav__entrar{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r-pill);color:var(--ink);text-decoration:none;font-size:.92rem;font-weight:500;
  border:1px solid var(--line-strong);transition:background-color var(--t-hover) var(--ease),border-color var(--t-hover) var(--ease)}
.nav .nav__entrar:hover{background:rgba(255,255,255,.06);border-color:rgba(94,227,207,.45)}
@media (min-width:900px){.nav .nav__entrar{display:none}}

.idioma{position:relative}
.idioma summary{list-style:none}
.idioma summary::-webkit-details-marker{display:none}
.idioma__boton{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:var(--r-pill);cursor:pointer;color:var(--ink);
  font:600 .82rem/1 var(--font-body);letter-spacing:.04em;user-select:none;transition:background-color var(--t-hover) var(--ease)}
.idioma__boton:hover,.idioma[open] .idioma__boton{background:rgba(255,255,255,.06)}
.idioma__flecha{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);transition:transform var(--t-hover) var(--ease)}
.idioma[open] .idioma__flecha{transform:rotate(180deg)}
.idioma__lista{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:168px;margin:0;padding:6px;list-style:none;border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 18px 40px -16px rgba(0,0,0,.85)}
.idioma__lista--izq{right:auto;left:0}   /* la pone js/idioma.js cuando por la derecha no cabe en la pantalla */
.idioma__lista a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:.92rem}
.idioma__lista a:hover{background:rgba(255,255,255,.06)}
.idioma__lista a[aria-current="true"]{color:var(--brand)}
.idioma__lista a[aria-current="true"]::after{content:"";margin-left:auto;width:6px;height:6px;border-radius:50%;background:currentColor}

/* Banderas: Colombia para Español (Callsy X es de Colombia) y Estados Unidos para English */
.bandera{display:inline-block;width:20px;height:14px;border-radius:3px;flex:none;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.bandera--co{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23CE1126'/%3E%3Crect width='3' height='1.5' fill='%23003893'/%3E%3Crect width='3' height='1' fill='%23FCD116'/%3E%3C/svg%3E")}
.bandera--us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 10'%3E%3Crect width='19' height='10' fill='%23B22234'/%3E%3Cg fill='%23fff'%3E%3Crect y='0.77' width='19' height='0.77'/%3E%3Crect y='2.31' width='19' height='0.77'/%3E%3Crect y='3.85' width='19' height='0.77'/%3E%3Crect y='5.38' width='19' height='0.77'/%3E%3Crect y='6.92' width='19' height='0.77'/%3E%3Crect y='8.46' width='19' height='0.77'/%3E%3C/g%3E%3Crect width='7.6' height='5.38' fill='%233C3B6E'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='1.3' cy='1.1' r='.35'/%3E%3Ccircle cx='3.8' cy='1.1' r='.35'/%3E%3Ccircle cx='6.3' cy='1.1' r='.35'/%3E%3Ccircle cx='2.55' cy='2.7' r='.35'/%3E%3Ccircle cx='5.05' cy='2.7' r='.35'/%3E%3Ccircle cx='1.3' cy='4.3' r='.35'/%3E%3Ccircle cx='3.8' cy='4.3' r='.35'/%3E%3Ccircle cx='6.3' cy='4.3' r='.35'/%3E%3C/g%3E%3C/svg%3E")}

@media (max-width:420px){.idioma__boton{padding:0 8px;gap:6px}.nav .nav__entrar{padding:0 11px}}