/* ExploitLIF · vista del dashboard. Prefijo ro-. Usa los tokens del LIF Poker Design System. */
.ro-app{display:block;container-type:inline-size;container-name:ro;font-family:var(--fuente-texto);color:var(--texto-principal);font-size:16px;line-height:1.5}
.ro-app *{box-sizing:border-box}
.ro-app h2,.ro-app h3,.ro-app p{margin:0}
.ro-panel{background:var(--superficie-panel);border:1px solid var(--borde);border-radius:10px}
.ro-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 28px;border-bottom:1px solid var(--borde);border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--navy-800),var(--navy-850))}
.ro-cab__titulo{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;min-width:0}
.ro-cab__linea{font-size:15px;color:var(--texto-secundario)}
.ro-cab__der{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.ro-seg{display:inline-flex;gap:2px;padding:3px;background:var(--superficie-campo);border-radius:6px}
.ro-seg--lleno{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}
.ro-seg__op{position:relative;min-height:44px;padding:8px 16px;border:0;border-radius:4px;background:transparent;color:var(--texto-suave);font:600 15px/1 var(--fuente-texto);cursor:pointer;transition:background .22s cubic-bezier(.2,.8,.25,1),color .22s}
@media (hover:hover){.ro-seg__op:hover{color:var(--texto-principal)}} /* en el celular el hover queda pegado después del toque */
.ro-seg__op.is-activa{background:var(--lif-azul);color:var(--texto-sobre-azul)}
.ro-seg__op:focus-visible{outline:2px solid var(--lif-celeste);outline-offset:2px}
.ro-seg--grande .ro-seg__op{min-height:48px;font-size:17px}
.ro-ayuda{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:max-content;max-width:260px;padding:10px 14px;border-radius:12px;background:var(--superficie-toast);border:1px solid rgba(110,207,240,.25);backdrop-filter:blur(8px);font:500 14px/1.4 var(--fuente-texto);color:var(--texto-secundario);text-align:left;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .2s,transform .2s}
.ro-seg__op:hover .ro-ayuda,.ro-seg__op:focus-visible .ro-ayuda{opacity:1;transform:none}

.ro-cuerpo{padding:28px;display:flex;flex-direction:column;gap:24px;animation:ro-entra .35s cubic-bezier(.2,.8,.25,1)}
@keyframes ro-entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ro-paso,.ro-etiqueta{font:700 13px/1.2 var(--fuente-texto);letter-spacing:.14em;color:var(--texto-suave);text-transform:uppercase}
.ro-pregunta{font:400 44px/1.05 var(--fuente-titulo);letter-spacing:.04em}
.ro-seccion{font:400 24px/1 var(--fuente-titulo);letter-spacing:.06em;color:var(--acento)}
.ro-encabezado-sec{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ro-nota{font-size:15px;color:var(--texto-suave)}
.ro-acento{color:var(--acento)}

.ro-boton{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;padding:10px 18px;border:1px solid var(--borde-fuerte);border-radius:6px;background:var(--superficie-boton);color:var(--texto-secundario);font:600 16px/1 var(--fuente-texto);cursor:pointer;transition:border-color .22s,color .22s,background .22s}
.ro-boton:hover{border-color:var(--lif-azul);color:var(--texto-principal)}
.ro-boton:active{transform:translateY(1px)}
.ro-boton:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(110,207,240,.45)}
.ro-boton:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.ro-boton--primario{padding:12px 38px;background:var(--lif-azul);border-color:var(--lif-celeste);color:var(--texto-sobre-azul);font:400 24px/1 var(--fuente-titulo);letter-spacing:2px;box-shadow:0 0 0 4px rgba(20,129,192,.22)}
.ro-boton--primario:hover{background:var(--lif-azul-hover);border-color:var(--lif-celeste);color:var(--texto-sobre-azul)}
.ro-boton--fantasma{background:transparent;border-color:transparent;color:var(--texto-suave)}
.ro-boton--fantasma:hover{background:var(--info-fondo);border-color:transparent}
.ro-boton--fantasma.is-activa{color:var(--texto-principal);border-color:var(--lif-celeste)}
.ro-boton--chico{min-height:36px;padding:6px 12px;font-size:14px}
.ro-boton--icono{min-width:44px;padding:8px 12px;font-size:20px}
.ro-acciones{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}
@container ro (max-width:560px){.ro-acciones{flex-direction:column-reverse}.ro-acciones .ro-boton{width:100%}}

.ro-spot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 28px;border-bottom:1px solid var(--borde)}
.ro-jugadores{display:flex;gap:8px;flex:none}
.ro-jugador{white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid var(--borde-fuerte);font:700 14px/1 var(--fuente-texto);color:var(--texto-secundario)}
.ro-jugador--heroe{border-color:var(--lif-celeste);background:rgba(110,207,240,.12);color:var(--texto-principal)}
.ro-spot__linea{font-size:16px;color:var(--texto-secundario);min-width:0}

