/* Grupo Nórdico — Mi cuenta: Perfil y Privacidad (public/cuenta.js). Clases cu-. Lo genérico (card, btn, tag, aviso, inp,
   grid2, grid-panel, sec-h) es de app.css. */
.cu-tabs { overflow-x: auto; scrollbar-width: none; }
.cu-tabs::-webkit-scrollbar { display: none; }
.cu-tabs button { white-space: nowrap; flex: 0 0 auto; }

/* Perfil */
.cu-sub { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--suave); margin: 18px 0 10px; }
.cu-fijo { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 10px; background: var(--hielo-2, #f3f6fb); border: 1px solid var(--linea); font-weight: 600; color: var(--azul-9); min-width: 0; overflow-wrap: anywhere; margin: 4px 0 6px; }
.cu-fijo .ic { color: var(--azul-6); flex: 0 0 auto; }
.campo.mal .inp { border-color: var(--rojo); box-shadow: 0 0 0 3px var(--rojo-1); }
.cu-tel-aviso { margin-top: 8px; align-items: center; flex-wrap: wrap; }
.cu-tel-aviso .grow { min-width: 0; }

/* Privacidad */
.cu-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; margin-bottom: 16px; align-items: start; }
.cu-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.cu-card { min-width: 0; }
.cu-card > .sec-h { margin-bottom: 12px; }
.cu-card > .sec-h > .grow { min-width: 0; }
.cu-lista { display: flex; flex-direction: column; }
.cu-fila, .cu-red { display: flex; gap: 10px; align-items: center; padding: 10px 0; border-top: 1px solid var(--linea-2, var(--linea)); min-width: 0; }
.cu-red { align-items: flex-start; }
.cu-fila:first-child, .cu-red:first-child { border-top: 0; padding-top: 2px; }
.cu-fila > .ic, .cu-red > .ic { flex: 0 0 auto; color: var(--azul-6); width: 20px; height: 20px; }
.cu-fila .grow, .cu-red .grow { min-width: 0; overflow-wrap: anywhere; display: flex; flex-direction: column; gap: 2px; }
.cu-fila .tag { flex: 0 0 auto; }
.cu-fila .btn, .cu-acc .btn { flex: 0 0 auto; }
.cu-acc { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; flex: 0 0 auto; }
.cu-cta { display: flex; align-items: center; gap: 4px; min-width: 0; }
.cu-cta .ellipsis { min-width: 0; }
.cu-x { border: 0; background: none; padding: 2px; color: var(--suave); cursor: pointer; display: inline-flex; border-radius: 6px; }
.cu-x:hover { background: var(--rojo-1); color: var(--rojo); }
.cu-mal { color: var(--rojo); }
.cu-pie { margin-top: 10px; }
.row.cu-pie { flex-wrap: wrap; gap: 8px; align-items: center; }
.row.cu-pie .grow { min-width: min(100%, 220px); }
.cu-pin { margin-top: 2px; }
.cu-colab { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--linea); }
.cu-colab .sec-h h2 { font-size: 15px; }

@media (max-width: 760px) {
  /* La cabecera de Mi cuenta en el celular: la foto más chica, el nombre y el mail sin pisarse con Salir, y los datos (zona,
     matrícula) sin cortarse. */
  .perfil-cab { flex-wrap: wrap; gap: 14px; padding: 18px; align-items: flex-start; }
  .perfil-cab .av.xl { width: 72px; height: 72px; font-size: 24px; }
  .perfil-cab .foto-ed .cam { width: 28px; height: 28px; }
  .perfil-cab > .grow { flex: 1 1 170px; min-width: 0; overflow-wrap: anywhere; }
  .perfil-cab > .grow h1 { font-size: 22px !important; }
  .perfil-cab > #salir { margin: -6px 0 -6px auto; } /* si no entra al lado, va abajo a la derecha */
  .perfil-cab .row { flex-wrap: wrap; }
  .cu-cols { grid-template-columns: minmax(0, 1fr); }
  .cu-fila, .cu-red { flex-wrap: wrap; }
  .cu-fila .grow, .cu-red .grow { flex: 1 1 160px; }
  .cu-red .cu-acc { margin-left: auto; }
}