/* ============================================================
   Rediseño (REDISENO), dirección A · Noche orbital · aspecto premium (§30–§33).
   GENERADO por herramientas/rediseno-css.mjs desde la propuesta
   (hookorbit-rediseno/rediseno/assets/ideas-final.css, vista-previa.css, escritorio-ideas.css, menu-final.css, guion-premium.css, analizador-premium.css, ideas-resultados.css): mismas declaraciones,
   selectores dentro de .rd-app. No editar a mano; los ajustes propios de la
   app van en public/rediseno-app.css.
   ============================================================ */
.rd-app .if-tel, .rd-app.app .if-tel { --fondo: #070818; --sup: #10122c; --sup2: #171a3a; --borde: rgba(255, 255, 255, .10); --borde2: rgba(255, 255, 255, .20); --tx: #f5f6fb; --tx2: #babed8; --tx3: #9297ba; --acento: #c4b5fd; --violeta: #8b5cf6; --violeta-claro: #a78bfa; --grad: linear-gradient(135deg, #8b5cf6 0%, #5b6cff 55%, #4f9dff 100%); --grad-boton: linear-gradient(135deg, #7442e6 0%, #4b57e3 55%, #2563eb 100%); --grad-texto: linear-gradient(120deg, #c4b5fd 0%, #8fa8ff 50%, #7cc4ff 100%); position: relative; width: 390px; height: 844px; border-radius: 48px; overflow: hidden; isolation: isolate; color: var(--tx); font-family: var(--f-texto); background: radial-gradient(70% 38% at 88% -4%, rgba(139, 92, 246, .38), transparent 70%), radial-gradient(60% 30% at -12% 30%, rgba(79, 157, 255, .16), transparent 70%), radial-gradient(80% 30% at 50% 108%, rgba(139, 92, 246, .14), transparent 70%), var(--fondo); box-shadow: 0 0 0 10px #1c1d26, 0 0 0 11px #3a3b48, 0 30px 80px rgba(0, 0, 0, .45); }
.rd-app .if-tel *, .rd-app.app .if-tel * { box-sizing: border-box; }
.rd-app .if-tel .ico, .rd-app.app .if-tel .ico { width: 1em; height: 1em; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.rd-app .if-scroll, .rd-app.app .if-scroll { position: absolute; inset: 0; overflow-y: auto; padding: 54px 20px 222px; scrollbar-width: none; }
.rd-app .if-scroll::-webkit-scrollbar, .rd-app.app .if-scroll::-webkit-scrollbar { display: none; }
.rd-app .if-cab, .rd-app.app .if-cab { display: flex; justify-content: space-between; align-items: center; min-height: 44px; }
.rd-app .if-volver, .rd-app.app .if-volver { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; color: var(--acento); font-weight: 600; font-size: 16px; text-decoration: none; }
.rd-app .if-volver .ico, .rd-app.app .if-volver .ico { width: 20px; height: 20px; }
.rd-app .if-saldo, .rd-app.app .if-saldo { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px 0 10px; border-radius: 999px; border: 1px solid rgba(196, 181, 253, .32); background: rgba(139, 92, 246, .14); color: var(--tx); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rd-app .if-saldo .ic, .rd-app.app .if-saldo .ic { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: rgba(139, 92, 246, .3); color: #ddd6fe; }
.rd-app .if-saldo .ic .ico, .rd-app.app .if-saldo .ic .ico { width: 14px; height: 14px; }
.rd-app .if-saldo b, .rd-app.app .if-saldo b { font-family: var(--f-titulo); font-size: 17px; }
.rd-app .if-saldo small, .rd-app.app .if-saldo small { color: var(--tx3); font-size: 12.5px; font-weight: 600; }
.rd-app .if-tel h1, .rd-app.app .if-tel h1 { margin-top: 10px; font-family: var(--f-titulo); font-size: 32px; line-height: 1.1; letter-spacing: -.025em; font-weight: 700; text-wrap: balance; }
.rd-app .if-tel h1 em, .rd-app.app .if-tel h1 em { font-style: normal; background: var(--grad-texto); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app .if-sub, .rd-app.app .if-sub { margin-top: 10px; font-size: 16px; line-height: 1.45; color: var(--tx2); }
.rd-app .if-modo, .rd-app.app .if-modo { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-top: 18px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid var(--borde); }
.rd-app .if-modo a, .rd-app.app .if-modo a { min-height: 44px; display: flex; align-items: center; justify-content: center; gap: 7px; border-radius: 12px; color: var(--tx2); font-size: 14.5px; font-weight: 600; text-decoration: none; }
.rd-app .if-modo a .ico, .rd-app.app .if-modo a .ico { width: 16px; height: 16px; }
.rd-app .if-modo a[aria-current="page"], .rd-app.app .if-modo a[aria-current="page"] { background: var(--sup2); color: var(--tx); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 4px 14px rgba(0, 0, 0, .3); }
.rd-app .if-tarjeta, .rd-app.app .if-tarjeta { margin-top: 18px; padding: 4px 18px 8px; border-radius: 26px; background: linear-gradient(180deg, rgba(23, 26, 58, .92), rgba(16, 18, 44, .92)); border: 1px solid rgba(196, 181, 253, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 50px rgba(0, 0, 0, .35); }
.rd-app .if-campo, .rd-app.app .if-campo { display: block; margin-top: 18px; }
.rd-app .if-campo > .etq, .rd-app.app .if-campo > .etq { display: block; font-size: 15px; font-weight: 600; margin-bottom: 8px; transition: color .2s; }
.rd-app .if-input, .rd-app.app .if-input { width: 100%; min-height: 54px; padding: 0 16px; border-radius: 16px; border: 1.5px solid var(--borde2); background: rgba(255, 255, 255, .04); color: var(--tx); font: inherit; font-size: 17px; outline: none; transition: border-color .2s, box-shadow .2s, background-color .2s; }
.rd-app .if-input::placeholder, .rd-app.app .if-input::placeholder { color: var(--tx3); }
.rd-app .if-input:focus, .rd-app.app .if-input:focus, .rd-app .if-input.foco, .rd-app.app .if-input.foco { border-color: var(--violeta-claro); background: rgba(139, 92, 246, .08); box-shadow: 0 0 0 4px rgba(139, 92, 246, .22); }
.rd-app .if-campo:focus-within > .etq, .rd-app.app .if-campo:focus-within > .etq, .rd-app .if-campo.foco > .etq, .rd-app.app .if-campo.foco > .etq { color: #ddd6fe; }
.rd-app .if-ayuda, .rd-app.app .if-ayuda { display: block; margin-top: 7px; font-size: 13.5px; line-height: 1.4; color: var(--tx3); }
.rd-app .if-redes, .rd-app.app .if-redes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.rd-app .if-red, .rd-app.app .if-red { position: relative; min-height: 112px; padding: 12px 6px 10px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; border-radius: 18px; border: 1.5px solid var(--borde2); background: rgba(255, 255, 255, .03); color: var(--tx2); font: inherit; text-align: center; cursor: pointer; transition: border-color .2s, background-color .2s, box-shadow .2s, color .2s; }
.rd-app .if-red .ic, .rd-app.app .if-red .ic { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); transition: background-color .2s, color .2s; }
.rd-app .if-red .ic .ico, .rd-app.app .if-red .ic .ico { width: 20px; height: 20px; }
.rd-app .if-red b, .rd-app.app .if-red b { font-size: 13.5px; line-height: 1.2; font-weight: 700; color: inherit; }
.rd-app .if-red small, .rd-app.app .if-red small { font-size: 11.5px; line-height: 1.25; color: var(--tx3); }
.rd-app .if-red .tilde, .rd-app.app .if-red .tilde { position: absolute; top: 7px; right: 7px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--grad); color: #fff; opacity: 0; transform: scale(.6); transition: opacity .2s, transform .2s; }
.rd-app .if-red .tilde .ico, .rd-app.app .if-red .tilde .ico { width: 13px; height: 13px; stroke-width: 3; }
.rd-app .if-red[aria-checked="true"], .rd-app.app .if-red[aria-checked="true"] { border-color: var(--violeta-claro); background: rgba(139, 92, 246, .14); color: #fff; box-shadow: 0 0 0 3px rgba(139, 92, 246, .18), 0 10px 28px rgba(139, 92, 246, .3); }
.rd-app .if-red[aria-checked="true"] .ic, .rd-app.app .if-red[aria-checked="true"] .ic { background: var(--grad); color: #fff; }
.rd-app .if-red[aria-checked="true"] small, .rd-app.app .if-red[aria-checked="true"] small { color: #ddd6fe; }
.rd-app .if-red[aria-checked="true"] .tilde, .rd-app.app .if-red[aria-checked="true"] .tilde { opacity: 1; transform: none; }
.rd-app .if-red:focus-visible, .rd-app.app .if-red:focus-visible, .rd-app .if-seg button:focus-visible, .rd-app.app .if-seg button:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
.rd-app .if-mas, .rd-app.app .if-mas { margin-top: 18px; border-top: 1px solid var(--borde); }
.rd-app .if-mas summary, .rd-app.app .if-mas summary { list-style: none; display: flex; justify-content: space-between; align-items: center; min-height: 52px; font-size: 15px; font-weight: 600; color: var(--tx2); cursor: pointer; }
.rd-app .if-mas summary::-webkit-details-marker, .rd-app.app .if-mas summary::-webkit-details-marker { display: none; }
.rd-app .if-mas summary .ico, .rd-app.app .if-mas summary .ico { width: 18px; height: 18px; transition: transform .2s; }
.rd-app .if-mas[open] summary .ico, .rd-app.app .if-mas[open] summary .ico { transform: rotate(180deg); }
.rd-app .if-mas .if-campo:first-of-type, .rd-app.app .if-mas .if-campo:first-of-type { margin-top: 4px; }
.rd-app .if-seg, .rd-app.app .if-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 4px; border-radius: 999px; border: 1px solid var(--borde2); background: rgba(16, 18, 40, .6); }
.rd-app .if-seg button, .rd-app.app .if-seg button { min-height: 40px; border: 0; border-radius: 999px; background: none; color: var(--tx2); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .2s, color .2s; }
.rd-app .if-seg button[aria-checked="true"], .rd-app.app .if-seg button[aria-checked="true"] { background: rgba(139, 92, 246, .3); color: #fff; box-shadow: inset 0 0 0 1px rgba(196, 181, 253, .45); }
.rd-app .if-foto, .rd-app.app .if-foto { width: 100%; min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 0 16px; border-radius: 16px; border: 1.5px dashed var(--borde2); background: rgba(255, 255, 255, .03); color: var(--tx2); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.rd-app .if-foto .ico, .rd-app.app .if-foto .ico { width: 20px; height: 20px; color: var(--acento); }
.rd-app .if-opcional, .rd-app.app .if-opcional { font-weight: 500; color: var(--tx3); font-size: 13px; margin-left: 4px; }
.rd-app .if-accion, .rd-app.app .if-accion { position: absolute; z-index: 30; left: 0; right: 0; bottom: 86px; padding: 18px 20px 10px; background: linear-gradient(180deg, rgba(7, 8, 24, 0) 0%, rgba(7, 8, 24, .96) 22%, #070818 100%); }
.rd-app .if-boton, .rd-app.app .if-boton { position: relative; overflow: hidden; width: 100%; min-height: 58px; border: 0; border-radius: 18px; display: flex; align-items: center; justify-content: center; gap: 10px; background: var(--grad-boton); color: #fff; font-family: var(--f-titulo); font-weight: 700; font-size: 18px; cursor: pointer; box-shadow: 0 10px 30px rgba(91, 108, 255, .45), inset 0 1px 0 rgba(255, 255, 255, .28); transition: transform .15s, box-shadow .15s; }
.rd-app .if-boton .ico, .rd-app.app .if-boton .ico { width: 20px; height: 20px; }
.rd-app .if-boton::after, .rd-app.app .if-boton::after { content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 35%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .35), transparent); transform: skewX(-18deg); animation: rd-if-reflejo 2.6s ease .8s 1 both; pointer-events: none; }
@keyframes rd-if-reflejo { from { transform: skewX(-18deg) translateX(0); } to { transform: skewX(-18deg) translateX(520%); } }
.rd-app .if-boton:active, .rd-app.app .if-boton:active { transform: translateY(1px) scale(.99); box-shadow: 0 6px 18px rgba(91, 108, 255, .4); }
.rd-app .if-costo, .rd-app.app .if-costo { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 8px; font-size: 13.5px; color: var(--tx3); }
.rd-app .if-costo .u, .rd-app.app .if-costo .u { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: rgba(139, 92, 246, .18); color: #ddd6fe; font-weight: 700; font-size: 12.5px; }
.rd-app .if-costo .u .ico, .rd-app.app .if-costo .u .ico { width: 13px; height: 13px; }
.rd-app .if-nav, .rd-app.app .if-nav { position: absolute; z-index: 35; left: 0; right: 0; bottom: 0; height: 86px; padding: 8px 12px 26px; display: grid; grid-template-columns: repeat(3, 1fr); background: #0b0c22; border-top: 1px solid rgba(255, 255, 255, .07); }
.rd-app .if-nav a, .rd-app.app .if-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: var(--tx3); font-size: 11.5px; font-weight: 600; text-decoration: none; }
.rd-app .if-nav a .ico, .rd-app.app .if-nav a .ico { width: 23px; height: 23px; }
.rd-app .if-nav a[aria-current="page"], .rd-app.app .if-nav a[aria-current="page"] { color: var(--acento); }
@media (prefers-reduced-motion: reduce) {
  .rd-app .if-tel *, .rd-app.app .if-tel *, .rd-app .if-tel *::before, .rd-app.app .if-tel *::before, .rd-app .if-tel *::after, .rd-app.app .if-tel *::after { animation: none !important; transition: none !important; }
  .rd-app .if-boton::after, .rd-app.app .if-boton::after { display: none; }
}
.rd-app .if-seg.cuadricula, .rd-app.app .if-seg.cuadricula { grid-auto-flow: row; grid-template-columns: 1fr 1fr; border-radius: 20px; }
.rd-app .if-seg.cuadricula button, .rd-app.app .if-seg.cuadricula button { border-radius: 14px; min-height: 44px; }
.rd-app .if-espera, .rd-app.app .if-espera { margin-top: 30px; text-align: center; }
.rd-app .if-espera-orbi, .rd-app.app .if-espera-orbi { position: relative; width: 112px; height: 112px; margin: 0 auto; display: grid; place-items: center; }
.rd-app .if-espera-orbi .halo, .rd-app.app .if-espera-orbi .halo { position: absolute; inset: 6px; border-radius: 50%; background: radial-gradient(circle, rgba(139, 92, 246, .45), rgba(79, 157, 255, .14) 50%, transparent 72%); }
.rd-app .if-espera-orbi img, .rd-app.app .if-espera-orbi img { position: relative; width: 92px; height: 92px; animation: rd-if-vaiven 3.2s ease-in-out infinite; }
@keyframes rd-if-vaiven { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(-6px) rotate(3deg); } }
.rd-app .if-espera h2, .rd-app.app .if-espera h2 { margin-top: 18px; font-family: var(--f-titulo); font-size: 22px; line-height: 1.25; letter-spacing: -.015em; }
.rd-app .if-puntos, .rd-app.app .if-puntos { display: flex; justify-content: center; gap: 6px; margin-top: 12px; }
.rd-app .if-puntos i, .rd-app.app .if-puntos i { width: 7px; height: 7px; border-radius: 50%; background: var(--acento); opacity: .35; animation: rd-if-punto 1.2s ease-in-out infinite; }
.rd-app .if-puntos i:nth-child(2), .rd-app.app .if-puntos i:nth-child(2) { animation-delay: .15s; }
.rd-app .if-puntos i:nth-child(3), .rd-app.app .if-puntos i:nth-child(3) { animation-delay: .3s; }
@keyframes rd-if-punto { 0%, 100% { opacity: .35; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }
.rd-app .if-espera-d, .rd-app.app .if-espera-d { margin-top: 12px; font-size: 15px; color: var(--tx2); }
.rd-app .if-espera-resumen, .rd-app.app .if-espera-resumen { display: inline-block; margin-top: 14px; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .05); border: 1px solid var(--borde); font-size: 13px; color: var(--tx3); }
.rd-app .if-esqueleto, .rd-app.app .if-esqueleto { display: flex; flex-direction: column; gap: 10px; margin-top: 26px; text-align: left; }
.rd-app .esq, .rd-app.app .esq { padding: 16px; border-radius: 20px; background: rgba(23, 26, 58, .7); border: 1px solid var(--borde); animation: rd-if-esq 1.6s ease-in-out infinite; animation-delay: calc(var(--i) * .2s); }
.rd-app .esq i, .rd-app.app .esq i { display: block; height: 10px; border-radius: 6px; background: rgba(255, 255, 255, .08); }
.rd-app .esq .l1, .rd-app.app .esq .l1 { width: 30%; height: 8px; }
.rd-app .esq .l2, .rd-app.app .esq .l2 { width: 85%; margin-top: 12px; height: 14px; }
.rd-app .esq .l3, .rd-app.app .esq .l3 { width: 60%; margin-top: 10px; }
@keyframes rd-if-esq { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
.rd-app .if-error, .rd-app.app .if-error { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; margin-top: 16px; padding: 14px; border-radius: 20px; background: rgba(23, 26, 58, .92); border: 1px solid rgba(253, 186, 116, .35); }
.rd-app .if-error img, .rd-app.app .if-error img { width: 64px; height: 64px; }
.rd-app .if-error b, .rd-app.app .if-error b { display: block; font-family: var(--f-titulo); font-size: 17px; line-height: 1.25; }
.rd-app .if-error p, .rd-app.app .if-error p { margin-top: 4px; font-size: 14px; line-height: 1.45; color: var(--tx2); }
.rd-app .if-velo, .rd-app.app .if-velo { display: none; position: absolute; inset: 0; z-index: 50; background: rgba(4, 5, 16, .74); }
.rd-app .if-tel[data-tour] .if-velo, .rd-app.app .if-tel[data-tour] .if-velo { display: block; }
.rd-app .if-tel[data-tour] .tour-foco, .rd-app.app .if-tel[data-tour] .tour-foco { position: relative; z-index: 52; }
.rd-app .if-tel[data-tour] .if-campo.tour-foco, .rd-app.app .if-tel[data-tour] .if-campo.tour-foco { margin-left: -10px; margin-right: -10px; padding: 10px; border-radius: 18px; background: #161942; box-shadow: 0 0 0 2px rgba(196, 181, 253, .6), 0 0 0 8px rgba(139, 92, 246, .16); }
.rd-app .if-tel[data-tour] .if-accion.tour-foco, .rd-app.app .if-tel[data-tour] .if-accion.tour-foco { z-index: 52; }
.rd-app .if-tel[data-tour] .if-accion.tour-foco .if-boton, .rd-app.app .if-tel[data-tour] .if-accion.tour-foco .if-boton { box-shadow: 0 0 0 3px rgba(196, 181, 253, .65), 0 10px 30px rgba(91, 108, 255, .5); }
.rd-app .if-globo, .rd-app.app .if-globo { display: none; position: absolute; z-index: 55; left: 20px; right: 20px; padding: 14px; border-radius: 20px; background: #1d2049; border: 1px solid rgba(196, 181, 253, .38); box-shadow: 0 18px 40px rgba(0, 0, 0, .5); }
.rd-app .if-globo::before, .rd-app.app .if-globo::before { content: ""; position: absolute; left: 42px; width: 16px; height: 16px; background: #1d2049; border: 1px solid rgba(196, 181, 253, .38); transform: rotate(45deg); }
.rd-app .if-tel[data-tour="1"] [data-paso-globo="1"], .rd-app.app .if-tel[data-tour="1"] [data-paso-globo="1"], .rd-app .if-tel[data-tour="2"] [data-paso-globo="2"], .rd-app.app .if-tel[data-tour="2"] [data-paso-globo="2"], .rd-app .if-tel[data-tour="3"] [data-paso-globo="3"], .rd-app.app .if-tel[data-tour="3"] [data-paso-globo="3"] { display: block; animation: rd-if-globo .25s ease-out 1 both; }
@keyframes rd-if-globo { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.rd-app [data-paso-globo="1"], .rd-app.app [data-paso-globo="1"] { top: 448px; }
.rd-app [data-paso-globo="1"]::before, .rd-app.app [data-paso-globo="1"]::before { top: -9px; border-right: 0; border-bottom: 0; }
.rd-app [data-paso-globo="2"], .rd-app.app [data-paso-globo="2"] { top: 420px; }
.rd-app [data-paso-globo="2"]::before, .rd-app.app [data-paso-globo="2"]::before { top: -9px; border-right: 0; border-bottom: 0; }
.rd-app [data-paso-globo="3"], .rd-app.app [data-paso-globo="3"] { top: 478px; }
.rd-app [data-paso-globo="3"]::before, .rd-app.app [data-paso-globo="3"]::before { bottom: -9px; left: auto; right: 60px; border-left: 0; border-top: 0; }
.rd-app .g-fila, .rd-app.app .g-fila { display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; }
.rd-app .g-fila img, .rd-app.app .g-fila img { width: 44px; height: 44px; }
.rd-app .g-fila p, .rd-app.app .g-fila p { font-size: 15px; line-height: 1.45; color: var(--tx); }
.rd-app .g-pie, .rd-app.app .g-pie { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.rd-app .g-n, .rd-app.app .g-n { margin-right: auto; font-size: 12.5px; font-weight: 700; color: var(--tx3); }
.rd-app .g-saltar, .rd-app.app .g-saltar, .rd-app .g-sig, .rd-app.app .g-sig { min-height: 44px; padding: 0 14px; border-radius: 12px; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.rd-app .g-saltar, .rd-app.app .g-saltar { border: 0; background: none; color: var(--tx2); }
.rd-app .g-sig, .rd-app.app .g-sig { border: 0; background: var(--grad-boton); color: #fff; }
.rd-app .if-tel[data-tour] .tour-foco, .rd-app.app .if-tel[data-tour] .tour-foco { position: static; }
.rd-app .if-tel[data-tour] .if-campo.tour-foco, .rd-app.app .if-tel[data-tour] .if-campo.tour-foco { position: relative; }
.rd-app .if-tel[data-tour] .if-accion.tour-foco, .rd-app.app .if-tel[data-tour] .if-accion.tour-foco { position: absolute; }
.rd-app [data-paso-globo="1"], .rd-app.app [data-paso-globo="1"] { top: 470px; }
.rd-app [data-paso-globo="2"], .rd-app.app [data-paso-globo="2"] { top: 208px; }
.rd-app [data-paso-globo="2"]::before, .rd-app.app [data-paso-globo="2"]::before { top: auto; bottom: -9px; border: 1px solid rgba(196, 181, 253, .38); border-left: 0; border-top: 0; }
.rd-app [data-paso-globo="3"], .rd-app.app [data-paso-globo="3"] { top: 500px; }
.rd-app [data-paso-globo="1"], .rd-app.app [data-paso-globo="1"] { top: 398px; }
.rd-app .pv, .rd-app.app .pv { position: relative; border-radius: 26px; overflow: hidden; isolation: isolate; padding: 16px; 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); color: var(--tx, #f5f6fb); }
.rd-app .pv-cab, .rd-app.app .pv-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rd-app .pv-cab small, .rd-app.app .pv-cab 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 .pv-cab small img, .rd-app.app .pv-cab small img { width: 26px; }
.rd-app .pv-ej, .rd-app.app .pv-ej { display: inline-flex; align-items: center; padding: 2px 9px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; background: rgba(255, 255, 255, .1); color: #e8e9f3; border: 1px solid rgba(255, 255, 255, .22); }
.rd-app .pv-nota, .rd-app.app .pv-nota { font-size: 12.5px; line-height: 1.4; color: var(--tx3, #9297ba); }
.rd-app .pv .vista-viva .w, .rd-app.app .pv .vista-viva .w, .rd-app .pv .vv-anillo, .rd-app.app .pv .vv-anillo, .rd-app .pv .vv-reloj i, .rd-app.app .pv .vv-reloj i { animation: none !important; }
.rd-app .pv .vv-reloj i, .rd-app.app .pv .vv-reloj i { transform: scaleX(.35); }
.rd-app .pv-panel, .rd-app.app .pv-panel { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 14px; }
.rd-app .ie-grid.con-vista, .rd-app.app .ie-grid.con-vista { align-items: stretch; }
.rd-app .pv-video-caja, .rd-app.app .pv-video-caja { min-height: 0; display: flex; justify-content: center; }
.rd-app .pv-panel .pv-video, .rd-app.app .pv-panel .pv-video { height: 100%; max-height: 420px; aspect-ratio: 9 / 16; width: auto; border-radius: 18px; box-shadow: 0 18px 40px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .08); }
.rd-app .pv-video .vv-texto, .rd-app.app .pv-video .vv-texto { font-size: 10cqw; }
.rd-app .pv-red, .rd-app.app .pv-red { position: absolute; z-index: 2; left: 8%; top: 5%; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 999px; background: rgba(0, 0, 0, .45); font-family: var(--f-texto); font-size: 11px; font-weight: 700; }
.rd-app .pv-red .ico, .rd-app.app .pv-red .ico { width: 12px; height: 12px; }
.rd-app .pv-dur, .rd-app.app .pv-dur { position: absolute; z-index: 2; right: 8%; top: 5%; padding: 3px 8px; border-radius: 999px; background: rgba(0, 0, 0, .45); font-family: var(--f-texto); font-size: 11px; font-weight: 700; }
.rd-app .pv-ej-video, .rd-app.app .pv-ej-video { position: absolute; z-index: 2; left: 50%; bottom: 7%; transform: translateX(-50%); }
.rd-app .pv-sub, .rd-app.app .pv-sub { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.rd-app .pv-sub b, .rd-app.app .pv-sub b { font-family: var(--f-titulo); font-size: 15px; }
.rd-app .pv-pie .pv-ideas, .rd-app.app .pv-pie .pv-ideas { margin-top: 10px; }
.rd-app .pv-pie .pv-nota, .rd-app.app .pv-pie .pv-nota { margin-top: 10px; }
.rd-app .pv-ideas, .rd-app.app .pv-ideas { background: rgba(7, 8, 24, .45); }
.rd-app .pv .av-ideas .mini-idea, .rd-app.app .pv .av-ideas .mini-idea { font-size: 13px; padding: 9px 11px; }
.rd-app .pv-orden, .rd-app.app .pv-orden { min-height: 0; display: flex; flex-direction: column; gap: 8px; }
.rd-app .pv-nota-suelta, .rd-app.app .pv-nota-suelta { align-self: center; width: 88%; padding: 12px 14px; border-radius: 12px; background: #fef3c7; color: #3f2d06; transform: rotate(-2deg); box-shadow: 0 10px 24px rgba(0, 0, 0, .35); }
.rd-app .pv-nota-suelta small, .rd-app.app .pv-nota-suelta small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #8a6511; }
.rd-app .pv-nota-suelta p, .rd-app.app .pv-nota-suelta p { margin-top: 4px; font-size: 13.5px; line-height: 1.4; font-weight: 600; }
.rd-app .pv-flecha, .rd-app.app .pv-flecha { align-self: center; color: #fde68a; }
.rd-app .pv-flecha .ico, .rd-app.app .pv-flecha .ico { width: 22px; height: 22px; }
.rd-app .pv-bloques, .rd-app.app .pv-bloques { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.rd-app .pv-b, .rd-app.app .pv-b { flex: 1; padding: 10px 12px; border-radius: 14px; background: rgba(23, 26, 58, .9); border: 1px solid rgba(255, 255, 255, .1); display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.rd-app .pv-b b, .rd-app.app .pv-b b { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.rd-app .pv-b b::before, .rd-app.app .pv-b b::before { content: ""; width: 8px; height: 8px; border-radius: 50%; }
.rd-app .b-g, .rd-app.app .b-g { border-color: rgba(253, 230, 138, .45); }
.rd-app .b-g b, .rd-app.app .b-g b { color: #fde68a; }
.rd-app .b-g b::before, .rd-app.app .b-g b::before { background: #fbbf24; }
.rd-app .b-h b, .rd-app.app .b-h b { color: #c4b5fd; }
.rd-app .b-h b::before, .rd-app.app .b-h b::before { background: #a78bfa; }
.rd-app .b-c b, .rd-app.app .b-c b { color: #7dd3fc; }
.rd-app .b-c b::before, .rd-app.app .b-c b::before { background: #7dd3fc; }
.rd-app .pv-b p, .rd-app.app .pv-b p { font-size: 14.5px; line-height: 1.4; font-weight: 600; }
.rd-app .pv-b small, .rd-app.app .pv-b small { font-size: 12.5px; color: var(--tx3, #9297ba); }
.rd-app .pv-linea, .rd-app.app .pv-linea { height: 8px; width: 78%; border-radius: 5px; background: rgba(255, 255, 255, .1); }
.rd-app .pv-compacta, .rd-app.app .pv-compacta { margin-top: 16px; padding: 12px; border-radius: 22px; }
.rd-app .pv-c-fila, .rd-app.app .pv-c-fila { display: grid; grid-template-columns: 70px 1fr; gap: 12px; margin-top: 10px; align-items: center; }
.rd-app .pv-compacta .pv-video, .rd-app.app .pv-compacta .pv-video { width: 70px; height: auto; aspect-ratio: 9 / 16; border-radius: 12px; }
.rd-app .pv-compacta .pv-video .vv-texto, .rd-app.app .pv-compacta .pv-video .vv-texto { font-size: 13cqw; }
.rd-app .pv-compacta .pv-red, .rd-app.app .pv-compacta .pv-red, .rd-app .pv-compacta .pv-dur, .rd-app.app .pv-compacta .pv-dur { display: none; }
.rd-app .pv-c-tema, .rd-app.app .pv-c-tema { display: block; font-family: var(--f-titulo); font-size: 16px; line-height: 1.25; }
.rd-app .pv-compacta .av-ideas, .rd-app.app .pv-compacta .av-ideas { margin-top: 8px; padding: 6px; gap: 5px; }
.rd-app .pv-compacta .av-ideas .mini-idea, .rd-app.app .pv-compacta .av-ideas .mini-idea { font-size: 12px; padding: 6px 8px; }
.rd-app .pv-c-orden, .rd-app.app .pv-c-orden { display: grid; grid-template-columns: 1fr 18px 104px; gap: 8px; align-items: center; margin-top: 10px; }
.rd-app .pv-c-nota, .rd-app.app .pv-c-nota { padding: 9px 10px; border-radius: 10px; background: #fef3c7; color: #3f2d06; font-size: 12px; line-height: 1.35; font-weight: 600; transform: rotate(-2deg); }
.rd-app .pv-c-orden > .ico, .rd-app.app .pv-c-orden > .ico { width: 16px; height: 16px; color: #fde68a; }
.rd-app .pv-bm, .rd-app.app .pv-bm { display: flex; flex-direction: column; gap: 5px; }
.rd-app .pv-bm i, .rd-app.app .pv-bm i { display: flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: 7px; background: rgba(23, 26, 58, .9); font-style: normal; font-size: 11px; font-weight: 800; color: #babed8; }
.rd-app .pv-bm i::before, .rd-app.app .pv-bm i::before { content: ""; width: 6px; height: 6px; border-radius: 50%; }
.rd-app .pv-bm i:nth-child(1)::before, .rd-app.app .pv-bm i:nth-child(1)::before { background: #fbbf24; }
.rd-app .pv-bm i:nth-child(2)::before, .rd-app.app .pv-bm i:nth-child(2)::before { background: #a78bfa; }
.rd-app .pv-bm i:nth-child(3)::before, .rd-app.app .pv-bm i:nth-child(3)::before { background: #7dd3fc; }
@media (max-width: 1279px) {
  .rd-app .pv, .rd-app.app .pv { padding: 14px; }
  .rd-app .pv-sub b, .rd-app.app .pv-sub b { font-size: 14px; }
}
.rd-app .pv-compacta .vv-anillo, .rd-app.app .pv-compacta .vv-anillo { display: none; }
.rd-app .pv-compacta .pv-video .vv-texto, .rd-app.app .pv-compacta .pv-video .vv-texto { font-size: 12cqw; left: 7%; right: 7%; }
.rd-app .ie-pagina, .rd-app.app .ie-pagina { --fondo: #070818; --sup: #10122c; --sup2: #171a3a; --borde: rgba(255, 255, 255, .10); --borde2: rgba(255, 255, 255, .20); --tx: #f5f6fb; --tx2: #babed8; --tx3: #9297ba; --acento: #c4b5fd; --violeta: #8b5cf6; --violeta-claro: #a78bfa; --grad: linear-gradient(135deg, #8b5cf6 0%, #5b6cff 55%, #4f9dff 100%); --grad-boton: linear-gradient(135deg, #7442e6 0%, #4b57e3 55%, #2563eb 100%); --grad-texto: linear-gradient(120deg, #c4b5fd 0%, #8fa8ff 50%, #7cc4ff 100%); --ie-ancho: 1120px; --ie-hueco: 24px; --ie-alto-form: 600px; color: var(--tx); }
.rd-app .ie-pagina *, .rd-app.app .ie-pagina * { box-sizing: border-box; }
.rd-app .ie-ancho, .rd-app.app .ie-ancho { max-width: var(--ie-ancho); margin: 0 auto; }
.rd-app .ie-cab, .rd-app.app .ie-cab { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 52px; }
.rd-app .ie-cab h1, .rd-app.app .ie-cab h1 { font-family: var(--f-titulo); font-size: 36px; line-height: 1.12; letter-spacing: -.025em; font-weight: 700; }
.rd-app .ie-cab h1 em, .rd-app.app .ie-cab h1 em { font-style: normal; background: var(--grad-texto); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rd-app .ie-cab .if-saldo, .rd-app.app .ie-cab .if-saldo { flex: none; }
.rd-app .ie-bajada, .rd-app.app .ie-bajada { margin-top: 8px; font-size: 17px; line-height: 1.45; color: var(--tx2); max-width: 62ch; }
.rd-app .ie-pagina .if-modo, .rd-app.app .ie-pagina .if-modo { margin-top: 22px; width: calc((100% - var(--ie-hueco)) / 2); }
.rd-app .ie-grid, .rd-app.app .ie-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--ie-hueco); margin-top: 20px; align-items: start; }
.rd-app .ie-form, .rd-app.app .ie-form { display: flex; flex-direction: column; min-height: var(--ie-alto-form); padding: 6px 22px 22px; border-radius: 26px; background: linear-gradient(180deg, rgba(23, 26, 58, .92), rgba(16, 18, 44, .92)); border: 1px solid rgba(196, 181, 253, .16); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 24px 50px rgba(0, 0, 0, .35); }
.rd-app .ie-acciones, .rd-app.app .ie-acciones { margin-top: auto; padding-top: 22px; }
.rd-app .ie-acciones .if-costo, .rd-app.app .ie-acciones .if-costo { margin-top: 10px; }
.rd-app .ie-texto, .rd-app.app .ie-texto { width: 100%; min-height: 260px; padding: 16px; border-radius: 16px; border: 1.5px solid var(--borde2); background: rgba(255, 255, 255, .04); color: var(--tx); font: inherit; font-size: 17px; line-height: 1.5; resize: vertical; outline: none; transition: border-color .2s, box-shadow .2s, background-color .2s; }
.rd-app .ie-texto::placeholder, .rd-app.app .ie-texto::placeholder { color: var(--tx3); }
.rd-app .ie-texto:focus, .rd-app.app .ie-texto:focus, .rd-app .ie-texto.foco, .rd-app.app .ie-texto.foco { border-color: var(--violeta-claro); background: rgba(139, 92, 246, .08); box-shadow: 0 0 0 4px rgba(139, 92, 246, .22); }
.rd-app .ie-pie-texto, .rd-app.app .ie-pie-texto { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.rd-app .ie-contador, .rd-app.app .ie-contador { font-size: 13.5px; color: var(--tx3); font-variant-numeric: tabular-nums; }
.rd-app .ie-pegar, .rd-app.app .ie-pegar { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: var(--tx2); font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer; }
.rd-app .ie-pegar .ico, .rd-app.app .ie-pegar .ico { width: 17px; height: 17px; }
.rd-app .ie-pistas, .rd-app.app .ie-pistas { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-top: 18px; }
.rd-app .ie-pistas li, .rd-app.app .ie-pistas li { display: grid; grid-template-columns: 20px 1fr; gap: 10px; font-size: 15px; line-height: 1.45; color: var(--tx2); }
.rd-app .ie-pistas .ico, .rd-app.app .ie-pistas .ico { width: 18px; height: 18px; color: var(--acento); margin-top: 2px; }
.rd-app .ie-dictar, .rd-app.app .ie-dictar { margin-top: 14px; font-size: 13.5px; color: var(--tx3); }
.rd-app .ie-vacio, .rd-app.app .ie-vacio { align-self: start; display: grid; grid-template-columns: 72px 1fr; gap: 16px; align-items: center; padding: 22px; border-radius: 22px; background: rgba(255, 255, 255, .03); border: 1px dashed rgba(255, 255, 255, .14); }
.rd-app .ie-vacio img, .rd-app.app .ie-vacio img { width: 72px; height: 72px; }
.rd-app .ie-vacio h2, .rd-app.app .ie-vacio h2 { font-family: var(--f-titulo); font-size: 19px; line-height: 1.25; letter-spacing: -.01em; }
.rd-app .ie-vacio p, .rd-app.app .ie-vacio p { margin-top: 6px; font-size: 14.5px; line-height: 1.45; color: var(--tx2); }
.rd-app .ie-vacio-lista, .rd-app.app .ie-vacio-lista { grid-column: 1 / -1; list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--borde); }
.rd-app .ie-vacio-lista li, .rd-app.app .ie-vacio-lista li { display: grid; grid-template-columns: 18px 1fr; gap: 10px; font-size: 14px; color: var(--tx2); }
.rd-app .ie-vacio-lista .ico, .rd-app.app .ie-vacio-lista .ico { width: 16px; height: 16px; color: var(--acento); margin-top: 2px; }
@media (max-width: 1279px) {
  .rd-app .ie-pagina, .rd-app.app .ie-pagina { --ie-hueco: 20px; }
  .rd-app .ie-cab h1, .rd-app.app .ie-cab h1 { font-size: 32px; }
  .rd-app .ie-form, .rd-app.app .ie-form { padding: 4px 18px 18px; }
  .rd-app .ie-vacio, .rd-app.app .ie-vacio { grid-template-columns: 56px 1fr; padding: 18px; }
  .rd-app .ie-vacio img, .rd-app.app .ie-vacio img { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .rd-app .ie-pagina *, .rd-app.app .ie-pagina *, .rd-app .ie-pagina *::before, .rd-app.app .ie-pagina *::before, .rd-app .ie-pagina *::after, .rd-app.app .ie-pagina *::after { transition: none !important; animation: none !important; }
}
.rd-app .ie-texto, .rd-app.app .ie-texto { min-height: 200px; }
.rd-app .ie-pagina, .rd-app.app .ie-pagina { --ie-alto-form: 620px; }
@media (max-width: 1279px) {
  .rd-app .ie-texto, .rd-app.app .ie-texto { min-height: 180px; }
  .rd-app .ie-pagina, .rd-app.app .ie-pagina { --ie-alto-form: 690px; }
}
.rd-app .ie-grid, .rd-app.app .ie-grid { margin-top: 24px; }
.rd-app .nav-lateral a.nav-tengo .ico, .rd-app.app .nav-lateral a.nav-tengo .ico { color: #fb923c; }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"], .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"] { background: rgba(245, 158, 11, .14); border-color: rgba(251, 146, 60, .45); color: #fed7aa; }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"]::before, .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"]::before { background: linear-gradient(180deg, #f59e0b, #e8590c); }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"], .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"] { background: linear-gradient(90deg, rgba(245, 158, 11, .24), rgba(232, 89, 12, .08)); box-shadow: inset 0 0 0 1px rgba(251, 146, 60, .3); color: var(--texto); }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"] .ico, .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"] .ico { color: #fb923c; }
.rd-app .nav-lateral a.nav-tengo .ico, .rd-app.app .nav-lateral a.nav-tengo .ico { color: #fb923c; }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"], .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"] { background: linear-gradient(90deg, rgba(245, 158, 11, .24), rgba(232, 89, 12, .08)); box-shadow: inset 0 0 0 1px rgba(251, 146, 60, .3); color: var(--texto); }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"] .ico, .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"] .ico { color: #fb923c; }
.rd-app .nav-lateral a.nav-tengo[aria-current="page"]::before, .rd-app.app .nav-lateral a.nav-tengo[aria-current="page"]::before { background: linear-gradient(180deg, #f59e0b, #e8590c); }
.rd-app .app-contenido, .rd-app.app .app-contenido { --tx: #f5f6fb; --tx2: #babed8; --tx3: #9297ba; }
.rd-app .inicio-final-esc .cab-final, .rd-app.app .inicio-final-esc .cab-final { min-height: 52px; }
.rd-app .inicio-final-esc .saludo-solo img, .rd-app.app .inicio-final-esc .saludo-solo img { width: 46px; height: 46px; }
.rd-app .gp-tel, .rd-app.app .gp-tel { --c-gancho: #fbbf24; --c-gancho-claro: #fde68a; --c-desarrollo: #a78bfa; --c-cierre: #7dd3fc; }
.rd-app .gp-tel .if-scroll, .rd-app.app .gp-tel .if-scroll { padding-bottom: 214px; }
.rd-app .gp-idea, .rd-app.app .gp-idea { margin-top: 6px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--acento); }
.rd-app .gp-tel h1, .rd-app.app .gp-tel h1 { margin-top: 6px; font-family: var(--f-titulo); font-size: 26px; line-height: 1.15; letter-spacing: -.02em; font-weight: 700; text-wrap: balance; }
.rd-app .gp-pastillas, .rd-app.app .gp-pastillas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.rd-app .gp-pastillas span, .rd-app.app .gp-pastillas span { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 11px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); font-size: 13px; font-weight: 600; color: var(--tx2); }
.rd-app .gp-pastillas .ico, .rd-app.app .gp-pastillas .ico { width: 14px; height: 14px; color: var(--acento); }
.rd-app .gp-linea, .rd-app.app .gp-linea { margin-top: 16px; }
.rd-app .gp-barra, .rd-app.app .gp-barra { display: flex; gap: 3px; height: 10px; }
.rd-app .gp-barra i, .rd-app.app .gp-barra i { border-radius: 6px; }
.rd-app .gp-barra .g, .rd-app.app .gp-barra .g { background: var(--c-gancho); box-shadow: 0 0 10px rgba(251, 191, 36, .5); }
.rd-app .gp-barra .d, .rd-app.app .gp-barra .d { background: var(--c-desarrollo); }
.rd-app .gp-barra .c, .rd-app.app .gp-barra .c { background: var(--c-cierre); }
.rd-app .gp-marcas, .rd-app.app .gp-marcas { position: relative; height: 18px; margin-top: 5px; font-size: 11.5px; font-weight: 600; color: var(--tx3); font-variant-numeric: tabular-nums; }
.rd-app .gp-marcas span, .rd-app.app .gp-marcas span { position: absolute; top: 0; transform: translateX(-50%); }
.rd-app .gp-marcas span:first-child, .rd-app.app .gp-marcas span:first-child { transform: none; }
.rd-app .gp-marcas span:last-child, .rd-app.app .gp-marcas span:last-child { transform: translateX(-100%); }
.rd-app .gp-leyenda, .rd-app.app .gp-leyenda { display: flex; gap: 14px; margin-top: 4px; font-size: 12.5px; color: var(--tx2); }
.rd-app .gp-leyenda span, .rd-app.app .gp-leyenda span { display: inline-flex; align-items: center; gap: 6px; }
.rd-app .gp-leyenda i, .rd-app.app .gp-leyenda i { width: 9px; height: 9px; border-radius: 3px; }
.rd-app .gp-cab-parte, .rd-app.app .gp-cab-parte { display: flex; align-items: center; gap: 8px; }
.rd-app .gp-nombre, .rd-app.app .gp-nombre { font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.rd-app .gp-tiempo, .rd-app.app .gp-tiempo { padding: 2px 8px; border-radius: 999px; font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums; background: rgba(255, 255, 255, .07); color: var(--tx2); }
.rd-app .gp-copiar, .rd-app.app .gp-copiar { margin-left: auto; min-width: 44px; min-height: 44px; padding: 0 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: var(--tx2); font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.rd-app .gp-copiar .ico, .rd-app.app .gp-copiar .ico { width: 16px; height: 16px; }
.rd-app .gp-copiar.copiado, .rd-app.app .gp-copiar.copiado { color: #6ee7b7; border-color: rgba(52, 211, 153, .5); background: rgba(52, 211, 153, .12); }
.rd-app .gp-dices, .rd-app.app .gp-dices { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; margin-top: 12px; }
.rd-app .gp-dices .ic, .rd-app.app .gp-dices .ic, .rd-app .gp-ve .ic, .rd-app.app .gp-ve .ic { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; }
.rd-app .gp-dices .ic .ico, .rd-app.app .gp-dices .ic .ico { width: 16px; height: 16px; }
.rd-app .gp-dices p, .rd-app.app .gp-dices p { font-size: 19px; line-height: 1.42; font-weight: 600; color: var(--tx); }
.rd-app .gp-ve, .rd-app.app .gp-ve { display: grid; grid-template-columns: 30px 1fr; gap: 10px; align-items: start; margin-top: 10px; }
.rd-app .gp-ve .ic, .rd-app.app .gp-ve .ic { background: rgba(255, 255, 255, .06); color: var(--tx3); }
.rd-app .gp-ve .ic .ico, .rd-app.app .gp-ve .ic .ico { width: 15px; height: 15px; }
.rd-app .gp-ve p, .rd-app.app .gp-ve p { font-size: 14px; line-height: 1.45; color: var(--tx2); padding-top: 5px; }
.rd-app .gp-plano, .rd-app.app .gp-plano { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; }
.rd-app .gp-plano span, .rd-app.app .gp-plano span { padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(255, 255, 255, .06); color: var(--tx3); }
.rd-app .gp-sr, .rd-app.app .gp-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rd-app .p-gancho .gp-nombre, .rd-app.app .p-gancho .gp-nombre { color: var(--c-gancho-claro); }
.rd-app .p-gancho .gp-dices .ic, .rd-app.app .p-gancho .gp-dices .ic { background: rgba(251, 191, 36, .2); color: var(--c-gancho-claro); }
.rd-app .p-desarrollo .gp-nombre, .rd-app.app .p-desarrollo .gp-nombre { color: var(--c-desarrollo); }
.rd-app .p-desarrollo .gp-dices .ic, .rd-app.app .p-desarrollo .gp-dices .ic { background: rgba(167, 139, 250, .2); color: #ddd6fe; }
.rd-app .p-cierre .gp-nombre, .rd-app.app .p-cierre .gp-nombre { color: var(--c-cierre); }
.rd-app .p-cierre .gp-dices .ic, .rd-app.app .p-cierre .gp-dices .ic { background: rgba(125, 211, 252, .18); color: #bae6fd; }
.rd-app .gp-gancho, .rd-app.app .gp-gancho { position: relative; border-radius: 24px; padding: 16px 16px 16px; background: linear-gradient(160deg, rgba(251, 191, 36, .14), rgba(23, 26, 58, .95) 55%); border: 1.5px solid rgba(253, 230, 138, .55); box-shadow: 0 0 0 4px rgba(251, 191, 36, .08), 0 16px 40px rgba(251, 191, 36, .14); }
.rd-app .gp-etq-2s, .rd-app.app .gp-etq-2s { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--c-gancho); color: #1a1306; font-size: 11.5px; font-weight: 800; letter-spacing: .02em; }
.rd-app .gp-etq-2s .ico, .rd-app.app .gp-etq-2s .ico { width: 12px; height: 12px; stroke-width: 2.6; }
.rd-app .gp-gancho .gp-dices p, .rd-app.app .gp-gancho .gp-dices p { font-family: var(--f-titulo); font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: -.01em; }
.rd-app .gb-lista, .rd-app.app .gb-lista { margin-top: 18px; display: flex; flex-direction: column; gap: 12px; }
.rd-app .gb-escena, .rd-app.app .gb-escena { border-radius: 22px; padding: 12px 14px 14px; background: linear-gradient(180deg, rgba(23, 26, 58, .95), rgba(16, 18, 44, .95)); border: 1px solid rgba(255, 255, 255, .1); }
.rd-app .gb-escena.p-desarrollo, .rd-app.app .gb-escena.p-desarrollo { box-shadow: inset 3px 0 0 var(--c-desarrollo); }
.rd-app .gb-escena.p-cierre, .rd-app.app .gb-escena.p-cierre { box-shadow: inset 3px 0 0 var(--c-cierre); }
.rd-app .gb-fila, .rd-app.app .gb-fila { display: grid; grid-template-columns: 78px 1fr; gap: 12px; margin-top: 10px; align-items: start; }
.rd-app .p-gancho .gb-cuadro, .rd-app.app .p-gancho .gb-cuadro { border-color: rgba(253, 230, 138, .6); }
.rd-app .gb-fila .gp-ve, .rd-app.app .gb-fila .gp-ve { margin-top: 0; grid-template-columns: 1fr; }
.rd-app .gb-fila .gp-ve .ic, .rd-app.app .gb-fila .gp-ve .ic { display: none; }
.rd-app .gb-fila .gp-ve p, .rd-app.app .gb-fila .gp-ve p { padding-top: 0; font-size: 13.5px; }
.rd-app .gb-fila .gp-ve .ve-etq, .rd-app.app .gb-fila .gp-ve .ve-etq { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--tx3); margin-bottom: 3px; }
.rd-app .gb-fila .gp-ve .ve-etq .ico, .rd-app.app .gb-fila .gp-ve .ve-etq .ico { width: 13px; height: 13px; }
.rd-app .gb-escena .gp-dices, .rd-app.app .gb-escena .gp-dices { margin-top: 12px; }
.rd-app .gp-publicar, .rd-app.app .gp-publicar { margin-top: 18px; border-radius: 22px; padding: 14px 16px 16px; background: rgba(255, 255, 255, .03); border: 1px dashed rgba(255, 255, 255, .16); }
.rd-app .gp-publicar p, .rd-app.app .gp-publicar p { margin-top: 10px; font-size: 15px; line-height: 1.45; color: var(--tx2); }
.rd-app .gp-publicar .tags, .rd-app.app .gp-publicar .tags { margin-top: 8px; font-size: 14.5px; font-weight: 600; color: var(--acento); }
.rd-app .gp-publicar .gp-nombre, .rd-app.app .gp-publicar .gp-nombre { color: var(--tx2); }
.rd-app .gp-tel .if-accion, .rd-app.app .gp-tel .if-accion { padding-top: 16px; }
.rd-app .gp-botones, .rd-app.app .gp-botones { display: grid; grid-template-columns: 1fr 1.25fr; gap: 10px; }
.rd-app .gp-sec, .rd-app.app .gp-sec { min-height: 58px; border-radius: 18px; border: 1.5px solid rgba(255, 255, 255, .2); background: #14163a; color: var(--tx); display: flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; transition: border-color .2s, color .2s; }
.rd-app .gp-sec .ico, .rd-app.app .gp-sec .ico { width: 18px; height: 18px; }
.rd-app .gp-sec.copiado, .rd-app.app .gp-sec.copiado { color: #6ee7b7; border-color: rgba(52, 211, 153, .5); }
.rd-app .gp-tel .if-boton, .rd-app.app .gp-tel .if-boton { font-size: 17px; }
.rd-app .gp-tel .if-error, .rd-app.app .gp-tel .if-error { margin-top: 16px; }
@media (prefers-reduced-motion: reduce) {
  .rd-app .gp-tel *, .rd-app.app .gp-tel *, .rd-app .gp-tel *::before, .rd-app.app .gp-tel *::before, .rd-app .gp-tel *::after, .rd-app.app .gp-tel *::after { transition: none !important; animation: none !important; }
}
.rd-app .gp-pastillas span, .rd-app.app .gp-pastillas span { all: unset; }
.rd-app .gp-pastillas > span, .rd-app.app .gp-pastillas > span { display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 11px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); font-size: 13px; font-weight: 600; color: var(--tx2); }
.rd-app .gp-marcas .m-gancho, .rd-app.app .gp-marcas .m-gancho { display: none; }
.rd-app .gp-plano, .rd-app.app .gp-plano { grid-column: 2; }
.rd-app .gb-fila .gp-plano, .rd-app.app .gb-fila .gp-plano { grid-column: 1; }
.rd-app .gp-tiempo, .rd-app.app .gp-tiempo, .rd-app .gp-etq-2s, .rd-app.app .gp-etq-2s { white-space: nowrap; }
.rd-app .gp-gancho, .rd-app.app .gp-gancho { background: linear-gradient(160deg, rgba(251, 191, 36, .14), rgba(23, 26, 58, .95) 55%), #14163a; z-index: 1; }
.rd-app .gp-gancho .gp-copiar [data-t="copiar"], .rd-app.app .gp-gancho .gp-copiar [data-t="copiar"] { display: none; }
.rd-app .gb-recuadro, .rd-app.app .gb-recuadro { position: relative; width: 78px; aspect-ratio: 9 / 16; border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 6px; background: linear-gradient(180deg, #14163a, #0d0f26); border: 1.5px solid rgba(255, 255, 255, .16); text-align: center; }
.rd-app .gb-recuadro .n, .rd-app.app .gb-recuadro .n { position: absolute; left: 7px; top: 5px; font-family: var(--f-titulo); font-size: 11px; font-weight: 800; color: rgba(255, 255, 255, .6); }
.rd-app .gb-recuadro .ic-r, .rd-app.app .gb-recuadro .ic-r { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: var(--tx2); }
.rd-app .gb-recuadro .ic-r .ico, .rd-app.app .gb-recuadro .ic-r .ico { width: 22px; height: 22px; }
.rd-app .gb-recuadro .nom, .rd-app.app .gb-recuadro .nom { font-size: 11.5px; font-weight: 700; line-height: 1.2; color: var(--tx2); }
.rd-app .p-gancho .gb-recuadro, .rd-app.app .p-gancho .gb-recuadro { border-color: rgba(253, 230, 138, .6); }
.rd-app .p-gancho .gb-recuadro .ic-r, .rd-app.app .p-gancho .gb-recuadro .ic-r { background: rgba(251, 191, 36, .2); color: var(--c-gancho-claro); }
.rd-app .p-desarrollo .gb-recuadro .ic-r, .rd-app.app .p-desarrollo .gb-recuadro .ic-r { background: rgba(167, 139, 250, .18); color: #ddd6fe; }
.rd-app .p-cierre .gb-recuadro .ic-r, .rd-app.app .p-cierre .gb-recuadro .ic-r { background: rgba(125, 211, 252, .16); color: #bae6fd; }
.rd-app .gp-consejo, .rd-app.app .gp-consejo { display: flex; align-items: center; gap: 7px; margin-top: 10px; font-size: 13.5px; font-weight: 600; color: var(--c-gancho-claro); }
.rd-app .gp-consejo .ico, .rd-app.app .gp-consejo .ico { width: 15px; height: 15px; flex: none; }
.rd-app .gp-consejo[hidden], .rd-app.app .gp-consejo[hidden] { display: none; }
.rd-app .ap-tel, .rd-app.app .ap-tel { --verde: #34d399; --verde-claro: #a7f3d0; --amarillo: #fbbf24; --amarillo-claro: #fde68a; --naranja: #fb923c; --naranja-claro: #fed7aa; --celeste: #7dd3fc; --celeste-claro: #bae6fd; }
.rd-app .ap-tel .if-scroll, .rd-app.app .ap-tel .if-scroll { padding-bottom: 214px; }
.rd-app .ap-tel .if-saldo.rev, .rd-app.app .ap-tel .if-saldo.rev { border-color: rgba(125, 211, 252, .32); background: rgba(56, 189, 248, .12); }
.rd-app .ap-tel .if-saldo.rev .ic, .rd-app.app .ap-tel .if-saldo.rev .ic { background: rgba(56, 189, 248, .26); color: var(--celeste-claro); }
.rd-app .ap-ante, .rd-app.app .ap-ante { margin-top: 6px; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--acento); }
.rd-app .ap-ante .dur, .rd-app.app .ap-ante .dur { padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, .07); color: var(--tx2); letter-spacing: 0; font-variant-numeric: tabular-nums; }
.rd-app .ap-nota, .rd-app.app .ap-nota { --c: var(--amarillo); --c2: var(--amarillo-claro); --rgb: 251, 191, 36; position: relative; margin-top: 14px; padding: 20px 18px 18px; border-radius: 28px; text-align: center; background: radial-gradient(90% 70% at 50% 0%, rgba(var(--rgb), .18), transparent 70%), linear-gradient(180deg, #171a3a, #10122c); border: 1.5px solid rgba(var(--rgb), .42); box-shadow: 0 0 0 4px rgba(var(--rgb), .07), 0 20px 44px rgba(0, 0, 0, .35); }
.rd-app .ap-nota.verde, .rd-app.app .ap-nota.verde { --c: var(--verde); --c2: var(--verde-claro); --rgb: 52, 211, 153; }
.rd-app .ap-nota.naranja, .rd-app.app .ap-nota.naranja { --c: var(--naranja); --c2: var(--naranja-claro); --rgb: 251, 146, 60; }
.rd-app .ap-anillo, .rd-app.app .ap-anillo { position: relative; width: 150px; height: 150px; margin: 0 auto; }
.rd-app .ap-anillo svg, .rd-app.app .ap-anillo svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.rd-app .ap-anillo .pista, .rd-app.app .ap-anillo .pista { fill: none; stroke: rgba(255, 255, 255, .08); stroke-width: 12; }
.rd-app .ap-anillo .valor, .rd-app.app .ap-anillo .valor { fill: none; stroke: var(--c); stroke-width: 12; stroke-linecap: round; stroke-dasharray: 402; stroke-dashoffset: calc(402 - 402 * var(--n) / 10); animation: rd-ap-llenar 1.1s cubic-bezier(.2, .7, .2, 1) .2s 1 both; }
@keyframes rd-ap-llenar { from { stroke-dashoffset: 402; } }
.rd-app .ap-anillo .centro, .rd-app.app .ap-anillo .centro { position: absolute; inset: 0; display: grid; place-content: center; }
.rd-app .ap-anillo .cifra, .rd-app.app .ap-anillo .cifra { font-family: var(--f-titulo); font-size: 64px; line-height: 1; font-weight: 700; letter-spacing: -.03em; color: #fff; }
.rd-app .ap-anillo .de, .rd-app.app .ap-anillo .de { margin-top: 2px; font-size: 13px; font-weight: 600; color: var(--tx3); }
.rd-app .ap-rango, .rd-app.app .ap-rango { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 4px 11px; border-radius: 999px; background: rgba(var(--rgb), .16); color: var(--c2); font-size: 12.5px; font-weight: 800; }
.rd-app .ap-rango .ico, .rd-app.app .ap-rango .ico { width: 14px; height: 14px; }
.rd-app .ap-nota h1, .rd-app.app .ap-nota h1 { margin-top: 10px; font-size: 25px; line-height: 1.18; letter-spacing: -.02em; }
.rd-app .ap-nota .res, .rd-app.app .ap-nota .res { margin-top: 8px; font-size: 15.5px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-aviso, .rd-app.app .ap-aviso { margin-top: 12px; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--tx3); }
.rd-app .ap-aviso .ico, .rd-app.app .ap-aviso .ico { width: 13px; height: 13px; }
.rd-app .ap-nota.fila, .rd-app.app .ap-nota.fila { display: grid; grid-template-columns: 112px 1fr; gap: 14px; align-items: center; text-align: left; padding: 16px; }
.rd-app .ap-nota.fila .ap-anillo, .rd-app.app .ap-nota.fila .ap-anillo { width: 112px; height: 112px; }
.rd-app .ap-nota.fila .ap-anillo .cifra, .rd-app.app .ap-nota.fila .ap-anillo .cifra { font-size: 46px; }
.rd-app .ap-nota.fila .ap-anillo .de, .rd-app.app .ap-nota.fila .ap-anillo .de { font-size: 12px; }
.rd-app .ap-nota.fila .ap-rango, .rd-app.app .ap-nota.fila .ap-rango { margin-top: 0; }
.rd-app .ap-nota.fila h1, .rd-app.app .ap-nota.fila h1 { font-size: 20px; margin-top: 8px; }
.rd-app .ap-nota.fila .res, .rd-app.app .ap-nota.fila .res { font-size: 14px; margin-top: 6px; }
.rd-app .ap-claves, .rd-app.app .ap-claves { display: grid; gap: 10px; margin-top: 14px; }
.rd-app .ap-clave, .rd-app.app .ap-clave { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; padding: 14px; border-radius: 20px; background: linear-gradient(180deg, #171a3a, #10122c); border: 1px solid rgba(255, 255, 255, .1); }
.rd-app .ap-clave .ic, .rd-app.app .ap-clave .ic { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; }
.rd-app .ap-clave .ic .ico, .rd-app.app .ap-clave .ic .ico { width: 20px; height: 20px; }
.rd-app .ap-clave .t, .rd-app.app .ap-clave .t { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.rd-app .ap-clave b, .rd-app.app .ap-clave b { display: block; margin-top: 4px; font-size: 16px; line-height: 1.3; }
.rd-app .ap-clave p, .rd-app.app .ap-clave p { margin-top: 3px; font-size: 14px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-clave.mejor, .rd-app.app .ap-clave.mejor { border-color: rgba(52, 211, 153, .32); }
.rd-app .ap-clave.mejor .ic, .rd-app.app .ap-clave.mejor .ic { background: rgba(52, 211, 153, .16); color: var(--verde-claro); }
.rd-app .ap-clave.mejor .t, .rd-app.app .ap-clave.mejor .t { color: var(--verde-claro); }
.rd-app .ap-clave.primero, .rd-app.app .ap-clave.primero { border-color: rgba(253, 230, 138, .4); background: linear-gradient(160deg, rgba(251, 191, 36, .1), #10122c 60%); }
.rd-app .ap-clave.primero .ic, .rd-app.app .ap-clave.primero .ic { background: rgba(251, 191, 36, .18); color: var(--amarillo-claro); }
.rd-app .ap-clave.primero .t, .rd-app.app .ap-clave.primero .t { color: var(--amarillo-claro); }
.rd-app .ap-seg, .rd-app.app .ap-seg { display: inline-flex; align-items: center; gap: 4px; padding: 1px 7px; border-radius: 999px; background: rgba(255, 255, 255, .08); color: var(--tx2); font-size: 11.5px; letter-spacing: 0; text-transform: none; font-weight: 700; font-variant-numeric: tabular-nums; }
.rd-app .ap-seg .ico, .rd-app.app .ap-seg .ico { width: 11px; height: 11px; }
.rd-app .ap-claves.dos, .rd-app.app .ap-claves.dos { grid-template-columns: 1fr 1fr; }
.rd-app .ap-claves.dos .ap-clave, .rd-app.app .ap-claves.dos .ap-clave { grid-template-columns: 1fr; gap: 8px; padding: 12px; }
.rd-app .ap-claves.dos .ap-clave .ic, .rd-app.app .ap-claves.dos .ap-clave .ic { width: 34px; height: 34px; border-radius: 11px; }
.rd-app .ap-claves.dos .ap-clave .ic .ico, .rd-app.app .ap-claves.dos .ap-clave .ic .ico { width: 17px; height: 17px; }
.rd-app .ap-claves.dos .ap-clave b, .rd-app.app .ap-claves.dos .ap-clave b { font-size: 14.5px; }
.rd-app .ap-h2, .rd-app.app .ap-h2 { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-top: 24px; font-family: var(--f-titulo); font-size: 19px; letter-spacing: -.01em; }
.rd-app .ap-h2 small, .rd-app.app .ap-h2 small { font-family: var(--f-texto); font-size: 12.5px; font-weight: 600; color: var(--tx3); letter-spacing: 0; }
.rd-app .ap-partes, .rd-app.app .ap-partes { display: grid; gap: 8px; margin-top: 10px; }
.rd-app .ap-parte, .rd-app.app .ap-parte { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 12px 12px 12px 12px; border-radius: 18px; background: rgba(23, 26, 58, .9); border: 1px solid rgba(255, 255, 255, .09); }
.rd-app .ap-parte .ic, .rd-app.app .ap-parte .ic { width: 40px; height: 40px; border-radius: 13px; display: grid; place-items: center; background: rgba(255, 255, 255, .07); color: var(--tx2); }
.rd-app .ap-parte .ic .ico, .rd-app.app .ap-parte .ic .ico { width: 19px; height: 19px; }
.rd-app .ap-parte .nom, .rd-app.app .ap-parte .nom { font-size: 15px; font-weight: 700; }
.rd-app .ap-parte .fr, .rd-app.app .ap-parte .fr { display: flex; gap: 5px; align-items: flex-start; margin-top: 2px; font-size: 13.5px; line-height: 1.4; color: var(--tx2); }
.rd-app .ap-parte .fr .ico, .rd-app.app .ap-parte .fr .ico { width: 13px; height: 13px; margin-top: 3px; }
.rd-app .ap-chip, .rd-app.app .ap-chip { min-width: 40px; height: 32px; padding: 0 8px; border-radius: 11px; display: grid; place-items: center; font-family: var(--f-titulo); font-size: 17px; font-weight: 700; font-variant-numeric: tabular-nums; }
.rd-app .n-verde .ap-chip, .rd-app.app .n-verde .ap-chip { background: rgba(52, 211, 153, .16); color: var(--verde-claro); box-shadow: inset 0 0 0 1px rgba(52, 211, 153, .35); }
.rd-app .n-amarillo .ap-chip, .rd-app.app .n-amarillo .ap-chip { background: rgba(251, 191, 36, .14); color: var(--amarillo-claro); box-shadow: inset 0 0 0 1px rgba(251, 191, 36, .35); }
.rd-app .n-naranja .ap-chip, .rd-app.app .n-naranja .ap-chip { background: rgba(251, 146, 60, .15); color: var(--naranja-claro); box-shadow: inset 0 0 0 1px rgba(251, 146, 60, .38); }
.rd-app .n-verde .fr .ico, .rd-app.app .n-verde .fr .ico { color: var(--verde); }
.rd-app .n-amarillo .fr .ico, .rd-app.app .n-amarillo .fr .ico, .rd-app .n-naranja .fr .ico, .rd-app.app .n-naranja .fr .ico { color: var(--amarillo); }
.rd-app .n-verde .ic, .rd-app.app .n-verde .ic { color: var(--verde-claro); }
.rd-app .n-amarillo .ic, .rd-app.app .n-amarillo .ic { color: var(--amarillo-claro); }
.rd-app .n-naranja .ic, .rd-app.app .n-naranja .ic { color: var(--naranja-claro); }
.rd-app .ap-ganchos-cab, .rd-app.app .ap-ganchos-cab { margin-top: 14px; padding: 16px; border-radius: 24px; background: linear-gradient(160deg, rgba(251, 191, 36, .16), #14163a 62%); border: 1.5px solid rgba(253, 230, 138, .5); box-shadow: 0 0 0 4px rgba(251, 191, 36, .07), 0 16px 40px rgba(251, 191, 36, .12); }
.rd-app .ap-ganchos-cab .etq, .rd-app.app .ap-ganchos-cab .etq { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: var(--amarillo); color: #1a1306; font-size: 11.5px; font-weight: 800; }
.rd-app .ap-ganchos-cab .etq .ico, .rd-app.app .ap-ganchos-cab .etq .ico { width: 12px; height: 12px; stroke-width: 2.6; }
.rd-app .ap-ganchos-cab h2, .rd-app.app .ap-ganchos-cab h2 { margin-top: 10px; font-family: var(--f-titulo); font-size: 22px; line-height: 1.2; letter-spacing: -.015em; }
.rd-app .ap-ganchos-cab p, .rd-app.app .ap-ganchos-cab p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-ganchos, .rd-app.app .ap-ganchos { display: grid; gap: 10px; margin-top: 12px; }
.rd-app .ap-gancho, .rd-app.app .ap-gancho { padding: 14px 14px 12px; border-radius: 22px; background: linear-gradient(180deg, #1a1c40, #121433); border: 1.5px solid rgba(253, 230, 138, .28); }
.rd-app .ap-gancho.top, .rd-app.app .ap-gancho.top { border-color: rgba(253, 230, 138, .6); background: linear-gradient(160deg, rgba(251, 191, 36, .13), #14163a 55%); box-shadow: 0 12px 30px rgba(251, 191, 36, .1); }
.rd-app .ap-gancho .n, .rd-app.app .ap-gancho .n { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--amarillo-claro); }
.rd-app .ap-gancho .n .sug, .rd-app.app .ap-gancho .n .sug { padding: 1px 7px; border-radius: 999px; background: rgba(251, 191, 36, .2); letter-spacing: 0; text-transform: none; }
.rd-app .ap-gancho .fr, .rd-app.app .ap-gancho .fr { margin-top: 8px; font-family: var(--f-titulo); font-size: 21px; line-height: 1.28; font-weight: 700; letter-spacing: -.01em; color: #fff; }
.rd-app .ap-gancho .pq, .rd-app.app .ap-gancho .pq { margin-top: 6px; font-size: 13.5px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-gancho .acc, .rd-app.app .ap-gancho .acc { display: grid; grid-template-columns: 1fr 1.35fr; gap: 8px; margin-top: 12px; }
.rd-app .ap-b2, .rd-app.app .ap-b2 { min-height: 46px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s, transform .15s; }
.rd-app .ap-b2 .ico, .rd-app.app .ap-b2 .ico { width: 17px; height: 17px; }
.rd-app .ap-b2:active, .rd-app.app .ap-b2:active { transform: translateY(1px) scale(.99); }
.rd-app .ap-b2.sec, .rd-app.app .ap-b2.sec { border: 1.5px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .04); color: var(--tx); }
.rd-app .ap-b2.pri, .rd-app.app .ap-b2.pri { border: 0; background: linear-gradient(135deg, #f5b524, #f59e0b); color: #1a1306; box-shadow: 0 8px 20px rgba(245, 158, 11, .25), inset 0 1px 0 rgba(255, 255, 255, .35); }
.rd-app .ap-b2.copiado, .rd-app.app .ap-b2.copiado { color: #6ee7b7; border-color: rgba(52, 211, 153, .5); background: rgba(52, 211, 153, .12); }
.rd-app .ap-cambios, .rd-app.app .ap-cambios { display: grid; gap: 10px; margin-top: 10px; }
.rd-app .ap-cambio, .rd-app.app .ap-cambio { display: grid; grid-template-columns: 34px 1fr; gap: 12px; padding: 14px; border-radius: 20px; background: rgba(23, 26, 58, .9); border: 1px solid rgba(255, 255, 255, .09); }
.rd-app .ap-cambio .num, .rd-app.app .ap-cambio .num { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: rgba(139, 92, 246, .22); color: #ddd6fe; font-family: var(--f-titulo); font-weight: 700; font-size: 16px; }
.rd-app .ap-cambio b, .rd-app.app .ap-cambio b { display: block; font-size: 16px; line-height: 1.3; }
.rd-app .ap-cambio p, .rd-app.app .ap-cambio p { margin-top: 4px; font-size: 14px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-cambio .ap-seg, .rd-app.app .ap-cambio .ap-seg { margin-top: 8px; }
.rd-app .ap-arreglo, .rd-app.app .ap-arreglo { margin-top: 8px; display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 12px; border-radius: 16px; background: rgba(251, 191, 36, .07); border: 1px dashed rgba(253, 230, 138, .4); }
.rd-app .ap-arreglo .ic, .rd-app.app .ap-arreglo .ic { width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; background: rgba(251, 191, 36, .18); color: var(--amarillo-claro); }
.rd-app .ap-arreglo .ic .ico, .rd-app.app .ap-arreglo .ic .ico { width: 16px; height: 16px; }
.rd-app .ap-arreglo b, .rd-app.app .ap-arreglo b { display: block; font-size: 14.5px; line-height: 1.3; }
.rd-app .ap-arreglo p, .rd-app.app .ap-arreglo p { margin-top: 2px; font-size: 13.5px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-arreglo .ap-seg, .rd-app.app .ap-arreglo .ap-seg { margin-top: 6px; }
.rd-app .ap-mini, .rd-app.app .ap-mini { display: flex; gap: 3px; height: 8px; margin-top: 14px; }
.rd-app .ap-mini i, .rd-app.app .ap-mini i { border-radius: 5px; background: rgba(255, 255, 255, .1); }
.rd-app .ap-mini .g, .rd-app.app .ap-mini .g { background: #fbbf24; box-shadow: 0 0 8px rgba(251, 191, 36, .45); }
.rd-app .ap-mini .d, .rd-app.app .ap-mini .d { background: #a78bfa; }
.rd-app .ap-mini .c, .rd-app.app .ap-mini .c { background: #7dd3fc; }
.rd-app .ap-mini-marcas, .rd-app.app .ap-mini-marcas { display: flex; justify-content: space-between; margin-top: 4px; font-size: 11.5px; font-weight: 600; color: var(--tx3); font-variant-numeric: tabular-nums; }
.rd-app .ap-tel .if-accion, .rd-app.app .ap-tel .if-accion { padding-top: 16px; }
.rd-app .ap-botones, .rd-app.app .ap-botones { display: grid; grid-template-columns: 1fr 1.35fr; gap: 10px; }
.rd-app .ap-botones .gp-sec, .rd-app.app .ap-botones .gp-sec { font-size: 15.5px; }
.rd-app .ap-tel .if-boton, .rd-app.app .ap-tel .if-boton { font-size: 17px; }
.rd-app .ap-tel .if-costo .u.rev, .rd-app.app .ap-tel .if-costo .u.rev { background: rgba(56, 189, 248, .16); color: var(--celeste-claro); }
.rd-app .ap-fases, .rd-app.app .ap-fases { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.rd-app .ap-fases span, .rd-app.app .ap-fases span { display: inline-flex; align-items: center; gap: 5px; min-height: 30px; padding: 0 10px; border-radius: 999px; font-size: 13px; font-weight: 600; background: rgba(255, 255, 255, .05); border: 1px solid var(--borde); color: var(--tx3); }
.rd-app .ap-fases .ok, .rd-app.app .ap-fases .ok { color: var(--verde-claro); border-color: rgba(52, 211, 153, .3); }
.rd-app .ap-fases .ok .ico, .rd-app.app .ap-fases .ok .ico { width: 13px; height: 13px; stroke-width: 3; }
.rd-app .ap-fases .ahora, .rd-app.app .ap-fases .ahora { color: #ddd6fe; border-color: rgba(196, 181, 253, .4); background: rgba(139, 92, 246, .14); }
.rd-app .largo .ap-tel, .rd-app.app .largo .ap-tel { height: auto; min-height: 844px; }
.rd-app .largo .ap-tel .if-scroll, .rd-app.app .largo .ap-tel .if-scroll { position: relative; overflow: visible; }
.rd-app .largo .ap-tel .if-accion, .rd-app.app .largo .ap-tel .if-accion { bottom: 86px; }
@media (prefers-reduced-motion: reduce) {
  .rd-app .ap-tel *, .rd-app.app .ap-tel *, .rd-app .ap-tel *::before, .rd-app.app .ap-tel *::before, .rd-app .ap-tel *::after, .rd-app.app .ap-tel *::after { animation: none !important; transition: none !important; }
}
.rd-app .ap-cambio.con-foto, .rd-app.app .ap-cambio.con-foto { grid-template-columns: 52px 1fr; align-items: start; }
.rd-app .ap-foto, .rd-app.app .ap-foto { position: relative; width: 52px; aspect-ratio: 9 / 16; border-radius: 10px; overflow: hidden; background: linear-gradient(180deg, #3a2f5c, #1d1a3d 60%, #14163a); border: 1.5px solid rgba(255, 255, 255, .16); }
.rd-app .ap-foto .num, .rd-app.app .ap-foto .num { position: absolute; left: 4px; top: 4px; width: 20px; height: 20px; border-radius: 7px; font-size: 11.5px; }
.rd-app .ap-foto .t, .rd-app.app .ap-foto .t { position: absolute; left: 0; right: 0; bottom: 4px; text-align: center; font: 700 10.5px var(--f-titulo); color: #fff; font-variant-numeric: tabular-nums; text-shadow: 0 1px 3px rgba(0, 0, 0, .7); }
.rd-app .ap-foto.sin, .rd-app.app .ap-foto.sin { display: grid; place-items: center; background: linear-gradient(180deg, #14163a, #0d0f26); color: var(--tx3); }
.rd-app .ap-foto.sin .ico, .rd-app.app .ap-foto.sin .ico { width: 20px; height: 20px; }
.rd-app .ap-linea-nota, .rd-app.app .ap-linea-nota { display: flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13px; color: var(--tx3); }
.rd-app .ap-linea-nota .ico, .rd-app.app .ap-linea-nota .ico { width: 14px; height: 14px; }
.rd-app .ap-mini-cab, .rd-app.app .ap-mini-cab { display: flex; justify-content: space-between; align-items: baseline; margin-top: 18px; font-family: var(--f-titulo); font-size: 15px; font-weight: 700; color: var(--tx2); }
.rd-app .ap-pro, .rd-app.app .ap-pro { margin-top: 18px; padding: 16px; border-radius: 22px; background: linear-gradient(160deg, rgba(56, 189, 248, .12), #10122c 60%); border: 1px solid rgba(125, 211, 252, .35); }
.rd-app .ap-pro b, .rd-app.app .ap-pro b { display: block; font-family: var(--f-titulo); font-size: 18px; line-height: 1.25; }
.rd-app .ap-pro p, .rd-app.app .ap-pro p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--tx2); }
.rd-app .ap-pro .ap-b2, .rd-app.app .ap-pro .ap-b2 { width: 100%; margin-top: 12px; }
.rd-app .ap-tel .gp-gancho .gp-dices, .rd-app.app .ap-tel .gp-gancho .gp-dices { grid-template-columns: 1fr; }
.rd-app .ap-tel .gp-gancho .gp-dices p, .rd-app.app .ap-tel .gp-gancho .gp-dices p { font-size: 22px; }
.rd-app .ap-tel .if-tarjeta .if-campo:first-child, .rd-app.app .ap-tel .if-tarjeta .if-campo:first-child { margin-top: 14px; }
.rd-app .ap-de-video, .rd-app.app .ap-de-video { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: rgba(56, 189, 248, .14); color: var(--celeste-claro); font-size: 11.5px; font-weight: 700; vertical-align: 1px; }
.rd-app .ap-de-video .ico, .rd-app.app .ap-de-video .ico { width: 11px; height: 11px; }
.rd-app .ap-pro .ap-b2, .rd-app.app .ap-pro .ap-b2 { text-decoration: none; }
.rd-app .ir, .rd-app.app .ir { --tx: #f5f6fb; --tx2: #babed8; --tx3: #9297ba; --acento: #c4b5fd; --oro: #fbbf24; --oro-claro: #fde68a; --grad-boton: linear-gradient(135deg, #7442e6 0%, #4b57e3 55%, #2563eb 100%); color: var(--tx); }
.rd-app .ir *, .rd-app.app .ir * { box-sizing: border-box; }
.rd-app .ir-resumen, .rd-app.app .ir-resumen { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 10px 10px 10px 14px; border-radius: 18px; background: rgba(23, 26, 58, .85); border: 1px solid rgba(196, 181, 253, .16); }
.rd-app .ir-resumen .pas, .rd-app.app .ir-resumen .pas { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 11px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); font-size: 13.5px; font-weight: 600; color: var(--tx2); }
.rd-app .ir-resumen .pas .ico, .rd-app.app .ir-resumen .pas .ico { width: 14px; height: 14px; color: var(--acento); }
.rd-app .ir-resumen .pas.tema, .rd-app.app .ir-resumen .pas.tema { color: var(--tx); }
.rd-app .ir-cambiar, .rd-app.app .ir-cambiar { margin-left: auto; min-height: 44px; display: inline-flex; align-items: center; gap: 6px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(196, 181, 253, .35); background: rgba(139, 92, 246, .12); color: #ddd6fe; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.rd-app .ir-cambiar .ico, .rd-app.app .ir-cambiar .ico { width: 16px; height: 16px; }
.rd-app .ir-guia, .rd-app.app .ir-guia { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-top: 22px; }
.rd-app .ir-guia h2, .rd-app.app .ir-guia h2 { font-family: var(--f-titulo); font-size: 24px; line-height: 1.2; letter-spacing: -.015em; }
.rd-app .ir-otras, .rd-app.app .ir-otras { display: inline-flex; align-items: center; gap: 10px; flex: none; }
.rd-app .ir-otras small, .rd-app.app .ir-otras small { font-size: 13px; color: var(--tx3); }
.rd-app .ir-otras button, .rd-app.app .ir-otras button { min-height: 44px; display: inline-flex; align-items: center; gap: 7px; padding: 0 14px; border-radius: 12px; border: 1.5px solid rgba(255, 255, 255, .2); background: #14163a; color: var(--tx); font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.rd-app .ir-otras button .ico, .rd-app.app .ir-otras button .ico { width: 16px; height: 16px; }
.rd-app .ir-otras .costo, .rd-app.app .ir-otras .costo { color: var(--tx3); font-weight: 600; }
.rd-app .ir-grid, .rd-app.app .ir-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.rd-app .ir-idea, .rd-app.app .ir-idea { position: relative; display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; padding: 14px; border-radius: 22px; background: linear-gradient(180deg, rgba(23, 26, 58, .95), rgba(16, 18, 44, .95)); border: 1px solid rgba(255, 255, 255, .1); transition: border-color .2s, transform .2s, box-shadow .2s; cursor: pointer; }
.rd-app .ir-idea:hover, .rd-app.app .ir-idea:hover { border-color: rgba(196, 181, 253, .45); transform: translateY(-2px); box-shadow: 0 16px 36px rgba(0, 0, 0, .35); }
.rd-app .ir-idea:focus-within, .rd-app.app .ir-idea:focus-within { border-color: rgba(196, 181, 253, .6); }
.rd-app .ir-abrir, .rd-app.app .ir-abrir { position: static; color: inherit; text-decoration: none; }
.rd-app .ir-abrir::after, .rd-app.app .ir-abrir::after { content: ""; position: absolute; inset: 0; border-radius: inherit; z-index: 1; }
.rd-app .ir-abrir:focus-visible, .rd-app.app .ir-abrir:focus-visible { outline: none; }
.rd-app .ir-abrir:focus-visible::after, .rd-app.app .ir-abrir:focus-visible::after { outline: 2px solid var(--acento); outline-offset: 2px; }
.rd-app .ir-idea .acciones, .rd-app.app .ir-idea .acciones { position: relative; z-index: 2; }
.rd-app .ir-mini, .rd-app.app .ir-mini { position: relative; }
.rd-app .ir-mini .vista-viva, .rd-app.app .ir-mini .vista-viva { width: 104px; aspect-ratio: 9 / 16; border-radius: 14px; box-shadow: 0 10px 24px rgba(0, 0, 0, .4); }
.rd-app .ir-mini .vista-viva .w, .rd-app.app .ir-mini .vista-viva .w, .rd-app .ir-mini .vv-anillo, .rd-app.app .ir-mini .vv-anillo, .rd-app .ir-mini .vv-reloj i, .rd-app.app .ir-mini .vv-reloj i { animation: none !important; }
.rd-app .ir-mini .vv-reloj i, .rd-app.app .ir-mini .vv-reloj i { transform: scaleX(.3); }
.rd-app .ir-mini .vv-anillo, .rd-app.app .ir-mini .vv-anillo { left: 8%; right: 8%; }
.rd-app .ir-mini .vv-texto, .rd-app.app .ir-mini .vv-texto { font-size: 12.5cqw; left: 8%; right: 8%; }
.rd-app .ir-num, .rd-app.app .ir-num { position: absolute; z-index: 2; left: 7px; top: 7px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .55); font-family: var(--f-titulo); font-size: 13px; font-weight: 700; }
.rd-app .ir-cuerpo, .rd-app.app .ir-cuerpo { min-width: 0; display: flex; flex-direction: column; }
.rd-app .ir-cuerpo h3, .rd-app.app .ir-cuerpo h3 { font-family: var(--f-titulo); font-size: 18px; line-height: 1.25; letter-spacing: -.01em; }
.rd-app .ir-cuerpo .de-que, .rd-app.app .ir-cuerpo .de-que { margin-top: 6px; font-size: 14.5px; line-height: 1.4; color: var(--tx2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rd-app .ir-plano, .rd-app.app .ir-plano { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.rd-app .ir-plano span, .rd-app.app .ir-plano span { padding: 2px 8px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(255, 255, 255, .06); color: var(--tx3); }
.rd-app .ir-idea .acciones, .rd-app.app .ir-idea .acciones { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: auto; padding-top: 12px; }
.rd-app .ir-ver, .rd-app.app .ir-ver { min-height: 46px; display: inline-flex; align-items: center; gap: 8px; padding: 0 16px; border: 0; border-radius: 14px; background: var(--grad-boton); color: #fff; font-family: var(--f-titulo); font-size: 15.5px; font-weight: 700; cursor: pointer; box-shadow: 0 8px 22px rgba(91, 108, 255, .4), inset 0 1px 0 rgba(255, 255, 255, .25); }
.rd-app .ir-ver .ico, .rd-app.app .ir-ver .ico { width: 17px; height: 17px; }
.rd-app .ir-ver .costo, .rd-app.app .ir-ver .costo { font-family: var(--f-texto); font-weight: 600; opacity: .8; }
.rd-app .ir-sec, .rd-app.app .ir-sec { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .04); color: var(--tx2); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: color .2s, border-color .2s, background-color .2s; }
.rd-app .ir-sec .ico, .rd-app.app .ir-sec .ico { width: 16px; height: 16px; }
.rd-app .ir-sec.hecho, .rd-app.app .ir-sec.hecho { color: #6ee7b7; border-color: rgba(52, 211, 153, .5); background: rgba(52, 211, 153, .12); }
.rd-app .ir-sec[data-guardar].hecho .ico, .rd-app.app .ir-sec[data-guardar].hecho .ico { color: var(--oro); fill: var(--oro); }
.rd-app .ir-idea.fuerte, .rd-app.app .ir-idea.fuerte { border: 1.5px solid rgba(253, 230, 138, .6); background: linear-gradient(160deg, rgba(251, 191, 36, .12), rgba(23, 26, 58, .96) 55%); box-shadow: 0 0 0 4px rgba(251, 191, 36, .07), 0 14px 34px rgba(251, 191, 36, .12); }
.rd-app .ir-fuerte, .rd-app.app .ir-fuerte { display: inline-flex; align-self: flex-start; align-items: center; gap: 5px; margin-bottom: 8px; padding: 3px 9px; border-radius: 999px; background: var(--oro); color: #1a1306; font-size: 11.5px; font-weight: 800; }
.rd-app .ir-fuerte .ico, .rd-app.app .ir-fuerte .ico { width: 12px; height: 12px; }
.rd-app .ir-aviso, .rd-app.app .ir-aviso { position: fixed; z-index: 60; left: 50%; bottom: 28px; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #1d2049; border: 1px solid rgba(52, 211, 153, .45); color: #d1fae5; font-size: 14.5px; font-weight: 700; box-shadow: 0 14px 34px rgba(0, 0, 0, .5); transition: opacity .2s, transform .2s; }
.rd-app .ir-aviso .ico, .rd-app.app .ir-aviso .ico { width: 16px; height: 16px; color: #6ee7b7; }
.rd-app .ir-aviso.visible, .rd-app.app .ir-aviso.visible { opacity: 1; transform: translate(-50%, 0); }
.rd-app .ir-velo, .rd-app.app .ir-velo { position: fixed; inset: 0; z-index: 40; background: rgba(4, 5, 16, .7); display: none; }
.rd-app [data-primera] .ir-velo, .rd-app.app [data-primera] .ir-velo { display: block; }
.rd-app [data-primera] .ir-idea.foco-tour, .rd-app.app [data-primera] .ir-idea.foco-tour { z-index: 45; box-shadow: 0 0 0 2px rgba(196, 181, 253, .7), 0 0 0 8px rgba(139, 92, 246, .18); }
.rd-app .ir-globo, .rd-app.app .ir-globo { display: none; position: absolute; z-index: 50; left: 0; width: min(100%, 420px); padding: 14px; border-radius: 20px; background: #1d2049; border: 1px solid rgba(196, 181, 253, .38); box-shadow: 0 18px 40px rgba(0, 0, 0, .5); }
.rd-app [data-primera] .ir-globo, .rd-app.app [data-primera] .ir-globo { display: block; }
.rd-app .ir-globo::before, .rd-app.app .ir-globo::before { content: ""; position: absolute; left: 44px; top: -9px; width: 16px; height: 16px; background: #1d2049; border: 1px solid rgba(196, 181, 253, .38); border-right: 0; border-bottom: 0; transform: rotate(45deg); }
.rd-app .ir-globo .fila, .rd-app.app .ir-globo .fila { display: grid; grid-template-columns: 44px 1fr; gap: 10px; align-items: center; }
.rd-app .ir-globo img, .rd-app.app .ir-globo img { width: 44px; height: 44px; }
.rd-app .ir-globo p, .rd-app.app .ir-globo p { font-size: 15px; line-height: 1.45; }
.rd-app .ir-globo .pie, .rd-app.app .ir-globo .pie { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.rd-app .ir-globo button, .rd-app.app .ir-globo button { min-height: 44px; padding: 0 14px; border-radius: 12px; border: 0; font: inherit; font-size: 14.5px; font-weight: 700; cursor: pointer; }
.rd-app .ir-globo .saltar, .rd-app.app .ir-globo .saltar { background: none; color: var(--tx2); }
.rd-app .ir-globo .ok, .rd-app.app .ir-globo .ok { background: var(--grad-boton); color: #fff; }
.rd-app .ir-pos, .rd-app.app .ir-pos { position: relative; }
.rd-app .ir-movil .ir-grid, .rd-app.app .ir-movil .ir-grid { grid-template-columns: 1fr; gap: 12px; }
.rd-app .ir-movil .ir-idea, .rd-app.app .ir-movil .ir-idea { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 12px; }
.rd-app .ir-movil .ir-mini .vista-viva, .rd-app.app .ir-movil .ir-mini .vista-viva { width: 84px; }
.rd-app .ir-movil .ir-cuerpo h3, .rd-app.app .ir-movil .ir-cuerpo h3 { font-size: 16.5px; }
.rd-app .ir-movil .ir-cuerpo .de-que, .rd-app.app .ir-movil .ir-cuerpo .de-que { font-size: 13.5px; }
.rd-app .ir-movil .ir-guia, .rd-app.app .ir-movil .ir-guia { flex-direction: column; align-items: stretch; gap: 10px; margin-top: 16px; }
.rd-app .ir-movil .ir-guia h2, .rd-app.app .ir-movil .ir-guia h2 { font-size: 21px; }
.rd-app .ir-movil .ir-otras, .rd-app.app .ir-movil .ir-otras { justify-content: flex-end; }
.rd-app .ir-movil .ir-ver, .rd-app.app .ir-movil .ir-ver { padding: 0 13px; font-size: 14.5px; }
.rd-app .ir-movil .ir-sec, .rd-app.app .ir-movil .ir-sec { padding: 0 10px; font-size: 13.5px; }
.rd-app .ir-movil .ir-resumen, .rd-app.app .ir-movil .ir-resumen { padding: 8px 8px 8px 10px; gap: 6px; }
.rd-app .ir-movil .ir-resumen .pas, .rd-app.app .ir-movil .ir-resumen .pas { font-size: 12.5px; min-height: 30px; padding: 0 9px; }
@media (prefers-reduced-motion: reduce) {
  .rd-app .ir *, .rd-app.app .ir *, .rd-app .ir *::before, .rd-app.app .ir *::before, .rd-app .ir *::after, .rd-app.app .ir *::after, .rd-app .ir-aviso, .rd-app.app .ir-aviso { transition: none !important; animation: none !important; }
}
.rd-app .ir-fuerte[hidden], .rd-app.app .ir-fuerte[hidden] { display: none; }
.rd-app .ir-ver, .rd-app.app .ir-ver, .rd-app .ir-abrir, .rd-app.app .ir-abrir, .rd-app .ir-ver:hover, .rd-app.app .ir-ver:hover { text-decoration: none; }
.rd-app .ir-ver, .rd-app.app .ir-ver { flex: 1 1 100%; justify-content: center; white-space: nowrap; }
.rd-app .ir-sec, .rd-app.app .ir-sec { flex: 1 1 0; justify-content: center; }
.rd-app .ir-mini .vv-anillo::after, .rd-app.app .ir-mini .vv-anillo::after { display: none; }
.rd-app .ir-mini .vv-texto, .rd-app.app .ir-mini .vv-texto { font-size: 11cqw; }