.ro-opciones{display:flex;flex-direction:column;gap:12px}
.ro-opciones--grilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.ro-opcion{display:flex;align-items:center;gap:18px;width:100%;text-align:left;padding:20px 22px;min-height:76px;border-radius:10px;border:2px solid var(--borde-fuerte);background:var(--superficie-fila);color:var(--texto-principal);cursor:pointer;font-family:inherit;transition:border-color .22s,background .22s,transform .22s}
.ro-opcion:hover{border-color:var(--lif-azul)}
.ro-opcion.is-activa{border-color:var(--lif-celeste);background:rgba(20,129,192,.22)}
.ro-opcion:disabled{opacity:.45;cursor:not-allowed}
.ro-opcion:disabled:hover{border-color:var(--borde-fuerte)}
.ro-opcion:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(110,207,240,.45)}
.ro-opcion__radio{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--borde-fuerte);display:grid;place-items:center}
.ro-opcion.is-activa .ro-opcion__radio{border-color:var(--lif-celeste)}
.ro-opcion.is-activa .ro-opcion__radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--lif-celeste)}
.ro-opcion__txt{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.ro-opcion__t{font:700 20px/1.25 var(--fuente-texto)}
.ro-opcion__d{font-size:16px;color:var(--texto-secundario)}
.ro-opcion__fin{flex:none;color:var(--texto-suave);font-size:18px}
.ro-opcion__tag{flex:none;font:700 13px/1.2 var(--fuente-texto);color:var(--texto-suave)}
.ro-grupo-sit{display:flex;flex-direction:column;gap:10px}

.ro-dato{font-size:18px;padding:16px 20px;border-radius:8px;background:var(--superficie-campo)}
.ro-dato b{color:var(--acento)}
.ro-frase{font:500 26px/1.4 var(--fuente-texto);text-wrap:pretty}
.ro-frase b{font-weight:700;color:var(--acento)}
.ro-frase--chica{font-size:22px}
.ro-nivel{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ro-nivel__t{font-size:17px;color:var(--texto-secundario)}
.ro-nivel__ops{display:flex;gap:6px;flex-wrap:wrap}
.ro-nivel__op{white-space:nowrap;padding:9px 16px;border-radius:999px;border:1px solid var(--borde);color:var(--texto-suave);font:700 16px/1 var(--fuente-texto)}
.ro-nivel__op.is-activa{border-color:var(--lif-celeste);background:var(--lif-azul);color:#fff}

.ro-grilla{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;user-select:none;-webkit-user-select:none}
.ro-grilla--rival{touch-action:none}
.ro-celda{position:relative;overflow:hidden;aspect-ratio:1;min-width:0;border:0;padding:0;border-radius:3px;background:var(--superficie-campo);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font:700 12px/1 var(--fuente-texto);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);cursor:pointer;transition:opacity .22s}
.ro-celda:focus-visible{outline:2px solid var(--lif-celeste);outline-offset:1px;z-index:2}
.ro-celda--vacia{opacity:.45;color:var(--texto-tenue);text-shadow:none}
.ro-celda--cambia{box-shadow:inset 0 0 0 2px #fff}
.ro-celda--cambia::after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--navy-950)}
.ro-celda--apagada{opacity:.18}
.ro-celda--foco{outline:2px solid var(--lif-celeste);outline-offset:1px;z-index:1}
.ro-celda__n,.ro-celda__p{position:relative;z-index:1}
.ro-celda__p{font-size:10px;font-weight:600}
.ro-celda__seg{position:absolute;left:0;right:0}
.ro-celda__orig{position:absolute;left:0;right:0;border-top:2px solid #fff;z-index:1}
.ro-grilla--rival .ro-celda{font-size:11px;cursor:crosshair}
.ro-grilla--rival .ro-celda:disabled{opacity:.28;cursor:not-allowed}
.ro-grilla--chica .ro-celda{font-size:10px}
.ro-grilla--chica .ro-celda--cambia::after{width:5px;height:5px;top:2px;right:2px}
@container ro (max-width:620px){.ro-grilla{gap:1px}.ro-celda{border-radius:2px}.ro-celda__n,.ro-celda__p{display:none}.ro-celda--cambia::after{width:4px;height:4px;top:2px;right:2px}}

.ro-leyenda{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--texto-secundario)}
.ro-leyenda--col{flex-direction:column;gap:12px;font-size:16px;color:var(--texto-principal)}
.ro-leyenda__i{display:flex;align-items:center;gap:8px}
.ro-muestra{position:relative;width:16px;height:16px;border-radius:3px;flex:none}
.ro-leyenda--col .ro-muestra{width:20px;height:20px;border-radius:4px}
.ro-muestra--cambia{background:var(--navy-600);box-shadow:inset 0 0 0 2px #fff}
.ro-muestra--cambia::after{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;border-radius:50%;background:#fff}
.ro-muestra--vacia{background:var(--superficie-campo);border:1px solid var(--borde)}
.ro-muestra--linea{height:0;border-top:2px solid #fff;border-radius:0}

.ro-res-grilla{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:start}
.ro-res-grilla__izq{display:flex;flex-direction:column;gap:14px;min-width:0}
@container ro (max-width:760px){.ro-res-grilla{grid-template-columns:1fr}.ro-leyenda--col{flex-direction:row;flex-wrap:wrap;font-size:14px}}
.ro-info{min-height:52px;display:flex;align-items:center;padding:12px 16px;border-radius:8px;background:var(--superficie-campo);font-size:16px}

.ro-grupos{display:flex;flex-direction:column;gap:10px}
.ro-grupo{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:baseline;width:100%;text-align:left;padding:14px 18px;min-height:52px;border-radius:8px;border:2px solid var(--borde);background:var(--superficie-fila);color:var(--texto-principal);font:500 17px/1.4 var(--fuente-texto);cursor:pointer;transition:border-color .22s,background .22s}
.ro-grupo:hover{border-color:var(--lif-azul)}
.ro-grupo.is-activa{border-color:var(--lif-celeste);background:rgba(20,129,192,.22)}
.ro-grupo:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(110,207,240,.45)}
.ro-grupo__manos{color:var(--texto-secundario)}
.ro-grupo__extra{margin-left:auto;font-size:15px;font-weight:600;color:var(--acento)}
.ro-grupo--compacto{display:grid;grid-template-columns:minmax(160px,250px) minmax(0,1fr) 56px;gap:12px;padding:10px 14px;font-size:14px;min-height:44px}
.ro-grupo--compacto .ro-grupo__extra{margin:0;text-align:right;color:var(--texto-suave)}
@container rores (max-width:520px){.ro-grupo--compacto{grid-template-columns:1fr}.ro-grupo--compacto .ro-grupo__extra{text-align:left}}

.ro-error{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:8px;border:1px solid rgba(255,122,69,.45);background:rgba(255,122,69,.08);font-size:17px}
.ro-error i{color:var(--naranja);margin-top:3px}
.ro-aviso{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--naranja)}
.ro-cargando{padding:48px 28px;color:var(--texto-suave)}

.ro-av{display:grid;grid-template-columns:minmax(420px,540px) minmax(0,1fr)}
.ro-av__rival{padding:24px 28px;border-right:1px solid var(--borde);display:flex;flex-direction:column;gap:18px;min-width:0}
.ro-av__res{container-type:inline-size;container-name:rores;padding:24px 28px;display:flex;flex-direction:column;gap:20px;min-width:0;transition:opacity .22s}
.ro-atenuado{opacity:.5}
.ro-tabs{display:none}
.ro-tab{position:relative;min-height:52px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--texto-suave);font:400 22px/1 var(--fuente-titulo);letter-spacing:.06em;cursor:pointer}
.ro-tab.is-activa{border-bottom-color:var(--lif-celeste);color:var(--texto-principal)}
.ro-tab__punto{display:inline-block;width:9px;height:9px;margin-left:6px;border-radius:50%;background:var(--acento);vertical-align:top}
@container ro (max-width:940px){
  .ro-av{grid-template-columns:minmax(0,1fr)} /* con 1fr, un contenido ancho estiraba la columna y la grilla se salía por la derecha */
  .ro-av__rival{border-right:0}
  .ro-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--borde)}
  .ro-av[data-tab="rival"] .ro-av__res,.ro-av[data-tab="res"] .ro-av__rival{display:none}
  .ro-av__rival,.ro-av__res{padding:16px}
  .ro-cuerpo{padding:18px 16px}
  .ro-cab,.ro-spot{padding:14px 16px}
  .ro-pregunta{font-size:36px}
  .ro-frase{font-size:21px}
}
.ro-chips{display:flex;flex-wrap:wrap;gap:6px}
.ro-chip{white-space:nowrap;min-height:40px;padding:8px 14px;border-radius:6px;border:1px solid var(--borde-fuerte);background:var(--superficie-fila);color:var(--texto-secundario);font:600 14px/1 var(--fuente-texto);cursor:pointer;transition:border-color .22s,background .22s,color .22s}
.ro-chip:hover{border-color:var(--lif-azul);color:var(--texto-principal)}
.ro-chip.is-activa{border-color:var(--lif-celeste);background:rgba(20,129,192,.22);color:var(--texto-principal)}
.ro-chip:disabled{cursor:default}
.ro-desl{display:flex;align-items:center;gap:10px}
.ro-desl__centro{flex:1;display:flex;flex-direction:column;gap:6px}
.ro-desl input{width:100%;min-height:28px;accent-color:var(--lif-azul)}
.ro-desl__marcas{display:flex;justify-content:space-between;font-size:13px;color:var(--texto-suave)}
.ro-fila{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ro-pie-rival{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ro-totales{font-size:16px}
.ro-totales b{font-weight:700}

.ro-metricas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.ro-metrica{padding:14px 16px;border-radius:8px;background:var(--superficie-fila);border:1px solid var(--borde);display:flex;flex-direction:column;gap:8px}
.ro-metrica--vacia{background:transparent;border-style:dashed;border-color:var(--borde-punteado)}
.ro-metrica__num{font:400 38px/1 var(--fuente-titulo);color:var(--acento)}
.ro-metrica__num--neutro{color:var(--texto-principal)}
.ro-metrica__sub{font-size:14px;color:var(--texto-secundario)}
.ro-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ro-dos__col{display:flex;flex-direction:column;gap:8px;min-width:0}
@container rores (max-width:620px){.ro-dos{grid-template-columns:1fr}}
.ro-frecs{display:flex;flex-direction:column;gap:12px}
.ro-frec{display:grid;grid-template-columns:120px minmax(0,1fr) 104px;gap:10px;align-items:center;font-size:14px}
.ro-frec__n{font-weight:700}
.ro-frec__v{text-align:right;color:var(--texto-secundario)}
.ro-frec__v b{color:var(--texto-principal)}
.ro-barras{display:flex;flex-direction:column;gap:3px}
.ro-barra{height:8px;border-radius:4px;background:var(--superficie-campo);overflow:hidden}
.ro-barra span{display:block;height:100%;border-radius:4px;transition:width .6s cubic-bezier(.2,.8,.25,1)}
.ro-barra--antes span{opacity:.4}
.ro-detalle{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:8px;background:var(--superficie-campo);min-width:0}
.ro-detalle__cab{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.ro-detalle__mano{font:700 26px/1 var(--fuente-texto);letter-spacing:.02em} /* Montserrat: en Bebas Neue "K4o" se leía "K4O" (15/10) */
.ro-detalle__tabla{display:grid;grid-template-columns:minmax(92px,1.5fr) repeat(4,minmax(0,1fr));gap:6px 8px;font-size:14px;align-items:center}
.ro-detalle__th{color:var(--texto-suave)}
.ro-detalle__th--ahora{color:var(--acento)}
.ro-detalle__acc{display:flex;align-items:center;gap:6px;font-weight:700;min-width:0}
.ro-detalle__ev{color:var(--texto-secundario)}
.ro-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--texto-suave)}
.ro-tag{padding:4px 9px;border-radius:9px;font:700 13px/1.2 var(--fuente-texto);background:var(--info-fondo);color:var(--acento)}
.ro-tag--estimada{background:var(--aviso-fondo);color:var(--aviso)}

.ro-filtros{display:flex;flex-direction:column;gap:12px}
.ro-filtro{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ro-filtro__t{width:180px;flex:none}
.ro-fila-spot__quien{color:var(--acento);font-weight:600}

[data-tema="claro"] .ro-celda__orig{border-top-color:var(--navy-950)}
@media (prefers-reduced-motion:reduce){.ro-app *{animation:none!important;transition:none!important}}

/* Mesa: selector de spot */
.ro-sel__mesa{display:flex;flex-direction:column;gap:14px;min-width:0}
.ro-mesa{position:relative;width:100%;max-width:600px;height:440px;margin:0 auto}
.ro-mesa__lienzo{position:absolute;left:0;top:0;width:600px;height:440px;transform-origin:0 0}
.ro-mesa__pano{position:absolute;left:60px;top:52px;width:480px;height:336px;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#17366f 0%,#0B1E44 60%,#081530 100%);border:2px solid var(--navy-500);box-shadow:inset 0 0 0 10px var(--navy-850),inset 0 0 0 12px rgba(110,207,240,.35),0 18px 40px rgba(0,0,0,.4);cursor:default}
.ro-mesa__logo{position:absolute;left:300px;top:218px;width:270px;height:270px;transform:translate(-50%,-50%);opacity:.16;pointer-events:none;-webkit-mask-image:radial-gradient(circle,#000 35%,transparent 70%);mask-image:radial-gradient(circle,#000 35%,transparent 70%)}
.ro-mesa__bote{position:absolute;left:300px;top:215px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;font-size:14px;color:var(--texto-suave)}
.ro-mesa__bote b{font:400 42px/1 var(--fuente-titulo);color:var(--acento);font-weight:400}
.ro-mesa__bote small{margin-top:8px;font-size:13px;color:var(--texto-tenue)}
.ro-mesa__dealer{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;color:var(--texto-sobre-acento);font:800 14px/28px var(--fuente-texto);text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none;z-index:1}
.ro-mesa__ficha{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;font:800 16px/1 var(--fuente-texto);color:var(--texto-principal);pointer-events:none}
.ro-mesa__pila{--cs:20px;--cg:4px;position:relative;flex:none;width:var(--cs);height:calc(var(--cs) + (var(--n,1) - 1) * var(--cg))}
.ro-mesa__pila b{position:absolute;left:0;top:calc((var(--n,1) - 1 - var(--k,0)) * var(--cg));width:var(--cs);height:var(--cs);border-radius:50%;box-sizing:border-box;border:2.5px solid}
.ro-mesa__pila b.v05{background:var(--lif-celeste);border-color:#2b8fb5}
.ro-mesa__pila b.v2{background:#2FA6D6;border-color:#17698c}
.ro-mesa__pila b.v5{background:#2563EB;border-color:#163d94}
.ro-mesa__pila b.v25{background:#1e3a8a;border-color:#0f1f4d}
.ro-mesa__pila b.is-top{border:2.5px dashed #fff}
.ro-asiento{position:absolute;transform:translate(-50%,-50%);width:100px;height:58px;border-radius:10px;background:var(--navy-800);border:1.5px solid var(--navy-500);box-shadow:0 6px 18px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;z-index:2;color:var(--texto-principal);transition:all .22s cubic-bezier(.2,.8,.25,1);font-family:var(--fuente-texto)}
.ro-asiento:hover{border-color:var(--lif-azul)}
.ro-asiento:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(110,207,240,.5)}
.ro-asiento__pos{font:400 22px/1 var(--fuente-titulo)}
.ro-asiento__sub{font:700 13px/1.2 var(--fuente-texto);color:var(--texto-tenue);padding:0;border-radius:5px;white-space:nowrap}
.ro-asiento--accion .ro-asiento__sub{padding:2px 8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.ro-asiento--fold{background:rgba(14,32,68,.45);border-color:rgba(31,60,114,.6);color:var(--texto-tenue);box-shadow:none;opacity:.75}
.ro-asiento--decide{background:var(--lif-celeste);border-color:var(--lif-celeste);color:var(--texto-sobre-acento);box-shadow:0 0 0 4px rgba(110,207,240,.25),0 6px 18px rgba(0,0,0,.3);z-index:7}
.ro-asiento--decide .ro-asiento__sub{color:var(--texto-sobre-acento)}
/* Tarjetas fijas a la derecha de la mesa (como el Constructor): arriba qué hace el que habla, abajo "Spot listo";
   en pantallas angostas bajan debajo de la mesa */
.ro-mesa-fila{display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}
.ro-mesa-fila>.ro-mesa{flex:0 1 600px;min-width:0;margin:0}
.ro-mesa-lado{flex:1 1 300px;min-width:0;max-width:600px;display:flex;flex-direction:column;gap:16px;margin-top:40px}
.ro-mesa-panel{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background:rgba(8,18,38,.97);border:1px solid var(--navy-300);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.ro-mesa-panel.is-listo{border-color:var(--lif-celeste)}
.ro-mesa-panel .ro-mesa-spot{padding:4px 6px;border:0;background:none}
.ro-mesa-panel .ro-mesa-spot .ro-boton--primario{align-self:stretch;padding-inline:16px}
.ro-mesa__menu-cab{display:flex;align-items:baseline;gap:8px;padding:4px 8px 8px;font:400 22px/1 var(--fuente-titulo);color:var(--acento)}
.ro-mesa__menu-sep{color:var(--texto-tenue)}
.ro-mesa__op{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--texto-principal);font:700 15px/1.2 var(--fuente-texto);text-align:left;cursor:pointer}
.ro-mesa__op span:nth-child(2){flex:1}
.ro-mesa__op i{font-size:12px;color:var(--texto-tenue)}
.ro-mesa__op:hover{background:var(--navy-700)}
.ro-mesa-spot{display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:18px 20px;border-radius:10px;border:1px solid var(--linea-celeste-fuerte);background:var(--superficie-fila)}
.ro-mesa-spot__linea{font-size:15px;color:var(--texto-secundario)}
.ro-mesa-spot__linea b{color:var(--texto-principal)}
.ro-mesa-spot .ro-boton--primario{align-self:flex-end}
.ro-sel__mesa--inicial{max-width:940px}

/* Entrada del menú: solo founders mientras los árboles estén en borrador (el servidor igual los esconde al resto) */
body:not(.mode-founder) #side-menu-nav .ro-solo-founder{display:none}