/* ★ 45 WEBA — tanda 45 web: columna derecha sin desplazamiento lateral (W1), botón «Volver» en las secciones (W15),
   solicitudes de mensaje (W4) y «Cambiar de cuenta» (W7). */

/* ── W1 (img 202/203/207) — la columna derecha del Inicio se desplazaba de lado y cortaba «Apps»/«Accesos»:
   `overflow-y: auto` vuelve desplazable también el eje X, y la tarjeta patrocinada tenía `margin: 0 -8px` (8 px fuera
   de la columna). Ahora nada sale de la columna y el eje X no se puede desplazar. ── */
.x36-lado { overflow-x: hidden; overscroll-behavior-x: none; }
.x36-lado .pat41-lado { margin-inline: 0; }
.x36-lado > * { max-width: 100%; }
.x36-apps.w44-apps { min-width: 0; }
.w44-apps .x36-app { min-width: 0; }
.w44-apps .x36-app img { max-width: 100%; height: auto; aspect-ratio: 1; }

/* ── W15 — «‹ Volver» fijo arriba a la izquierda del contenido (no tapa: el contenido baja 52 px) ── */
.volver45 { position: fixed; top: 12px; inset-inline-start: calc(var(--lateral-mini) + 14px); z-index: 16; display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px 7px 10px; border-radius: 999px; background: color-mix(in srgb, var(--fondo) 88%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  box-shadow: var(--sombra); font-weight: 600; font-size: 14px; color: var(--tinta); border: 1px solid var(--borde); }
.volver45:hover { background: var(--fondo-2); }
.volver45[hidden] { display: none; }
body.fijo44 .volver45 { inset-inline-start: calc(var(--lateral) + 14px); }
body.sin-lateral .volver45 { inset-inline-start: 14px; }
body.con-volver45 .contenido { padding-top: 52px; }
@media (max-width: 900px) {
  .volver45 { top: calc(58px + env(safe-area-inset-top)); inset-inline-start: 10px; padding: 6px 12px 6px 8px; font-size: 13px; }
  body.fijo44 .volver45 { inset-inline-start: 10px; }
  body.con-volver45 .contenido { padding-top: 46px; }
}
body.embed41 .volver45 { display: none !important; }

/* ── W4 (img 205) — solicitud dentro del chat: tarjeta con foto, título y dos botones iguales ── */
.chat-solicitud36.sol45 { gap: 10px; padding: 14px 16px; background: var(--fondo); border-top: 1px solid var(--borde); }
.sol45-cab { display: flex; align-items: center; gap: 12px; }
.sol45-tx { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sol45-tx b { font-size: 15px; }
.sol45-tx p { margin: 0; font-size: 13px; color: var(--tinta-2); line-height: 1.35; }
.sol45-nota { color: var(--tinta-3); font-size: 12px; }
.chat-solicitud36.sol45 .acciones { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-self: stretch; padding-bottom: 0; width: 100%; }
.chat-solicitud36.sol45 .acciones .btn { width: 100%; min-height: 38px; border-radius: 10px; font-weight: 700; justify-content: center; }
.chat-solicitud36.sol45 .acciones .btn:not(.primario) { background: var(--fondo-2); color: var(--tinta); border: 1px solid var(--borde); }
.mc-chat .chat-solicitud36.sol45 { padding: 12px; }
/* pestaña «Solicitudes» de /mensajes: botones a la derecha de la fila, del mismo tamaño */
body .chat-fila.sol36 { align-items: center; }
body .chat-fila .sol36-acc { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: calc(100% - 70px); }
body .chat-fila .sol36-acc .btn { min-height: 34px; border-radius: 10px; font-weight: 700; justify-content: center; }
body .chat-fila .sol36-acc .btn:not(.primario) { background: var(--fondo); border: 1px solid var(--borde); color: var(--tinta); }
.sol45-intro { margin: 4px 16px 10px; padding: 10px 12px; border-radius: 12px; background: var(--fondo-2); color: var(--tinta-2); font-size: 13px; line-height: 1.4; }

/* ── W7 — «Cambiar de cuenta» ── */
.cc45 { padding: 8px 12px 16px; }
.cc45-lista { display: flex; flex-direction: column; gap: 2px; }
.cc45-item { position: relative; display: flex; align-items: center; }
.cc45-fila { flex: 1; display: flex; align-items: center; gap: 12px; padding: 10px 44px 10px 10px; border-radius: 12px; text-align: start; min-width: 0; width: 100%; }
.cc45-fila:hover { background: var(--fondo-2); }
.cc45-fila.on { background: var(--acento-suave, var(--fondo-2)); }
.cc45-tx { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.cc45-tx b { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc45-tx small { color: var(--tinta-3); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cc45-check { color: var(--acento); display: inline-flex; }
.cc45-fila:not(.cargando) .cc45-giro { display: none !important; }
.cc45-quitar { position: absolute; inset-inline-end: 6px; width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--tinta-3); }
.cc45-quitar:hover { background: var(--fondo-3, var(--fondo-2)); color: var(--tinta); }
.cc45-agregar { margin-top: 6px; padding-inline-end: 10px; }
.cc45-mas { width: 44px; height: 44px; border-radius: 50%; background: var(--fondo-2); display: inline-flex; align-items: center; justify-content: center; flex: none; }
.cc45-nota { display: flex; align-items: flex-start; gap: 4px; margin: 12px 4px 0; font-size: 12px; }
.cc45-login { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.cc45-login:empty { display: none; }
.cc45-login .sub35 { margin: 0 0 2px; }
.cc45-op .ico-izq img, .cc45-op .ico-izq > * { border-radius: 50%; }
.x36-lado .x41-neg { margin-inline: 0; } /* «Comida cerca» también tenía margin: 0 -8px (la causa de img 202/203) */