/* ============================================================
   Rediseño (REDISENO), dirección A · Noche orbital · esqueleto de escritorio.
   GENERADO por herramientas/rediseno-css.mjs desde la propuesta
   (hookorbit-rediseno/rediseno/assets/rediseno.css): mismas declaraciones,
   selectores dentro de .rd-app.app (#rdEsqueleto). No editar a mano; los ajustes propios de la
   app van en public/rediseno-app.css.
   ============================================================ */
.rd-app.app { --marca-violeta: #8b5cf6; --marca-indigo: #5b6cff; --marca-azul: #4f9dff; --marca-luna: #f0abfc; --grad-marca: linear-gradient(135deg, #8b5cf6 0%, #5b6cff 55%, #4f9dff 100%); --grad-boton: linear-gradient(135deg, #7442e6 0%, #4b57e3 55%, #2563eb 100%); --f-texto: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --f-titulo: "Space Grotesk", "Inter", -apple-system, sans-serif; --t-titulo: 28px; --t-subtitulo: 20px; --t-texto: 17px; --t-chico: 15px; --lh-titulo: 1.2; --lh-texto: 1.5; --e-1: 4px;  --e-2: 8px;  --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 64px; --r-chico: 10px; --r-medio: 14px; --r-grande: 22px; --r-total: 999px; --toque-min: 44px; --boton-alto: 56px; --transicion: 180ms cubic-bezier(.2, .7, .3, 1); }
.rd-app.app { color-scheme: dark; --fondo: #070818; --fondo-degradado: radial-gradient(120% 60% at 50% -10%, rgba(139, 92, 246, .22), transparent 60%), radial-gradient(80% 50% at 100% 100%, rgba(79, 157, 255, .10), transparent 60%), #070818; --superficie: #10122c; --superficie-2: #171a3a; --superficie-vidrio: rgba(23, 26, 58, .72); --borde: rgba(255, 255, 255, .10); --borde-fuerte: rgba(255, 255, 255, .20); --texto: #f5f6fb; --texto-2: #babed8; --texto-3: #9297ba; --acento: #c4b5fd; --acento-suave: rgba(139, 92, 246, .16); --exito: #34d399;  --exito-fondo: rgba(52, 211, 153, .12); --error: #ff8a8f;  --error-fondo: rgba(255, 92, 99, .12); --aviso: #fbbf24;  --aviso-fondo: rgba(251, 191, 36, .12); --sombra: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 12px 32px rgba(0, 0, 0, .35); --sombra-boton: 0 8px 24px rgba(91, 108, 255, .35); --foco: 0 0 0 3px rgba(196, 181, 253, .55); --estrellas: .55; }
.rd-app.app * { box-sizing: border-box; margin: 0; padding: 0; }
.rd-app.app { -webkit-text-size-adjust: 100%; }
.rd-app.app { font-family: var(--f-texto); font-size: var(--t-texto); line-height: var(--lh-texto); -webkit-font-smoothing: antialiased; }
.rd-app.app img, .rd-app.app svg { display: block; max-width: 100%; }
.rd-app.app button, .rd-app.app input, .rd-app.app select, .rd-app.app textarea { font: inherit; color: inherit; }
.rd-app.app a { color: var(--acento); }
.rd-app.app :focus-visible { outline: none; box-shadow: var(--foco); }
.rd-app.app .ico { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.rd-app.app .ico-chico { width: 18px; height: 18px; }
.rd-app.app .ico-grande { width: 28px; height: 28px; }
.rd-app.app { position: relative; width: 390px; height: 844px; max-width: 100%; border-radius: 48px; overflow: hidden; background: var(--fondo-degradado); color: var(--texto); box-shadow: 0 0 0 10px #1c1d26, 0 0 0 11px #3a3b48, 0 30px 80px rgba(0, 0, 0, .45); display: flex; flex-direction: column; isolation: isolate; }
.rd-app.app::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: var(--estrellas); background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 78% 9%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 64% 31%, #c4b5fd 50%, transparent 51%), radial-gradient(1px 1px at 30% 52%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 88% 61%, #93c5fd 50%, transparent 51%), radial-gradient(1px 1px at 18% 84%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 52% 92%, #fff 50%, transparent 51%); }
.rd-app.app .pantalla { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 4px var(--e-4) var(--e-6); scrollbar-width: none; }
.rd-app.app .pantalla::-webkit-scrollbar { display: none; }
.rd-app.app .cabecera { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); min-height: 56px; }
.rd-app.app .marca { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--texto); }
.rd-app.app .marca img { width: 34px; height: 34px; border-radius: 9px; }
.rd-app.app .marca-texto { font-family: var(--f-titulo); font-weight: 700; font-size: 19.2px; letter-spacing: -.02em; }
.rd-app.app .marca-texto span { background: var(--grad-marca); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app.app .cabecera-titulo { font-size: var(--t-texto); font-weight: 600; text-align: center; flex: 1; }
.rd-app.app .boton-icono { width: var(--toque-min); height: var(--toque-min); display: grid; place-items: center; border-radius: var(--r-total); border: 1px solid var(--borde); background: var(--superficie); color: var(--texto); cursor: pointer; }
.rd-app.app .boton-volver { display: inline-flex; align-items: center; gap: 6px; min-height: var(--toque-min); padding: 0 12px 0 6px; border: 0; background: none; color: var(--acento); font-size: var(--t-texto); font-weight: 600; cursor: pointer; text-decoration: none; }
.rd-app.app .avatar { width: var(--toque-min); height: var(--toque-min); border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 16px; background: var(--acento-suave); color: var(--texto); border: 1px solid var(--borde); text-decoration: none; }
.rd-app.app .titulo { font-family: var(--f-titulo); font-size: var(--t-titulo); line-height: var(--lh-titulo); font-weight: 700; letter-spacing: -.02em; }
.rd-app.app .subtitulo { font-family: var(--f-titulo); font-size: var(--t-subtitulo); line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.rd-app.app .texto-2 { color: var(--texto-2); }
.rd-app.app .texto-3 { color: var(--texto-3); }
.rd-app.app .chico { font-size: var(--t-chico); }
.rd-app.app .centro { text-align: center; }
.rd-app.app .pila { display: flex; flex-direction: column; gap: var(--e-4); }
.rd-app.app .pila-chica { display: flex; flex-direction: column; gap: var(--e-2); }
.rd-app.app .seccion { margin-top: var(--e-6); }
.rd-app.app .seccion-titulo { font-size: var(--t-chico); font-weight: 600; color: var(--texto-3); letter-spacing: .02em; margin-bottom: var(--e-3); }
.rd-app.app .boton { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: var(--boton-alto); padding: 0 var(--e-5); border-radius: var(--r-medio); border: 1px solid transparent; font-size: var(--t-texto); font-weight: 600; letter-spacing: -.005em; text-decoration: none; cursor: pointer; transition: transform var(--transicion), box-shadow var(--transicion), background var(--transicion); }
.rd-app.app .boton:active { transform: scale(.98); }
.rd-app.app .boton-principal { background: var(--grad-boton); color: #fff; box-shadow: var(--sombra-boton); }
.rd-app.app .boton-secundario { background: var(--superficie); color: var(--texto); border-color: var(--borde-fuerte); }
.rd-app.app .boton-texto { width: auto; min-height: var(--toque-min); padding: 0 var(--e-3); background: none; color: var(--acento); }
.rd-app.app .boton[disabled], .rd-app.app .boton.desactivado { opacity: .45; box-shadow: none; cursor: not-allowed; }
.rd-app.app .boton .nota-boton { font-weight: 500; opacity: .85; }
.rd-app.app .boton-cargando .giro { width: 20px; height: 20px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.35); border-top-color: #fff; animation: rde-girar .8s linear infinite; }
@keyframes rde-girar { to { transform: rotate(360deg); } }
.rd-app.app .tarjeta { background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--r-grande); padding: var(--e-5); box-shadow: var(--sombra); }
.rd-app.app .tarjeta { background: var(--superficie-vidrio); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rd-app.app .tarjeta-compacta { padding: var(--e-4); }
.rd-app.app .intencion { display: grid; grid-template-columns: 56px 1fr 24px; align-items: center; gap: var(--e-4); min-height: 104px; padding: var(--e-4) var(--e-4) var(--e-4) var(--e-4); text-decoration: none; color: var(--texto); background: var(--superficie); border: 1px solid var(--borde); border-radius: var(--r-grande); box-shadow: var(--sombra); transition: transform var(--transicion), border-color var(--transicion); }
.rd-app.app .intencion { background: var(--superficie-vidrio); }
.rd-app.app .intencion:active { transform: scale(.985); }
.rd-app.app .intencion-icono { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; color: #fff; background: var(--grad-boton); }
.rd-app.app .intencion-icono.v2 { background: linear-gradient(135deg, #b14cd9, #7442e6); }
.rd-app.app .intencion-icono.v3 { background: linear-gradient(135deg, #2563eb, #0ea5c6); }
.rd-app.app .intencion h3 { font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.rd-app.app .intencion p { font-size: var(--t-chico); color: var(--texto-2); margin-top: 2px; line-height: 1.4; }
.rd-app.app .intencion .flecha { color: var(--texto-3); }
.rd-app.app .campo { display: flex; flex-direction: column; gap: var(--e-2); }
.rd-app.app .campo label, .rd-app.app .campo .etiqueta { font-size: var(--t-texto); font-weight: 600; }
.rd-app.app .campo .ayuda { font-size: var(--t-chico); color: var(--texto-2); line-height: 1.4; }
.rd-app.app .entrada { width: 100%; min-height: 56px; padding: 14px var(--e-4); font-size: var(--t-texto); background: var(--superficie); color: var(--texto); border: 1.5px solid var(--borde-fuerte); border-radius: var(--r-medio); transition: border-color var(--transicion), box-shadow var(--transicion); }
.rd-app.app .entrada::placeholder { color: var(--texto-3); }
.rd-app.app .entrada:focus { outline: none; border-color: var(--marca-violeta); box-shadow: var(--foco); }
.rd-app.app .entrada.con-error { border-color: var(--error); }
.rd-app.app .campo .error-campo { display: flex; gap: 8px; align-items: flex-start; color: var(--error); font-size: var(--t-chico); font-weight: 500; }
.rd-app.app textarea.entrada { min-height: 104px; resize: none; line-height: 1.45; }
.rd-app.app .opcional { font-weight: 400; color: var(--texto-3); font-size: var(--t-chico); }
.rd-app.app .opciones { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-2); }
.rd-app.app .opciones.dos { grid-template-columns: 1fr 1fr; }
.rd-app.app .opcion { min-height: 56px; padding: 10px 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: var(--r-medio); border: 1.5px solid var(--borde-fuerte); background: var(--superficie); color: var(--texto); font-size: var(--t-chico); font-weight: 600; text-align: center; cursor: pointer; }
.rd-app.app .opcion small { font-weight: 400; color: var(--texto-3); font-size: 14px; }
.rd-app.app .opcion[aria-pressed="true"], .rd-app.app .opcion.elegida { border-color: var(--marca-violeta); background: var(--acento-suave); box-shadow: inset 0 0 0 1px var(--marca-violeta); }
.rd-app.app .eleccion { display: grid; grid-template-columns: 44px 1fr auto; gap: var(--e-3); align-items: center; padding: var(--e-4); min-height: 72px; border-radius: var(--r-medio); border: 1.5px solid var(--borde-fuerte); background: var(--superficie); cursor: pointer; }
.rd-app.app .eleccion .eleccion-icono { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--texto); }
.rd-app.app .eleccion b { display: block; font-weight: 600; font-size: var(--t-texto); line-height: 1.3; }
.rd-app.app .eleccion span.desc { display: block; color: var(--texto-2); font-size: var(--t-chico); line-height: 1.35; margin-top: 2px; }
.rd-app.app .eleccion .precio-op { font-size: var(--t-chico); font-weight: 600; color: var(--texto-2); white-space: nowrap; }
.rd-app.app .eleccion .precio-op.gratis { color: var(--exito); }
.rd-app.app .eleccion.elegida { border-color: var(--marca-violeta); background: var(--acento-suave); box-shadow: inset 0 0 0 1px var(--marca-violeta); }
.rd-app.app .eleccion.elegida .eleccion-icono { background: var(--grad-boton); color: #fff; }
.rd-app.app .mensaje { display: grid; grid-template-columns: 24px 1fr; gap: var(--e-3); align-items: start; padding: var(--e-4); border-radius: var(--r-medio); font-size: var(--t-chico); line-height: 1.45; }
.rd-app.app .mensaje b { display: block; font-size: var(--t-texto); margin-bottom: 2px; }
.rd-app.app .mensaje-error { background: var(--error-fondo); color: var(--texto); }
.rd-app.app .mensaje-error .ico { color: var(--error); }
.rd-app.app .mensaje-exito { background: var(--exito-fondo); }
.rd-app.app .mensaje-exito .ico { color: var(--exito); }
.rd-app.app .mensaje-aviso { background: var(--aviso-fondo); }
.rd-app.app .mensaje-aviso .ico { color: var(--aviso); }
.rd-app.app .mensaje-info { background: var(--acento-suave); }
.rd-app.app .mensaje-info .ico { color: var(--acento); }
.rd-app.app .progreso { height: 8px; border-radius: 999px; background: var(--superficie-2); overflow: hidden; }
.rd-app.app .progreso > i { display: block; height: 100%; border-radius: inherit; background: var(--grad-marca); }
.rd-app.app .pasos-carga { list-style: none; display: flex; flex-direction: column; gap: var(--e-3); }
.rd-app.app .pasos-carga li { display: flex; gap: var(--e-3); align-items: center; font-size: var(--t-texto); color: var(--texto-3); }
.rd-app.app .pasos-carga li.hecho { color: var(--texto-2); }
.rd-app.app .pasos-carga li.hecho .ico { color: var(--exito); }
.rd-app.app .pasos-carga li.ahora { color: var(--texto); font-weight: 600; }
.rd-app.app .punto-ahora { width: 22px; height: 22px; border-radius: 50%; border: 2.5px solid var(--borde-fuerte); border-top-color: var(--marca-violeta); animation: rde-girar .9s linear infinite; flex: none; }
.rd-app.app .punto-luego { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--borde-fuerte); flex: none; }
.rd-app.app .esqueleto { border-radius: var(--r-chico); background: linear-gradient(90deg, var(--superficie-2) 0%, var(--borde) 50%, var(--superficie-2) 100%); background-size: 200% 100%; animation: rde-brillo 1.4s ease-in-out infinite; }
@keyframes rde-brillo { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.rd-app.app .orbi { display: block; animation: rde-flotar 4.2s ease-in-out infinite; }
.rd-app.app .orbi img { width: 100%; height: auto; }
@keyframes rde-flotar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.rd-app.app .orbi-dice { display: grid; grid-template-columns: 76px 1fr; gap: var(--e-3); align-items: center; }
.rd-app.app .orbi-dice.grande { grid-template-columns: 104px 1fr; }
.rd-app.app .globo { position: relative; background: var(--superficie); border: 1px solid var(--borde); border-radius: 20px 20px 20px 6px; padding: var(--e-3) var(--e-4); font-size: var(--t-texto); line-height: 1.4; box-shadow: var(--sombra); }
.rd-app.app .globo b { font-weight: 600; }
.rd-app.app .orbi-centro { width: 140px; margin: 0 auto; }
.rd-app.app .etiqueta-pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--r-total); font-size: 14px; font-weight: 600; background: var(--acento-suave); color: var(--acento); }
.rd-app.app .etiqueta-pill.exito { background: var(--exito-fondo); color: var(--exito); }
.rd-app.app .cupo { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); padding: var(--e-3) var(--e-4); border-radius: var(--r-medio); background: var(--superficie); border: 1px solid var(--borde); font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .cupo b { color: var(--texto); }
.rd-app.app .separador { height: 1px; background: var(--borde); margin: var(--e-5) 0; }
.rd-app.app .pestanas { flex: none; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--borde); background: var(--superficie-vidrio); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); padding-top: 6px; }
.rd-app.app .pestanas a { display: flex; flex-direction: column; align-items: center; gap: 3px; min-height: 52px; justify-content: center; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--texto-3); }
.rd-app.app .pestanas a[aria-current="page"] { color: var(--acento); }
.rd-app.app .pestanas .ico { width: 24px; height: 24px; }
.rd-app.app .pie-accion { flex: none; padding: var(--e-3) var(--e-4) var(--e-2); border-top: 1px solid var(--borde); background: var(--superficie-vidrio); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); display: flex; flex-direction: column; gap: var(--e-2); }
.rd-app.app .pie-accion .resumen { display: flex; justify-content: space-between; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .pie-accion .resumen b { color: var(--texto); }
.rd-app.app .pasos { display: flex; gap: 6px; }
.rd-app.app .pasos i { flex: 1; height: 5px; border-radius: 999px; background: var(--borde-fuerte); }
.rd-app.app .pasos i.hecho { background: var(--grad-marca); }
.rd-app.app .pasos-texto { font-size: var(--t-chico); color: var(--texto-3); font-weight: 600; margin: var(--e-2) 0 var(--e-1); }
.rd-app.app .idea { display: flex; flex-direction: column; gap: var(--e-3); }
.rd-app.app .idea .num { font-size: var(--t-chico); font-weight: 700; color: var(--acento); }
.rd-app.app .idea .frase { font-family: var(--f-titulo); font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; }
.rd-app.app .idea .por-que { color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .idea .acciones { display: grid; grid-template-columns: 1fr auto auto; gap: var(--e-2); align-items: center; }
.rd-app.app .idea .acciones .boton { min-height: 48px; font-size: var(--t-chico); }
.rd-app.app .boton-guardar { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--r-medio); border: 1px solid var(--borde-fuerte); background: var(--superficie); color: var(--texto-2); }
.rd-app.app .boton-guardar.guardado { color: #f5b301; border-color: rgba(245, 179, 1, .45); }
.rd-app.app .boton-guardar.guardado .ico { fill: currentColor; }
.rd-app.app .estilos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-3); }
.rd-app.app .estilo { border-radius: var(--r-medio); border: 1.5px solid var(--borde-fuerte); background: var(--superficie); overflow: hidden; cursor: pointer; text-align: left; padding: 0; }
.rd-app.app .estilo .muestra { width: 100%; aspect-ratio: 4 / 3; display: grid; place-items: center; padding: 10px; text-align: center; line-height: 1.05; }
.rd-app.app .estilo .nombre { display: block; padding: 10px 12px 12px; }
.rd-app.app .estilo .nombre b { display: block; font-size: var(--t-chico); font-weight: 600; }
.rd-app.app .estilo .nombre span { display: block; font-size: 14px; color: var(--texto-3); }
.rd-app.app .estilo.elegida { border-color: var(--marca-violeta); box-shadow: inset 0 0 0 1px var(--marca-violeta); }
.rd-app.app .muestra-golpe { background: #0b0b12; color: #fff; font-family: var(--f-titulo); font-weight: 700; font-size: 21.6px; text-transform: uppercase; letter-spacing: -.02em; }
.rd-app.app .muestra-golpe em { font-style: normal; color: #facc15; }
.rd-app.app .muestra-cristal { background: radial-gradient(circle at 30% 30%, #a78bfa, #3b82f6 70%); color: #fff; }
.rd-app.app .muestra-cristal span { background: rgba(255,255,255,.22); border: 1px solid rgba(255,255,255,.45); border-radius: 12px; padding: 8px 10px; font-weight: 600; font-size: 15.2px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.rd-app.app .muestra-revista { background: #f3ede2; color: #1d1a16; font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 20.8px; }
.rd-app.app .muestra-alegre { background: #ff5fa2; color: #fff; font-family: var(--f-titulo); font-weight: 700; font-size: 20px; }
.rd-app.app .muestra-alegre span { background: #ffe14d; color: #1b1442; padding: 2px 8px; border-radius: 8px; transform: rotate(-3deg); display: inline-block; }
.rd-app.app .video-marco { position: relative; width: 220px; aspect-ratio: 9 / 16; margin: 0 auto; border-radius: 20px; overflow: hidden; background: #0b0b12; color: #fff; box-shadow: 0 20px 50px rgba(0, 0, 0, .35); display: grid; place-items: center; text-align: center; padding: 18px; }
.rd-app.app .video-marco .linea { font-family: var(--f-titulo); font-weight: 700; font-size: 24.8px; line-height: 1.05; text-transform: uppercase; letter-spacing: -.02em; }
.rd-app.app .video-marco .linea em { font-style: normal; color: #facc15; }
.rd-app.app .video-marco .play { position: absolute; inset: auto 0 14px 0; margin: auto; width: 52px; height: 52px; border-radius: 50%; background: rgba(255,255,255,.92); color: #111; display: grid; place-items: center; }
.rd-app.app .video-marco .play .ico { fill: currentColor; margin-left: 3px; }
.rd-app.app .video-marco .duracion { position: absolute; top: 12px; right: 12px; background: rgba(0,0,0,.55); border-radius: 8px; padding: 2px 8px; font-size: 13px; font-weight: 600; }
.rd-app.app .paquete { display: grid; grid-template-columns: 1fr auto; gap: 4px var(--e-3); align-items: center; padding: var(--e-4); min-height: 88px; border-radius: var(--r-grande); border: 1.5px solid var(--borde-fuerte); background: var(--superficie); cursor: pointer; position: relative; }
.rd-app.app .paquete b { font-size: 18px; font-weight: 600; }
.rd-app.app .paquete .equivale { grid-column: 1; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .paquete .precio { grid-row: 1 / span 2; grid-column: 2; text-align: right; font-family: var(--f-titulo); font-weight: 700; font-size: 22.4px; letter-spacing: -.02em; }
.rd-app.app .paquete .precio small { display: block; font-family: var(--f-texto); font-size: 14px; font-weight: 500; color: var(--texto-3); letter-spacing: 0; }
.rd-app.app .paquete.elegida { border-color: var(--marca-violeta); background: var(--acento-suave); box-shadow: inset 0 0 0 1px var(--marca-violeta); }
.rd-app.app .paquete .insignia { position: absolute; top: -12px; left: 16px; background: var(--grad-boton); color: #fff; }
.rd-app.app .lista-confianza { list-style: none; display: flex; flex-direction: column; gap: var(--e-2); font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .lista-confianza li { display: flex; gap: 10px; align-items: flex-start; }
.rd-app.app .lista-confianza .ico { color: var(--exito); margin-top: 1px; }
.rd-app.app .reciente { display: grid; grid-template-columns: 44px 1fr auto; gap: var(--e-3); align-items: center; padding: var(--e-3) 0; border-bottom: 1px solid var(--borde); text-decoration: none; color: var(--texto); min-height: 64px; }
.rd-app.app .reciente:last-child { border-bottom: 0; }
.rd-app.app .reciente .mini { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--texto-2); }
.rd-app.app .reciente b { display: block; font-weight: 600; font-size: var(--t-texto); line-height: 1.3; }
.rd-app.app .reciente span { font-size: var(--t-chico); color: var(--texto-3); }
@media (prefers-reduced-motion: reduce) {
  .rd-app.app *, .rd-app.app *::before, .rd-app.app *::after { animation: none !important; transition: none !important; }
}
.rd-app.app .requisitos { list-style: none; display: flex; flex-direction: column; }
.rd-app.app .requisitos li { display: grid; grid-template-columns: 40px 1fr; gap: var(--e-3); align-items: center; min-height: 60px; border-bottom: 1px solid var(--borde); }
.rd-app.app .requisitos li:last-child { border-bottom: 0; }
.rd-app.app .requisitos .req-icono { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--acento-suave); color: var(--acento); }
.rd-app.app .requisitos b { display: block; font-weight: 600; line-height: 1.3; }
.rd-app.app .requisitos span.desc { display: block; font-size: var(--t-chico); color: var(--texto-2); line-height: 1.35; }
.rd-app.app .cupo-pastilla { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--r-total); background: var(--exito-fondo); color: var(--exito); font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .cupo-pastilla.agotado { background: var(--aviso-fondo); color: var(--aviso); }
.rd-app.app .video-elegido { display: grid; grid-template-columns: 72px 1fr auto; gap: var(--e-3); align-items: center; }
.rd-app.app .video-elegido .miniatura { width: 72px; aspect-ratio: 9 / 16; border-radius: 12px; background: linear-gradient(160deg, #f5c08a, #b0623a 60%, #3b1f14); position: relative; display: grid; place-items: center; color: #fff; }
.rd-app.app .video-elegido .miniatura .ico { width: 22px; height: 22px; fill: currentColor; opacity: .9; }
.rd-app.app .video-elegido b { display: block; font-weight: 600; }
.rd-app.app .video-elegido span.desc { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .mensaje-vivo { min-height: 2.6em; font-family: var(--f-titulo); font-size: var(--t-subtitulo); font-weight: 600; letter-spacing: -.01em; line-height: 1.3; transition: opacity 260ms ease; }
.rd-app.app .mensaje-vivo.saliendo { opacity: 0; }
.rd-app.app .reloj { font-variant-numeric: tabular-nums; }
.rd-app.app .orbi-lupa .lupa { transform-origin: 146px 152px; }
.rd-app.app .orbi.buscando img { animation: rde-buscar 3.2s ease-in-out infinite; }
@keyframes rde-buscar { 0%, 100% { transform: rotate(-4deg) translateX(-3px); } 50% { transform: rotate(4deg) translateX(3px); } }
.rd-app.app .nota-grande { position: relative; width: 196px; height: 196px; margin: 0 auto; display: grid; place-items: center; }
.rd-app.app .nota-grande svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.rd-app.app .nota-grande .pista { fill: none; stroke: var(--superficie-2); stroke-width: 14; }
.rd-app.app .nota-grande .valor { fill: none; stroke: url(#grad-nota); stroke-width: 14; stroke-linecap: round; }
.rd-app.app .nota-grande .cifra { font-family: var(--f-titulo); font-weight: 700; font-size: 64px; line-height: 1; letter-spacing: -.04em; }
.rd-app.app .nota-grande .de { font-size: var(--t-chico); color: var(--texto-2); margin-top: 2px; text-align: center; }
.rd-app.app .nota-veredicto { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: var(--r-total); font-weight: 600; background: var(--acento-suave); color: var(--texto); }
.rd-app.app .punto { display: grid; grid-template-columns: 36px 1fr; gap: var(--e-3); align-items: start; padding: var(--e-4) 0; border-bottom: 1px solid var(--borde); }
.rd-app.app .punto:last-child { border-bottom: 0; }
.rd-app.app .punto .marca-punto { width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; }
.rd-app.app .punto.bien .marca-punto { background: var(--exito-fondo); color: var(--exito); }
.rd-app.app .punto.mejorar .marca-punto { background: var(--acento-suave); color: var(--acento); font-family: var(--f-titulo); }
.rd-app.app .punto b { display: block; font-weight: 600; line-height: 1.35; }
.rd-app.app .punto p { color: var(--texto-2); margin-top: 2px; line-height: 1.45; }
.rd-app.app .punto .cuando { display: inline-block; margin-top: 6px; font-size: 14px; font-weight: 600; color: var(--texto-3); }
.rd-app.app .partes { display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .parte { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; align-items: center; }
.rd-app.app .parte span { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .parte b { font-size: var(--t-chico); font-weight: 600; }
.rd-app.app .parte .barra-parte { grid-column: 1 / -1; height: 6px; border-radius: 999px; background: var(--superficie-2); overflow: hidden; }
.rd-app.app .parte .barra-parte i { display: block; height: 100%; border-radius: inherit; background: var(--grad-marca); }
.rd-app.app .camino { display: flex; flex-direction: column; gap: 6px; padding: var(--e-4); border-radius: var(--r-grande); border: 1px solid var(--borde); background: var(--superficie-vidrio); }
.rd-app.app .camino .camino-cabeza { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.rd-app.app .camino b { font-size: 17px; font-weight: 600; }
.rd-app.app .camino .precio-camino { font-family: var(--f-titulo); font-weight: 700; white-space: nowrap; }
.rd-app.app .camino p { color: var(--texto-2); font-size: var(--t-chico); line-height: 1.45; }
.rd-app.app .propuesta-nota { display: inline-block; align-self: flex-start; font-size: 13px; font-weight: 600; color: var(--aviso); background: var(--aviso-fondo); border-radius: 6px; padding: 1px 7px; }
.rd-app.app .zona-subir { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: 100%; min-height: 330px; padding: 28px 20px; border-radius: var(--r-grande); border: 2px dashed rgba(196, 181, 253, .38); background: radial-gradient(90% 70% at 50% 30%, rgba(139, 92, 246, .16), transparent 70%), var(--superficie-vidrio); color: var(--texto); text-align: center; cursor: pointer; transition: border-color var(--transicion), transform var(--transicion), background var(--transicion); }
.rd-app.app .zona-subir:hover { border-color: rgba(196, 181, 253, .7); }
.rd-app.app .zona-subir:active { transform: scale(.985); }
.rd-app.app .zona-subir .orbi { width: 132px; }
.rd-app.app .zona-subir .icono-subir { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-boton); color: #fff; box-shadow: var(--sombra-boton); margin-top: -6px; }
.rd-app.app .zona-subir .texto-zona { font-family: var(--f-titulo); font-size: var(--t-subtitulo); font-weight: 600; letter-spacing: -.01em; }
.rd-app.app .linea-chica { font-size: var(--t-chico); color: var(--texto-3); text-align: center; }
.rd-app.app .linea-chica .ico { display: inline-block; vertical-align: -3px; margin-right: 4px; }
.rd-app.app .dato-conocido { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; border-bottom: 1px solid var(--borde); }
.rd-app.app .dato-conocido:last-child { border-bottom: 0; }
.rd-app.app .dato-conocido span { color: var(--texto-2); }
.rd-app.app .dato-conocido b { color: var(--texto); font-weight: 600; }
.rd-app.app .dato-conocido .boton-texto { padding: 0 4px; }
.rd-app.app .video-elegido.ancho { grid-template-columns: 64px 1fr; }
.rd-app.app .video-elegido.ancho .miniatura { width: 64px; }
.rd-app.app .video-elegido.ancho .desc { white-space: nowrap; }
.rd-app.app .video-elegido.ancho .desc { display: block; }
.rd-app.app .video-elegido.ancho .boton-texto { display: flex; min-height: 36px; padding: 0; margin-top: 2px; font-size: var(--t-chico); }
.rd-app.app .paso-actual { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .linea-exito { display: inline-flex; align-items: center; gap: 8px; font-size: var(--t-chico); font-weight: 600; color: var(--exito); }
.rd-app.app .orbi-construye { display: block; line-height: 0; animation: rde-flotar 4.2s ease-in-out infinite; }
.rd-app.app .orbi-construye svg { width: 100%; height: auto; overflow: visible; }
.rd-app.app .orbi-construye .martillo { transform-box: view-box; transform-origin: 0 0; transform: rotate(18deg); animation: rde-martillar 1.15s cubic-bezier(.5, 0, .7, 1) infinite; }
.rd-app.app .orbi-construye .chispas-golpe { opacity: 0; transform-box: fill-box; transform-origin: center; animation: rde-chispazo 1.15s ease-out infinite; }
.rd-app.app .orbi-construye .cuerpo { transform-box: fill-box; transform-origin: 50% 85%; animation: rde-golpecito 1.15s ease-in-out infinite; }
.rd-app.app .orbi-construye .ojos, .rd-app.app .orbi-construye .ojos-felices { transform-box: fill-box; transform-origin: center; }
.rd-app.app .orbi-construye .ojos { animation: rde-orbi-parpadeo 5.2s infinite; }
.rd-app.app .orbi-construye .chispas > * { opacity: 0; transform-box: fill-box; transform-origin: center; }
@keyframes rde-martillar { 0% { transform: rotate(18deg); } 45% { transform: rotate(26deg); } 62% { transform: rotate(-34deg); } 70% { transform: rotate(-28deg); } 100% { transform: rotate(18deg); } }
@keyframes rde-chispazo { 0%, 60% { opacity: 0; transform: scale(.4); } 66% { opacity: 1; transform: scale(1.1); } 85% { opacity: 0; transform: scale(1.3) translateY(-4px); } 100% { opacity: 0; } }
@keyframes rde-golpecito { 0%, 58%, 100% { transform: scale(1, 1); } 64% { transform: scale(1.02, .985); } }
@keyframes rde-orbi-parpadeo { 0%, 92%, 100% { transform: scaleY(1); } 94% { transform: scaleY(.08); } 96% { transform: scaleY(1); } }
.rd-app.app .orbi-construye.alegre .martillo { animation: none; transform: rotate(40deg); }
.rd-app.app .orbi-construye.alegre .chispas-golpe { animation: none; opacity: 0; }
.rd-app.app .orbi-construye.alegre .ojos { opacity: 0; animation: none; }
.rd-app.app .orbi-construye.alegre .ojos-felices { opacity: 1 !important; }
.rd-app.app .orbi-construye.alegre .cuerpo { animation: rde-celebrar 1.6s cubic-bezier(.3, .7, .4, 1.4) infinite; }
.rd-app.app .orbi-construye.alegre .chispas > * { animation: rde-orbi-chispa 1.6s ease-out infinite; }
.rd-app.app .orbi-construye.alegre .chispas > :nth-child(2) { animation-delay: .08s; }
.rd-app.app .orbi-construye.alegre .chispas > :nth-child(3) { animation-delay: .16s; }
.rd-app.app .orbi-construye.alegre .chispas > :nth-child(4) { animation-delay: .24s; }
@keyframes rde-celebrar { 0%, 55%, 100% { transform: translateY(0) scale(1, 1); } 12% { transform: translateY(0) scale(1.07, .92); } 30% { transform: translateY(-18px) scale(.96, 1.05); } 45% { transform: translateY(0) scale(1.04, .96); } }
@keyframes rde-orbi-chispa { 0% { opacity: 0; transform: scale(.2); } 20% { opacity: 1; transform: scale(1.15); } 50% { opacity: 0; transform: scale(.6) translateY(-8px); } 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .rd-app.app .orbi-construye .martillo { transform: rotate(18deg); }
  .rd-app.app .orbi-construye.alegre .martillo { transform: rotate(40deg); }
  .rd-app.app .orbi-construye .chispas-golpe { opacity: 0; }
}
.rd-app.app .etiqueta-pronto { display: inline-flex; align-items: center; gap: 4px; padding: 3px 9px; border-radius: var(--r-total); font-size: 13px; font-weight: 600; background: var(--aviso-fondo); color: var(--aviso); white-space: nowrap; }
.rd-app.app .acceso-discreto { display: grid; grid-template-columns: 24px 1fr auto 20px; gap: 12px; align-items: center; min-height: 56px; padding: 0 16px; border-radius: var(--r-medio); border: 1px solid var(--borde); color: var(--texto-2); text-decoration: none; font-size: var(--t-chico); font-weight: 500; }
.rd-app.app .acceso-discreto .ico { color: var(--texto-3); }
.rd-app.app .lista-menu { list-style: none; }
.rd-app.app .lista-menu a { display: grid; grid-template-columns: 40px 1fr auto 20px; gap: 12px; align-items: center; min-height: 60px; padding: 0 16px; color: var(--texto); text-decoration: none; border-bottom: 1px solid var(--borde); font-weight: 500; }
.rd-app.app .lista-menu li:last-child a { border-bottom: 0; }
.rd-app.app .lista-menu .ico-menu { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--texto-2); }
.rd-app.app .lista-menu .ico-flecha { color: var(--texto-3); }
.rd-app.app .lista-menu a.destacado .ico-menu { background: var(--acento-suave); color: var(--acento); }
.rd-app.app.escena { background: radial-gradient(75% 42% at 50% 20%, rgba(139, 92, 246, .38), transparent 70%), radial-gradient(60% 35% at 100% 100%, rgba(79, 157, 255, .18), transparent 70%), radial-gradient(50% 30% at 0% 70%, rgba(232, 121, 198, .10), transparent 70%), linear-gradient(180deg, #0c0b2a 0%, #070818 62%); }
.rd-app.app.escena::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: radial-gradient(1.5px 1.5px at 22% 12%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 46% 6%, #c4b5fd 50%, transparent 51%), radial-gradient(1.5px 1.5px at 85% 22%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 8% 38%, #93c5fd 50%, transparent 51%), radial-gradient(1.5px 1.5px at 92% 44%, #f5d0fe 50%, transparent 51%), radial-gradient(1px 1px at 70% 74%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 34% 88%, #c4b5fd 50%, transparent 51%); animation: rde-titilar 4s ease-in-out infinite; }
@keyframes rde-titilar { 0%, 100% { opacity: .9; } 50% { opacity: .35; } }
.rd-app.app .orbi-escena { position: relative; display: grid; place-items: center; margin: 0 auto; }
.rd-app.app .orbi-escena::before { content: ""; position: absolute; inset: 8% 4%; border-radius: 50%; background: radial-gradient(closest-side, rgba(139, 92, 246, .55), rgba(91, 108, 255, .18) 60%, transparent); filter: blur(6px); animation: rde-halo 3.6s ease-in-out infinite; }
.rd-app.app .orbi-escena .orbi { position: relative; width: 100%; }
.rd-app.app .orbi-escena.presentandose .orbi img { animation: rde-saludar 2.8s ease-in-out 1 both; transform-origin: 50% 80%; }
@keyframes rde-halo { 0%, 100% { transform: scale(.94); opacity: .8; } 50% { transform: scale(1.04); opacity: 1; } }
@keyframes rde-saludar { 0% { transform: rotate(0) scale(.9); opacity: 0; } 18% { opacity: 1; transform: rotate(0) scale(1.04); } 32% { transform: rotate(-8deg); } 46% { transform: rotate(7deg); } 60% { transform: rotate(-5deg); } 74%, 100% { transform: rotate(0) scale(1); } }
.rd-app.app .orbi-escena.celebra .orbi img { animation: rde-celebrar 1.6s cubic-bezier(.3, .7, .4, 1.4) infinite; transform-origin: 50% 85%; }
.rd-app.app .bv-cabeza { display: grid; grid-template-columns: 1fr auto; gap: 8px 12px; align-items: center; padding-top: 6px; }
.rd-app.app .bv-cabeza .pasos { grid-column: 1 / -1; }
.rd-app.app .bv-cabeza .pasos-texto { margin: 0; }
.rd-app.app .bv-saltar { min-height: 44px; padding: 0 4px; background: none; border: 0; color: var(--texto-3); font-size: var(--t-chico); font-weight: 500; cursor: pointer; }
.rd-app.app .bv-pregunta { font-family: var(--f-titulo); font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; }
.rd-app.app .globo.arriba { text-align: center; border-radius: 20px; }
.rd-app.app .globo.arriba::after { content: ""; position: absolute; left: 50%; top: -8px; width: 14px; height: 14px; margin-left: -7px; background: var(--superficie); border-left: 1px solid var(--borde); border-top: 1px solid var(--borde); transform: rotate(45deg); }
.rd-app.app .opciones-bv { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rd-app.app .op-bv { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 96px; padding: 14px; text-align: left; cursor: pointer; border-radius: 18px; border: 1.5px solid var(--borde-fuerte); background: var(--superficie-vidrio); color: var(--texto); transition: border-color var(--transicion), background var(--transicion), transform var(--transicion), box-shadow var(--transicion); }
.rd-app.app .op-bv:active { transform: scale(.97); }
.rd-app.app .op-bv .op-ico { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); transition: background var(--transicion), color var(--transicion); }
.rd-app.app .op-bv .op-texto { font-size: 16px; font-weight: 600; white-space: nowrap; letter-spacing: -.01em; }
.rd-app.app .op-bv.ancha { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-start; min-height: 68px; }
.rd-app.app .op-bv .op-marca { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; border: 2px solid var(--borde-fuerte); display: grid; place-items: center; color: transparent; transition: all var(--transicion); }
.rd-app.app .op-bv .op-marca.una { border-radius: 50%; }
.rd-app.app .op-bv .op-marca.varias { border-radius: 7px; }
.rd-app.app .op-bv.ancha .op-marca { top: 50%; margin-top: -12px; }
.rd-app.app .op-bv .op-marca .ico { width: 15px; height: 15px; stroke-width: 3; }
.rd-app.app .op-bv.elegida { border: 2px solid transparent; padding: 13.5px; background: linear-gradient(135deg, rgba(139, 92, 246, .34), rgba(79, 157, 255, .16)) padding-box, linear-gradient(#141638, #141638) padding-box, var(--grad-marca) border-box; box-shadow: 0 10px 28px rgba(91, 108, 255, .32); }
.rd-app.app .hoja-respuestas .op-bv.elegida { padding: 9.5px 11.5px; }
.rd-app.app .op-bv.elegida .op-ico { background: var(--grad-boton); color: #fff; }
.rd-app.app .op-bv.elegida .op-marca { border-color: transparent; background: var(--grad-boton); color: #fff; }
.rd-app.app .otro-abierto { grid-column: 1 / -1; padding: 14px; border-radius: 18px; border: 1.5px solid rgba(196, 181, 253, .45); background: var(--superficie-2); display: flex; flex-direction: column; gap: 8px; animation: rde-abrir 260ms cubic-bezier(.2, .7, .3, 1); }
.rd-app.app .otro-abierto label { font-size: var(--t-chico); font-weight: 600; color: var(--texto-2); }
.rd-app.app .otro-abierto .entrada { min-height: 52px; background: var(--superficie); }
.rd-app.app .otro-abierto .contador { align-self: flex-end; font-size: 13px; color: var(--texto-3); font-variant-numeric: tabular-nums; }
@keyframes rde-abrir { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
.rd-app.app .pista-varias { display: inline-flex; align-items: center; gap: 8px; font-size: var(--t-chico); font-weight: 600; color: var(--acento); }
.rd-app.app .pista-varias .cuadros { display: inline-flex; gap: 3px; }
.rd-app.app .pista-varias .cuadros i { width: 12px; height: 12px; border-radius: 4px; border: 2px solid currentColor; }
.rd-app.app .pista-varias .cuadros i:nth-child(-n+2) { background: currentColor; }
.rd-app.app .resumen-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.rd-app.app .resumen-chips > span { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: var(--r-total); background: var(--superficie-vidrio); border: 1px solid var(--borde); font-size: var(--t-chico); font-weight: 600; }
.rd-app.app .resumen-chips .ico { width: 16px; height: 16px; color: var(--acento); }
.rd-app.app .chat { display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .fila-orbi { display: grid; grid-template-columns: 40px 1fr; gap: 10px; align-items: end; }
.rd-app.app .fila-orbi .mini-orbi { width: 40px; height: 40px; }
.rd-app.app .fila-orbi .mini-orbi img { width: 100%; }
.rd-app.app .fila-orbi .burbujas { display: flex; flex-direction: column; gap: 6px; align-items: flex-start; }
.rd-app.app .burbuja { max-width: 92%; padding: 12px 15px; border-radius: 20px; font-size: var(--t-texto); line-height: 1.4; }
.rd-app.app .burbuja-orbi { background: var(--superficie); border: 1px solid var(--borde); border-bottom-left-radius: 6px; box-shadow: var(--sombra); }
.rd-app.app .burbuja-yo { align-self: flex-end; max-width: 80%; background: var(--grad-boton); color: #fff; border-bottom-right-radius: 6px; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }
.rd-app.app .burbuja-yo .ico { width: 18px; height: 18px; }
.rd-app.app .escribiendo { display: inline-flex; gap: 4px; padding: 14px 16px; }
.rd-app.app .escribiendo i { width: 7px; height: 7px; border-radius: 50%; background: var(--texto-3); animation: rde-puntito 1.2s ease-in-out infinite; }
.rd-app.app .escribiendo i:nth-child(2) { animation-delay: .15s; }
.rd-app.app .escribiendo i:nth-child(3) { animation-delay: .3s; }
@keyframes rde-puntito { 0%, 60%, 100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
.rd-app.app .hoja-respuestas { flex: none; padding: 14px 16px 10px; border-top: 1px solid var(--borde); background: rgba(16, 18, 44, .86); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-radius: 24px 24px 0 0; display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .hoja-respuestas .opciones-bv { gap: 8px; }
.rd-app.app .hoja-respuestas .op-bv { min-height: 74px; padding: 10px 12px; gap: 8px; border-radius: 16px; }
.rd-app.app .hoja-respuestas .op-bv.ancha { min-height: 52px; }
.rd-app.app .hoja-respuestas .op-bv .op-ico { width: 30px; height: 30px; border-radius: 9px; flex: none; }
.rd-app.app .hoja-respuestas .op-bv .op-ico .ico { width: 18px; height: 18px; }
.rd-app.app .hoja-respuestas .op-bv .op-marca { top: 10px; right: 10px; width: 20px; height: 20px; }
.rd-app.app .hoja-respuestas .op-bv.ancha .op-marca { top: 50%; margin-top: -10px; }
.rd-app.app .hoja-respuestas .op-bv .op-texto { font-size: 15px; }
.rd-app.app .recordatorio { display: grid; grid-template-columns: 44px 1fr; gap: 4px 12px; align-items: center; padding: 12px 14px; border-radius: var(--r-medio); border: 1px solid var(--borde); background: rgba(255, 255, 255, .02); }
.rd-app.app .recordatorio .mini-orbi { width: 44px; grid-row: span 2; align-self: start; }
.rd-app.app .recordatorio p { font-size: var(--t-chico); color: var(--texto-2); line-height: 1.4; }
.rd-app.app .recordatorio .acciones-rec { display: flex; gap: 2px; margin-left: -8px; }
.rd-app.app .recordatorio .acciones-rec .boton-texto { min-height: 44px; font-size: var(--t-chico); padding: 0 8px; }
.rd-app.app .recordatorio .acciones-rec .boton-texto.no { color: var(--texto-3); font-weight: 500; }
.rd-app.app .tour-hueco { position: absolute; z-index: 20; border-radius: 16px; pointer-events: none; box-shadow: 0 0 0 2px rgba(196, 181, 253, .9), 0 0 0 9999px rgba(4, 5, 16, .74); transition: all 320ms cubic-bezier(.2, .7, .3, 1); }
.rd-app.app .tour-hueco::after { content: ""; position: absolute; inset: -6px; border-radius: 20px; border: 2px solid rgba(196, 181, 253, .35); animation: rde-pulso-tour 1.8s ease-out infinite; }
@keyframes rde-pulso-tour { 0% { opacity: 1; transform: scale(.98); } 100% { opacity: 0; transform: scale(1.04); } }
.rd-app.app .tour-tarjeta { position: absolute; left: 14px; right: 14px; z-index: 21; padding: 14px 14px 10px; border-radius: 22px; background: rgba(23, 26, 58, .96); border: 1px solid rgba(196, 181, 253, .35); box-shadow: 0 18px 50px rgba(0, 0, 0, .55); }
.rd-app.app .tour-tarjeta .tour-cuerpo { display: grid; grid-template-columns: 60px 1fr; gap: 12px; align-items: center; }
.rd-app.app .tour-tarjeta .tour-cuerpo .orbi { width: 60px; }
.rd-app.app .tour-tarjeta p { font-size: var(--t-texto); line-height: 1.4; color: var(--texto); }
.rd-app.app .tour-pie { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 10px; }
.rd-app.app .tour-puntos { display: flex; gap: 6px; align-items: center; }
.rd-app.app .tour-puntos i { width: 7px; height: 7px; border-radius: 50%; background: var(--borde-fuerte); }
.rd-app.app .tour-puntos i.ahora { width: 20px; border-radius: 999px; background: var(--grad-marca); }
.rd-app.app .tour-puntos span { margin-left: 6px; font-size: 13px; color: var(--texto-3); font-variant-numeric: tabular-nums; }
.rd-app.app .tour-acciones { display: flex; align-items: center; gap: 4px; }
.rd-app.app .tour-acciones .bv-saltar { padding: 0 10px; }
.rd-app.app .tour-siguiente { min-height: 44px; padding: 0 18px; border: 0; border-radius: var(--r-medio); background: var(--grad-boton); color: #fff; font-weight: 600; font-size: var(--t-chico); display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.rd-app.app .textos-orbi { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 16px; max-width: 1280px; margin: 0 auto; }
.rd-app.app .texto-herramienta { background: rgba(16, 18, 44, .7); border: 1px solid rgba(255, 255, 255, .1); border-radius: 22px; padding: 18px; display: flex; flex-direction: column; gap: 12px; color: #f5f6fb; }
.rd-app.app .texto-herramienta header { display: flex; align-items: center; gap: 12px; }
.rd-app.app .texto-herramienta header .ico-orbi { width: 52px; flex: none; }
.rd-app.app .texto-herramienta header .ico-orbi img, .rd-app.app .texto-herramienta header .ico-orbi svg { width: 100%; height: auto; }
.rd-app.app .texto-herramienta h2 { font-family: var(--f-titulo); font-size: 17.6px; letter-spacing: -.01em; }
.rd-app.app .texto-herramienta ol { list-style: none; counter-reset: g; display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .texto-herramienta li { counter-increment: g; position: relative; padding: 11px 14px 11px 40px; border-radius: 16px 16px 16px 6px; background: #171a3d; border: 1px solid rgba(255, 255, 255, .08); font-size: 15.68px; line-height: 1.45; }
.rd-app.app .texto-herramienta li::before { content: counter(g); position: absolute; left: 12px; top: 11px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; background: rgba(139, 92, 246, .25); color: #c4b5fd; }
.rd-app.app .texto-herramienta .enlace-globo { color: #c4b5fd; text-decoration: underline; }
.rd-app.app .landing { container-type: inline-size; color: var(--texto); }
.rd-app.app .l-envoltura { max-width: 1120px; margin: 0 auto; padding: 0 16px; }
.rd-app.app .l-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; }
.rd-app.app .l-cabecera .marca img { width: 32px; height: 32px; }
.rd-app.app .l-cabecera-der { display: flex; align-items: center; gap: 4px; }
.rd-app.app .l-idioma { min-height: 44px; min-width: 44px; padding: 0 10px; border: 0; background: none; color: var(--texto-2); font-weight: 600; font-size: var(--t-chico); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.rd-app.app .l-entrar { min-height: 44px; padding: 0 14px; border-radius: var(--r-total); border: 1px solid var(--borde-fuerte); color: var(--texto); text-decoration: none; font-weight: 600; font-size: var(--t-chico); display: inline-flex; align-items: center; }
.rd-app.app .l-hero { position: relative; text-align: center; padding: 18px 0 36px; }
.rd-app.app .l-hero .orbi-escena { width: 168px; }
.rd-app.app .l-titular { font-family: var(--f-titulo); font-weight: 700; letter-spacing: -.03em; font-size: 33.6px; line-height: 1.08; margin-top: 18px; }
.rd-app.app .l-titular em { font-style: normal; background: var(--grad-marca); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app.app .l-sub { color: var(--texto-2); font-size: 17px; line-height: 1.5; margin: 14px auto 0; max-width: 34ch; }
.rd-app.app .l-cta { margin-top: 24px; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.rd-app.app .l-cta .boton-principal { max-width: 360px; }
.rd-app.app .l-nota { font-size: var(--t-chico); color: var(--texto-3); }
.rd-app.app .l-tour { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--acento); font-weight: 600; text-decoration: none; }
.rd-app.app .l-tour .ico-circulo { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--acento-suave); }
.rd-app.app .l-tour .ico-circulo .ico { width: 14px; height: 14px; fill: currentColor; margin-left: 2px; }
.rd-app.app .l-seccion { padding: 36px 0; }
.rd-app.app .l-etiqueta { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--acento); text-align: center; }
.rd-app.app .l-h2 { font-family: var(--f-titulo); font-size: 25.6px; line-height: 1.15; letter-spacing: -.02em; text-align: center; margin-top: 8px; }
.rd-app.app .l-tres { display: grid; gap: 12px; margin-top: 22px; }
.rd-app.app .l-cosa { display: grid; grid-template-columns: 56px 1fr; gap: 14px; align-items: center; padding: 16px; border-radius: var(--r-grande); border: 1px solid var(--borde); background: var(--superficie-vidrio); }
.rd-app.app .l-cosa h3 { font-size: 17px; font-weight: 600; line-height: 1.3; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.rd-app.app .l-cosa p { font-size: var(--t-chico); color: var(--texto-2); margin-top: 2px; }
.rd-app.app .l-pronto { font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 999px; background: var(--aviso-fondo); color: var(--aviso); letter-spacing: 0; }
.rd-app.app .l-ejemplo { display: grid; gap: 12px; margin-top: 22px; }
.rd-app.app .l-ej-tarjeta { padding: 18px; border-radius: var(--r-grande); border: 1px solid var(--borde); background: var(--superficie-vidrio); box-shadow: var(--sombra); }
.rd-app.app .l-ej-cabeza { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--texto-3); }
.rd-app.app .l-ej-gancho { font-family: var(--f-titulo); font-size: 20.8px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; margin-top: 10px; }
.rd-app.app .l-ej-gancho small { display: block; font-family: var(--f-texto); font-size: 13px; font-weight: 600; color: var(--acento); letter-spacing: .04em; margin-bottom: 6px; }
.rd-app.app .l-ej-lista { list-style: none; margin-top: 12px; display: flex; flex-direction: column; gap: 6px; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .l-ej-lista li { display: grid; grid-template-columns: 84px 1fr; gap: 8px; }
.rd-app.app .l-ej-lista b { color: var(--texto-3); font-weight: 600; }
.rd-app.app .l-ej-nota { display: grid; grid-template-columns: 96px 1fr; gap: 16px; align-items: center; }
.rd-app.app .l-ej-nota .nota-grande { width: 96px; height: 96px; }
.rd-app.app .l-ej-nota .nota-grande .cifra { font-size: 38.4px; }
.rd-app.app .l-ej-nota .nota-grande .pista, .rd-app.app .l-ej-nota .nota-grande .valor { stroke-width: 12; }
.rd-app.app .l-planes { display: grid; gap: 14px; margin-top: 22px; }
.rd-app.app .l-plan { position: relative; padding: 22px 18px; border-radius: var(--r-grande); border: 1px solid var(--borde); background: var(--superficie-vidrio); display: flex; flex-direction: column; gap: 12px; }
.rd-app.app .l-plan.pro { border: 2px solid transparent; background: linear-gradient(135deg, rgba(139, 92, 246, .16), rgba(79, 157, 255, .08)) padding-box, linear-gradient(#11132f, #11132f) padding-box, var(--grad-marca) border-box; }
.rd-app.app .l-plan h3 { font-family: var(--f-titulo); font-size: 20px; }
.rd-app.app .l-precio { font-family: var(--f-titulo); font-weight: 700; font-size: 35.2px; letter-spacing: -.03em; line-height: 1; }
.rd-app.app .l-precio small { font-family: var(--f-texto); font-size: var(--t-chico); font-weight: 500; color: var(--texto-3); letter-spacing: 0; }
.rd-app.app .l-precio-alt { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .l-rasgos { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .l-rasgos li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: var(--t-chico); line-height: 1.4; color: var(--texto-2); }
.rd-app.app .l-rasgos .ico { width: 18px; height: 18px; color: var(--exito); margin-top: 1px; }
.rd-app.app .l-plan .insignia-pro { position: absolute; top: -12px; right: 16px; padding: 4px 10px; border-radius: 999px; background: var(--grad-boton); color: #fff; font-size: 12px; font-weight: 700; }
.rd-app.app .l-plan-letra { font-size: 13px; color: var(--texto-3); line-height: 1.45; }
.rd-app.app .l-uso { text-align: center; font-size: var(--t-chico); color: var(--texto-3); margin-top: 14px; }
.rd-app.app .l-cierre { text-align: center; padding: 30px 0 40px; }
.rd-app.app .l-cierre .orbi-escena { width: 96px; }
.rd-app.app .l-pie { border-top: 1px solid var(--borde); padding: 22px 0 28px; display: flex; flex-direction: column; align-items: center; gap: 10px; font-size: var(--t-chico); color: var(--texto-3); }
.rd-app.app .l-pie nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 6px; }
.rd-app.app .l-pie a { color: var(--texto-2); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; padding: 0 8px; }
.rd-app.app @container (min-width: 900px) { .l-envoltura { padding: 0 40px; } .l-cabecera { min-height: 76px; } .l-hero { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 40px; text-align: left; padding: 40px 0 64px; } .l-hero .orbi-escena { width: 320px; order: 2; } .l-titular { font-size: 54.4px; margin-top: 0; } .l-sub { margin: 18px 0 0; font-size: 19.2px; max-width: 40ch; } .l-cta { align-items: flex-start; } .l-seccion { padding: 56px 0; } .l-h2 { font-size: 35.2px; } .l-tres { grid-template-columns: repeat(3, 1fr); gap: 16px; } .l-cosa { grid-template-columns: 1fr; align-items: start; padding: 22px; } .l-ejemplo { grid-template-columns: 1.3fr 1fr; gap: 16px; } .l-planes { grid-template-columns: 1fr 1fr; max-width: 820px; margin-left: auto; margin-right: auto; gap: 18px; } .l-pie { flex-direction: row; justify-content: space-between; } }
.rd-app.app .escritorio { width: 1240px; max-width: 100%; border-radius: 16px; overflow: hidden; box-shadow: 0 0 0 1px #2a2b36, 0 30px 80px rgba(0, 0, 0, .45); background: var(--fondo-degradado); position: relative; isolation: isolate; }
.rd-app.app .escritorio .barra-navegador { height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 14px; background: #15161f; border-bottom: 1px solid #262735; }
.rd-app.app .escritorio .barra-navegador i { width: 11px; height: 11px; border-radius: 50%; background: #3a3b48; }
.rd-app.app .escritorio .barra-navegador span { margin-left: 14px; flex: 1; max-width: 420px; height: 24px; border-radius: 8px; background: #1f2030; color: #8b8ea8; font-size: 12.8px; display: flex; align-items: center; padding: 0 10px; }
.rd-app.app .escritorio::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .55; background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 78% 9%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 64% 31%, #c4b5fd 50%, transparent 51%), radial-gradient(1px 1px at 30% 52%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 88% 61%, #93c5fd 50%, transparent 51%), radial-gradient(1px 1px at 18% 84%, #fff 50%, transparent 51%); }
.rd-app.app .selector-titular { display: inline-flex; padding: 4px; border-radius: 999px; background: rgba(127, 127, 160, .18); gap: 4px; }
.rd-app.app .selector-titular button { border: 0; background: transparent; cursor: pointer; padding: 8px 14px; border-radius: 999px; font-size: 14.72px; font-weight: 600; color: inherit; opacity: .75; min-height: 40px; }
.rd-app.app .selector-titular button[aria-pressed="true"] { background: #fff; color: #15162c; opacity: 1; }
.rd-app.app .boton-google { display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 56px; border-radius: var(--r-medio); border: 1px solid rgba(0, 0, 0, .08); background: #fff; color: #1f1f1f; font-size: var(--t-texto); font-weight: 600; cursor: pointer; }
.rd-app.app .boton-google svg { width: 20px; height: 20px; }
.rd-app.app .divisor-o { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: var(--texto-3); font-size: var(--t-chico); }
.rd-app.app .divisor-o::before, .rd-app.app .divisor-o::after { content: ""; height: 1px; background: var(--borde-fuerte); }
.rd-app.app .campo-clave { position: relative; }
.rd-app.app .campo-clave .entrada { padding-right: 56px; }
.rd-app.app .campo-clave .ver-clave { position: absolute; right: 4px; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; border: 0; background: none; color: var(--texto-2); display: grid; place-items: center; cursor: pointer; }
.rd-app.app .medidor-clave { display: flex; gap: 6px; margin-top: 2px; }
.rd-app.app .medidor-clave i { flex: 1; height: 4px; border-radius: 999px; background: var(--borde-fuerte); }
.rd-app.app .medidor-clave i.ok { background: var(--exito); }
.rd-app.app .legal-chico { font-size: 14px; color: var(--texto-3); line-height: 1.45; text-align: center; }
.rd-app.app .legal-chico a { color: var(--texto-2); }
.rd-app.app .verificacion { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; color: var(--texto-3); min-height: 24px; }
.rd-app.app .verificacion .punto-ahora { width: 14px; height: 14px; border-width: 2px; }
.rd-app.app .correo-ilustracion { width: 120px; height: 120px; margin: 0 auto; border-radius: 32px; display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, rgba(139, 92, 246, .45), rgba(79, 157, 255, .12) 70%); border: 1px solid rgba(196, 181, 253, .3); color: #fff; }
.rd-app.app .correo-ilustracion .ico { width: 52px; height: 52px; stroke-width: 1.6; }
.rd-app.app .dato-correo { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--superficie-vidrio); border: 1px solid var(--borde); font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .l-cierre .l-cta { align-items: center !important; }
.rd-app.app .hoja-respuestas { max-height: 74%; overflow-y: auto; scrollbar-width: none; }
.rd-app.app { --oro: #fbbf24; --grad-oro: linear-gradient(135deg, #fde68a 0%, #fbbf24 45%, #f59e0b 100%); }
.rd-app.app .insignia-fundador { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: rgba(251, 191, 36, .14); border: 1px solid rgba(251, 191, 36, .45); color: #fde68a; font-weight: 700; font-size: 14px; letter-spacing: .01em; }
.rd-app.app .titulo-oro { background: var(--grad-oro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app.app .tarjeta-fundador { border: 2px solid transparent; background: linear-gradient(160deg, rgba(251, 191, 36, .12), rgba(139, 92, 246, .10)) padding-box, linear-gradient(#141432, #141432) padding-box, var(--grad-oro) border-box; border-radius: var(--r-grande); padding: 18px; }
.rd-app.app.escena-oro { background: radial-gradient(70% 40% at 50% 18%, rgba(251, 191, 36, .22), transparent 70%), radial-gradient(75% 42% at 50% 22%, rgba(139, 92, 246, .30), transparent 70%), linear-gradient(180deg, #0f0c26 0%, #070818 62%); }
.rd-app.app .beneficios { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.rd-app.app .beneficios li { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; }
.rd-app.app .beneficios .b-ico { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--acento-suave); color: var(--acento); }
.rd-app.app .tarjeta-fundador .beneficios .b-ico { background: rgba(251, 191, 36, .14); color: var(--oro); }
.rd-app.app .beneficios b { display: block; font-size: var(--t-texto); line-height: 1.3; }
.rd-app.app .beneficios span.desc { display: block; font-size: var(--t-chico); color: var(--texto-2); line-height: 1.4; }
.rd-app.app .casilla { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: start; padding: 12px 0; font-size: var(--t-chico); color: var(--texto-2); cursor: pointer; }
.rd-app.app .casilla i { width: 24px; height: 24px; border-radius: 7px; border: 2px solid var(--borde-fuerte); display: grid; place-items: center; }
.rd-app.app .casilla.marcada i { background: var(--grad-boton); border-color: transparent; color: #fff; }
.rd-app.app .casilla i .ico { width: 15px; height: 15px; stroke-width: 3; }
.rd-app.app .link-grande { padding: 16px; border-radius: var(--r-grande); border: 1px solid rgba(196, 181, 253, .35); background: linear-gradient(135deg, rgba(139, 92, 246, .16), rgba(79, 157, 255, .08)), var(--superficie-vidrio); }
.rd-app.app .link-grande .url { font-family: var(--f-titulo); font-size: 19.2px; font-weight: 700; letter-spacing: -.01em; word-break: break-all; margin-top: 4px; }
.rd-app.app .link-grande .url span { color: var(--acento); }
.rd-app.app .link-grande .acciones-link { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.rd-app.app .link-grande .acciones-link .boton { min-height: 48px; font-size: var(--t-chico); }
.rd-app.app .numero-grande { text-align: center; }
.rd-app.app .numero-grande .etiqueta-num { font-size: var(--t-chico); color: var(--texto-2); font-weight: 600; }
.rd-app.app .numero-grande .cifra-dinero { font-family: var(--f-titulo); font-weight: 700; font-size: 54.4px; letter-spacing: -.04em; line-height: 1.05; margin-top: 4px; }
.rd-app.app .numero-grande .cifra-dinero small { font-size: 22.4px; color: var(--texto-2); font-weight: 600; margin-right: 4px; }
.rd-app.app .linea-dato { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 48px; border-bottom: 1px solid var(--borde); font-size: var(--t-chico); }
.rd-app.app .linea-dato:last-child { border-bottom: 0; }
.rd-app.app .linea-dato span { color: var(--texto-2); }
.rd-app.app .linea-dato b { font-weight: 600; text-align: right; }
.rd-app.app .pestanas-panel { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; padding: 4px; border-radius: 14px; background: var(--superficie-2); }
.rd-app.app .pestanas-panel button { min-height: 40px; border: 0; border-radius: 10px; background: none; color: var(--texto-3); font-size: 13px; font-weight: 600; cursor: pointer; }
.rd-app.app .pestanas-panel button[aria-current="page"] { background: var(--superficie); color: var(--texto); box-shadow: var(--sombra); }
.rd-app.app .estadisticas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.rd-app.app .estadisticas div { padding: 12px 10px; border-radius: 16px; background: var(--superficie-vidrio); border: 1px solid var(--borde); text-align: center; }
.rd-app.app .estadisticas b { display: block; font-family: var(--f-titulo); font-size: 24px; letter-spacing: -.02em; }
.rd-app.app .estadisticas span { font-size: 13px; color: var(--texto-2); }
.rd-app.app .barras-mes { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; align-items: end; height: 120px; padding-top: 8px; }
.rd-app.app .barras-mes div { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; font-size: 12px; color: var(--texto-3); }
.rd-app.app .barras-mes i { width: 100%; max-width: 30px; border-radius: 8px 8px 4px 4px; background: var(--grad-marca); opacity: .85; }
.rd-app.app .barras-mes div.este i { opacity: 1; box-shadow: 0 6px 18px rgba(91, 108, 255, .4); }
.rd-app.app .fila-pago { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 12px 0; border-bottom: 1px solid var(--borde); }
.rd-app.app .fila-pago:last-child { border-bottom: 0; }
.rd-app.app .fila-pago b { font-weight: 600; }
.rd-app.app .fila-pago .monto { font-family: var(--f-titulo); font-weight: 700; text-align: right; }
.rd-app.app .fila-pago span { font-size: var(--t-chico); color: var(--texto-3); }
.rd-app.app .fila-pago .estado-pago { grid-column: 2; text-align: right; font-size: 13px; font-weight: 600; color: var(--exito); }
.rd-app.app .fila-pago .estado-pago.espera { color: var(--aviso); }
.rd-app.app .kit-texto { padding: 14px; border-radius: 16px; background: var(--superficie-vidrio); border: 1px solid var(--borde); display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .kit-texto p { font-size: var(--t-chico); line-height: 1.5; color: var(--texto); }
.rd-app.app .kit-texto p .divulga { color: var(--aviso); font-weight: 600; }
.rd-app.app .kit-texto .boton { min-height: 44px; font-size: var(--t-chico); }
.rd-app.app .qr-caja { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: center; padding: 14px; border-radius: 16px; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .qr-caja .qr { width: 112px; height: 112px; border-radius: 12px; background: #fff; padding: 8px; }
.rd-app.app .qr-caja .qr svg { width: 100%; height: 100%; }
.rd-app.app .etiqueta-dinero { display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; padding: 1px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(251, 191, 36, .15); color: #fbbf24; vertical-align: 1px; }
.rd-app.app .velo { position: absolute; inset: 0; z-index: 20; background: rgba(4, 5, 16, .62); }
.rd-app.app .hoja-modal { position: absolute; left: 0; right: 0; bottom: 0; z-index: 21; padding: 10px 18px 22px; border-radius: 26px 26px 0 0; background: #151838; border-top: 1px solid rgba(196, 181, 253, .3); box-shadow: 0 -20px 50px rgba(0, 0, 0, .5); display: flex; flex-direction: column; gap: 12px; }
.rd-app.app .hoja-modal .asa { width: 40px; height: 5px; border-radius: 3px; background: var(--borde-fuerte); margin: 0 auto 6px; }
.rd-app.app .ejemplo-divulga { padding: 12px 14px; border-radius: 14px; border: 1px dashed rgba(251, 191, 36, .5); background: rgba(251, 191, 36, .06); font-size: var(--t-chico); line-height: 1.45; }
.rd-app.app @container (min-width: 900px) { .af-escritorio { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start; } }
.rd-app.app .panel-af { container-type: inline-size; }
.rd-app.app .toggle-periodo { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 16px; background: var(--superficie-2); }
.rd-app.app .toggle-periodo button { min-height: 44px; border: 0; border-radius: 12px; background: none; color: var(--texto-2); font-weight: 600; font-size: var(--t-chico); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; }
.rd-app.app .toggle-periodo button[aria-pressed="true"] { background: var(--superficie); color: var(--texto); box-shadow: var(--sombra); }
.rd-app.app .toggle-periodo .ahorro { font-size: 12px; font-weight: 700; padding: 2px 7px; border-radius: 999px; background: var(--exito-fondo); color: var(--exito); }
.rd-app.app .plan-renovacion { font-size: 14px; color: var(--texto-3); line-height: 1.45; text-align: center; }
.rd-app.app .plan-renovacion a { color: var(--texto-2); }
.rd-app.app .faq { display: flex; flex-direction: column; }
.rd-app.app .faq details { border-bottom: 1px solid var(--borde); }
.rd-app.app .faq details:last-child { border-bottom: 0; }
.rd-app.app .faq summary { list-style: none; cursor: pointer; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; font-weight: 600; }
.rd-app.app .faq summary::-webkit-details-marker { display: none; }
.rd-app.app .faq summary .ico { color: var(--texto-3); transition: transform var(--transicion); flex: none; }
.rd-app.app .faq details[open] summary .ico { transform: rotate(180deg); }
.rd-app.app .faq details p { padding: 0 0 14px; color: var(--texto-2); font-size: var(--t-chico); line-height: 1.5; }
.rd-app.app .reloj-cupo { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--acento-suave); color: var(--texto); font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .reloj-cupo .ico { color: var(--acento); }
.rd-app.app .precios-envoltura { container-type: inline-size; }
.rd-app.app @container (min-width: 900px) { .precios-grid { display: grid !important; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 820px; margin-left: auto; margin-right: auto; } .precios-centro { max-width: 820px; margin-left: auto; margin-right: auto; } .paquetes-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px; } .faq-escritorio { max-width: 720px; margin-left: auto; margin-right: auto; } }
.rd-app.app .modal-escritorio { max-width: 460px; margin: 40px auto; padding: 32px; border-radius: 28px; background: rgba(16, 18, 44, .85); border: 1px solid var(--borde); box-shadow: 0 30px 80px rgba(0, 0, 0, .45); }
.rd-app.app .entrada-estudio { display: grid; grid-template-columns: 64px 1fr 20px; gap: 12px; align-items: center; padding: 14px; border-radius: var(--r-grande); text-decoration: none; color: var(--texto); border: 1px solid rgba(196, 181, 253, .35); background: linear-gradient(135deg, rgba(139, 92, 246, .18), rgba(79, 157, 255, .08)), var(--superficie-vidrio); }
.rd-app.app .entrada-estudio b { display: block; font-size: 17px; }
.rd-app.app .entrada-estudio span.desc { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .idea-afiliado { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: var(--r-grande); background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .idea-afiliado .num { font-size: 13px; font-weight: 700; letter-spacing: .04em; color: var(--acento); }
.rd-app.app .idea-afiliado .frase { font-family: var(--f-titulo); font-size: 18.4px; font-weight: 600; line-height: 1.3; letter-spacing: -.01em; }
.rd-app.app .guion-corto { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .guion-corto li { display: grid; grid-template-columns: 84px 1fr; gap: 10px; font-size: var(--t-chico); line-height: 1.45; color: var(--texto-2); }
.rd-app.app .guion-corto b { color: var(--texto-3); font-weight: 600; }
.rd-app.app .texto-publicacion { border-radius: 16px; border: 1px solid var(--borde-fuerte); background: var(--superficie); overflow: hidden; }
.rd-app.app .texto-publicacion p { padding: 14px; font-size: var(--t-chico); line-height: 1.5; }
.rd-app.app .texto-publicacion .link-af { color: var(--acento); font-weight: 600; }
.rd-app.app .aviso-fijo { display: grid; grid-template-columns: 18px 1fr; gap: 8px; align-items: start; padding: 10px 14px; background: rgba(251, 191, 36, .08); border-top: 1px dashed rgba(251, 191, 36, .45); font-size: 14px; color: #fde68a; }
.rd-app.app .aviso-fijo .ico { width: 16px; height: 16px; margin-top: 2px; color: var(--oro); }
.rd-app.app .aviso-fijo small { display: block; color: var(--texto-3); font-size: 13px; margin-top: 2px; }
.rd-app.app .boton-pronto { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; border-radius: var(--r-medio); border: 1.5px dashed var(--borde-fuerte); background: none; color: var(--texto-3); font-weight: 600; font-size: var(--t-chico); cursor: not-allowed; }
.rd-app.app .reglas-afiliado { list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .reglas-afiliado li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; }
.rd-app.app .reglas-afiliado .ico { width: 16px; height: 16px; margin-top: 2px; color: var(--aviso); }
.rd-app.app .enlace-creditos { color: var(--acento); font-weight: 600; text-decoration: none; display: inline-flex; min-height: 44px; align-items: center; }
.rd-app.app .etiqueta-formato { display: inline-flex; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: var(--superficie-2); color: var(--texto-2); font-size: 12px; font-weight: 600; letter-spacing: 0; vertical-align: 1px; }
.rd-app.app .uso-credito { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; min-height: 64px; border-bottom: 1px solid var(--borde); }
.rd-app.app .uso-credito:last-child { border-bottom: 0; }
.rd-app.app .uso-credito .ico-menu { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .uso-credito b { display: block; font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .uso-credito .desc { display: block; font-size: 13px; color: var(--texto-3); }
.rd-app.app .uso-credito .costo-credito { font-family: var(--f-titulo); font-weight: 700; font-size: 18.4px; }
.rd-app.app .uso-credito .costo-credito::after { content: " cr"; font-size: 12px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .uso-credito.apagado { opacity: .7; }
.rd-app.app .fila-pago .monto.suma { color: var(--exito); }
.rd-app.app .pastilla-saldo { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border-radius: 999px; background: var(--superficie-vidrio); border: 1px solid var(--borde-fuerte); color: var(--texto); font-weight: 700; font-size: var(--t-chico); text-decoration: none; }
.rd-app.app .pastilla-saldo .ico { color: var(--oro); }
.rd-app.app .falta-creditos { display: grid; grid-template-columns: 18px 1fr auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: var(--aviso-fondo); border: 1px solid rgba(251, 191, 36, .35); font-size: 14px; }
.rd-app.app .falta-creditos .ico { color: var(--aviso); }
.rd-app.app .falta-creditos b { display: block; font-weight: 600; color: var(--texto); }
.rd-app.app .falta-creditos span span { color: var(--texto-2); }
.rd-app.app .falta-creditos a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 12px; border-radius: 10px; background: var(--grad-boton); color: #fff; font-weight: 700; text-decoration: none; }
.rd-app.app .guion-completo { display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .parte-guion { padding: 14px; border-radius: 18px; background: var(--superficie-vidrio); border: 1px solid var(--borde); display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .parte-guion h3 { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); }
.rd-app.app .parte-guion p { display: grid; gap: 2px; line-height: 1.45; }
.rd-app.app .parte-guion small { font-size: 12px; font-weight: 600; color: var(--texto-3); }
.rd-app.app .parte-guion .dices span { font-size: var(--t-texto); color: var(--texto); }
.rd-app.app .parte-guion .se-ve span { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .atajos { display: flex; flex-wrap: wrap; gap: 8px; }
.rd-app.app .atajo { min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1.5px solid var(--borde-fuerte); background: var(--superficie); color: var(--texto); font-weight: 600; font-size: var(--t-chico); cursor: pointer; }
.rd-app.app .atajo.elegida { border-color: var(--marca-violeta); background: var(--acento-suave); }
.rd-app.app .pestanas-versiones { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--superficie-2); overflow-x: auto; scrollbar-width: none; margin-top: 4px; }
.rd-app.app .pestanas-versiones button { flex: 1; min-height: 40px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--texto-3); font-weight: 600; font-size: 13px; white-space: nowrap; cursor: pointer; }
.rd-app.app .pestanas-versiones button[aria-current="page"] { background: var(--superficie); color: var(--texto); box-shadow: var(--sombra); }
.rd-app.app .guion-escritorio { display: grid; grid-template-columns: 1.5fr 1fr; gap: 28px; align-items: start; }
.rd-app.app .sub-menu { display: block; font-size: 13px; color: var(--texto-3); font-weight: 500; line-height: 1.3; margin-top: 2px; }
.rd-app.app .fila-salir { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 52px; margin-top: 12px; border-radius: var(--r-medio); border: 1px solid var(--borde); background: none; color: var(--texto-2); font-weight: 600; font-size: var(--t-chico); cursor: pointer; }
.rd-app.app .eliminar-discreto { display: flex; justify-content: center; align-items: center; min-height: 44px; margin-top: 18px; color: var(--texto-3); font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.rd-app.app .lista-borrar { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .lista-borrar li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; font-size: var(--t-chico); color: var(--texto); }
.rd-app.app .lista-borrar .ico { width: 16px; height: 16px; margin-top: 2px; color: var(--error); }
.rd-app.app .boton-peligro { background: #c4282f; color: #fff; }
.rd-app.app .cuenta-escritorio { display: grid; grid-template-columns: 1fr 1.1fr; gap: 28px; align-items: start; margin-top: 20px; }
.rd-app.app .dir-cabecera { display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.rd-app.app .dir-cabecera .orbi-boina { width: 56px; flex: none; line-height: 0; }
.rd-app.app .dir-cabecera .orbi-boina img { width: 100%; }
.rd-app.app .dir-cabecera b { display: block; font-family: var(--f-titulo); font-size: 21.6px; line-height: 1.15; }
.rd-app.app .dir-cabecera .sub { font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .dir-gancho { margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .dir-gancho small { display: block; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); font-weight: 700; }
.rd-app.app .dir-gancho p { font-weight: 600; margin-top: 2px; line-height: 1.35; }
.rd-app.app .pill-pro-oro { display: inline-flex; align-items: center; gap: 4px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .04em; color: #1a1306; background: var(--grad-oro); }
.rd-app.app .modos-dir { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.rd-app.app .modo-dir { position: relative; display: grid; grid-template-columns: 48px 1fr auto; gap: 12px; align-items: center; width: 100%; min-height: 84px; padding: 12px 14px; border-radius: 20px; text-align: left; color: var(--texto); background: var(--superficie); border: 1.5px solid var(--borde); cursor: pointer; font: inherit; transition: border-color var(--transicion), transform var(--transicion), box-shadow var(--transicion); }
.rd-app.app .modo-dir .ico-modo { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; }
.rd-app.app .modo-dir .ico-modo .ico { width: 24px; height: 24px; }
.rd-app.app .modo-dir b { display: block; font-size: 17.28px; }
.rd-app.app .modo-dir .desc { display: block; font-size: 14px; color: var(--texto-2); line-height: 1.35; margin-top: 2px; }
.rd-app.app .modo-dir .costo { font-size: 13px; font-weight: 700; white-space: nowrap; text-align: right; }
.rd-app.app .modo-dir .costo small { display: block; font-weight: 500; color: var(--texto-3); }
.rd-app.app .modo-dir[aria-pressed="true"] { transform: translateY(-1px); }
.rd-app.app .modo-dir.nivel-rapido .ico-modo { background: rgba(79, 157, 255, .16); color: #93c5fd; }
.rd-app.app .modo-dir.nivel-rapido[aria-pressed="true"] { border-color: #4f9dff; box-shadow: 0 0 0 4px rgba(79, 157, 255, .14); }
.rd-app.app .modo-dir.nivel-estudio .ico-modo { background: rgba(139, 92, 246, .2); color: #c4b5fd; }
.rd-app.app .modo-dir.nivel-estudio[aria-pressed="true"] { border-color: #8b5cf6; box-shadow: 0 0 0 4px rgba(139, 92, 246, .18), 0 10px 30px -12px rgba(139, 92, 246, .6); }
.rd-app.app .modo-dir.nivel-pro { background: linear-gradient(var(--superficie), var(--superficie)) padding-box, linear-gradient(135deg, rgba(253, 230, 138, .55), rgba(245, 158, 11, .15) 55%, rgba(253, 230, 138, .4)) border-box; border-color: transparent; }
.rd-app.app .modo-dir.nivel-pro .ico-modo { background: rgba(251, 191, 36, .14); color: #fde68a; }
.rd-app.app .modo-dir.nivel-pro b { background: var(--grad-oro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app.app .modo-dir.nivel-pro .costo { color: #fde68a; }
.rd-app.app .modo-dir .marca-sel { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; display: none; place-items: center; background: var(--grad-boton); color: #fff; }
.rd-app.app .modo-dir .marca-sel .ico { width: 14px; height: 14px; }
.rd-app.app .modo-dir[aria-pressed="true"] .marca-sel { display: grid; }
.rd-app.app .chip-pronto { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #fde68a; border: 1px solid rgba(251, 191, 36, .45); background: rgba(251, 191, 36, .1); }
.rd-app.app .vista-viva { position: relative; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; isolation: isolate; color: #fff; font-family: var(--f-titulo); font-weight: 700; container-type: inline-size; }
.rd-app.app .vista-viva .vv-texto { position: absolute; left: 9%; right: 9%; top: 50%; transform: translateY(-50%); font-size: 11.5cqw; line-height: 1.08; text-align: center; letter-spacing: -.01em; z-index: 1; }
.rd-app.app .vista-viva .w { display: inline-block; animation: rde-vv-palabra 4.8s cubic-bezier(.2, .8, .3, 1.2) infinite; animation-delay: calc(var(--i, 0) * .11s); }
.rd-app.app .vista-viva .clave { color: var(--vv-clave, #fde68a); }
.rd-app.app .vista-viva .vv-reloj { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255, 255, 255, .14); z-index: 3; }
.rd-app.app .vista-viva .vv-reloj i { position: absolute; inset: 0; background: rgba(255, 255, 255, .7); transform-origin: left; animation: rde-vv-reloj 4.8s linear infinite; }
@keyframes rde-vv-palabra { 0% { opacity: 0; transform: translateY(40%) scale(.9); } 12%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes rde-vv-reloj { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.rd-app.app .vv-pantalla { background: radial-gradient(90% 60% at 50% 30%, #6d4bd8, #1b1240 70%); }
.rd-app.app .vv-pantalla .vv-cel { position: absolute; left: 18%; right: 18%; top: 15%; bottom: 15%; border-radius: 12cqw; border: 2px solid rgba(255, 255, 255, .55); background: rgba(10, 8, 30, .55); }
.rd-app.app .vv-pantalla .vv-texto { font-size: 9.5cqw; left: 23%; right: 23%; }
.rd-app.app .vv-corazon { position: absolute; bottom: 14%; width: 10cqw; height: 10cqw; color: #f472b6; z-index: 2; opacity: 0; animation: rde-vv-sube 2.4s ease-out infinite; animation-delay: calc(var(--i) * .5s); }
.rd-app.app .vv-corazon svg { width: 100%; height: 100%; fill: currentColor; stroke: none; }
@keyframes rde-vv-sube { 0% { opacity: 0; transform: translateY(0) scale(.6); } 20% { opacity: 1; } 100% { opacity: 0; transform: translateY(-260%) scale(1.1); } }
.rd-app.app .vv-revelado { background: radial-gradient(80% 50% at 50% 50%, #2a2236, #07060c 75%); --vv-clave: #fbbf24; }
.rd-app.app .vv-revelado::before, .rd-app.app .vv-revelado::after { content: ""; position: absolute; left: 0; right: 0; height: 13%; background: #000; z-index: 2; }
.rd-app.app .vv-revelado::before { top: 0; }
.rd-app.app .vv-revelado::after { bottom: 0; }
.rd-app.app .vv-revelado .w { animation-name: rde-vv-revela; }
@keyframes rde-vv-revela { 0% { opacity: 0; transform: translateY(18%); clip-path: inset(0 0 100% 0); } 14%, 95% { opacity: 1; transform: none; clip-path: inset(0 0 0 0); } 100% { opacity: 0; } }
.rd-app.app .vv-orbita { background: radial-gradient(70% 45% at 50% 50%, #3b47d6, #0b0f3a 72%); --vv-clave: #f0abfc; }
.rd-app.app .vv-orbita .vv-anillo { position: absolute; left: 4%; right: 4%; top: 33%; height: 34%; border-radius: 50%; border: 2px solid rgba(240, 171, 252, .7); transform: rotate(-14deg); animation: rde-vv-gira 4.8s linear infinite; }
.rd-app.app .vv-orbita .vv-anillo::after { content: ""; position: absolute; top: -5px; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #fff; box-shadow: 0 0 10px #f0abfc; }
@keyframes rde-vv-gira { from { transform: rotate(-14deg); } to { transform: rotate(346deg); } }
.rd-app.app .vv-orbita .w { animation-name: rde-vv-pop; }
@keyframes rde-vv-pop { 0% { opacity: 0; transform: scale(1.8); } 10% { opacity: 1; transform: scale(.94); } 16%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.rd-app.app .vv-notificacion { background: linear-gradient(180deg, #1e3a8a, #0f172a); }
.rd-app.app .vv-notificacion .vv-noti { position: absolute; left: 7%; right: 7%; top: 30%; padding: 7cqw 6cqw; border-radius: 7cqw; background: rgba(255, 255, 255, .94); color: #0f172a; font-family: var(--f-texto); animation: rde-vv-baja 4.8s cubic-bezier(.2, .9, .3, 1.15) infinite; }
.rd-app.app .vv-notificacion .vv-noti i { display: block; width: 26%; height: 4cqw; border-radius: 4px; background: #4f9dff; margin-bottom: 4cqw; }
.rd-app.app .vv-notificacion .vv-noti > span { font-size: 8.5cqw; font-weight: 700; line-height: 1.15; display: block; }
@keyframes rde-vv-baja { 0% { transform: translateY(-160%); opacity: 0; } 14%, 95% { transform: none; opacity: 1; } 100% { opacity: 0; } }
.rd-app.app .vv-cine { background: radial-gradient(60% 40% at 50% 46%, #4a240f, #050404 78%); --vv-clave: #ffb86b; }
.rd-app.app .vv-cine .vv-texto { font-size: 10cqw; text-transform: uppercase; letter-spacing: .04em; }
.rd-app.app .vv-cine .clave { text-shadow: 0 0 18px rgba(255, 140, 50, .8); }
.rd-app.app .vv-cine::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 46%, transparent 40%, rgba(0, 0, 0, .55)); animation: rde-vv-respira 4.8s ease-in-out infinite; }
@keyframes rde-vv-respira { 50% { opacity: .6; } }
.rd-app.app .vv-tachado { background: #f6f1e7; color: #1b1b1b; font-family: Georgia, "Times New Roman", serif; --vv-clave: #1b1b1b; }
.rd-app.app .vv-tachado .clave { position: relative; }
.rd-app.app .vv-tachado .clave::after { content: ""; position: absolute; left: -6%; right: -6%; top: 50%; height: 14%; border-radius: 4px; background: #e11d48; transform: rotate(-3deg); transform-origin: left; animation: rde-vv-raya 4.8s ease-out infinite; }
@keyframes rde-vv-raya { 0%, 18% { transform: scaleX(0) rotate(-3deg); } 30%, 88% { transform: scaleX(1) rotate(-3deg); opacity: 1; } 100% { transform: scaleX(1) rotate(-3deg); opacity: 0; } }
.rd-app.app .vv-pop { background: #ffde59; color: #111; --vv-clave: #fff; }
.rd-app.app .vv-pop::before { content: ""; position: absolute; width: 70%; height: 70%; left: -20%; bottom: -18%; border-radius: 50%; background: #ff5ca8; animation: rde-vv-bota 2.4s ease-in-out infinite; }
.rd-app.app .vv-pop .clave { background: #111; padding: 0 .12em; border-radius: .12em; }
.rd-app.app .vv-pop .w { animation-name: rde-vv-salta; }
@keyframes rde-vv-bota { 0%, 100% { transform: none; } 50% { transform: translate(6%, -6%) scale(1.05); } }
@keyframes rde-vv-salta { 0% { opacity: 0; transform: rotate(-12deg) translateY(60%); } 12% { opacity: 1; transform: rotate(4deg); } 18%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.rd-app.app .rejilla-vivas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 12px; }
.rd-app.app .rejilla-vivas.cuatro { grid-template-columns: repeat(4, 1fr); gap: 8px; }
.rd-app.app .rejilla-vivas.tres { grid-template-columns: repeat(3, 1fr); gap: 10px; }
.rd-app.app .opcion-viva { position: relative; padding: 0; border: 0; background: none; color: var(--texto); cursor: pointer; text-align: left; font: inherit; min-width: 0; }
.rd-app.app .opcion-viva .vista-viva { outline: 2px solid transparent; outline-offset: 2px; transition: outline-color var(--transicion), transform var(--transicion); }
.rd-app.app .opcion-viva[aria-pressed="true"] .vista-viva { outline-color: var(--marca-violeta); outline-width: 3px; }
.rd-app.app .opcion-viva .nombre { display: block; margin-top: 6px; font-weight: 600; font-size: 14px; line-height: 1.2; }
.rd-app.app .opcion-viva .nombre small { display: block; font-size: 12px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .opcion-viva .sugerida { position: absolute; top: 6px; left: 6px; z-index: 4; padding: 2px 7px; border-radius: 999px; font-size: 10px; font-weight: 800; background: rgba(0, 0, 0, .6); color: #fff; }
.rd-app.app .opcion-viva .tilde { position: absolute; top: 6px; right: 6px; z-index: 4; width: 22px; height: 22px; border-radius: 50%; background: var(--grad-boton); color: #fff; display: none; place-items: center; }
.rd-app.app .opcion-viva .tilde .ico { width: 13px; height: 13px; }
.rd-app.app .opcion-viva[aria-pressed="true"] .tilde { display: grid; }
.rd-app.app .grande-viva { width: 168px; margin: 12px auto 0; }
.rd-app.app .segmentado { display: flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--superficie-2); margin-top: 8px; }
.rd-app.app .segmentado button { flex: 1; min-height: 48px; border: 0; border-radius: 10px; background: none; color: var(--texto-2); font: inherit; font-weight: 600; font-size: 14px; cursor: pointer; line-height: 1.15; padding: 4px 2px; }
.rd-app.app .segmentado button small { display: block; font-size: 11px; color: var(--texto-3); font-weight: 600; margin-top: 2px; }
.rd-app.app .segmentado button[aria-pressed="true"] { background: var(--superficie); color: var(--texto); box-shadow: 0 1px 0 rgba(255, 255, 255, .06), 0 4px 10px rgba(0, 0, 0, .3); }
.rd-app.app .etiqueta-campo { display: block; margin-top: 16px; font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .boton-accion .ico { width: 22px; height: 22px; }
.rd-app.app .claqueta-escena { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; flex: 1; padding: 0 24px; }
.rd-app.app .claqueta { width: 210px; height: auto; overflow: visible; }
.rd-app.app .claqueta .brazo { transform-box: fill-box; transform-origin: 3% 100%; animation: rde-claqueta-golpe 2.6s cubic-bezier(.6, 0, .9, .5) infinite; }
.rd-app.app .claqueta .destello { transform-box: fill-box; transform-origin: center; opacity: 0; animation: rde-claqueta-destello 2.6s ease-out infinite; }
.rd-app.app .claqueta-grito { font-family: var(--f-titulo); font-size: 48px; font-weight: 700; letter-spacing: -.02em; margin-top: 18px; line-height: 1.1; background: var(--grad-marca); -webkit-background-clip: text; background-clip: text; color: transparent; animation: rde-claqueta-grito 2.6s cubic-bezier(.2, .9, .3, 1.3) infinite; }
.rd-app.app .claqueta-grito.corte { background: var(--grad-oro); -webkit-background-clip: text; background-clip: text; }
.rd-app.app .claqueta-escena .linea-chica { margin-top: 10px; }
@keyframes rde-claqueta-golpe { 0%, 38% { transform: rotate(-26deg); } 46% { transform: rotate(0); } 50% { transform: rotate(-3deg); } 54%, 100% { transform: rotate(0); } }
@keyframes rde-claqueta-destello { 0%, 45% { opacity: 0; transform: scale(.5); } 50% { opacity: 1; transform: scale(1.1); } 70%, 100% { opacity: 0; transform: scale(1.3); } }
@keyframes rde-claqueta-grito { 0%, 46% { opacity: 0; transform: scale(.6); } 54% { opacity: 1; transform: scale(1.08); } 60%, 100% { opacity: 1; transform: none; } }
.rd-app.app .orbi-dirige { width: 140px; margin: 0 auto; line-height: 0; animation: rde-flotar 4.2s ease-in-out infinite; }
.rd-app.app .orbi-dirige img { width: 100%; transform-origin: 50% 90%; animation: rde-dirige-mira 3.2s ease-in-out infinite; }
@keyframes rde-dirige-mira { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }
.rd-app.app .pasos-rodaje { list-style: none; display: flex; flex-direction: column; gap: 2px; margin-top: 14px; }
.rd-app.app .pasos-rodaje li { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; min-height: 40px; color: var(--texto-3); font-weight: 600; font-size: var(--t-chico); }
.rd-app.app .pasos-rodaje .punto { width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--borde-fuerte); display: grid; place-items: center; }
.rd-app.app .pasos-rodaje .hecho { color: var(--texto-2); }
.rd-app.app .pasos-rodaje .hecho .punto { border-color: transparent; background: var(--exito); color: #062b18; }
.rd-app.app .pasos-rodaje .hecho .punto .ico { width: 13px; height: 13px; }
.rd-app.app .pasos-rodaje .ahora { color: var(--texto); }
.rd-app.app .pasos-rodaje .ahora .punto { border-color: var(--marca-violeta); box-shadow: 0 0 0 4px rgba(139, 92, 246, .2); }
.rd-app.app .pasos-rodaje .ahora .punto::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--marca-violeta); animation: rde-latir 1.2s ease-in-out infinite; }
@keyframes rde-latir { 50% { transform: scale(.55); opacity: .6; } }
.rd-app.app .consejo-dir { margin-top: 14px; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--borde-fuerte); font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .consejo-dir b { color: var(--texto); display: block; font-size: 13px; }
.rd-app.app .progreso-dir { height: 8px; border-radius: 4px; background: var(--superficie-2); overflow: hidden; margin-top: 14px; }
.rd-app.app .progreso-dir i { display: block; height: 100%; width: 62%; border-radius: 4px; background: var(--grad-marca); transition: width .3s linear; }
.rd-app.app .estreno { position: relative; margin: 10px auto 0; width: 190px; border-radius: 20px; overflow: hidden; box-shadow: 0 30px 60px -20px rgba(139, 92, 246, .55), 0 0 0 1px rgba(255, 255, 255, .08); }
.rd-app.app .estreno .vista-viva { border-radius: 0; }
.rd-app.app .estreno .telon { position: absolute; top: 0; bottom: 0; left: 0; width: 51%; z-index: 4; background: repeating-linear-gradient(90deg, #3b1f8f 0 10px, #2a1670 10px 20px); box-shadow: inset 0 -40px 40px rgba(0, 0, 0, .5); transform: translateX(-102%); animation: rde-telon-izq 6s cubic-bezier(.7, 0, .2, 1) infinite; }
.rd-app.app .estreno .telon.der { left: auto; right: 0; transform: translateX(102%); animation-name: rde-telon-der; }
.rd-app.app .estreno .play-grande { position: absolute; z-index: 3; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: #111; box-shadow: 0 8px 24px rgba(0, 0, 0, .4); }
.rd-app.app .estreno .play-grande .ico { width: 22px; height: 22px; margin-left: 3px; fill: currentColor; }
@keyframes rde-telon-izq { 0%, 10% { transform: none; } 30%, 100% { transform: translateX(-102%); } }
@keyframes rde-telon-der { 0%, 10% { transform: none; } 30%, 100% { transform: translateX(102%); } }
.rd-app.app .cabeza-estreno { display: flex; align-items: center; gap: 12px; }
.rd-app.app .cabeza-estreno .orbi-boina { width: 64px; flex: none; line-height: 0; }
.rd-app.app .cabeza-estreno .orbi-boina img { width: 100%; }
.rd-app.app .cabeza-estreno b { display: block; font-family: var(--f-titulo); font-size: 20.8px; line-height: 1.2; }
.rd-app.app .chip-estreno { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: rgba(255, 255, 255, .08); border: 1px solid var(--borde-fuerte); margin-bottom: 4px; }
.rd-app.app .chip-estreno::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #f43f5e; animation: rde-latir 1.4s ease-in-out infinite; }
.rd-app.app .opinion-dir { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 12px; color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .opinion-dir button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--borde-fuerte); background: var(--superficie); font-size: 20.8px; cursor: pointer; transition: transform var(--transicion); }
.rd-app.app .opinion-dir button[aria-pressed="true"] { border-color: var(--marca-violeta); background: rgba(139, 92, 246, .2); transform: scale(1.08); }
.rd-app.app .fila-acciones-dir { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rd-app.app .fila-acciones-dir .boton { min-height: 48px; font-size: 15px; }
.rd-app.app .storyboard { display: flex; align-items: center; gap: 6px; overflow-x: auto; padding: 6px 4px 12px; margin: 10px -4px 0; scrollbar-width: none; }
.rd-app.app .storyboard::-webkit-scrollbar { display: none; }
.rd-app.app .escena-sb { flex: none; position: relative; width: 116px; padding: 6px; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borde); touch-action: pan-y; cursor: grab; transition: transform .22s cubic-bezier(.2, .8, .3, 1), box-shadow .2s; user-select: none; -webkit-user-select: none; }
.rd-app.app .escena-sb.arrastrando { cursor: grabbing; z-index: 5; box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .7), 0 0 0 2px #fbbf24; transition: none; }
.rd-app.app .escena-sb .vista-viva { border-radius: 11px; }
.rd-app.app .escena-sb .vista-viva .vv-texto { font-size: 10cqw; }
.rd-app.app .escena-sb .cab-sb { display: flex; align-items: center; justify-content: space-between; gap: 4px; padding: 2px 2px 6px; font-size: 12px; font-weight: 700; color: var(--texto-2); }
.rd-app.app .escena-sb .cab-sb .ico { width: 16px; height: 16px; color: var(--texto-3); }
.rd-app.app .escena-sb .pie-sb { margin-top: 6px; }
.rd-app.app .escena-sb .pie-sb b { display: block; font-size: 13px; line-height: 1.2; }
.rd-app.app .escena-sb .mover { display: flex; gap: 4px; margin-top: 6px; }
.rd-app.app .escena-sb .mover button { flex: 1; height: 32px; border-radius: 9px; border: 1px solid var(--borde); background: var(--superficie-2); color: var(--texto-2); display: grid; place-items: center; cursor: pointer; padding: 0; }
.rd-app.app .escena-sb .mover button .ico { width: 15px; height: 15px; }
.rd-app.app .escena-sb .mover button:disabled { opacity: .3; cursor: default; }
.rd-app.app .transicion-sb { flex: none; display: flex; flex-direction: column; align-items: center; gap: 3px; width: 46px; min-height: 52px; padding: 6px 0; border-radius: 12px; border: 1px dashed rgba(251, 191, 36, .45); background: rgba(251, 191, 36, .06); color: #fde68a; font-size: 10px; font-weight: 700; text-align: center; cursor: pointer; font-family: inherit; line-height: 1.1; }
.rd-app.app .transicion-sb .ico { width: 16px; height: 16px; }
.rd-app.app .total-sb { display: flex; justify-content: space-between; align-items: baseline; margin-top: 6px; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .total-sb b { font-family: var(--f-titulo); font-size: 24px; color: var(--texto); }
.rd-app.app .regla-sb { height: 8px; border-radius: 4px; background: var(--superficie-2); margin-top: 8px; overflow: hidden; display: flex; gap: 2px; }
.rd-app.app .regla-sb i { display: block; height: 100%; background: linear-gradient(90deg, #fde68a, #f59e0b); opacity: .85; transition: flex-basis .3s; }
.rd-app.app .regla-sb i:nth-child(2n) { opacity: .5; }
.rd-app.app .experimento { display: grid; grid-template-columns: 20px 1fr; gap: 10px; padding: 12px 14px; border-radius: 14px; border: 1px solid rgba(251, 191, 36, .35); background: rgba(251, 191, 36, .08); font-size: 14px; color: var(--texto-2); margin-top: 12px; }
.rd-app.app .experimento .ico { color: #fde68a; width: 18px; height: 18px; margin-top: 1px; }
.rd-app.app .experimento b { display: block; color: var(--texto); }
.rd-app.app.tono-oro { background: radial-gradient(80% 30% at 50% 0%, rgba(251, 191, 36, .16), transparent 70%), linear-gradient(180deg, #0f0c26 0%, #070818 62%); }
.rd-app.app .titulo-oro { background: var(--grad-oro); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app.app .demo-dir .capa { position: absolute; inset: 0; padding: 54px 20px 0; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transform: translateX(28px); transition: opacity .38s ease, transform .45s cubic-bezier(.2, .8, .3, 1), visibility 0s .45s; overflow: hidden; }
.rd-app.app .demo-dir .capa.salio { transform: translateX(-28px); }
.rd-app.app .demo-dir .capa.activa { opacity: 1; visibility: visible; transform: none; transition: opacity .38s ease, transform .45s cubic-bezier(.2, .8, .3, 1), visibility 0s; }
.rd-app.app .demo-dir .capa .pie-demo { margin-top: auto; padding: 12px 0 34px; display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .demo-dir .capa.claqueta-capa .claqueta .brazo, .rd-app.app .demo-dir .capa.claqueta-capa .claqueta .destello, .rd-app.app .demo-dir .capa.claqueta-capa .claqueta-grito { animation-iteration-count: 1; animation-fill-mode: both; }
.rd-app.app .demo-dir .capa.estreno-capa .telon { animation-iteration-count: 1; animation-fill-mode: both; }
.rd-app.app .demo-dir .capa:not(.activa) .claqueta *, .rd-app.app .demo-dir .capa:not(.activa) .claqueta-grito, .rd-app.app .demo-dir .capa:not(.activa) .telon { animation: none; }
.rd-app.app .controles-demo { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; max-width: 390px; }
.rd-app.app .controles-demo button { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(127, 127, 160, .35); background: rgba(127, 127, 160, .12); color: inherit; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rd-app.app .controles-demo button[aria-current="step"] { background: #fff; color: #15162c; }
.rd-app.app .dir-escritorio { display: grid; grid-template-columns: 320px 1fr; gap: 32px; margin-top: 20px; align-items: start; }
.rd-app.app .dir-escritorio .storyboard { overflow: visible; flex-wrap: nowrap; }
.rd-app.app .dir-escritorio .escena-sb { width: 140px; }
.rd-app.app { margin: 0; min-height: 100vh; background: var(--fondo); color: var(--texto); font-family: var(--f-texto); font-size: var(--t-texto); line-height: var(--lh-texto); -webkit-font-smoothing: antialiased; }
.rd-app.app * { box-sizing: border-box; }
.rd-app.app .app-cielo { position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(60% 50% at 70% -10%, rgba(139, 92, 246, .26), transparent 60%), radial-gradient(45% 40% at 10% 0%, rgba(91, 108, 255, .16), transparent 60%), radial-gradient(50% 40% at 100% 100%, rgba(79, 157, 255, .10), transparent 60%), #070818; }
.rd-app.app .app-cielo::before, .rd-app.app .app-cielo::after { content: ""; position: absolute; inset: 0; background-repeat: repeat; }
.rd-app.app .app-cielo::before { opacity: .7; background-size: 420px 420px; background-image: radial-gradient(1px 1px at 12% 18%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 78% 9%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 64% 31%, #c4b5fd 50%, transparent 51%), radial-gradient(1px 1px at 30% 52%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 88% 61%, #93c5fd 50%, transparent 51%), radial-gradient(1px 1px at 18% 84%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 52% 92%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 44% 6%, #fff 50%, transparent 51%); }
.rd-app.app .app-cielo::after { opacity: .5; background-size: 640px 640px; background-position: 120px 60px; background-image: radial-gradient(1.5px 1.5px at 22% 38%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 72%, #f0abfc 50%, transparent 51%), radial-gradient(1px 1px at 90% 20%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 8% 66%, #c4b5fd 50%, transparent 51%); animation: rde-titilar 6s ease-in-out infinite; }
@keyframes rde-titilar { 50% { opacity: .2; } }
.rd-app.app .app-marco { position: relative; z-index: 1; display: grid; grid-template-columns: var(--ancho-menu, 256px) minmax(0, 1fr); min-height: 100vh; transition: grid-template-columns .25s cubic-bezier(.2, .8, .3, 1); }
.rd-app.app .app-marco.contraido { --ancho-menu: 80px; }
.rd-app.app .app-marco::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: var(--ancho-menu, 256px); background: rgba(9, 10, 30, .62); border-right: 1px solid var(--borde); transition: width .25s cubic-bezier(.2, .8, .3, 1); }
.rd-app.app .menu-lateral { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; gap: 6px; padding: 22px 14px 16px; overflow: hidden; z-index: 20; }
.rd-app.app .menu-lateral .marca { padding: 0 8px; min-height: 44px; margin-bottom: 14px; }
.rd-app.app .menu-lateral .marca img { width: 36px; height: 36px; flex: none; }
.rd-app.app .nav-lateral { display: flex; flex-direction: column; gap: 2px; }
.rd-app.app .nav-lateral .grupo { margin: 14px 12px 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); white-space: nowrap; }
.rd-app.app .nav-lateral a, .rd-app.app .cuenta-lateral { position: relative; display: flex; align-items: center; gap: 14px; min-height: 48px; padding: 0 12px; border-radius: 14px; color: var(--texto-2); font-weight: 600; font-size: 16px; text-decoration: none; white-space: nowrap; transition: background var(--transicion), color var(--transicion); }
.rd-app.app .nav-lateral a .ico { width: 22px; height: 22px; flex: none; }
.rd-app.app .nav-lateral a:hover, .rd-app.app .cuenta-lateral:hover { background: rgba(255, 255, 255, .05); color: var(--texto); }
.rd-app.app .nav-lateral a[aria-current="page"] { color: var(--texto); background: linear-gradient(90deg, rgba(139, 92, 246, .26), rgba(91, 108, 255, .10)); box-shadow: inset 0 0 0 1px rgba(196, 181, 253, .18); }
.rd-app.app .nav-lateral a[aria-current="page"]::before { content: ""; position: absolute; left: -14px; top: 12px; bottom: 12px; width: 3px; border-radius: 0 3px 3px 0; background: var(--grad-marca); }
.rd-app.app .nav-lateral a[aria-current="page"] .ico { color: var(--acento); }
.rd-app.app .nav-lateral .cifra-nav { margin-left: auto; padding: 2px 8px; border-radius: 999px; background: rgba(251, 191, 36, .12); font-size: 12px; font-weight: 700; color: #fde68a; }
.rd-app.app .menu-lateral .abajo { margin-top: auto; display: flex; flex-direction: column; gap: 6px; padding-top: 12px; border-top: 1px solid var(--borde); }
.rd-app.app .cuenta-lateral { min-height: 60px; padding: 0 8px; }
.rd-app.app .cuenta-lateral .avatar { width: 40px; height: 40px; flex: none; font-size: 15.2px; }
.rd-app.app .cuenta-lateral .datos b { display: block; color: var(--texto); font-size: 15px; line-height: 1.2; }
.rd-app.app .cuenta-lateral .datos span { font-size: 13px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .cuenta-lateral[aria-current="page"] { background: rgba(255, 255, 255, .06); }
.rd-app.app .contraer { display: flex; align-items: center; gap: 14px; min-height: 44px; padding: 0 12px; border: 0; border-radius: 12px; background: none; color: var(--texto-3); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rd-app.app .contraer:hover { color: var(--texto); background: rgba(255, 255, 255, .05); }
.rd-app.app .contraer .ico { width: 20px; height: 20px; flex: none; transition: transform .25s; }
.rd-app.app .etq { transition: opacity .15s; }
.rd-app.app .app-marco.contraido .menu-lateral { padding-left: 12px; padding-right: 12px; }
.rd-app.app .app-marco.contraido .etq, .rd-app.app .app-marco.contraido .nav-lateral .grupo, .rd-app.app .app-marco.contraido .cifra-nav, .rd-app.app .app-marco.contraido .marca-texto, .rd-app.app .app-marco.contraido .cuenta-lateral .datos { opacity: 0; pointer-events: none; width: 0; overflow: hidden; }
.rd-app.app .app-marco.contraido .nav-lateral .grupo { height: 1px; margin: 10px 8px; background: var(--borde); }
.rd-app.app .app-marco.contraido .nav-lateral a, .rd-app.app .app-marco.contraido .contraer { justify-content: center; padding: 0; gap: 0; }
.rd-app.app .app-marco.contraido .cuenta-lateral { justify-content: center; padding: 0; gap: 0; }
.rd-app.app .app-marco.contraido .marca { justify-content: center; padding: 0; gap: 0; }
.rd-app.app .app-marco.contraido .contraer .ico { transform: rotate(180deg); }
.rd-app.app .app-marco.contraido .nav-lateral a::after, .rd-app.app .app-marco.contraido .cuenta-lateral::after { content: attr(data-nombre); position: fixed; left: 84px; transform: translateY(0); padding: 6px 10px; border-radius: 8px; background: #fff; color: #15162c; font-size: 13px; font-weight: 700; opacity: 0; pointer-events: none; transition: opacity .12s; }
.rd-app.app .app-marco.contraido .nav-lateral a:hover::after, .rd-app.app .app-marco.contraido .cuenta-lateral:hover::after { opacity: 1; }
.rd-app.app .app-contenido { min-width: 0; padding: 40px clamp(32px, 4.5vw, 72px) 72px; }
.rd-app.app .app-ancho { max-width: 1160px; margin: 0 auto; }
.rd-app.app .app-ancho.medio { max-width: 1040px; }
.rd-app.app .app-arriba { display: flex; justify-content: flex-end; align-items: center; gap: 12px; min-height: 40px; }
.rd-app.app .linea-plan { display: inline-flex; align-items: center; gap: 10px; padding: 8px 8px 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .04); border: 1px solid var(--borde); font-size: 14px; color: var(--texto-2); }
.rd-app.app .linea-plan b { color: var(--texto); }
.rd-app.app .linea-plan .pill-pro-oro { padding: 2px 8px; font-size: 11px; }
.rd-app.app .linea-plan a { display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: var(--texto); font-weight: 600; text-decoration: none; }
.rd-app.app .linea-plan a:hover { background: rgba(255, 255, 255, .12); }
.rd-app.app .saludo-orbi { position: relative; display: grid; grid-template-columns: 168px 1fr; gap: 32px; align-items: center; margin-top: 8px; }
.rd-app.app .saludo-orbi .orbi-grande { position: relative; width: 168px; line-height: 0; animation: rde-flotar 4.2s ease-in-out infinite; }
.rd-app.app .saludo-orbi .orbi-grande::before { content: ""; position: absolute; inset: -30%; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, rgba(139, 92, 246, .45), rgba(91, 108, 255, .12) 55%, transparent); }
.rd-app.app .saludo-orbi .orbi-grande img { width: 100%; }
.rd-app.app .saludo-orbi h1 { font-family: var(--f-titulo); font-size: clamp(36px, 3.2vw, 48px); line-height: 1.12; letter-spacing: -.025em; font-weight: 700; }
.rd-app.app .saludo-orbi h1 span { display: block; background: var(--grad-marca); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .06em; }
.rd-app.app .saludo-orbi p { margin-top: 10px; color: var(--texto-2); font-size: 18px; }
.rd-app.app .opciones-grandes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
.rd-app.app .opcion-grande { position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 248px; padding: 28px 26px 24px; border-radius: 26px; text-decoration: none; color: var(--texto); background: linear-gradient(180deg, rgba(30, 33, 72, .78), rgba(16, 18, 44, .78)); border: 1px solid var(--borde); box-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 24px 48px -24px rgba(0, 0, 0, .6); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); overflow: hidden; isolation: isolate; transition: transform .2s cubic-bezier(.2, .8, .3, 1), border-color .2s, box-shadow .2s; }
.rd-app.app .opcion-grande::after { content: ""; position: absolute; z-index: -1; width: 260px; height: 260px; right: -90px; top: -110px; border-radius: 50%; background: radial-gradient(closest-side, var(--brillo, rgba(139, 92, 246, .35)), transparent); opacity: .7; transition: opacity .2s; }
.rd-app.app .opcion-grande:hover { transform: translateY(-4px); border-color: rgba(196, 181, 253, .35); box-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 30px 60px -24px rgba(91, 108, 255, .45); }
.rd-app.app .opcion-grande:hover::after { opacity: 1; }
.rd-app.app .opcion-grande .intencion-icono { width: 64px; height: 64px; border-radius: 20px; }
.rd-app.app .opcion-grande .intencion-icono .ico { width: 30px; height: 30px; }
.rd-app.app .opcion-grande h3 { font-family: var(--f-titulo); font-size: 24px; line-height: 1.2; letter-spacing: -.015em; font-weight: 700; }
.rd-app.app .opcion-grande p { color: var(--texto-2); font-size: 16px; line-height: 1.45; }
.rd-app.app .opcion-grande .ir { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; color: var(--acento); font-weight: 700; font-size: 15px; }
.rd-app.app .opcion-grande .ir .ico { width: 18px; height: 18px; transition: transform .2s; }
.rd-app.app .opcion-grande:hover .ir .ico { transform: translateX(4px); }
.rd-app.app .opcion-grande.v2 { --brillo: rgba(177, 76, 217, .4); }
.rd-app.app .opcion-grande.v3 { --brillo: rgba(14, 165, 198, .35); }
.rd-app.app .encabezado-seccion { display: flex; justify-content: space-between; align-items: baseline; margin-top: 48px; }
.rd-app.app .encabezado-seccion h2 { font-family: var(--f-titulo); font-size: 22px; font-weight: 700; letter-spacing: -.01em; }
.rd-app.app .encabezado-seccion a { color: var(--acento); font-weight: 600; text-decoration: none; font-size: 15px; }
.rd-app.app .rejilla-recientes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.rd-app.app .tarjeta-reciente { display: flex; flex-direction: column; gap: 10px; min-height: 164px; padding: 18px 20px; border-radius: 20px; text-decoration: none; color: var(--texto); background: rgba(16, 18, 44, .7); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); transition: border-color .2s, transform .2s; }
.rd-app.app .tarjeta-reciente:hover { border-color: var(--borde-fuerte); transform: translateY(-2px); }
.rd-app.app .tarjeta-reciente .tipo { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; font-weight: 700; color: var(--texto-3); }
.rd-app.app .tarjeta-reciente .tipo span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.rd-app.app .tarjeta-reciente .tipo .mini { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .tarjeta-reciente .tipo .mini .ico { width: 16px; height: 16px; }
.rd-app.app .tarjeta-reciente .tipo .ico-estrella { width: 18px; height: 18px; color: var(--oro); fill: var(--oro); }
.rd-app.app .tarjeta-reciente b { font-size: 17px; line-height: 1.35; font-weight: 600; }
.rd-app.app .tarjeta-reciente .cita { font-size: 15px; color: var(--texto-2); line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rd-app.app .tarjeta-reciente .cuando { margin-top: auto; font-size: 13px; color: var(--texto-3); }
.rd-app.app .ayuda-pie { display: flex; align-items: center; gap: 10px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--borde); color: var(--texto-3); font-size: 15px; }
.rd-app.app .ayuda-pie .ico { width: 18px; height: 18px; }
.rd-app.app .ayuda-pie a { color: var(--acento); font-weight: 600; text-decoration: none; }
.rd-app.app .bienvenida-esc { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 48px; align-items: start; max-width: 1040px; margin: 24px auto 0; }
.rd-app.app .bienvenida-esc .lado-orbi { position: sticky; top: 40px; text-align: center; }
.rd-app.app .bienvenida-esc .lado-orbi .orbi-grande { width: 200px; margin: 0 auto; line-height: 0; position: relative; animation: rde-flotar 4.2s ease-in-out infinite; }
.rd-app.app .bienvenida-esc .lado-orbi .orbi-grande::before { content: ""; position: absolute; inset: -30%; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, rgba(139, 92, 246, .45), transparent); }
.rd-app.app .bienvenida-esc .lado-orbi .orbi-grande img { width: 100%; }
.rd-app.app .bienvenida-esc .lado-orbi .globo { margin-top: 24px; text-align: left; border-radius: 6px 20px 20px 20px; }
.rd-app.app .bienvenida-esc .panel-pregunta { padding: 32px 36px; border-radius: 28px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7); }
.rd-app.app .bienvenida-esc .progreso-bv { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.rd-app.app .bienvenida-esc .progreso-bv .barras { display: flex; gap: 6px; flex: 1; max-width: 240px; }
.rd-app.app .bienvenida-esc .progreso-bv .barras i { flex: 1; height: 5px; border-radius: 3px; background: var(--superficie-2); }
.rd-app.app .bienvenida-esc .progreso-bv .barras i.lleno { background: var(--grad-marca); }
.rd-app.app .bienvenida-esc h1 { font-family: var(--f-titulo); font-size: 36px; letter-spacing: -.02em; line-height: 1.15; margin-top: 18px; }
.rd-app.app .bienvenida-esc .ops { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.rd-app.app .bienvenida-esc .op { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 0 16px; border-radius: 16px; border: 1.5px solid var(--borde); background: var(--superficie); color: var(--texto); font: inherit; font-weight: 600; font-size: 16px; cursor: pointer; text-align: left; transition: border-color .15s, background .15s; }
.rd-app.app .bienvenida-esc .op .ico { width: 22px; height: 22px; color: var(--acento); flex: none; }
.rd-app.app .bienvenida-esc .op[aria-pressed="true"] { border-color: var(--marca-violeta); background: rgba(139, 92, 246, .16); }
.rd-app.app .bienvenida-esc .pie-bv { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; }
.rd-app.app .bienvenida-esc .pie-bv .boton { width: auto; min-width: 200px; padding: 0 28px; }
.rd-app.app .cuenta-esc { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 24px; }
.rd-app.app .cuenta-esc .tarjeta { margin: 0; }
.rd-app.app .cuenta-esc .lista-menu a.activo { background: rgba(139, 92, 246, .14); }
.rd-app.app .cuenta-esc .seccion-derecha { padding: 32px 36px; border-radius: 26px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rd-app.app .cuenta-esc .dos-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 20px; align-items: start; }
.rd-app.app .app-titulo { font-family: var(--f-titulo); font-size: 36px; letter-spacing: -.02em; line-height: 1.15; font-weight: 700; }
.rd-app.app .solo-movil { display: none; }
@media (max-width: 767px) {
  .rd-app.app .app-marco { display: block; }
  .rd-app.app .app-marco::before { display: none; }
  .rd-app.app .menu-lateral, .rd-app.app .solo-escritorio { display: none !important; }
  .rd-app.app .solo-movil { display: block; }
  .rd-app.app .app-contenido { padding: 0; }
  .rd-app.app .pestanas.solo-movil { display: grid; }
  .rd-app.app .app-movil { min-height: 100vh; padding: 4px var(--e-4) 120px; max-width: 520px; margin: 0 auto; }
  .rd-app.app .app-movil + .pestanas, .rd-app.app .pestanas.fija { position: fixed; z-index: 30; left: 0; right: 0; bottom: 0; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .rd-app.app .app-marco, .rd-app.app .app-marco.contraido { --ancho-menu: 80px; }
  .rd-app.app .app-marco:not(.abierto) .menu-lateral { padding-left: 12px; padding-right: 12px; }
  .rd-app.app .app-marco:not(.abierto) .etq, .rd-app.app .app-marco:not(.abierto) .nav-lateral .grupo, .rd-app.app .app-marco:not(.abierto) .cifra-nav, .rd-app.app .app-marco:not(.abierto) .marca-texto, .rd-app.app .app-marco:not(.abierto) .cuenta-lateral .datos { opacity: 0; pointer-events: none; width: 0; overflow: hidden; }
  .rd-app.app .app-marco:not(.abierto) .nav-lateral .grupo { height: 1px; margin: 10px 8px; background: var(--borde); }
  .rd-app.app .app-marco:not(.abierto) .nav-lateral a, .rd-app.app .app-marco:not(.abierto) .contraer, .rd-app.app .app-marco:not(.abierto) .cuenta-lateral, .rd-app.app .app-marco:not(.abierto) .marca { justify-content: center; padding: 0; gap: 0; }
  .rd-app.app .app-marco:not(.abierto) .contraer .ico { transform: rotate(180deg); }
  .rd-app.app .app-marco.abierto .menu-lateral { position: fixed; left: 0; top: 0; width: 256px; box-shadow: 30px 0 60px rgba(0, 0, 0, .55); background: rgba(9, 10, 30, .96); }
  .rd-app.app .app-contenido { padding: 32px 36px 64px; }
  .rd-app.app .saludo-orbi { grid-template-columns: 120px 1fr; gap: 24px; }
  .rd-app.app .saludo-orbi .orbi-grande { width: 120px; }
  .rd-app.app .opciones-grandes { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; }
  .rd-app.app .opcion-grande { flex-direction: row; align-items: center; min-height: 112px; padding: 20px 22px; }
  .rd-app.app .opcion-grande .textos { flex: 1; }
  .rd-app.app .opcion-grande .ir { margin-top: 0; }
  .rd-app.app .opcion-grande .ir .etq-ir { display: none; }
  .rd-app.app .rejilla-recientes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rd-app.app .bienvenida-esc { grid-template-columns: 1fr; gap: 24px; }
  .rd-app.app .bienvenida-esc .lado-orbi { position: static; display: grid; grid-template-columns: 110px 1fr; gap: 20px; align-items: center; text-align: left; }
  .rd-app.app .bienvenida-esc .lado-orbi .orbi-grande { width: 110px; }
  .rd-app.app .bienvenida-esc .lado-orbi .globo { margin-top: 0; }
  .rd-app.app .bienvenida-esc .ops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rd-app.app .cuenta-esc { grid-template-columns: 1fr; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .rd-app.app .opcion-grande { min-height: 232px; padding: 24px 22px 20px; }
  .rd-app.app .opcion-grande h3 { font-size: 20.8px; }
}
.rd-app.app .chip-vista { position: fixed; z-index: 50; right: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; padding: 6px; border-radius: 999px; background: rgba(255, 255, 255, .92); color: #15162c; box-shadow: 0 10px 30px rgba(0, 0, 0, .4); font-size: 13px; font-weight: 600; }
.rd-app.app .chip-vista a { color: #15162c; padding: 0 10px; text-decoration: none; }
.rd-app.app .chip-vista .selector-idioma { background: rgba(21, 22, 44, .08); }
.rd-app.app .chip-vista .selector-idioma button { min-height: 32px; padding: 4px 10px; color: #15162c; }
.rd-app.app .chip-vista .selector-idioma button[aria-pressed="true"] { background: #15162c; color: #fff; }
@media (max-width: 767px) {
  .rd-app.app .chip-vista { bottom: 84px; }
}
.rd-app.app html[lang="en"] .solo-es, .rd-app.app html:not([lang="en"]) .solo-en { display: none !important; }
.rd-app.app [data-director] [hidden] { display: none !important; }
.rd-app.app .modos-dir.fila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.rd-app.app .modos-dir.fila .modo-dir { grid-template-columns: 48px 1fr; min-height: 112px; align-items: start; padding: 16px 18px; }
.rd-app.app .modos-dir.fila .modo-dir .costo { grid-column: 2; text-align: left; margin-top: 2px; }
.rd-app.app .modos-dir.fila .modo-dir .costo small { display: inline; margin-left: 4px; }
.rd-app.app .dir-esc { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; align-items: start; margin-top: 28px; }
.rd-app.app .dir-esc .bloque { padding: 24px 26px; border-radius: 24px; background: rgba(16, 18, 44, .7); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rd-app.app .dir-esc .bloque + .bloque { margin-top: 16px; }
.rd-app.app .dir-esc .bloque h2 { font-family: var(--f-titulo); font-size: 19.2px; font-weight: 700; }
.rd-app.app .dir-esc .bloque .ayuda-bloque { color: var(--texto-2); font-size: var(--t-chico); margin-top: 2px; }
.rd-app.app .lado-preview { position: sticky; top: 28px; padding: 22px; border-radius: 26px; background: rgba(16, 18, 44, .78); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7); }
.rd-app.app .lado-preview .etq-preview { display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 700; color: var(--texto-3); letter-spacing: .04em; text-transform: uppercase; }
.rd-app.app .vista-grande { width: 200px; margin: 14px auto 0; filter: drop-shadow(0 20px 40px rgba(91, 108, 255, .35)); }
.rd-app.app .resumen-dir { list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 6px; font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .resumen-dir li { display: flex; justify-content: space-between; gap: 10px; }
.rd-app.app .resumen-dir b { color: var(--texto); font-weight: 600; text-align: right; }
.rd-app.app .costo-linea { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; font-size: 14px; color: var(--texto-2); text-align: center; }
.rd-app.app .costo-linea .ico { width: 16px; height: 16px; color: var(--oro); }
.rd-app.app .fila-foto { display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; margin-top: 12px; padding: 12px 14px; border-radius: 16px; border: 1.5px dashed var(--borde-fuerte); }
.rd-app.app .fila-foto .ico-modo { width: 52px; height: 52px; border-radius: 14px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .fila-foto b { display: block; font-size: var(--t-chico); }
.rd-app.app .fila-foto span span { font-size: 13px; color: var(--texto-3); }
.rd-app.app .fila-foto .boton { width: auto; min-height: 44px; padding: 0 14px; font-size: 14px; }
.rd-app.app .storyboard.grande { gap: 10px; padding: 8px 4px 14px; }
.rd-app.app .storyboard.grande .escena-sb { width: 168px; }
.rd-app.app .storyboard.grande .transicion-sb { width: 56px; min-height: 60px; font-size: 11px; }
.rd-app.app .cabeza-dir-esc { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rd-app.app .cabeza-dir-esc .dir-cabecera .orbi-boina { width: 76px; }
.rd-app.app .cabeza-dir-esc .dir-cabecera b { font-size: 32px; }
@media (max-width: 1023px) {
  .rd-app.app .dir-esc { grid-template-columns: 1fr; }
  .rd-app.app .lado-preview { position: static; }
  .rd-app.app .modos-dir.fila { grid-template-columns: 1fr; }
  .rd-app.app .modos-dir.fila .modo-dir { grid-template-columns: 48px 1fr auto; min-height: 84px; align-items: center; }
  .rd-app.app .modos-dir.fila .modo-dir .costo { grid-column: auto; text-align: right; }
  .rd-app.app .modos-dir.fila .modo-dir .costo small { display: block; margin-left: 0; }
}
@media (max-width: 767px) {
  .rd-app.app .app-movil.director { padding-top: 8px; }
  .rd-app.app .cabeza-dir-esc { flex-direction: column; align-items: flex-start; }
  .rd-app.app .cabeza-dir-esc .linea-plan { display: none; }
  .rd-app.app .cabeza-dir-esc .dir-cabecera b { font-size: 21.6px; }
  .rd-app.app .cabeza-dir-esc .dir-cabecera .orbi-boina { width: 56px; }
  .rd-app.app .dir-esc .bloque { padding: 16px; border-radius: 20px; }
  .rd-app.app .rejilla-vivas.cuatro { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .rd-app.app .rejilla-vivas.tres { gap: 8px; }
  .rd-app.app .lado-preview { padding: 16px; }
}
@media (max-width: 767px) {
  .rd-app.app .app-ancho[data-director] { padding: 8px 16px 120px; }
}
.rd-app.app .estreno .play-grande { top: 80%; width: 48px; height: 48px; margin: -24px 0 0 -24px; }
.rd-app.app .rejilla-vivas.carrusel { display: flex; gap: 10px; overflow-x: auto; margin: 12px -16px 0; padding: 4px 16px 6px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rd-app.app .rejilla-vivas.carrusel::-webkit-scrollbar { display: none; }
.rd-app.app .rejilla-vivas.carrusel .opcion-viva { flex: 0 0 128px; scroll-snap-align: start; }
.rd-app.app .pasos-rodaje .punto { height: 22px; align-self: center; }
.rd-app.app .pasos-rodaje .hecho .punto::after { content: ""; width: 5px; height: 10px; border: solid #062b18; border-width: 0 2px 2px 0; transform: translate(0, -1px) rotate(45deg); }
.rd-app.app .storyboard.grande .escena-sb { flex: 1 1 0; width: auto; min-width: 128px; max-width: 200px; }
.rd-app.app .espera-dir { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; }
.rd-app.app .espera-dir .orbi-escenario { position: relative; display: grid; place-items: center; width: 220px; height: 220px; margin: 28px auto 0; }
.rd-app.app .espera-dir .orbi-escenario::before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(139, 92, 246, .38), rgba(91, 108, 255, .10) 60%, transparent); }
.rd-app.app .espera-dir .orbi-escenario::after { content: ""; position: absolute; inset: 14px; border-radius: 50%; border: 1px dashed rgba(196, 181, 253, .22); animation: rde-girar-lento 24s linear infinite; }
@keyframes rde-girar-lento { to { transform: rotate(360deg); } }
.rd-app.app .espera-dir .orbi-vivo { position: relative; z-index: 1; width: 176px; }
.rd-app.app .frase-rodaje { font-family: var(--f-titulo); font-size: 26px; line-height: 1.2; font-weight: 700; letter-spacing: -.015em; margin-top: 24px; min-height: 2.4em; display: grid; place-items: center; max-width: 18ch; }
.rd-app.app .frase-rodaje span, .rd-app.app [data-consejo] { display: inline-block; transition: opacity .26s ease, transform .26s ease; }
.rd-app.app .frase-rodaje span.cambiando, .rd-app.app [data-consejo].cambiando { opacity: 0; transform: translateY(8px); }
.rd-app.app .espera-dir .progreso-dir { width: 100%; max-width: 300px; margin: 18px auto 0; }
.rd-app.app .espera-dir .progreso-dir i { width: 6%; transition: width .5s cubic-bezier(.2, .8, .3, 1); }
.rd-app.app .puntos-etapa { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
.rd-app.app .puntos-etapa i { width: 7px; height: 7px; border-radius: 50%; background: var(--superficie-2); box-shadow: inset 0 0 0 1px var(--borde-fuerte); transition: background .3s, box-shadow .3s, transform .3s; }
.rd-app.app .puntos-etapa i.hecho { background: var(--marca-indigo); box-shadow: none; }
.rd-app.app .puntos-etapa i.ahora { background: #fff; box-shadow: 0 0 0 4px rgba(196, 181, 253, .25); transform: scale(1.15); }
.rd-app.app .espera-dir .tarda { margin-top: 14px; color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .espera-dir .consejo-dir { width: 100%; max-width: 340px; margin-top: 18px; text-align: left; }
.rd-app.app .espera-dir .consejo-dir b { margin-bottom: 2px; }
.rd-app.app .espera-dir.pro .orbi-escenario::before { background: radial-gradient(closest-side, rgba(251, 191, 36, .22), rgba(139, 92, 246, .14) 60%, transparent); }
.rd-app.app .espera-dir.pro .progreso-dir i { background: linear-gradient(90deg, #fde68a, #f59e0b); }
.rd-app.app .espera-dir.pro .puntos-etapa i.hecho { background: #f59e0b; }
.rd-app.app .rodaje-esc { display: grid; place-items: center; min-height: calc(100vh - 220px); padding: 24px 0 40px; }
.rd-app.app .rodaje-esc .tarjeta-rodaje { width: 100%; max-width: 640px; padding: 12px 40px 36px; border-radius: 32px; background: rgba(16, 18, 44, .62); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .8); }
.rd-app.app .rodaje-esc .espera-dir .orbi-escenario { width: 260px; height: 260px; }
.rd-app.app .rodaje-esc .espera-dir .orbi-vivo { width: 210px; }
.rd-app.app .rodaje-esc .frase-rodaje { font-size: 36px; max-width: 20ch; }
.rd-app.app .rodaje-esc .acciones-rodaje { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 22px; }
.rd-app.app .rodaje-esc .acciones-rodaje .boton { width: auto; padding: 0 24px; }
@media (prefers-reduced-motion: reduce) {
  .rd-app.app .frase-rodaje span, .rd-app.app [data-consejo] { transition: none; }
}
.rd-app.app .puntos-etapa i { width: 8px; height: 8px; box-shadow: none; background: rgba(255, 255, 255, .16); transition: background .3s, transform .3s; }
.rd-app.app .puntos-etapa i.ahora { background: #fff; box-shadow: none; transform: scale(1.3); }
.rd-app.app .rodaje-esc { min-height: 0; padding: 12px 0 32px; }
.rd-app.app .rodaje-esc .espera-dir .orbi-escenario { width: 230px; height: 230px; margin-top: 16px; }
.rd-app.app .rodaje-esc .espera-dir .orbi-vivo { width: 190px; }
.rd-app.app .rodaje-esc .frase-rodaje { margin-top: 16px; }
@media (max-width: 767px) {
  .rd-app.app .rodaje-esc .tarjeta-rodaje { padding: 0; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .rd-app.app .rodaje-esc .frase-rodaje { font-size: 26px; }
  .rd-app.app .rodaje-esc .espera-dir .orbi-escenario { width: 210px; height: 210px; }
  .rd-app.app .rodaje-esc .espera-dir .orbi-vivo { width: 170px; }
  .rd-app.app .rodaje-esc .acciones-rodaje .boton { width: 100%; }
}
.rd-app.app .rodaje-esc .tarjeta-rodaje.pro { border-color: rgba(251, 191, 36, .3); background: radial-gradient(70% 40% at 50% 0%, rgba(251, 191, 36, .10), transparent 70%), rgba(16, 18, 44, .62); }
.rd-app.app .frase-rodaje span { text-wrap: balance; }
.rd-app.app .cab-pagina { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; }
.rd-app.app .cab-pagina .migas { display: inline-flex; align-items: center; gap: 6px; color: var(--acento); font-weight: 600; font-size: 15px; text-decoration: none; margin-bottom: 6px; }
.rd-app.app .cab-pagina .migas .ico { width: 16px; height: 16px; }
.rd-app.app .cab-pagina p.bajada { color: var(--texto-2); font-size: 17px; margin-top: 6px; max-width: 60ch; }
.rd-app.app .panel { padding: 24px 26px; border-radius: 24px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rd-app.app .panel + .panel { margin-top: 16px; }
.rd-app.app .panel > h2, .rd-app.app .panel-titulo { font-family: var(--f-titulo); font-size: 19.2px; font-weight: 700; letter-spacing: -.01em; }
.rd-app.app .panel .ayuda-panel { color: var(--texto-2); font-size: var(--t-chico); margin-top: 2px; }
.rd-app.app .dos-columnas { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 28px; }
.rd-app.app .dos-columnas.derecha { grid-template-columns: minmax(0, 1fr) 360px; }
.rd-app.app .col-fija { position: sticky; top: 28px; }
.rd-app.app .pila-campos { display: flex; flex-direction: column; gap: 18px; margin-top: 16px; }
.rd-app.app .costo-boton { text-align: center; font-size: 14px; color: var(--texto-2); margin-top: 8px; }
.rd-app.app .rejilla-ideas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.rd-app.app .idea-esc { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 20px 22px; border-radius: 22px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); transition: border-color .2s, transform .2s; }
.rd-app.app .idea-esc:hover { border-color: var(--borde-fuerte); transform: translateY(-2px); }
.rd-app.app .idea-esc .num { font-size: 12px; font-weight: 800; letter-spacing: .08em; color: var(--texto-3); text-transform: uppercase; }
.rd-app.app .idea-esc .gancho-idea { font-family: var(--f-titulo); font-size: 20px; line-height: 1.3; font-weight: 700; letter-spacing: -.01em; }
.rd-app.app .idea-esc .gancho-idea::before { content: "«"; color: var(--acento); }
.rd-app.app .idea-esc .gancho-idea::after { content: "»"; color: var(--acento); }
.rd-app.app html[lang="en"] .idea-esc .gancho-idea::before { content: "“"; }
.rd-app.app html[lang="en"] .idea-esc .gancho-idea::after { content: "”"; }
.rd-app.app .idea-esc p { color: var(--texto-2); font-size: 15px; line-height: 1.45; }
.rd-app.app .idea-esc .pie-idea { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 6px; }
.rd-app.app .idea-esc .pie-idea .boton { width: auto; min-height: 44px; padding: 0 16px; font-size: 15px; }
.rd-app.app .idea-esc .pie-idea small { color: var(--texto-3); font-size: 13px; }
.rd-app.app .boton-estrella { width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--borde); background: none; color: var(--texto-3); display: grid; place-items: center; cursor: pointer; }
.rd-app.app .boton-estrella .ico { width: 20px; height: 20px; }
.rd-app.app .boton-estrella[aria-pressed="true"] { color: var(--oro); border-color: rgba(251, 191, 36, .4); }
.rd-app.app .boton-estrella[aria-pressed="true"] .ico { fill: var(--oro); }
.rd-app.app .idea-esc.ancha { grid-column: 1 / -1; flex-direction: row; align-items: center; }
.rd-app.app .idea-esc.ancha .textos-idea { flex: 1; }
.rd-app.app .chips-red { display: flex; gap: 8px; flex-wrap: wrap; }
.rd-app.app .chips-red .opcion { min-height: 44px; padding: 0 14px; }
.rd-app.app .partes-esc { display: flex; flex-direction: column; gap: 14px; }
.rd-app.app .partes-esc .parte-guion { padding: 20px 22px; border-radius: 22px; }
.rd-app.app .partes-esc .parte-guion .lado-a-lado { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; }
.rd-app.app .partes-esc .parte-guion .dices span { font-size: 18px; line-height: 1.45; }
.rd-app.app .dato-guion { display: flex; align-items: center; gap: 10px; color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .dato-guion .ico { width: 18px; height: 18px; color: var(--acento); }
.rd-app.app .acciones-col { display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .zona-subir.grande { min-height: 380px; border-radius: 28px; }
.rd-app.app .zona-subir.grande .orbi { width: 150px; }
.rd-app.app .lista-reviso { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.rd-app.app .lista-reviso li { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; }
.rd-app.app .lista-reviso .ico-menu { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .lista-reviso b { display: block; font-size: var(--t-chico); }
.rd-app.app .lista-reviso span span { font-size: 13px; color: var(--texto-3); }
.rd-app.app .resultado-esc { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 28px; }
.rd-app.app .notas-esc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.rd-app.app .nota-parte { padding: 16px 18px; border-radius: 18px; background: var(--superficie); border: 1px solid var(--borde); }
.rd-app.app .nota-parte .fila { display: flex; justify-content: space-between; align-items: baseline; }
.rd-app.app .nota-parte b { font-size: 16px; }
.rd-app.app .nota-parte .n { font-family: var(--f-titulo); font-size: 24px; font-weight: 700; }
.rd-app.app .nota-parte .n small { font-size: 13px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .nota-parte .barra { height: 6px; border-radius: 3px; background: var(--superficie-2); margin-top: 8px; overflow: hidden; }
.rd-app.app .nota-parte .barra i { display: block; height: 100%; border-radius: 3px; background: var(--grad-marca); }
.rd-app.app .nota-parte p { color: var(--texto-2); font-size: 14px; line-height: 1.45; margin-top: 8px; }
.rd-app.app .mejoras-esc { list-style: none; counter-reset: m; display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.rd-app.app .mejoras-esc li { counter-increment: m; display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: start; }
.rd-app.app .mejoras-esc li::before { content: counter(m); width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-boton); color: #fff; font-weight: 700; font-size: 15px; }
.rd-app.app .mejoras-esc b { display: block; }
.rd-app.app .mejoras-esc span span { color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .barra-filtros { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.rd-app.app .barra-filtros .segmentado { margin: 0; min-width: 320px; }
.rd-app.app .buscador { flex: 1; min-width: 220px; position: relative; }
.rd-app.app .buscador .ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--texto-3); }
.rd-app.app .buscador .entrada { padding-left: 42px; }
.rd-app.app .chips-tipo { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.rd-app.app .chips-tipo button { min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde); background: none; color: var(--texto-2); font: inherit; font-weight: 600; font-size: 14px; cursor: pointer; }
.rd-app.app .chips-tipo button[aria-pressed="true"] { background: rgba(139, 92, 246, .2); border-color: rgba(196, 181, 253, .45); color: var(--texto); }
.rd-app.app .nota-guardados { display: flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--texto-3); font-size: 14px; }
.rd-app.app .nota-guardados .ico { width: 16px; height: 16px; color: var(--oro); }
.rd-app.app .saldo-esc { display: grid; grid-template-columns: auto 1fr; gap: 24px; align-items: center; }
.rd-app.app .saldo-esc .moneda { width: 88px; height: 88px; border-radius: 26px; display: grid; place-items: center; background: rgba(251, 191, 36, .12); color: var(--oro); border: 1px solid rgba(251, 191, 36, .3); }
.rd-app.app .saldo-esc .moneda .ico { width: 40px; height: 40px; }
.rd-app.app .paquetes-fila { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.rd-app.app .paquete-v { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 22px 20px; border-radius: 22px; border: 1px solid var(--borde); background: var(--superficie); }
.rd-app.app .paquete-v.elegida { border: 2px solid transparent; background: linear-gradient(var(--superficie), var(--superficie)) padding-box, var(--grad-marca) border-box; }
.rd-app.app .paquete-v .insignia { position: absolute; top: -12px; left: 20px; padding: 3px 10px; border-radius: 999px; background: var(--grad-boton); color: #fff; font-size: 12px; font-weight: 700; }
.rd-app.app .paquete-v .cant { font-family: var(--f-titulo); font-size: 32px; font-weight: 700; letter-spacing: -.02em; }
.rd-app.app .paquete-v .cant small { font-size: 16px; color: var(--texto-2); font-weight: 600; }
.rd-app.app .paquete-v .equivale { color: var(--texto-2); font-size: 15px; }
.rd-app.app .paquete-v .precio { font-family: var(--f-titulo); font-size: 24px; font-weight: 700; margin-top: 10px; }
.rd-app.app .paquete-v .precio small { font-family: var(--f-texto); font-size: 13px; color: var(--texto-3); font-weight: 500; margin-left: 4px; }
.rd-app.app .paquete-v .boton { margin-top: 12px; }
.rd-app.app .kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.rd-app.app .kpi { padding: 18px 20px; border-radius: 20px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); }
.rd-app.app .kpi .etq-kpi { font-size: 13px; font-weight: 700; color: var(--texto-3); letter-spacing: .02em; }
.rd-app.app .kpi .v { font-family: var(--f-titulo); font-size: 30px; font-weight: 700; letter-spacing: -.02em; margin-top: 4px; }
.rd-app.app .kpi .v small { font-size: 16px; color: var(--texto-2); }
.rd-app.app .kpi .d { font-size: 13px; color: var(--texto-2); margin-top: 2px; }
.rd-app.app .kpi.destacado { border-color: rgba(52, 211, 153, .35); background: linear-gradient(135deg, rgba(52, 211, 153, .10), rgba(16, 18, 44, .72)); }
.rd-app.app .kpi .barra-meta { height: 6px; border-radius: 3px; background: var(--superficie-2); margin-top: 10px; overflow: hidden; }
.rd-app.app .kpi .barra-meta i { display: block; height: 100%; background: var(--exito); border-radius: 3px; }
.rd-app.app .link-grande.esc { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 22px 24px; }
.rd-app.app .link-grande.esc .acciones-link { margin-top: 0; grid-template-columns: repeat(3, auto); }
.rd-app.app .link-grande.esc .acciones-link .boton { width: auto; padding: 0 18px; }
.rd-app.app .planes-esc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 24px; max-width: 920px; }
.rd-app.app .planes-esc .l-plan { padding: 28px 26px; }
.rd-app.app .planes-esc .l-plan .l-precio { font-size: 38.4px; }
.rd-app.app .faq-esc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; max-width: 920px; }
@media (max-width: 1199px) {
  .rd-app.app .dos-columnas { grid-template-columns: 340px minmax(0, 1fr); }
  .rd-app.app .dos-columnas.derecha { grid-template-columns: minmax(0, 1fr) 320px; }
  .rd-app.app .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .rd-app.app .dos-columnas, .rd-app.app .dos-columnas.derecha, .rd-app.app .resultado-esc { grid-template-columns: 1fr; }
  .rd-app.app .col-fija { position: static; }
  .rd-app.app .partes-esc .parte-guion .lado-a-lado { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 767px) {
  .rd-app.app .pagina-app { padding: 8px 16px 120px; }
  .rd-app.app .rejilla-ideas, .rd-app.app .notas-esc, .rd-app.app .paquetes-fila, .rd-app.app .planes-esc, .rd-app.app .faq-esc { grid-template-columns: 1fr; }
  .rd-app.app .idea-esc.ancha { flex-direction: column; align-items: stretch; }
  .rd-app.app .kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .rd-app.app .kpi .v { font-size: 24px; }
  .rd-app.app .link-grande.esc { grid-template-columns: 1fr; }
  .rd-app.app .link-grande.esc .acciones-link { grid-template-columns: 1fr 1fr; }
  .rd-app.app .link-grande.esc .acciones-link .boton { width: 100%; }
  .rd-app.app .barra-filtros .segmentado { min-width: 0; width: 100%; }
  .rd-app.app .panel { padding: 18px; border-radius: 20px; }
  .rd-app.app .app-titulo { font-size: 28px; }
  .rd-app.app .zona-subir.grande { min-height: 300px; }
  .rd-app.app .saldo-esc .moneda { width: 64px; height: 64px; border-radius: 20px; }
  .rd-app.app .cab-pagina .linea-plan { display: none; }
}
@media (max-width: 767px) {
  .rd-app.app .rejilla-recientes { grid-template-columns: 1fr; }
  .rd-app.app .buscador { min-width: 0; }
}
.rd-app.app .barra-filtros .segmentado button { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 4px 12px; }
.rd-app.app .dos-mitades { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.rd-app.app .dos-mitades > .panel + .panel { margin-top: 0; }
.rd-app.app .saldo-ancho { display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; }
.rd-app.app .saldo-ancho > p { margin-top: 0 !important; }
@media (max-width: 1023px) {
  .rd-app.app .dos-mitades { grid-template-columns: 1fr; }
}
.rd-app.app .migas.solo-movil { display: none; }
@media (max-width: 767px) {
  .rd-app.app .migas.solo-movil { display: inline-flex; align-items: center; gap: 6px; color: var(--acento); font-weight: 600; text-decoration: none; min-height: 44px; }
}
.rd-app.app .barra-filtros .segmentado { min-width: 380px; }
.rd-app.app .barra-filtros .segmentado button { white-space: nowrap; }
@media (max-width: 767px) {
  .rd-app.app .barra-filtros .segmentado { min-width: 0; }
}
.rd-app.app .selector-modo-ideas { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; border-radius: 16px; background: var(--superficie-2); margin-top: 12px; }
.rd-app.app .selector-modo-ideas a, .rd-app.app .selector-modo-ideas button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border: 0; border-radius: 12px; background: none; color: var(--texto-2); font: inherit; font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer; }
.rd-app.app .selector-modo-ideas .ico { width: 18px; height: 18px; }
.rd-app.app .selector-modo-ideas [aria-current="page"], .rd-app.app .selector-modo-ideas [aria-pressed="true"] { background: var(--superficie); color: var(--texto); box-shadow: var(--sombra); }
.rd-app.app .intencion-icono.v4 { background: linear-gradient(135deg, #f59e0b, #e8590c); }
.rd-app.app .opcion-grande.v4 { --brillo: rgba(245, 158, 11, .32); }
.rd-app.app .caja-idea { position: relative; margin-top: 14px; border-radius: 20px; border: 1.5px solid var(--borde-fuerte); background: var(--superficie); transition: border-color var(--transicion), box-shadow var(--transicion); }
.rd-app.app .caja-idea:focus-within, .rd-app.app .caja-idea.activa { border-color: var(--marca-violeta); box-shadow: var(--foco); }
.rd-app.app .caja-idea textarea { display: block; width: 100%; min-height: 220px; padding: 16px 16px 8px; border: 0; background: none; color: var(--texto); font: inherit; font-size: var(--t-texto); line-height: 1.5; resize: none; outline: none; }
.rd-app.app .caja-idea textarea::placeholder { color: var(--texto-3); }
.rd-app.app .caja-idea .pie-caja { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 8px 8px 16px; }
.rd-app.app .caja-idea .contador { font-size: 13px; color: var(--texto-3); font-variant-numeric: tabular-nums; }
.rd-app.app .herramientas-idea { display: flex; gap: 6px; }
.rd-app.app .boton-redondo { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 44px; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde-fuerte); background: var(--superficie-2); color: var(--texto); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rd-app.app .boton-redondo .ico { width: 18px; height: 18px; }
.rd-app.app .boton-redondo.mic { background: var(--grad-boton); border-color: transparent; color: #fff; }
.rd-app.app .pistas-idea { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-size: var(--t-chico); color: var(--texto-3); }
.rd-app.app .pistas-idea li { display: grid; grid-template-columns: 18px 1fr; gap: 8px; }
.rd-app.app .pistas-idea .ico { width: 16px; height: 16px; color: var(--acento); margin-top: 2px; }
.rd-app.app .grabando { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 30px; }
.rd-app.app .mic-grande { position: relative; width: 132px; height: 132px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-boton); color: #fff; box-shadow: 0 20px 50px -14px rgba(116, 66, 230, .8); }
.rd-app.app .mic-grande .ico { width: 48px; height: 48px; }
.rd-app.app .mic-grande::before, .rd-app.app .mic-grande::after { content: ""; position: absolute; inset: -14px; border-radius: 50%; border: 2px solid rgba(196, 181, 253, .4); animation: rde-onda-mic 2s ease-out infinite; }
.rd-app.app .mic-grande::after { animation-delay: 1s; }
@keyframes rde-onda-mic { from { transform: scale(.85); opacity: 1; } to { transform: scale(1.35); opacity: 0; } }
.rd-app.app .tiempo-grab { font-family: var(--f-titulo); font-size: 40px; font-weight: 700; font-variant-numeric: tabular-nums; margin-top: 26px; letter-spacing: -.02em; }
.rd-app.app .tiempo-grab small { font-size: 16px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .onda { display: flex; align-items: center; justify-content: center; gap: 4px; height: 56px; margin-top: 14px; }
.rd-app.app .onda i { width: 5px; border-radius: 3px; background: linear-gradient(180deg, #c4b5fd, #4f9dff); height: var(--h, 40%); animation: rde-onda-barra 1.1s ease-in-out infinite; animation-delay: calc(var(--i) * -.13s); }
@keyframes rde-onda-barra { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
.rd-app.app .boton-parar { width: 76px; height: 76px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, .85); background: none; display: grid; place-items: center; cursor: pointer; }
.rd-app.app .boton-parar i { width: 28px; height: 28px; border-radius: 8px; background: #f43f5e; }
.rd-app.app .burbuja-yo.editable { cursor: pointer; text-align: left; border: 0; font: inherit; }
.rd-app.app .burbuja-yo.editable .ico { opacity: .75; flex: none; }
.rd-app.app .burbuja-yo.idea-larga { font-weight: 500; font-size: var(--t-chico); line-height: 1.45; display: block; max-width: 86%; }
.rd-app.app .burbuja-yo.idea-larga .mas { display: block; margin-top: 4px; font-size: 13px; font-weight: 700; opacity: .85; }
.rd-app.app .editar-respuesta { align-self: flex-end; width: 86%; padding: 10px; border-radius: 18px; border: 1.5px solid var(--marca-violeta); background: var(--superficie); box-shadow: var(--foco); display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .editar-respuesta .entrada { min-height: 48px; }
.rd-app.app .editar-respuesta .acciones-edit { display: flex; justify-content: flex-end; gap: 6px; }
.rd-app.app .editar-respuesta .acciones-edit .boton { width: auto; min-height: 44px; padding: 0 16px; font-size: 15px; }
.rd-app.app .chips-resp { display: flex; flex-wrap: wrap; gap: 8px; }
.rd-app.app .chips-resp .op-bv { min-height: 48px; padding: 0 14px; flex-direction: row; align-items: center; border-radius: 999px; }
.rd-app.app .chips-resp .op-bv .op-texto { font-size: 15px; }
.rd-app.app .chips-resp .op-bv.elegida { padding: 0 13.5px; }
.rd-app.app .etq-hoja { display: block; font-size: 13px; font-weight: 700; color: var(--texto-3); letter-spacing: .04em; text-transform: uppercase; margin: 12px 0 8px; }
.rd-app.app .angulo { padding: 18px 18px 16px; border-radius: 20px; background: linear-gradient(135deg, rgba(245, 158, 11, .14), rgba(139, 92, 246, .10)); border: 1px solid rgba(251, 191, 36, .3); }
.rd-app.app .angulo small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fde68a; }
.rd-app.app .angulo small .ico { width: 14px; height: 14px; }
.rd-app.app .angulo p { margin-top: 6px; font-size: 17px; line-height: 1.45; font-weight: 600; }
.rd-app.app .ganchos-elegir { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.rd-app.app .gancho-op { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 6px 12px; padding: 14px 14px 12px; border-radius: 18px; border: 1.5px solid var(--borde); background: var(--superficie); text-align: left; color: var(--texto); font: inherit; cursor: pointer; transition: border-color var(--transicion); }
.rd-app.app .gancho-op[aria-pressed="true"] { border: 2px solid transparent; padding: 13.5px 13.5px 11.5px; background: linear-gradient(var(--superficie), var(--superficie)) padding-box, var(--grad-marca) border-box; }
.rd-app.app .gancho-op .frase { font-family: var(--f-titulo); font-size: 17px; line-height: 1.3; font-weight: 700; }
.rd-app.app .gancho-op .nota-g { grid-row: span 2; align-self: start; text-align: center; min-width: 48px; padding: 6px 8px; border-radius: 12px; background: var(--superficie-2); }
.rd-app.app .gancho-op .nota-g b { display: block; font-family: var(--f-titulo); font-size: 22px; line-height: 1; }
.rd-app.app .gancho-op .nota-g small { font-size: 11px; color: var(--texto-3); font-weight: 700; }
.rd-app.app .gancho-op .nota-g.alta b { color: #6ee7b7; }
.rd-app.app .gancho-op .nota-g.media b { color: #fde68a; }
.rd-app.app .gancho-op .porque { font-size: 14px; color: var(--texto-2); line-height: 1.4; }
.rd-app.app .guia-nota { font-size: 13px; color: var(--texto-3); margin-top: 8px; }
.rd-app.app .datos-video { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.rd-app.app .dato-video { padding: 12px 14px; border-radius: 16px; background: var(--superficie); border: 1px solid var(--borde); }
.rd-app.app .dato-video small { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--texto-3); letter-spacing: .03em; text-transform: uppercase; }
.rd-app.app .dato-video small .ico { width: 14px; height: 14px; color: var(--acento); }
.rd-app.app .dato-video b { display: block; margin-top: 4px; font-size: 16px; }
.rd-app.app .bloques { list-style: none; display: flex; flex-direction: column; gap: 0; margin-top: 12px; position: relative; }
.rd-app.app .bloque-v { position: relative; display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding-bottom: 14px; }
.rd-app.app .bloque-v::before { content: ""; position: absolute; left: 16px; top: 34px; bottom: 0; width: 2px; background: var(--borde-fuerte); }
.rd-app.app .bloque-v:last-child::before { display: none; }
.rd-app.app .bloque-v .num-b { width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: var(--grad-boton); color: #fff; font-weight: 700; font-size: 15px; }
.rd-app.app .bloque-v .cuerpo-b { padding: 12px 14px; border-radius: 18px; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .bloque-v .cab-b { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.rd-app.app .bloque-v .cab-b h3 { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); }
.rd-app.app .encuadre { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; background: rgba(79, 157, 255, .14); color: #93c5fd; }
.rd-app.app .encuadre .ico { width: 14px; height: 14px; }
.rd-app.app .encuadre.lateral { background: rgba(196, 181, 253, .16); color: #ddd6fe; }
.rd-app.app .encuadre.cerca { background: rgba(251, 191, 36, .14); color: #fde68a; }
.rd-app.app .bloque-v .decir { margin-top: 8px; font-size: var(--t-texto); line-height: 1.45; }
.rd-app.app .bloque-v .mostrar { display: grid; grid-template-columns: 18px 1fr; gap: 8px; margin-top: 8px; font-size: var(--t-chico); color: var(--texto-2); line-height: 1.4; }
.rd-app.app .bloque-v .mostrar .ico { width: 16px; height: 16px; color: var(--texto-3); margin-top: 2px; }
.rd-app.app .bloque-v .tiempo-b { font-size: 12px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .quitamos { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.rd-app.app .quitamos li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: var(--t-chico); color: var(--texto-2); line-height: 1.45; }
.rd-app.app .quitamos li .ico { width: 16px; height: 16px; color: var(--texto-3); margin-top: 3px; }
.rd-app.app .quitamos b { color: var(--texto); font-weight: 600; text-decoration: line-through; text-decoration-color: rgba(244, 63, 94, .7); text-decoration-thickness: 2px; }
.rd-app.app .acciones-idea { display: flex; flex-direction: column; gap: 8px; }
.rd-app.app .acciones-idea .fila-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rd-app.app .acciones-idea .fila-2 .boton { min-height: 48px; font-size: 15px; }
.rd-app.app .proximamente-fila { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; border-radius: var(--r-medio); border: 1px dashed var(--borde-fuerte); color: var(--texto-3); font-weight: 600; font-size: 15px; }
.rd-app.app .proximamente-fila .ico { width: 18px; height: 18px; }
.rd-app.app.prompter { background: #000; }
.rd-app.app.prompter::before { display: none; }
.rd-app.app .prompter-barra { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 14px 8px; }
.rd-app.app .prompter-barra .boton-redondo { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .18); color: #fff; }
.rd-app.app .prompter-barra .boton-redondo[aria-pressed="true"] { background: #fff; color: #000; }
.rd-app.app .prompter-texto-caja { position: relative; flex: 1; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 72%, transparent 100%); mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 72%, transparent 100%); }
.rd-app.app .prompter-texto-caja::after { content: ""; position: absolute; left: 0; right: 0; top: 34%; height: 2px; background: rgba(251, 191, 36, .55); pointer-events: none; }
.rd-app.app .prompter-texto { position: absolute; left: 0; right: 0; top: 0; padding: 220px 22px 400px; color: #fff; font-family: var(--f-texto); font-size: 32px; line-height: 1.32; font-weight: 600; letter-spacing: -.01em; will-change: transform; }
.rd-app.app .prompter-texto.espejo { transform-origin: center; }
.rd-app.app .prompter-texto .marca-b { display: flex; align-items: center; gap: 8px; margin: 30px 0 10px; font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fbbf24; }
.rd-app.app .prompter-texto .marca-b:first-child { margin-top: 0; }
.rd-app.app .prompter-texto .marca-b .encuadre { font-size: 12px; letter-spacing: 0; text-transform: none; }
.rd-app.app .prompter-texto p { margin: 0 0 14px; }
.rd-app.app .prompter-pie { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; padding: 10px 18px 8px; }
.rd-app.app .velocidad { display: flex; align-items: center; gap: 6px; color: rgba(255, 255, 255, .8); font-size: 13px; font-weight: 600; }
.rd-app.app .velocidad button { width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); color: #fff; display: grid; place-items: center; cursor: pointer; }
.rd-app.app .velocidad button .ico { width: 18px; height: 18px; }
.rd-app.app .velocidad output { min-width: 34px; text-align: center; font-variant-numeric: tabular-nums; font-family: var(--f-titulo); font-size: 16px; color: #fff; }
.rd-app.app .boton-pausa { width: 68px; height: 68px; border-radius: 50%; border: 0; background: #fff; color: #000; display: grid; place-items: center; cursor: pointer; box-shadow: 0 10px 30px rgba(0, 0, 0, .5); }
.rd-app.app .boton-pausa .ico { width: 28px; height: 28px; fill: currentColor; }
.rd-app.app .prompter-pie .bloque-actual { justify-self: end; text-align: right; color: rgba(255, 255, 255, .7); font-size: 12px; font-weight: 700; line-height: 1.3; }
.rd-app.app .cuenta-atras { position: absolute; inset: 0; z-index: 6; display: grid; place-items: center; background: rgba(0, 0, 0, .72); }
.rd-app.app .cuenta-atras span { font-family: var(--f-titulo); font-size: 128px; font-weight: 700; color: #fff; animation: rde-latido-cuenta 1s ease-out infinite; }
.rd-app.app .cuenta-atras small { position: absolute; bottom: 30%; color: rgba(255, 255, 255, .8); font-size: var(--t-chico); }
@keyframes rde-latido-cuenta { from { transform: scale(1.25); opacity: .4; } 30% { transform: scale(1); opacity: 1; } to { transform: scale(.95); opacity: .9; } }
.rd-app.app .cuenta-atras[hidden] { display: none; }
.rd-app.app .precio-cargando { display: inline-block; width: 110px; height: 1.2em; border-radius: 8px; vertical-align: middle; background: linear-gradient(90deg, var(--superficie-2), rgba(255, 255, 255, .12), var(--superficie-2)); background-size: 200% 100%; animation: rde-brillo-carga 1.4s linear infinite; }
@keyframes rde-brillo-carga { from { background-position: 200% 0; } to { background-position: -200% 0; } }
.rd-app.app .idea-esc-entrada { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; margin-top: 24px; }
.rd-app.app .idea-esc-entrada .caja-idea textarea { min-height: 300px; font-size: 18px; }
.rd-app.app .resultado-idea { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 28px; align-items: start; margin-top: 24px; }
.rd-app.app .bloques.ancho .bloque-v .cuerpo-b { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 6px 22px; }
.rd-app.app .bloques.ancho .bloque-v .cab-b { grid-column: 1 / -1; }
.rd-app.app .bloques.ancho .bloque-v .decir { margin-top: 0; }
.rd-app.app .bloques.ancho .bloque-v .mostrar { margin-top: 0; }
.rd-app.app .conversacion-esc { max-width: 760px; margin: 24px auto 0; }
@media (min-width: 1200px) {
  .rd-app.app .opciones-grandes.cuatro { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  .rd-app.app .opciones-grandes.cuatro .opcion-grande h3 { font-size: 20.8px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .rd-app.app .opciones-grandes.cuatro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .rd-app.app .idea-esc-entrada, .rd-app.app .resultado-idea { grid-template-columns: 1fr; }
  .rd-app.app .bloques.ancho .bloque-v .cuerpo-b { grid-template-columns: 1fr; }
}
.rd-app.app .sr-solo { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.rd-app.app .caja-idea.compacta textarea { min-height: 130px; }
.rd-app.app .resultado-idea .acciones-idea .fila-2 { grid-template-columns: 1fr; }
.rd-app.app .av { position: relative; border-radius: 16px; overflow: hidden; background: rgba(7, 8, 24, .55); border: 1px solid var(--borde); isolation: isolate; }
.rd-app.app .av-ideas { display: flex; flex-direction: column; gap: 6px; padding: 10px; }
.rd-app.app .av-ideas .mini-idea { display: grid; grid-template-columns: 1fr 14px; gap: 6px; align-items: center; padding: 7px 9px; border-radius: 10px; background: var(--superficie-2); font-size: 11px; font-weight: 700; line-height: 1.25; color: var(--texto); }
.rd-app.app .av-ideas .mini-idea:nth-child(2) { opacity: .75; transform: scale(.97); }
.rd-app.app .av-ideas .mini-idea:nth-child(3) { opacity: .5; transform: scale(.94); }
.rd-app.app .av-ideas .mini-idea svg { width: 12px; height: 12px; color: var(--oro); fill: var(--oro); }
.rd-app.app .av-ideas .mini-idea.sin svg { fill: none; color: var(--texto-3); }
.rd-app.app .av-guion { padding: 10px; display: flex; flex-direction: column; gap: 7px; }
.rd-app.app .av-guion .parte { display: grid; grid-template-columns: 54px 1fr; gap: 6px; align-items: center; }
.rd-app.app .av-guion .parte small { font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); }
.rd-app.app .av-guion .parte i { display: block; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .22); }
.rd-app.app .av-guion .parte i + i { width: 70%; margin-top: 4px; opacity: .6; }
.rd-app.app .av-orden { padding: 10px; display: grid; grid-template-columns: 1fr 18px 1fr; gap: 6px; align-items: center; }
.rd-app.app .av-orden .nota-suelta { padding: 7px; border-radius: 10px; background: #fef3c7; color: #3f2d06; font-size: 9px; line-height: 1.3; font-weight: 600; transform: rotate(-3deg); }
.rd-app.app .av-orden svg { width: 16px; height: 16px; color: var(--acento); }
.rd-app.app .av-orden .bloques-mini { display: flex; flex-direction: column; gap: 4px; }
.rd-app.app .av-orden .bloques-mini i { display: flex; align-items: center; gap: 4px; height: 14px; padding: 0 6px; border-radius: 6px; background: var(--superficie-2); font-style: normal; font-size: 8px; font-weight: 800; color: var(--texto-2); }
.rd-app.app .av-orden .bloques-mini i::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--marca-indigo); }
.rd-app.app .av-nota { display: grid; place-items: center; padding: 8px; }
.rd-app.app .av-nota .anillo { position: relative; width: 70px; height: 70px; }
.rd-app.app .av-nota .anillo svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.rd-app.app .av-nota .anillo circle { fill: none; stroke-width: 8; }
.rd-app.app .av-nota .anillo .pista { stroke: var(--superficie-2); }
.rd-app.app .av-nota .anillo .valor { stroke: url(#grad-av); stroke-linecap: round; stroke-dasharray: 154 220; }
.rd-app.app .av-nota .anillo b { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--f-titulo); font-size: 24px; }
.rd-app.app .av-nota .anillo b small { font-size: 9px; color: var(--texto-3); font-weight: 700; position: absolute; bottom: 14px; }
.rd-app.app .av-video { aspect-ratio: auto; }
.rd-app.app .av-video .vista-viva { border-radius: 0; height: 100%; aspect-ratio: auto; }
.rd-app.app .av-video .play-mini { position: absolute; z-index: 5; right: 8px; bottom: 10px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: rgba(255, 255, 255, .92); color: #111; }
.rd-app.app .av-video .play-mini svg { width: 12px; height: 12px; fill: currentColor; margin-left: 2px; }
.rd-app.app .av-video .chip-av { position: absolute; z-index: 5; left: 8px; top: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .04em; }
.rd-app.app .linea-usos { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; border-radius: 14px; background: rgba(255, 255, 255, .03); border: 1px solid var(--borde); font-size: var(--t-chico); color: var(--texto-2); }
.rd-app.app .linea-usos b { color: var(--texto); }
.rd-app.app .linea-usos a { color: var(--acento); font-weight: 600; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.rd-app.app .saludo-corto { display: grid; grid-template-columns: 60px 1fr; gap: 12px; align-items: center; }
.rd-app.app .saludo-corto img { width: 60px; }
.rd-app.app .saludo-corto b { display: block; font-family: var(--f-titulo); font-size: 24px; line-height: 1.15; letter-spacing: -.02em; }
.rd-app.app .saludo-corto span { color: var(--texto-2); font-size: var(--t-chico); }
.rd-app.app .protagonista { position: relative; display: grid; grid-template-columns: 1fr 120px; gap: 14px; padding: 16px; border-radius: 26px; text-decoration: none; color: var(--texto); overflow: hidden; isolation: isolate; background: radial-gradient(90% 90% at 100% 0%, rgba(177, 76, 217, .35), transparent 60%), linear-gradient(160deg, #1d1650, #10122c 70%); border: 1px solid rgba(196, 181, 253, .3); box-shadow: 0 24px 50px -24px rgba(139, 92, 246, .6); }
.rd-app.app .protagonista .etq-p { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); }
.rd-app.app .protagonista h2 { font-family: var(--f-titulo); font-size: 24px; line-height: 1.15; letter-spacing: -.02em; margin-top: 8px; }
.rd-app.app .protagonista p { color: var(--texto-2); font-size: var(--t-chico); line-height: 1.4; margin-top: 6px; }
.rd-app.app .protagonista .boton { margin-top: 14px; min-height: 48px; width: auto; padding: 0 18px; font-size: 15px; }
.rd-app.app .protagonista .av-video { height: 200px; align-self: center; }
.rd-app.app .mosaicos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rd-app.app .mosaico { display: flex; flex-direction: column; gap: 10px; padding: 12px; border-radius: 20px; text-decoration: none; color: var(--texto); background: var(--superficie-vidrio); border: 1px solid var(--borde); min-height: 44px; transition: border-color .2s, transform .2s; }
.rd-app.app .mosaico:hover { border-color: var(--borde-fuerte); transform: translateY(-2px); }
.rd-app.app .mosaico .av { height: 96px; }
.rd-app.app .mosaico b { font-size: 16px; line-height: 1.25; }
.rd-app.app .mosaico span.d { font-size: 13px; color: var(--texto-3); line-height: 1.35; margin-top: -6px; }
.rd-app.app .mosaico.recientes { justify-content: space-between; }
.rd-app.app .mosaico.recientes ul { list-style: none; display: flex; flex-direction: column; gap: 6px; }
.rd-app.app .mosaico.recientes li { display: grid; grid-template-columns: 22px 1fr; gap: 6px; align-items: center; font-size: 12px; color: var(--texto-2); line-height: 1.25; }
.rd-app.app .mosaico.recientes li svg { width: 14px; height: 14px; color: var(--acento); }
.rd-app.app .idea-dia { position: relative; padding: 16px; border-radius: 26px; overflow: hidden; isolation: isolate; background: radial-gradient(80% 90% at 100% 0%, rgba(245, 158, 11, .22), transparent 60%), linear-gradient(160deg, #221a3e, #10122c 70%); border: 1px solid rgba(251, 191, 36, .35); }
.rd-app.app .idea-dia .cab-dia { display: grid; grid-template-columns: 52px 1fr auto; gap: 10px; align-items: center; }
.rd-app.app .idea-dia .cab-dia img { width: 52px; }
.rd-app.app .idea-dia .cab-dia small { display: block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--oro-claro, #fde68a); }
.rd-app.app .idea-dia .cab-dia b { display: block; font-size: 15px; line-height: 1.3; }
.rd-app.app .idea-dia .fecha-dia { font-size: 12px; font-weight: 700; color: var(--texto-3); text-align: right; line-height: 1.2; }
.rd-app.app .idea-dia .gancho-dia { font-family: var(--f-titulo); font-size: 22px; line-height: 1.25; font-weight: 700; letter-spacing: -.015em; margin-top: 14px; }
.rd-app.app .idea-dia .por-que-dia { font-size: var(--t-chico); color: var(--texto-2); margin-top: 6px; line-height: 1.4; }
.rd-app.app .idea-dia .acciones-dia { display: flex; align-items: center; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.rd-app.app .idea-dia .acciones-dia .boton { width: auto; min-height: 48px; padding: 0 18px; font-size: 15px; }
.rd-app.app .idea-dia .manana { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--texto-3); margin-top: 12px; }
.rd-app.app .idea-dia .manana svg { width: 14px; height: 14px; }
.rd-app.app .idea-dia .dias-semana { display: flex; gap: 5px; margin-left: auto; }
.rd-app.app .idea-dia .dias-semana i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .14); }
.rd-app.app .idea-dia .dias-semana i.si { background: var(--oro, #fbbf24); }
.rd-app.app .pregunta-hoy { font-family: var(--f-titulo); font-size: 28px; line-height: 1.15; letter-spacing: -.02em; }
.rd-app.app .fila-accion { display: grid; grid-template-columns: 1fr 104px; gap: 14px; align-items: center; min-height: 112px; padding: 12px 12px 12px 16px; border-radius: 22px; text-decoration: none; color: var(--texto); background: var(--superficie-vidrio); border: 1px solid var(--borde); transition: border-color .2s, transform .2s; }
.rd-app.app .fila-accion:hover { border-color: rgba(196, 181, 253, .35); transform: translateY(-2px); }
.rd-app.app .fila-accion .verbo { display: flex; align-items: center; gap: 10px; }
.rd-app.app .fila-accion .verbo .ic { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; color: #fff; flex: none; }
.rd-app.app .fila-accion .verbo .ic svg { width: 18px; height: 18px; }
.rd-app.app .fila-accion b { font-family: var(--f-titulo); font-size: 20px; line-height: 1.15; letter-spacing: -.01em; }
.rd-app.app .fila-accion p { color: var(--texto-2); font-size: 14px; line-height: 1.4; margin-top: 6px; }
.rd-app.app .fila-accion .av { height: 88px; }
.rd-app.app .ic.c1 { background: linear-gradient(135deg, #7442e6, #2563eb); }
.rd-app.app .ic.c2 { background: linear-gradient(135deg, #f59e0b, #e8590c); }
.rd-app.app .ic.c3 { background: linear-gradient(135deg, #b14cd9, #7442e6); }
.rd-app.app .ic.c4 { background: linear-gradient(135deg, #2563eb, #0ea5c6); }
.rd-app.app .tira-dia { display: grid; grid-template-columns: 40px 1fr auto; gap: 10px; align-items: center; padding: 10px 10px 10px 12px; border-radius: 18px; text-decoration: none; color: var(--texto); background: linear-gradient(90deg, rgba(251, 191, 36, .14), rgba(255, 255, 255, .03)); border: 1px solid rgba(251, 191, 36, .3); }
.rd-app.app .tira-dia img { width: 40px; }
.rd-app.app .tira-dia small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fde68a; }
.rd-app.app .tira-dia b { display: block; font-size: 15px; line-height: 1.3; }
.rd-app.app .tira-dia .ir-dia { min-width: 44px; min-height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(255, 255, 255, .08); }
.rd-app.app .tira-dia .ir-dia svg { width: 18px; height: 18px; }
.rd-app.app .var-esc-1 { display: grid; grid-template-columns: 1.15fr 1fr; gap: 20px; margin-top: 28px; }
.rd-app.app .var-esc-1 .protagonista { grid-template-columns: 1fr 220px; padding: 28px; min-height: 420px; align-items: center; }
.rd-app.app .var-esc-1 .protagonista h2 { font-size: 36px; }
.rd-app.app .var-esc-1 .protagonista p { font-size: 17px; }
.rd-app.app .var-esc-1 .protagonista .av-video { height: 360px; }
.rd-app.app .var-esc-1 .mosaicos { gap: 16px; }
.rd-app.app .var-esc-1 .mosaico { padding: 16px; }
.rd-app.app .var-esc-1 .mosaico .av { height: 116px; }
.rd-app.app .var-esc-1 .mosaico b { font-size: 18px; }
.rd-app.app .var-esc-2 .idea-dia { display: grid; grid-template-columns: 1fr 300px; gap: 28px; padding: 28px; margin-top: 26px; }
.rd-app.app .var-esc-2 .idea-dia .gancho-dia { font-size: 32px; }
.rd-app.app .var-esc-2 .idea-dia .av-video { height: 100%; min-height: 220px; }
.rd-app.app .var-esc-2 .mosaicos { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.rd-app.app .var-esc-2 .mosaico .av { height: 120px; }
.rd-app.app .var-esc-3 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 18px; }
.rd-app.app .var-esc-3 .fila-accion { grid-template-columns: 1fr 200px; min-height: 180px; padding: 20px 20px 20px 24px; }
.rd-app.app .var-esc-3 .fila-accion .av { height: 140px; }
.rd-app.app .var-esc-3 .fila-accion b { font-size: 24px; }
.rd-app.app .var-esc-3 .fila-accion p { font-size: 16px; }
.rd-app.app .cab-var { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; }
.rd-app.app .cab-var .saludo-corto { grid-template-columns: 96px 1fr; }
.rd-app.app .cab-var .saludo-corto img { width: 96px; }
.rd-app.app .cab-var .saludo-corto b { font-size: 36px; }
.rd-app.app .cab-var .saludo-corto span { font-size: 17px; }
@media (max-width: 1199px) {
  .rd-app.app .var-esc-1 { grid-template-columns: 1fr; }
  .rd-app.app .var-esc-2 .mosaicos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .rd-app.app .var-esc-3 { grid-template-columns: 1fr; }
  .rd-app.app .var-esc-2 .idea-dia { grid-template-columns: 1fr; }
}
.rd-app.app .av-video .vista-viva .vv-texto { font-size: clamp(11px, 9cqw, 20px); }
.rd-app.app .mosaico .av-video .vv-anillo, .rd-app.app .fila-accion .av-video .vv-anillo { left: 22%; right: 22%; }
.rd-app.app .fila-accion { grid-template-columns: 1fr 124px; }
.rd-app.app .fila-accion .av-ideas .mini-idea { font-size: 10px; padding: 6px 7px; }
.rd-app.app .fila-accion .av-ideas .mini-idea:nth-child(n+2) { display: none; }
.rd-app.app .fila-accion .av-orden { grid-template-columns: 1fr 1fr; gap: 6px; padding: 8px; }
.rd-app.app .fila-accion .av-orden > svg { display: none; }
.rd-app.app .fila-accion .av-orden .nota-suelta { font-size: 8px; padding: 5px; }
.rd-app.app .fila-accion .av-orden .bloques-mini i { font-size: 7px; padding: 0 4px; }
.rd-app.app .var-esc-3 .fila-accion { grid-template-columns: 1fr 200px; }
.rd-app.app .var-esc-3 .fila-accion .av-ideas .mini-idea:nth-child(n+2) { display: grid; }
.rd-app.app .var-esc-3 .fila-accion .av-orden { grid-template-columns: 1fr 18px 1fr; }
.rd-app.app .var-esc-3 .fila-accion .av-orden > svg { display: block; }
.rd-app.app .var-esc-3 .fila-accion .av-orden .nota-suelta { font-size: 9px; }
.rd-app.app .saludo-solo { display: flex; align-items: center; gap: 10px; }
.rd-app.app .saludo-solo img { width: 44px; }
.rd-app.app .saludo-solo b { font-family: var(--f-titulo); font-size: 24px; letter-spacing: -.02em; }
.rd-app.app .idea-hoy { position: relative; padding: 14px 14px 12px; border-radius: 22px; overflow: hidden; isolation: isolate; background: radial-gradient(80% 90% at 100% 0%, rgba(245, 158, 11, .2), transparent 60%), linear-gradient(160deg, #221a3e, #10122c 70%); border: 1px solid rgba(251, 191, 36, .35); }
.rd-app.app .idea-hoy .cab-hoy { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rd-app.app .idea-hoy .cab-hoy small { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fde68a; }
.rd-app.app .idea-hoy .cab-hoy small img { width: 26px; }
.rd-app.app .idea-hoy .fecha-hoy { font-size: 12px; font-weight: 700; color: var(--texto-3); }
.rd-app.app .idea-hoy .gancho-hoy { font-family: var(--f-titulo); font-size: 19px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; margin-top: 8px; }
.rd-app.app .idea-hoy .porque-hoy { font-size: 14px; color: var(--texto-2); margin-top: 4px; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app.app .idea-hoy .acciones-hoy { display: grid; grid-template-columns: 1fr 48px; gap: 8px; margin-top: 10px; }
.rd-app.app .idea-hoy .acciones-hoy .boton { min-height: 48px; font-size: 15px; }
.rd-app.app .boton-estrella-hoy { width: 48px; height: 48px; border-radius: var(--r-medio); border: 1px solid var(--borde-fuerte); background: rgba(255, 255, 255, .06); color: var(--texto-2); display: grid; place-items: center; cursor: pointer; }
.rd-app.app .boton-estrella-hoy .ico { width: 22px; height: 22px; }
.rd-app.app .boton-estrella-hoy[aria-pressed="true"] { color: var(--oro); border-color: rgba(251, 191, 36, .5); background: rgba(251, 191, 36, .12); }
.rd-app.app .boton-estrella-hoy[aria-pressed="true"] .ico { fill: var(--oro); }
.rd-app.app .idea-hoy .bajo-boton { font-size: 12px; color: var(--texto-3); margin-top: 6px; }
.rd-app.app .idea-hoy .bajo-boton a { color: var(--acento); font-weight: 600; text-decoration: none; }
.rd-app.app .idea-hoy .guardada-ok { display: none; font-size: 12px; color: #fde68a; font-weight: 700; margin-top: 6px; }
.rd-app.app .idea-hoy .cargando { display: none; }
.rd-app.app .esqueleto-linea { display: block; height: 14px; border-radius: 7px; background: linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.18), rgba(255,255,255,.08)); background-size: 200% 100%; animation: rde-brillo-carga 1.4s linear infinite; }
.rd-app.app .idea-hoy .cargando .esqueleto-linea + .esqueleto-linea { margin-top: 8px; }
.rd-app.app .idea-hoy .cargando p { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--texto-2); margin-top: 12px; }
.rd-app.app .idea-hoy .cargando p i { width: 8px; height: 8px; border-radius: 50%; background: #fde68a; animation: rde-latir 1.2s ease-in-out infinite; }
.rd-app.app .mosaicos-hoy { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.rd-app.app .mosaico-hoy { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 8px 8px 10px; border-radius: 18px; text-decoration: none; color: var(--texto); background: var(--superficie-vidrio); border: 1px solid var(--borde); font: inherit; text-align: left; cursor: pointer; min-width: 0; transition: border-color .2s, transform .2s; }
.rd-app.app .mosaico-hoy:hover { border-color: var(--borde-fuerte); transform: translateY(-2px); }
.rd-app.app .mosaico-hoy .av { height: 68px; border-radius: 12px; }
.rd-app.app .mosaico-hoy b { font-size: 15px; line-height: 1.2; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app.app .mosaico-hoy .d { font-size: 12px; color: var(--texto-3); line-height: 1.3; padding: 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app.app .mosaico-hoy .chip-pronto { position: absolute; top: 12px; right: 12px; z-index: 6; font-size: 9px; padding: 2px 7px; }
.rd-app.app .mosaico-hoy.pronto .av { opacity: .55; }
.rd-app.app .mosaico-hoy .av-ideas { padding: 6px; gap: 4px; }
.rd-app.app .mosaico-hoy .av-ideas .mini-idea { font-size: 9px; padding: 4px 6px; }
.rd-app.app .mosaico-hoy .av-ideas .mini-idea:nth-child(3) { display: none; }
.rd-app.app .mosaico-hoy .av-orden { padding: 6px; grid-template-columns: 1fr 12px 1fr; gap: 4px; }
.rd-app.app .mosaico-hoy .av-orden .nota-suelta { font-size: 8px; padding: 4px; }
.rd-app.app .mosaico-hoy .av-orden svg { width: 12px; height: 12px; }
.rd-app.app .mosaico-hoy .av-orden .bloques-mini i { height: 11px; font-size: 7px; }
.rd-app.app .mosaico-hoy .av-nota .anillo { width: 54px; height: 54px; }
.rd-app.app .mosaico-hoy .av-nota .anillo b { font-size: 18px; }
.rd-app.app .mosaico-hoy .av-nota .anillo b small { bottom: 10px; font-size: 8px; }
.rd-app.app .mosaico-hoy .av-video .vista-viva .vv-texto { font-size: 10px; left: 20%; right: 20%; }
.rd-app.app .mosaico-hoy .av-video .play-mini { width: 22px; height: 22px; right: 6px; bottom: 6px; }
.rd-app.app .usos-hoy { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; padding: 0 12px; border-radius: 14px; background: rgba(255, 255, 255, .03); border: 1px solid var(--borde); font-size: 13px; color: var(--texto-2); }
.rd-app.app .usos-hoy b { color: var(--texto); }
.rd-app.app .usos-hoy a { color: var(--acento); font-weight: 600; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; }
.rd-app.app .usos-hoy .pill-pro-oro { padding: 2px 8px; font-size: 10px; margin-right: 6px; }
.rd-app.app .recientes-hoy { list-style: none; display: flex; flex-direction: column; }
.rd-app.app .recientes-hoy li a { display: grid; grid-template-columns: 34px 1fr auto; gap: 10px; align-items: center; min-height: 52px; border-bottom: 1px solid var(--borde); text-decoration: none; color: var(--texto); font-size: 14px; }
.rd-app.app .recientes-hoy li:last-child a { border-bottom: 0; }
.rd-app.app .recientes-hoy .mini { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .recientes-hoy .mini svg { width: 16px; height: 16px; }
.rd-app.app .recientes-hoy small { color: var(--texto-3); font-size: 12px; }
.rd-app.app .aviso-toast { position: fixed; z-index: 60; left: 50%; bottom: 96px; transform: translate(-50%, 20px); max-width: min(92vw, 420px); display: flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 16px; background: #fff; color: #15162c; font-size: 15px; font-weight: 600; box-shadow: 0 16px 40px rgba(0, 0, 0, .45); opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; }
.rd-app.app .aviso-toast.visible { opacity: 1; transform: translate(-50%, 0); }
.rd-app.app .aviso-toast img { width: 32px; }
.rd-app.app body[data-estado="primera"] .idea-hoy .contenido { display: none; }
.rd-app.app body[data-estado="primera"] .idea-hoy .cargando { display: block; }
.rd-app.app body[data-estado="guardada"] .idea-hoy .guardada-ok { display: block; }
.rd-app.app body:not([data-estado="sinusos"]) .solo-sinusos, .rd-app.app body[data-estado="sinusos"] .no-sinusos { display: none !important; }
.rd-app.app body:not([data-estado="pro"]) .solo-pro, .rd-app.app body[data-estado="pro"] .no-pro { display: none !important; }
.rd-app.app body:not([data-estado="publicado"]) .solo-publicado, .rd-app.app body[data-estado="publicado"] .no-publicado { display: none !important; }
.rd-app.app .inicio-final-esc .cab-final { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.rd-app.app .inicio-final-esc .saludo-solo img { width: 64px; }
.rd-app.app .inicio-final-esc .saludo-solo b { font-size: 36px; }
.rd-app.app .inicio-final-esc .idea-hoy { display: grid; grid-template-columns: 1fr 190px; gap: 24px; padding: 22px 24px; margin-top: 22px; align-items: center; }
.rd-app.app .inicio-final-esc .idea-hoy .gancho-hoy { font-size: 28px; margin-top: 10px; }
.rd-app.app .inicio-final-esc .idea-hoy .porque-hoy { font-size: 16px; }
.rd-app.app .inicio-final-esc .idea-hoy .acciones-hoy { grid-template-columns: auto 48px; justify-content: start; margin-top: 14px; }
.rd-app.app .inicio-final-esc .idea-hoy .acciones-hoy .boton { padding: 0 24px; width: auto; }
.rd-app.app .inicio-final-esc .idea-hoy .av-video { height: 210px; }
.rd-app.app .inicio-final-esc .mosaicos-hoy { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.rd-app.app .inicio-final-esc .mosaico-hoy { padding: 10px 10px 14px; }
.rd-app.app .inicio-final-esc .mosaico-hoy .av { height: 110px; }
.rd-app.app .inicio-final-esc .mosaico-hoy b { font-size: 17px; }
.rd-app.app .inicio-final-esc .mosaico-hoy .d { font-size: 14px; white-space: normal; }
.rd-app.app .inicio-final-esc .abajo-final { display: grid; grid-template-columns: 1fr 320px; gap: 16px; margin-top: 16px; align-items: start; }
@media (max-width: 1023px) {
  .rd-app.app .inicio-final-esc .mosaicos-hoy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rd-app.app .inicio-final-esc .abajo-final { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  .rd-app.app .aviso-toast { bottom: 90px; }
}
.rd-app.app .aviso-toast { width: max-content; }
.rd-app.app .aviso-toast span { white-space: normal; }
@media (max-width: 767px) {
  .rd-app.app .aviso-toast { width: calc(100vw - 48px); }
}
.rd-app.app .nav-lateral a[hidden] { display: none; }
.rd-app.app .saldo-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde-fuerte); background: rgba(255, 255, 255, .04); color: var(--texto); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rd-app.app .saldo-pill .ico { width: 18px; height: 18px; color: var(--acento); }
.rd-app.app .saldo-pill .pill-pro-oro { padding: 2px 8px; font-size: 10px; }
.rd-app.app .hoja-saldo { position: fixed; z-index: 70; inset: 0; display: none; align-items: flex-end; justify-content: center; background: rgba(4, 5, 16, .6); }
.rd-app.app .hoja-saldo.abierta { display: flex; }
.rd-app.app .hoja-saldo .panel-saldo { width: min(100%, 440px); padding: 18px 18px 26px; border-radius: 26px 26px 0 0; background: #151838; border-top: 1px solid rgba(196, 181, 253, .3); box-shadow: 0 -20px 50px rgba(0, 0, 0, .5); }
@media (min-width: 768px) {
  .rd-app.app .hoja-saldo { align-items: flex-start; justify-content: flex-end; padding: 80px 40px 0; background: rgba(4, 5, 16, .35); }
  .rd-app.app .hoja-saldo .panel-saldo { border-radius: 22px; border: 1px solid rgba(196, 181, 253, .3); }
}
.rd-app.app .panel-saldo h2 { font-family: var(--f-titulo); font-size: 20px; }
.rd-app.app .panel-saldo .sub-saldo { font-size: 13px; color: var(--texto-3); margin-top: 2px; }
.rd-app.app .lista-saldo { list-style: none; margin-top: 14px; display: flex; flex-direction: column; }
.rd-app.app .lista-saldo li { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; min-height: 62px; border-bottom: 1px solid var(--borde); }
.rd-app.app .lista-saldo li:last-child { border-bottom: 0; }
.rd-app.app .lista-saldo .ic-s { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; }
.rd-app.app .lista-saldo .ic-s svg { width: 20px; height: 20px; }
.rd-app.app .lista-saldo b { display: block; font-size: 15px; }
.rd-app.app .lista-saldo small { display: block; font-size: 12px; color: var(--texto-3); line-height: 1.3; margin-top: 2px; }
.rd-app.app .lista-saldo .cuanto { text-align: right; font-family: var(--f-titulo); font-weight: 700; font-size: 18px; }
.rd-app.app .lista-saldo .cuanto small { font-family: var(--f-texto); font-weight: 600; }
.rd-app.app .lista-saldo li.actual { background: linear-gradient(90deg, rgba(139, 92, 246, .14), transparent); margin: 0 -10px; padding: 0 10px; border-radius: 12px; }
.rd-app.app .u-usos { background: rgba(139, 92, 246, .18); color: #c4b5fd; }
.rd-app.app .u-rev { background: rgba(14, 165, 198, .18); color: #67e8f9; }
.rd-app.app .u-video { background: rgba(177, 76, 217, .2); color: #f0abfc; }
.rd-app.app .u-cred { background: rgba(251, 191, 36, .16); color: #fde68a; }
.rd-app.app .linea-costo { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; font-size: 13px; color: var(--texto-2); text-align: center; flex-wrap: wrap; }
.rd-app.app .linea-costo .unidad { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px 2px 6px; border-radius: 999px; font-weight: 700; font-size: 12px; }
.rd-app.app .linea-costo .unidad svg { width: 14px; height: 14px; }
.rd-app.app .linea-costo .resto { color: var(--texto-3); }
.rd-app.app .rev-arriba { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: stretch; margin-top: 24px; }
.rd-app.app .rev-arriba .zona-subir.grande { min-height: 0; height: 100%; }
.rd-app.app .rev-arriba .panel { margin: 0; display: flex; flex-direction: column; }
.rd-app.app .rev-arriba .panel .dato-guion { margin-top: auto; padding-top: 12px; }
.rd-app.app .zona-con-costo { display: flex; flex-direction: column; }
.rd-app.app .zona-con-costo .zona-subir { flex: 1; }
.rd-app.app .rev-abajo { margin-top: 24px; }
.rd-app.app .cab-seccion { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.rd-app.app .cab-seccion h2 { font-family: var(--f-titulo); font-size: 20px; }
.rd-app.app .cab-seccion a { color: var(--acento); font-weight: 600; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.rd-app.app .revisiones-prev { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 8px; }
.rd-app.app .rev-item { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: center; padding: 12px; border-radius: 20px; background: var(--superficie-vidrio); border: 1px solid var(--borde); text-decoration: none; color: var(--texto); transition: border-color .2s, transform .2s; }
.rd-app.app .rev-item:hover { border-color: var(--borde-fuerte); transform: translateY(-2px); }
.rd-app.app .miniatura { position: relative; width: 64px; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; display: grid; place-items: center; color: rgba(255, 255, 255, .9); }
.rd-app.app .miniatura svg { width: 18px; height: 18px; fill: currentColor; position: relative; z-index: 1; }
.rd-app.app .miniatura::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(0, 0, 0, .45)); }
.rd-app.app .mini-a { background: radial-gradient(70% 60% at 40% 30%, #f59e0b, #7c2d12 80%); }
.rd-app.app .mini-b { background: radial-gradient(70% 60% at 60% 30%, #a3e635, #14532d 80%); }
.rd-app.app .mini-c { background: radial-gradient(70% 60% at 50% 40%, #f472b6, #4c1d95 80%); }
.rd-app.app .rev-item b { display: block; font-size: 16px; line-height: 1.3; }
.rd-app.app .rev-item .meta-rev { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 13px; color: var(--texto-3); }
.rd-app.app .nota-chip { display: inline-flex; align-items: baseline; gap: 2px; padding: 2px 9px; border-radius: 999px; background: rgba(52, 211, 153, .14); color: #6ee7b7; font-family: var(--f-titulo); font-weight: 700; font-size: 15px; }
.rd-app.app .nota-chip small { font-size: 11px; color: var(--texto-3); }
.rd-app.app .nota-chip.media { background: rgba(251, 191, 36, .14); color: #fde68a; }
.rd-app.app .rev-item .ver-r { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; color: var(--acento); font-weight: 600; font-size: 14px; }
.rd-app.app .rev-item .ver-r svg { width: 14px; height: 14px; }
.rd-app.app .ejemplo-rev { position: relative; display: grid; grid-template-columns: 200px 1fr; gap: 24px; align-items: center; padding: 20px 22px; border-radius: 22px; background: var(--superficie-vidrio); border: 1px dashed rgba(196, 181, 253, .4); margin-top: 8px; }
.rd-app.app .ejemplo-rev .etq-ejemplo { position: absolute; top: 12px; right: 14px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--acento); padding: 3px 9px; border-radius: 999px; background: rgba(139, 92, 246, .16); }
.rd-app.app .ejemplo-rev .nota-grande { width: 150px; height: 150px; }
.rd-app.app .ejemplo-rev .nota-grande .cifra { font-size: 48px; }
.rd-app.app .ejemplo-rev .mejoras-esc { margin-top: 8px; }
@media (max-width: 1023px) {
  .rd-app.app .rev-arriba { grid-template-columns: 1fr; }
  .rd-app.app .revisiones-prev { grid-template-columns: 1fr; }
  .rd-app.app .ejemplo-rev { grid-template-columns: 1fr; justify-items: center; text-align: left; }
}
@media (max-width: 767px) {
  .rd-app.app .rev-arriba { gap: 12px; margin-top: 14px; }
  .rd-app.app .rev-arriba .zona-subir.grande { min-height: 230px; }
  .rd-app.app .rev-arriba .panel.reviso { display: none; }
  .rd-app.app .revisiones-prev { gap: 8px; }
  .rd-app.app .rev-item { grid-template-columns: 48px 1fr auto; padding: 10px; }
  .rd-app.app .rev-item .miniatura { width: 48px; }
  .rd-app.app .rev-item .ver-r { margin-top: 0; }
  .rd-app.app .ejemplo-rev { padding: 16px; gap: 10px; }
}
.rd-app.app .od-barra { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 8px; }
.rd-app.app .od-barra .boton-volver { justify-self: start; }
.rd-app.app .od-barra .saldo-pill { justify-self: end; padding: 0 10px; }
.rd-app.app .od-modo { display: inline-flex; padding: 3px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid var(--borde); }
.rd-app.app .od-modo button { min-height: 38px; min-width: 76px; padding: 0 14px; border: 0; border-radius: 999px; background: none; color: var(--texto-2); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .2s, color .2s; }
.rd-app.app .od-modo button[aria-pressed="true"] { background: #fff; color: #15162c; }
.rd-app.app .od-pro { display: block; text-align: center; margin-top: 6px; font-size: 12px; color: var(--texto-3); }
.rd-app.app .od-pro b { color: #fde68a; font-weight: 700; }
.rd-app.app .od-gancho { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; margin-top: 10px; padding: 0 12px; border-radius: 14px; border: 1px solid var(--borde); background: rgba(255, 255, 255, .03); color: var(--texto); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
.rd-app.app .od-gancho span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app.app .od-gancho .ico { width: 16px; height: 16px; color: var(--texto-3); flex: none; }
.rd-app.app .od-gancho-edit { display: none; margin-top: 10px; }
.rd-app.app .od-gancho-edit.abierto { display: block; }
.rd-app.app .od-gancho-edit .entrada { min-height: 48px; }
.rd-app.app .od-escenario { position: relative; margin-top: 12px; }
.rd-app.app .od-carrusel { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 6px calc(50% - var(--ancho-vv) / 2) 10px; scrollbar-width: none; --ancho-vv: 252px; }
.rd-app.app .od-carrusel::-webkit-scrollbar { display: none; }
.rd-app.app .od-carrusel[hidden] { display: none; }
.rd-app.app .od-slide { flex: 0 0 var(--ancho-vv); scroll-snap-align: center; transition: transform .35s cubic-bezier(.2, .8, .3, 1), opacity .35s; transform: scale(.88); opacity: .45; }
.rd-app.app .od-slide.actual { transform: none; opacity: 1; }
.rd-app.app .od-slide .vista-viva { border-radius: 22px; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08); }
.rd-app.app .od-slide.actual .vista-viva { box-shadow: 0 30px 70px -24px rgba(139, 92, 246, .65), 0 0 0 1px rgba(255, 255, 255, .12); }
.rd-app.app .od-flecha { position: absolute; top: 50%; z-index: 3; width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; border: 1px solid var(--borde-fuerte); background: rgba(16, 18, 44, .85); color: var(--texto); display: none; place-items: center; cursor: pointer; }
.rd-app.app .od-flecha svg { width: 22px; height: 22px; }
.rd-app.app .od-flecha.izq { left: 4px; }
.rd-app.app .od-flecha.der { right: 4px; }
.rd-app.app .od-nombre { text-align: center; margin-top: 4px; font-family: var(--f-titulo); font-size: 28px; font-weight: 700; letter-spacing: -.02em; line-height: 1.15; transition: opacity .2s; }
.rd-app.app .od-nombre small { display: block; font-family: var(--f-texto); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--acento); margin-bottom: 2px; }
.rd-app.app .od-puntos { display: flex; justify-content: center; gap: 6px; margin-top: 8px; }
.rd-app.app .od-puntos button { width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; display: grid; place-items: center; }
.rd-app.app .od-puntos button i { width: 7px; height: 7px; border-radius: 4px; background: rgba(255, 255, 255, .22); transition: width .25s, background .25s; }
.rd-app.app .od-puntos button[aria-current="true"] i { width: 20px; background: #fff; }
.rd-app.app .od-ajustes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
.rd-app.app .od-ajuste { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 56px; border-radius: 14px; border: 1px solid var(--borde); background: rgba(255, 255, 255, .03); color: var(--texto); font: inherit; cursor: pointer; padding: 4px; }
.rd-app.app .od-ajuste .ico { width: 20px; height: 20px; color: var(--acento); }
.rd-app.app .od-ajuste span { font-size: 11px; font-weight: 700; color: var(--texto-3); text-transform: uppercase; letter-spacing: .05em; }
.rd-app.app .od-ajuste b { font-size: 13px; font-weight: 600; }
.rd-app.app .od-accion { margin-top: 12px; }
.rd-app.app .od-accion .boton { min-height: 56px; font-size: 17px; }
.rd-app.app .vv-lujo { background: radial-gradient(70% 50% at 50% 40%, #1f1a12, #0a0806 75%); color: #f4ede0; font-family: Georgia, "Times New Roman", serif; --vv-clave: #d4af6a; }
.rd-app.app .vv-lujo::before, .rd-app.app .vv-lujo::after { content: ""; position: absolute; left: 14%; right: 14%; height: 1px; background: linear-gradient(90deg, transparent, #d4af6a, transparent); transform-origin: center; animation: rde-vv-linea 4.8s ease-out infinite; }
.rd-app.app .vv-lujo::before { top: 30%; }
.rd-app.app .vv-lujo::after { bottom: 30%; }
.rd-app.app .vv-lujo .vv-texto { font-weight: 400; text-transform: uppercase; letter-spacing: .14em; font-size: 7.5cqw; line-height: 1.5; }
.rd-app.app .vv-lujo .clave { font-style: italic; letter-spacing: .04em; text-transform: none; font-size: 1.35em; }
.rd-app.app .vv-lujo .w { animation-name: rde-vv-funde; }
@keyframes rde-vv-linea { 0%, 10% { transform: scaleX(0); } 30%, 90% { transform: scaleX(1); } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes rde-vv-funde { 0% { opacity: 0; transform: translateY(8%); filter: blur(3px); } 16%, 95% { opacity: 1; transform: none; filter: none; } 100% { opacity: 0; } }
.rd-app.app .hoja-foto { position: absolute; z-index: 20; left: 0; right: 0; bottom: 0; padding: 18px 18px 30px; border-radius: 26px 26px 0 0; background: #151838; border-top: 1px solid rgba(196, 181, 253, .3); box-shadow: 0 -20px 50px rgba(0, 0, 0, .5); }
.rd-app.app .recorte { position: relative; width: 150px; margin: 12px auto 0; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; background: radial-gradient(60% 40% at 50% 40%, #f59e0b, #7c2d12 85%); }
.rd-app.app .recorte::after { content: ""; position: absolute; inset: 14% 8%; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 0 0 999px rgba(0, 0, 0, .5); }
.rd-app.app .od-esc { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: center; margin-top: 18px; }
.rd-app.app .od-esc .od-carrusel { --ancho-vv: 330px; }
.rd-app.app .od-esc .od-flecha { display: grid; }
.rd-app.app .od-esc .lado { padding: 26px; border-radius: 26px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); }
.rd-app.app .od-esc .od-nombre { text-align: left; font-size: 36px; margin-top: 18px; }
.rd-app.app .od-esc .od-puntos { justify-content: flex-start; }
@media (max-width: 767px) {
  .rd-app.app .od-carrusel { --ancho-vv: 236px; }
  .rd-app.app .app-ancho.od { padding: 4px 16px 120px; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-app.app .od-carrusel { scroll-behavior: auto; }
  .rd-app.app .od-slide { transition: none; }
}
.rd-app.app .zona-subir .linea-costo { margin-top: 6px; }
.rd-app.app .od-layout { position: relative; display: grid; grid-template-columns: 1fr; }
.rd-app.app .od-top { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "volver saldo" "modo pro"; align-items: center; gap: 4px 10px; }
.rd-app.app .od-top .boton-volver { grid-area: volver; }
.rd-app.app .od-top .saldo-pill { grid-area: saldo; justify-self: end; }
.rd-app.app .od-top .od-modo { grid-area: modo; justify-self: start; }
.rd-app.app .od-top .od-pro { grid-area: pro; margin: 0; justify-self: end; text-align: right; }
.rd-app.app .od-carrusel { -webkit-mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
.rd-app.app .od-nombre-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; }
.rd-app.app .od-nombre-fila .od-nombre { text-align: left; margin: 0; font-size: 24px; }
.rd-app.app .od-nombre-fila .od-puntos { margin: 0; }
@media (max-width: 767px) {
  .rd-app.app .app-ancho.od { padding: 2px 16px 24px; }
  .rd-app.app .od-carrusel { --ancho-vv: 264px; padding-top: 2px; padding-bottom: 4px; }
  .rd-app.app .od-escenario { margin-top: 8px; }
  .rd-app.app .od-gancho { margin-top: 8px; }
  .rd-app.app .od-top .saldo-pill .pill-pro-oro, .rd-app.app .od-top .saldo-pill [data-t="saldo"] { display: none; }
  .rd-app.app .od-ajustes { margin-top: 8px; }
  .rd-app.app .od-ajuste { min-height: 50px; }
  .rd-app.app .od-accion { margin-top: 10px; }
}
@media (min-width: 768px) {
  .rd-app.app .od-layout { grid-template-columns: minmax(0, 1fr) 380px; grid-template-areas: "top top" "esc g" "esc i"; column-gap: 32px; align-items: start; }
  .rd-app.app .od-top { grid-area: top; display: flex; align-items: center; gap: 16px; }
  .rd-app.app .od-top .saldo-pill { margin-left: auto; }
  .rd-app.app .od-g { grid-area: g; align-self: end; margin-top: 18px; padding: 22px 22px 0; border-radius: 26px 26px 0 0; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); border-bottom: 0; }
  .rd-app.app .od-i { grid-area: i; align-self: start; padding: 4px 22px 22px; border-radius: 0 0 26px 26px; background: rgba(16, 18, 44, .72); border: 1px solid var(--borde); border-top: 0; }
  .rd-app.app .od-e { grid-area: esc; margin-top: 18px; }
  .rd-app.app .od-carrusel { --ancho-vv: 330px; }
  .rd-app.app .od-flecha { display: grid; }
  .rd-app.app .od-nombre-fila { flex-direction: column; align-items: flex-start; margin-top: 16px; }
  .rd-app.app .od-nombre-fila .od-nombre { font-size: 36px; }
  .rd-app.app .od-g .od-gancho { margin-top: 0; }
}
.rd-app.app .od-layout { grid-template-columns: minmax(0, 1fr); }
.rd-app.app .od-layout > * { min-width: 0; }
@media (min-width: 768px) {
  .rd-app.app .od-layout { grid-template-columns: minmax(0, 1fr) 380px; }
}
@media (max-width: 767px) {
  .rd-app.app .od-gancho { margin-top: 6px; }
  .rd-app.app .od-escenario { margin-top: 4px; }
  .rd-app.app .od-nombre-fila { margin-top: 0; }
  .rd-app.app .od-ajustes { margin-top: 6px; }
  .rd-app.app .od-ajuste { min-height: 48px; }
  .rd-app.app .od-accion { margin-top: 8px; }
  .rd-app.app .od-accion .boton { min-height: 52px; }
  .rd-app.app .od-accion .linea-costo { margin-top: 6px; }
}
@media (max-width: 767px) {
  .rd-app.app .od-top .boton-volver.solo-movil { display: inline-flex; }
}
.rd-app.app .lista-saldo .cuanto { white-space: nowrap; }
.rd-app.app .cab-bloque { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.rd-app.app .boton-galeria { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde-fuerte); background: rgba(255, 255, 255, .04); color: var(--texto); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap; }
.rd-app.app .boton-galeria .ico { width: 16px; height: 16px; color: var(--acento); }
.rd-app.app .lado-preview .linea-costo { margin-top: 10px; }
.rd-app.app .galeria-estilos { position: fixed; z-index: 80; inset: 0; display: none; background: rgba(4, 5, 16, .7); }
.rd-app.app .galeria-estilos.abierta { display: flex; align-items: center; justify-content: center; }
.rd-app.app .galeria-estilos .caja-galeria { width: min(1040px, calc(100vw - 48px)); max-height: calc(100vh - 64px); display: flex; flex-direction: column; border-radius: 26px; background: #121433; border: 1px solid rgba(196, 181, 253, .25); box-shadow: 0 40px 90px rgba(0, 0, 0, .6); overflow: hidden; }
.rd-app.app .galeria-estilos .cab-galeria { display: flex; align-items: center; gap: 12px; padding: 18px 20px 12px; }
.rd-app.app .galeria-estilos .cab-galeria h2 { font-family: var(--f-titulo); font-size: 24px; flex: 1; }
.rd-app.app .galeria-estilos .cerrar-g { width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--borde-fuerte); background: none; color: var(--texto); display: grid; place-items: center; cursor: pointer; }
.rd-app.app .galeria-estilos .cerrar-g .ico { width: 20px; height: 20px; }
.rd-app.app .galeria-estilos .buscar-g { position: relative; margin: 0 20px; }
.rd-app.app .galeria-estilos .buscar-g .ico { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; color: var(--texto-3); }
.rd-app.app .galeria-estilos .buscar-g .entrada { padding-left: 42px; min-height: 48px; }
.rd-app.app .galeria-estilos .cats { display: flex; gap: 8px; padding: 12px 20px; overflow-x: auto; scrollbar-width: none; }
.rd-app.app .galeria-estilos .cats::-webkit-scrollbar { display: none; }
.rd-app.app .galeria-estilos .cats button { flex: none; min-height: 40px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde); background: none; color: var(--texto-2); font: inherit; font-weight: 600; font-size: 14px; cursor: pointer; }
.rd-app.app .galeria-estilos .cats button[aria-pressed="true"] { background: #fff; color: #15162c; border-color: #fff; }
.rd-app.app .galeria-estilos .grupos { overflow-y: auto; padding: 4px 20px 22px; }
.rd-app.app .galeria-estilos .grupo-g + .grupo-g { margin-top: 18px; }
.rd-app.app .galeria-estilos .grupo-g h3 { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); margin-bottom: 10px; }
.rd-app.app .galeria-estilos .rejilla-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 14px; }
.rd-app.app .galeria-estilos .tarjeta-g { padding: 0; border: 0; background: none; color: var(--texto); text-align: left; font: inherit; cursor: pointer; }
.rd-app.app .galeria-estilos .tarjeta-g .vista-viva { border-radius: 16px; outline: 2px solid transparent; outline-offset: 2px; transition: outline-color .2s, transform .2s; }
.rd-app.app .galeria-estilos .tarjeta-g:hover .vista-viva { transform: translateY(-2px); }
.rd-app.app .galeria-estilos .tarjeta-g[aria-pressed="true"] .vista-viva { outline-color: var(--marca-violeta); outline-width: 3px; }
.rd-app.app .galeria-estilos .tarjeta-g b { display: block; margin-top: 8px; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app.app .galeria-estilos .tarjeta-g small { display: block; font-size: 12px; color: var(--texto-3); font-weight: 600; }
.rd-app.app .galeria-estilos .vacio-g { color: var(--texto-3); padding: 20px 0; }
@media (max-width: 767px) {
  .rd-app.app .galeria-estilos.abierta { align-items: stretch; }
  .rd-app.app .galeria-estilos .caja-galeria { width: 100%; max-height: none; border-radius: 0; border: 0; }
  .rd-app.app .galeria-estilos .rejilla-g { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.rd-app.app .od-nombre-fila .ver-todos { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--acento); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.rd-app.app .od-nombre-fila .ver-todos .ico { width: 16px; height: 16px; }
.rd-app.app .od-nombre-fila .der-fila { display: flex; flex-direction: column; align-items: flex-end; }
.rd-app.app .od-nombre-fila .der-fila { flex-direction: row; align-items: center; gap: 4px; }
.rd-app.app .od-nombre-fila .ver-todos { min-height: 40px; }
.rd-app.app .galeria-estilos .cab-galeria, .rd-app.app .galeria-estilos .buscar-g, .rd-app.app .galeria-estilos .cats { flex: none; }
.rd-app.app .vid { position: relative; aspect-ratio: 9 / 16; border-radius: 22px; overflow: hidden; isolation: isolate; background: #120a05; box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .08); container-type: inline-size; }
.rd-app.app .vid .escena-v { position: absolute; inset: -10%; background: radial-gradient(40% 30% at 50% 55%, #f5b041, transparent 70%), radial-gradient(60% 40% at 30% 30%, rgba(255, 220, 160, .35), transparent 70%), radial-gradient(80% 60% at 50% 100%, #5b2a0c, transparent 70%), linear-gradient(180deg, #2a1608, #120a05); animation: rde-deriva 9s ease-in-out infinite alternate; }
.rd-app.app .vid.otro .escena-v { background: radial-gradient(35% 28% at 55% 50%, #a3e635, transparent 70%), radial-gradient(60% 40% at 30% 30%, rgba(200, 255, 200, .3), transparent 70%), linear-gradient(180deg, #0f2a12, #06140a); }
@keyframes rde-deriva { from { transform: scale(1) translate(0, 0); } to { transform: scale(1.12) translate(-3%, 2%); } }
.rd-app.app .vid .texto-v { position: absolute; left: 10%; right: 10%; top: 18%; text-align: center; color: #fff; font-family: var(--f-titulo); font-weight: 700; font-size: 8.5cqw; line-height: 1.15; text-shadow: 0 2px 12px rgba(0, 0, 0, .6); }
.rd-app.app .vid .chip-v { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; background: rgba(0, 0, 0, .55); color: #fff; font-size: 12px; font-weight: 700; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.rd-app.app .vid .chip-v svg { width: 14px; height: 14px; }
.rd-app.app .vid .arriba-izq { top: 10px; left: 10px; }
.rd-app.app .vid .arriba-der { top: 10px; right: 10px; }
.rd-app.app .chip-v.ejemplo { background: rgba(139, 92, 246, .85); letter-spacing: .06em; text-transform: uppercase; font-size: 11px; }
.rd-app.app .linea-t { position: absolute; z-index: 3; left: 10px; right: 10px; bottom: 12px; }
.rd-app.app .linea-t .barra-t { position: relative; height: 6px; border-radius: 3px; background: rgba(255, 255, 255, .25); }
.rd-app.app .linea-t .barra-t .avance { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: #fff; animation: rde-avance-t 6s linear infinite; }
@keyframes rde-avance-t { from { width: 0; } to { width: 100%; } }
.rd-app.app .marca-t { position: absolute; top: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%; border: 2px solid #fff; background: var(--c, #fbbf24); }
.rd-app.app .marca-t.bien { --c: #34d399; }
.rd-app.app .marca-t.mal { --c: #fbbf24; }
.rd-app.app .etq-t { position: absolute; bottom: 16px; transform: translateX(-50%); white-space: nowrap; padding: 4px 9px; border-radius: 10px; font-size: 11px; font-weight: 700; color: #111; background: var(--c, #fde68a); box-shadow: 0 6px 16px rgba(0, 0, 0, .4); opacity: 0; animation: rde-aparece-etq 6s ease-out infinite; animation-delay: var(--d, 0s); }
.rd-app.app .etq-t.bien { --c: #a7f3d0; }
.rd-app.app .etq-t.mal { --c: #fde68a; }
.rd-app.app .etq-t.izq { transform: none; left: 0 !important; }
.rd-app.app .etq-t.der { transform: none; right: 0; left: auto !important; }
@keyframes rde-aparece-etq { 0%, 5% { opacity: 0; transform: translate(-50%, 6px); } 12%, 80% { opacity: 1; transform: translate(-50%, 0); } 92%, 100% { opacity: 0; } }
.rd-app.app .etq-t.izq, .rd-app.app .etq-t.der { animation-name: rde-aparece-etq-b; }
@keyframes rde-aparece-etq-b { 0%, 5% { opacity: 0; } 12%, 80% { opacity: 1; } 92%, 100% { opacity: 0; } }
.rd-app.app .nota-flota { position: absolute; z-index: 4; top: 50px; right: 12px; width: 74px; height: 74px; border-radius: 50%; display: grid; place-items: center; background: rgba(7, 8, 24, .78); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.rd-app.app .nota-flota svg { position: absolute; inset: 4px; width: calc(100% - 8px); height: calc(100% - 8px); transform: rotate(-90deg); }
.rd-app.app .nota-flota circle { fill: none; stroke-width: 6; }
.rd-app.app .nota-flota .pista { stroke: rgba(255, 255, 255, .15); }
.rd-app.app .nota-flota .valor { stroke: url(#grad-an); stroke-linecap: round; stroke-dasharray: 0 200; animation: rde-llenar-nota 6s ease-out infinite; }
@keyframes rde-llenar-nota { 0%, 8% { stroke-dasharray: 0 200; } 30%, 100% { stroke-dasharray: 131 200; } }
.rd-app.app .nota-flota b { position: relative; font-family: var(--f-titulo); font-size: 24px; color: #fff; line-height: 1; }
.rd-app.app .nota-flota b small { display: block; font-size: 9px; color: rgba(255, 255, 255, .7); text-align: center; font-weight: 700; }
.rd-app.app .an3-hero { display: flex; flex-direction: column; align-items: center; }
.rd-app.app .an3-hero .vid { width: 232px; margin-top: 14px; }
.rd-app.app .an3-cta { margin-top: 16px; }
.rd-app.app .an3-cta .boton { min-height: 56px; font-size: 17px; }
.rd-app.app .letra-chica-an { display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: 10px; font-size: 13px; color: var(--texto-3); text-align: center; }
.rd-app.app .letra-chica-an span { display: inline-flex; align-items: center; gap: 6px; }
.rd-app.app .letra-chica-an svg { width: 14px; height: 14px; }
.rd-app.app .an3-titulo { font-family: var(--f-titulo); font-size: 26px; line-height: 1.15; letter-spacing: -.02em; text-align: center; }
.rd-app.app .an3-sub { color: var(--texto-2); text-align: center; font-size: 15px; margin-top: 6px; }
.rd-app.app .an3-listo .vid { width: 252px; margin: 8px auto 0; }
.rd-app.app .chips-perfil { display: flex; justify-content: center; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.rd-app.app .chip-perfil { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--borde-fuerte); background: rgba(255, 255, 255, .05); color: var(--texto); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.rd-app.app .chip-perfil svg { width: 16px; height: 16px; color: var(--acento); }
.rd-app.app .chip-perfil .flecha { color: var(--texto-3); }
.rd-app.app .cambiar-video { display: block; margin: 6px auto 0; }
.rd-app.app .hoja-sel { position: fixed; z-index: 70; inset: 0; display: none; align-items: flex-end; justify-content: center; background: rgba(4, 5, 16, .6); }
.rd-app.app .hoja-sel.abierta { display: flex; }
.rd-app.app .hoja-sel .panel-sel { width: min(100%, 440px); padding: 18px 18px 28px; border-radius: 26px 26px 0 0; background: #151838; border-top: 1px solid rgba(196, 181, 253, .3); }
@media (min-width: 768px) {
  .rd-app.app .hoja-sel { align-items: center; }
  .rd-app.app .hoja-sel .panel-sel { border-radius: 22px; border: 1px solid rgba(196, 181, 253, .3); }
}
.rd-app.app .escaneo { position: absolute; z-index: 3; left: 0; right: 0; height: 30%; background: linear-gradient(180deg, transparent, rgba(139, 92, 246, .35) 85%, rgba(196, 181, 253, .9) 99%, transparent); animation: rde-escanear 2.6s cubic-bezier(.5, 0, .5, 1) infinite; mix-blend-mode: screen; }
@keyframes rde-escanear { from { top: -30%; } to { top: 100%; } }
.rd-app.app .vid.analizando .escena-v { filter: saturate(.6) brightness(.8); }
.rd-app.app .puntos-rev { list-style: none; display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.rd-app.app .puntos-rev li { display: grid; grid-template-columns: 28px 1fr 22px; gap: 10px; align-items: center; min-height: 44px; padding: 0 12px; border-radius: 14px; background: rgba(255, 255, 255, .03); border: 1px solid var(--borde); font-weight: 600; font-size: 15px; opacity: 0; transform: translateY(6px); animation: rde-entra-punto .5s ease-out forwards; animation-delay: calc(var(--i) * .9s); }
.rd-app.app .puntos-rev li .ic-p { width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .puntos-rev li .ic-p svg { width: 16px; height: 16px; }
.rd-app.app .puntos-rev li .estado-p { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; }
.rd-app.app .puntos-rev li .estado-p::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--marca-violeta); animation: rde-latir 1.2s ease-in-out infinite; }
.rd-app.app .puntos-rev.listos li .estado-p { background: var(--exito); }
.rd-app.app .puntos-rev.listos li .estado-p::before { width: 5px; height: 9px; border-radius: 0; background: none; border: solid #062b18; border-width: 0 2px 2px 0; transform: translateY(-1px) rotate(45deg); animation: none; }
@keyframes rde-entra-punto { to { opacity: 1; transform: none; } }
.rd-app.app .fase-an { display: flex; justify-content: center; gap: 6px; margin-top: 10px; flex-wrap: wrap; }
.rd-app.app .fase-an span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; color: var(--texto-3); border: 1px solid var(--borde); }
.rd-app.app .fase-an span.hecha { color: #6ee7b7; border-color: rgba(52, 211, 153, .35); }
.rd-app.app .fase-an span.ahora { color: #fff; border-color: rgba(196, 181, 253, .6); background: rgba(139, 92, 246, .2); }
.rd-app.app .an3-analiza .vid { width: 180px; margin: 6px auto 0; }
.rd-app.app .res-cab { display: grid; grid-template-columns: 118px 1fr; gap: 16px; align-items: center; margin-top: 6px; }
.rd-app.app .anillo-res { position: relative; width: 118px; height: 118px; }
.rd-app.app .anillo-res svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.rd-app.app .anillo-res circle { fill: none; stroke-width: 10; }
.rd-app.app .anillo-res .pista { stroke: var(--superficie-2); }
.rd-app.app .anillo-res .valor { stroke: url(#grad-an); stroke-linecap: round; stroke-dasharray: 0 302; animation: rde-llenar-res 1.4s cubic-bezier(.2, .8, .3, 1) .2s forwards; }
@keyframes rde-llenar-res { to { stroke-dasharray: 211 302; } }
.rd-app.app .anillo-res b { position: absolute; inset: 0; display: grid; place-items: center; font-family: var(--f-titulo); font-size: 44px; line-height: 1; }
.rd-app.app .anillo-res b small { position: absolute; bottom: 26px; font-size: 12px; color: var(--texto-3); font-weight: 700; }
.rd-app.app .res-cab .veredicto-r { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: 999px; background: rgba(52, 211, 153, .14); color: #6ee7b7; font-weight: 700; font-size: 14px; }
.rd-app.app .res-cab .veredicto-r svg { width: 16px; height: 16px; }
.rd-app.app .res-cab p { margin-top: 8px; font-size: 15px; line-height: 1.45; color: var(--texto-2); }
.rd-app.app .tl-res { margin-top: 18px; }
.rd-app.app .tl-res .barra-r { position: relative; height: 10px; border-radius: 5px; background: var(--superficie-2); margin: 30px 6px 6px; }
.rd-app.app .tl-res .tramo-gancho { position: absolute; left: 0; top: 0; bottom: 0; width: 12.5%; border-radius: 5px 0 0 5px; background: linear-gradient(90deg, #fbbf24, rgba(251, 191, 36, .4)); }
.rd-app.app .tl-res .pin { position: absolute; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; background: #fbbf24; color: #111; display: grid; place-items: center; font-size: 11px; font-weight: 800; border: 2px solid #0b0c22; }
.rd-app.app .tl-res .pin .seg { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); color: var(--texto-2); font-size: 11px; font-weight: 700; white-space: nowrap; }
.rd-app.app .tl-res .tiempos { display: flex; justify-content: space-between; font-size: 11px; color: var(--texto-3); margin: 0 6px; }
.rd-app.app .tl-res .nota-tl { font-size: 12px; color: var(--texto-3); margin-top: 6px; display: flex; gap: 6px; align-items: center; }
.rd-app.app .tl-res .nota-tl svg { width: 14px; height: 14px; }
.rd-app.app .cambios-r { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.rd-app.app .cambio-r { display: grid; grid-template-columns: 62px 1fr; gap: 12px; padding: 10px; border-radius: 18px; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .cambio-r .frame { position: relative; width: 62px; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; }
.rd-app.app .cambio-r .frame .escena-v { position: absolute; inset: 0; }
.rd-app.app .cambio-r .frame .num-f { position: absolute; left: 4px; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: #fbbf24; color: #111; display: grid; place-items: center; font-size: 11px; font-weight: 800; }
.rd-app.app .cambio-r .frame .seg-f { position: absolute; left: 0; right: 0; bottom: 0; padding: 2px 0; text-align: center; background: rgba(0, 0, 0, .6); color: #fff; font-size: 10px; font-weight: 700; }
.rd-app.app .cambio-r .frame.sin-seg { display: grid; place-items: center; background: var(--superficie-2); color: var(--texto-3); }
.rd-app.app .cambio-r .frame.sin-seg svg { width: 20px; height: 20px; }
.rd-app.app .cambio-r b { display: block; font-size: 15px; line-height: 1.3; }
.rd-app.app .cambio-r p { font-size: 13px; color: var(--texto-2); line-height: 1.4; margin-top: 3px; }
.rd-app.app .buenos-r { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.rd-app.app .bueno-r { padding: 10px 12px; border-radius: 16px; background: rgba(52, 211, 153, .07); border: 1px solid rgba(52, 211, 153, .25); }
.rd-app.app .bueno-r .fila-b { display: flex; justify-content: space-between; align-items: baseline; }
.rd-app.app .bueno-r b { font-size: 14px; }
.rd-app.app .bueno-r .n { font-family: var(--f-titulo); font-weight: 700; color: #6ee7b7; }
.rd-app.app .bueno-r p { font-size: 12px; color: var(--texto-2); line-height: 1.35; margin-top: 3px; }
.rd-app.app .notas-chicas { display: flex; gap: 6px; margin-top: 12px; flex-wrap: wrap; }
.rd-app.app .notas-chicas span { display: inline-flex; align-items: baseline; gap: 4px; padding: 4px 10px; border-radius: 999px; background: rgba(255, 255, 255, .04); border: 1px solid var(--borde); font-size: 12px; color: var(--texto-2); }
.rd-app.app .notas-chicas b { font-family: var(--f-titulo); color: var(--texto); }
.rd-app.app .notas-chicas b.baja { color: #fde68a; }
.rd-app.app .res-titulo-sec { font-family: var(--f-titulo); font-size: 18px; margin-top: 20px; }
.rd-app.app .siguiente-r { margin-top: 16px; }
.rd-app.app .siguiente-r .boton { min-height: 56px; }
.rd-app.app .vista-estado { display: none; }
.rd-app.app body[data-an="inicio"] .vista-estado[data-v="inicio"], .rd-app.app body[data-an="listo"] .vista-estado[data-v="listo"], .rd-app.app body[data-an="analizando"] .vista-estado[data-v="analizando"], .rd-app.app body[data-an="resultado"] .vista-estado[data-v="resultado"] { display: block; }
@media (min-width: 768px) {
  .rd-app.app .an3-esc-hero { display: grid; grid-template-columns: 260px 1fr; gap: 32px; align-items: center; height: 100%; padding: 22px 26px; border-radius: 28px; background: linear-gradient(160deg, rgba(139, 92, 246, .14), rgba(16, 18, 44, .7)); border: 1px solid var(--borde); }
  .rd-app.app .an3-esc-hero .vid { width: 260px; margin: 0; }
  .rd-app.app .an3-esc-hero .an3-titulo, .rd-app.app .an3-esc-hero .an3-sub { text-align: left; }
  .rd-app.app .an3-esc-hero .letra-chica-an { align-items: flex-start; text-align: left; }
  .rd-app.app .an3-esc-hero .an3-cta .boton { width: auto; padding: 0 28px; }
  .rd-app.app .an3-esc-dos { display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 32px; align-items: start; margin-top: 24px; }
  .rd-app.app .an3-esc-dos .vid { width: 100%; }
  .rd-app.app .an3-esc-dos .chips-perfil { justify-content: flex-start; }
  .rd-app.app .an3-esc-dos .cambios-r { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rd-app.app .an3-esc-dos .cambio-r { grid-template-columns: 1fr; }
  .rd-app.app .an3-esc-dos .cambio-r .frame { width: 100%; aspect-ratio: 16 / 10; }
  .rd-app.app .an3-esc-dos .buenos-r { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .rd-app.app .etq-t { opacity: 1; animation: none; }
  .rd-app.app .nota-flota .valor { stroke-dasharray: 131 200; animation: none; }
  .rd-app.app .anillo-res .valor { stroke-dasharray: 211 302; animation: none; }
  .rd-app.app .puntos-rev li { opacity: 1; transform: none; animation: none; }
  .rd-app.app .escaneo { display: none; }
}
.rd-app.app .nota-flota { top: auto; bottom: 64px; right: 12px; }
.rd-app.app .etq-t, .rd-app.app .etq-t.izq, .rd-app.app .etq-t.der { animation: rde-etq-turno 6s ease-out infinite; animation-delay: var(--d, 0s); }
@keyframes rde-etq-turno { 0% { opacity: 0; } 4%, 26% { opacity: 1; } 32%, 100% { opacity: 0; } }
.rd-app.app .fase-an span span, .rd-app.app .notas-chicas span span { padding: 0; border: 0; background: none; border-radius: 0; color: inherit; font-size: inherit; display: inline; }
.rd-app.app .cambiar-video { display: flex; justify-content: center; margin: 6px auto 0; }
@media (prefers-reduced-motion: reduce) {
  .rd-app.app .etq-t, .rd-app.app .etq-t.izq, .rd-app.app .etq-t.der { animation: none; opacity: 0; }
  .rd-app.app .etq-t.bien { opacity: 1; }
}
.rd-app.app .tl-res .pin:nth-child(3) .seg { bottom: auto; top: 24px; }
.rd-app.app .tl-res .barra-r { margin-bottom: 24px; }
@media (min-width: 768px) {
  .rd-app.app .an3-esc-dos { grid-template-columns: 380px minmax(0, 1fr); }
  .rd-app.app [data-v="resultado"] .res-cab { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .rd-app.app [data-v="resultado"] .anillo-res { width: 150px; height: 150px; }
  .rd-app.app [data-v="resultado"] .anillo-res b { font-size: 52px; }
  .rd-app.app [data-v="resultado"] .anillo-res b small { bottom: 34px; }
}
.rd-app.app .solo-hist, .rd-app.app .solo-sin-hist { display: none; }
.rd-app.app body[data-hist="si"] .solo-hist, .rd-app.app body[data-hist="no"] .solo-sin-hist { display: block; }
@media (max-width: 767px) {
  .rd-app.app body[data-hist="no"] .solo-movil .rev-abajo { display: none; }
}
.rd-app.app .ultima-rev { display: grid; grid-template-columns: 104px 1fr; gap: 16px; align-items: center; margin-top: 18px; padding: 14px; border-radius: 24px; text-decoration: none; color: var(--texto); background: linear-gradient(160deg, rgba(139, 92, 246, .16), rgba(16, 18, 44, .72)); border: 1px solid rgba(196, 181, 253, .25); }
.rd-app.app .ultima-rev .mini-u { position: relative; width: 104px; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; }
.rd-app.app .ultima-rev .mini-u .escena-v { position: absolute; inset: 0; }
.rd-app.app .ultima-rev .mini-u .play-mini { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -15px 0 0 -15px; border-radius: 50%; background: rgba(255, 255, 255, .9); color: #111; display: grid; place-items: center; }
.rd-app.app .ultima-rev .mini-u .play-mini svg { width: 13px; height: 13px; fill: currentColor; margin-left: 2px; }
.rd-app.app .ultima-rev small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--acento); }
.rd-app.app .ultima-rev b { display: block; font-family: var(--f-titulo); font-size: 20px; line-height: 1.2; margin-top: 4px; }
.rd-app.app .ultima-rev .fila-u { display: flex; align-items: center; gap: 10px; margin-top: 8px; color: var(--texto-3); font-size: 13px; }
.rd-app.app .ultima-rev .nota-u { font-family: var(--f-titulo); font-weight: 700; font-size: 28px; line-height: 1; }
.rd-app.app .ultima-rev .nota-u small { display: inline; font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--texto-3); font-family: var(--f-texto); }
.rd-app.app .ultima-rev .ver-u { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; color: var(--acento); font-weight: 700; font-size: 14px; }
.rd-app.app .ultima-rev .ver-u svg { width: 14px; height: 14px; }
.rd-app.app .n-alta { color: #6ee7b7; }
.rd-app.app .n-media { color: #fde68a; }
.rd-app.app .n-baja { color: #fdba74; }
.rd-app.app .bg-alta { background: rgba(52, 211, 153, .16); }
.rd-app.app .bg-media { background: rgba(251, 191, 36, .16); }
.rd-app.app .bg-baja { background: rgba(249, 115, 22, .18); }
.rd-app.app .tira-cab { display: flex; justify-content: space-between; align-items: center; margin-top: 22px; }
.rd-app.app .tira-cab h2 { font-family: var(--f-titulo); font-size: 16px; }
.rd-app.app .tira-cab a { color: var(--acento); font-weight: 700; font-size: 14px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.rd-app.app .tira-rev { display: flex; gap: 10px; overflow-x: auto; margin: 4px -16px 0; padding: 2px 16px 8px; scroll-snap-type: x proximity; scrollbar-width: none; }
.rd-app.app .tira-rev::-webkit-scrollbar { display: none; }
.rd-app.app .tira-item { flex: 0 0 74px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; gap: 4px; text-decoration: none; color: var(--texto); }
.rd-app.app .tira-item .mini-t { position: relative; width: 64px; aspect-ratio: 9 / 16; border-radius: 12px; overflow: hidden; border: 1px solid var(--borde); }
.rd-app.app .tira-item .mini-t .escena-v { position: absolute; inset: 0; }
.rd-app.app .tira-item .nota-t { position: absolute; left: 4px; bottom: 4px; min-width: 24px; padding: 1px 6px; border-radius: 8px; text-align: center; font-family: var(--f-titulo); font-weight: 700; font-size: 13px; background: rgba(7, 8, 24, .82); }
.rd-app.app .tira-item small { font-size: 11px; color: var(--texto-3); font-weight: 600; white-space: nowrap; }
.rd-app.app .tira-item.ver-mas .mini-t { display: grid; place-items: center; background: var(--superficie-2); color: var(--acento); }
.rd-app.app .tira-item.ver-mas .mini-t svg { width: 20px; height: 20px; }
.rd-app.app .tira-item.ver-mas small { color: var(--acento); }
.rd-app.app .tendencia { margin-top: 14px; padding: 14px 16px; border-radius: 20px; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .tendencia .fila-tend { display: flex; align-items: center; gap: 10px; }
.rd-app.app .tendencia .ic-tend { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; flex: none; }
.rd-app.app .tendencia .ic-tend svg { width: 20px; height: 20px; }
.rd-app.app .tendencia b { font-size: 16px; }
.rd-app.app .tendencia p { font-size: 13px; color: var(--texto-2); margin-top: 6px; line-height: 1.4; }
.rd-app.app .tendencia svg.spark { display: block; width: 100%; height: 56px; margin-top: 10px; overflow: visible; }
.rd-app.app .tendencia .eje-spark { display: flex; justify-content: space-between; font-size: 11px; color: var(--texto-3); margin-top: 2px; }
.rd-app.app .lista-todas { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; }
.rd-app.app .lista-todas .rev-item { grid-template-columns: 52px 1fr auto; }
.rd-app.app .lista-todas .rev-item .miniatura { width: 52px; }
.rd-app.app body[data-an="todas"] .vista-estado[data-v="todas"] { display: block; }
.rd-app.app .miniatura .escena-v { position: absolute; inset: 0; z-index: 0; display: block; }
.rd-app.app .miniatura > svg { position: relative; z-index: 2; }
.rd-app.app .n-violeta { color: #c4b5fd; }
.rd-app.app .bg-violeta { background: rgba(139, 92, 246, .2); }
.rd-app.app .enlace-tend { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; margin-top: 2px; color: var(--acento); font-weight: 700; font-size: 14px; text-decoration: none; }
.rd-app.app .enlace-tend svg { width: 14px; height: 14px; }
.rd-app.app .enlace-tend[hidden] { display: none; }
.rd-app.app body[data-an="sinrev"] .vista-estado[data-v="sinrev"] { display: block; }
.rd-app.app body[data-plan="gratis"] .solo-plan-pro, .rd-app.app body:not([data-plan="gratis"]) .solo-plan-gratis { display: none !important; }
.rd-app.app body[data-plan="gratis"] .saldo-pill .pill-pro-oro { display: none; }
.rd-app.app .rev-usada { display: none; }
.rd-app.app body[data-an="resultado"] .rev-libre, .rd-app.app body[data-an="sinrev"] .rev-libre { display: none; }
.rd-app.app body[data-an="resultado"] .rev-usada, .rd-app.app body[data-an="sinrev"] .rev-usada { display: inline; }
.rd-app.app .lista-saldo .con-pro { color: var(--acento); font-weight: 700; font-size: 14px; text-decoration: none; }
.rd-app.app .tarjeta-pro-an { display: grid; grid-template-columns: 44px 1fr; gap: 14px; margin-top: 22px; padding: 18px; border-radius: 22px; background: linear-gradient(160deg, rgba(14, 165, 198, .12), rgba(16, 18, 44, .7)); border: 1px solid rgba(103, 232, 249, .22); }
.rd-app.app .ic-pro-an { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: rgba(14, 165, 198, .18); color: #67e8f9; }
.rd-app.app .ic-pro-an svg { width: 22px; height: 22px; }
.rd-app.app .ic-pro-an.grande { width: 64px; height: 64px; border-radius: 20px; margin: 0 auto; }
.rd-app.app .ic-pro-an.grande svg { width: 30px; height: 30px; }
.rd-app.app .tarjeta-pro-an h3 { font-family: var(--f-titulo); font-size: 17px; line-height: 1.3; }
.rd-app.app .tarjeta-pro-an p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--texto-2); }
.rd-app.app .tarjeta-pro-an .boton { margin-top: 14px; width: auto; display: inline-flex; padding-inline: 22px; }
.rd-app.app .sin-rev-an { margin-top: 18px; padding: 24px 18px 16px; border-radius: 24px; text-align: center; background: var(--superficie-vidrio); border: 1px solid var(--borde); }
.rd-app.app .sin-rev-an h2 { margin-top: 14px; font-family: var(--f-titulo); font-size: 20.8px; line-height: 1.25; }
.rd-app.app .sin-rev-an > p { margin: 8px auto 0; max-width: 34ch; font-size: 15px; line-height: 1.45; color: var(--texto-2); }
.rd-app.app .sin-rev-an .boton-principal { margin-top: 18px; }
.rd-app.app .sin-rev-an .alt-sin-rev { margin-top: 18px; font-size: 13px; color: var(--texto-3); }
.rd-app.app .sin-rev-esc .ultima-rev { margin-top: 0; }
@media (min-width: 768px) {
  .rd-app.app .sin-rev-an .boton-principal { max-width: 360px; margin-inline: auto; }
}
.rd-app.app .conteos-cols { display: grid; gap: 22px; margin-top: 22px; }
@media (min-width: 900px) {
  .rd-app.app .conteos-cols { grid-template-columns: 1fr 1fr; }
}
.rd-app.app .conteo-etq { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--texto-3); margin-bottom: 8px; }
.rd-app.app .panel-saldo-fijo { padding: 18px; border-radius: 24px; background: #151838; border: 1px solid rgba(196, 181, 253, .25); }
.rd-app.app .panel-saldo-fijo h2 { font-family: var(--f-titulo); font-size: 19.2px; }
.rd-app.app .panel-saldo-fijo .sub-saldo { font-size: 13px; color: var(--texto-3); margin-top: 2px; }
.rd-app.app .conteo-nota { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; font-size: 13px; color: var(--texto-2); line-height: 1.4; }
.rd-app.app .conteo-nota svg { flex: none; margin-top: 2px; }
.rd-app.app .conteo-h2 { font-family: var(--f-titulo); font-size: 20px; margin-top: 34px; }
.rd-app.app .tabla-conteos { margin-top: 12px; border: 1px solid var(--borde); border-radius: 20px; overflow: hidden; background: var(--superficie-vidrio); }
.rd-app.app .tc-fila { display: grid; gap: 6px 14px; padding: 14px 16px; border-top: 1px solid var(--borde); align-items: center; }
.rd-app.app .tc-fila:first-child { border-top: 0; }
.rd-app.app .tc-cab { display: none; }
.rd-app.app .tc-fila b { font-size: 15px; }
.rd-app.app .tc-gasta { display: flex; flex-wrap: wrap; gap: 6px; }
.rd-app.app .tc-linea { display: flex; flex-direction: column; gap: 4px; }
.rd-app.app .mini-linea { font-size: 13px; color: var(--texto-2); }
.rd-app.app .tc-falla { font-size: 13px; color: var(--texto-3); }
@media (min-width: 900px) {
  .rd-app.app .tc-fila { grid-template-columns: 1.3fr 1fr 1.6fr 1.1fr; }
  .rd-app.app .tc-cab { display: grid; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--texto-3); background: rgba(255, 255, 255, .03); }
}
.rd-app.app .conteo-reglas { list-style: none; margin-top: 12px; display: flex; flex-direction: column; gap: 10px; }
.rd-app.app .conteo-reglas li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.45; color: var(--texto-2); }
.rd-app.app .conteo-reglas svg { flex: none; margin-top: 3px; color: var(--acento); }
.rd-app.app .tc-gasta .unidad { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 999px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.rd-app.app .tc-gasta .unidad svg { width: 14px; height: 14px; }
.rd-app.app .conteo-etq { min-height: 24px; }
.rd-app.app .conteos-pagina { box-sizing: border-box; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 16px 40px; }
.rd-app.app .conteos-cols > * { min-width: 0; }