/* Registro y acceso: bienvenida a pantalla completa y una pregunta por pantalla (registro-celular.js).
   UNA sola forma en celular y en computadora (Rodrigo, 25 oct): en computadora va como columna centrada.
   Valores de la maqueta aprobada (docs/registro-celular/maquetas). */
@media all{
  /* !important: la regla general «body > :not(#circuito)» (con id) ponía relative y z-index 1 */
  .rc-capa{position:fixed!important;inset:0;z-index:36!important;display:flex;flex-direction:column;background:var(--fondo,#07090C);color:var(--texto,#EEF1F5);
    height:var(--rc-alto,100dvh);padding:env(safe-area-inset-top) 0 0;font-family:var(--f,Inter,system-ui,sans-serif);overscroll-behavior:contain}
  .rc-capa.oculto{display:none!important}
  /* con la capa abierta nada de atrás se asoma, ni cuando sube el teclado: página fija y fondo sólido extra arriba y abajo */
  html.rc-activo,html.rc-activo body{background:var(--fondo,#07090C)!important}
  body.rc-activo{overflow:hidden!important;position:fixed!important;inset:0;width:100%}
  .rc-capa::before{content:'';position:fixed;left:0;right:0;top:-100vh;height:300vh;background:var(--fondo,#07090C);z-index:-1;pointer-events:none}
}
/* computadora: la misma pantalla, en una columna centrada del ancho de un celular grande */
@media (min-width:701px){
  .rc-capa > *{width:100%;max-width:460px;margin-left:auto;margin-right:auto}
  .rc-capa > .rc-fondos{max-width:none}
  /* en computadora, sin círculo: luz pareja de arriba a abajo en toda la pantalla (Rodrigo) */
  .rc-fondos .rc-fondo{background:linear-gradient(180deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.035) 45%,rgba(255,255,255,.01) 80%,transparent 100%)}
}
/* piezas de los pasos: en cualquier ancho (también las usa «Completa tu perfil», perfil-completo.js) */
  .rc-captcha{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 24px}
  .rc-captcha:empty,#rcCaptcha:empty{display:none}
  #rcCaptcha{width:100%;max-width:100%;display:flex;justify-content:center;overflow:hidden}
  .rc-cap-acciones{display:grid;gap:8px;width:100%}
  .rc-capa [hidden]{display:none!important}

  /* ---------- bienvenida ---------- */
  .rc-logo{flex:none;display:flex;justify-content:center;padding:28px 24px 0}
  .rc-logo img{width:60%;max-width:300px;height:auto;display:block}
  .rc-pasarela{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;overflow:hidden}
  /* bienvenida como video corto (Rodrigo, 25 oct): una escena por marca de 2.8 s. El equipo entra con zoom lento y deriva (Ken Burns),
     su logo sube con él y sale con él (misma escena), fondo con brillo del color de la marca y salida con fundido y desenfoque suave.
     Solo transform y opacity se animan cuadro a cuadro (el desenfoque es solo al salir). */
  .rc-escenas{position:relative;width:100%;flex:1;min-height:0;max-height:min(58vh,460px)}
  .rc-escena{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),filter .6s;will-change:opacity}
  .rc-escena.on{opacity:1}
  .rc-escena.sale{opacity:0;filter:blur(8px)}
  /* brillo blanco suave (blanco y negro; el color lo pone solo la foto del equipo): capa de fondo a toda la pantalla (detrás del logo y hasta el borde de arriba, notch incluido) */
  .rc-fondos{position:absolute;left:0;right:0;top:calc(-1 * env(safe-area-inset-top));bottom:0;z-index:0;pointer-events:none;overflow:hidden}
  .rc-fondo{position:absolute;inset:0;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);
    background:radial-gradient(ellipse 120% 75% at 50% 38%,rgba(255,255,255,.12),rgba(255,255,255,.045) 45%,rgba(255,255,255,.012) 70%,transparent 100%)}
  .rc-fondo.on{opacity:1}
  #rcBienvenida > :not(.rc-fondos){position:relative;z-index:1}
  .rc-eq-caja{position:relative;width:86%;height:min(40vh,300px);display:flex;align-items:center;justify-content:center}
  .rc-eq-img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,.55));transform:translate3d(10px,0,0) scale(1);will-change:transform}
  .rc-escena.on .rc-eq-img{animation:rcKen 2.8s linear forwards}
  .rc-escena.sale .rc-eq-img{transform:translate3d(-10px,0,0) scale(1.08)}
  @keyframes rcKen{from{transform:translate3d(10px,0,0) scale(1)}to{transform:translate3d(-10px,0,0) scale(1.08)}}
  .rc-marca{position:relative;height:40px;display:flex;align-items:center;justify-content:center}
  .rc-marca img{width:192px;height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:0;transform:translate3d(0,12px,0)}   /* 1.6× y en blanco parejo */
  .rc-escena.on .rc-marca img{animation:rcSube .6s cubic-bezier(.22,1,.36,1) forwards}
  .rc-escena.sale .rc-marca img{opacity:1;transform:none}
  @keyframes rcSube{to{opacity:1;transform:none}}
  .rc-puntos{display:flex;gap:6px}
  .rc-puntos i{width:22px;height:3px;border-radius:2px;background:var(--linea2,rgba(255,255,255,.16));overflow:hidden;position:relative}
  .rc-puntos i.on::after{content:'';position:absolute;inset:0;background:var(--texto,#EEF1F5);transform-origin:left;animation:rcLlena 2.8s linear forwards}
  .rc-puntos i.ya{background:rgba(238,241,245,.5)}
  @keyframes rcLlena{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .rc-botones{flex:none;display:grid;gap:12px;padding:12px 24px calc(20px + env(safe-area-inset-bottom))}

  .rc-btn{display:flex;align-items:center;justify-content:center;width:100%;height:56px;margin:0;border-radius:14px;font:600 18px/1 var(--f,Inter,sans-serif);
    letter-spacing:-.005em;cursor:pointer;border:0;transition:transform .12s cubic-bezier(.22,1,.36,1),background .12s,opacity .12s}
  .rc-btn:active{transform:scale(.97)}
  .rc-btn:disabled{opacity:.45;cursor:default;transform:none}
  .rc-blanco{background:#EEF1F5;color:#0B0F14}
  .rc-blanco:active{background:#D5DAE1}
  .rc-negro{background:#000;color:#EEF1F5;border:1px solid var(--linea2,rgba(255,255,255,.16))}
  .rc-negro:active{background:var(--sup,#0F141B)}
  .rc-promesa{margin:0;text-align:center;font:500 var(--t-3,15px)/1.35 var(--f,Inter,sans-serif);color:var(--texto2,#C9D0D9)}
  .rc-texto{background:none;color:var(--texto,#EEF1F5);height:48px;font-weight:500;font-size:16px}

  /* ---------- pasos ---------- */
  .rc-cab{flex:none;padding:0 24px}
  .rc-cab-fila{height:52px;display:flex;align-items:center;justify-content:space-between}
  .rc-atras{width:44px;height:44px;margin-left:-10px;display:grid;place-items:center;border-radius:999px;background:none;border:0;color:var(--texto,#EEF1F5);cursor:pointer}
  .rc-atras:active{background:var(--sup2,#151B24)}
  .rc-atras svg{width:24px;height:24px}
  .rc-contador{font:500 14px/1 var(--f,Inter,sans-serif);color:var(--gris,#9AA3B0)}
  .rc-progreso{height:3px;border-radius:2px;background:var(--linea2,rgba(255,255,255,.16));overflow:hidden}
  .rc-progreso i{display:block;height:100%;width:0;background:var(--menta,#89FF9E);border-radius:2px;transition:width .3s cubic-bezier(.22,1,.36,1)}
  .rc-cuerpo{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:28px 24px 12px}
  .rc-pregunta{margin:0;font:700 italic 32px/1.1 var(--num,'Saira Semi Condensed',sans-serif);color:var(--texto,#EEF1F5)}
  .rc-ayuda{margin:12px 0 0;font-size:16px;line-height:1.45;color:var(--gris,#9AA3B0)}
  .rc-ayuda button{background:none;border:0;padding:0;font:600 16px var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5);text-decoration:underline;text-decoration-color:var(--linea2);text-underline-offset:3px;cursor:pointer}
  .rc-campo{margin-top:24px;display:flex;align-items:center;gap:12px;min-height:64px;padding:0 16px;background:var(--sup,#0F141B);border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:14px}
  .rc-campo:focus-within{border-color:var(--menta,#89FF9E)}
  .rc-campo label{display:block;font:500 12px/1 var(--f,Inter,sans-serif);color:var(--gris,#9AA3B0);margin:10px 0 4px}
  .rc-campo .rc-col{flex:1;min-width:0}
  #rcPasos .rc-campo input{width:100%;min-height:0;height:auto;margin:0;padding:0 0 10px;border:0;background:none;outline:none;box-shadow:none;color:var(--texto,#EEF1F5);font:500 22px/1.2 var(--f,Inter,sans-serif);border-radius:0}
  #rcPasos .rc-campo input.solo{padding:18px 0}
  .rc-campo + .rc-campo{margin-top:12px}
  .rc-prefijo{display:flex;align-items:center;gap:8px;padding-right:12px;border-right:1px solid var(--linea2,rgba(255,255,255,.16));height:32px;font:500 22px/1 var(--f,Inter,sans-serif)}
  .rc-prefijo small{font:600 12px/1 var(--f,Inter,sans-serif);letter-spacing:.06em;color:var(--gris,#9AA3B0)}
  .rc-msg{margin:12px 0 0;min-height:1.4em;font-size:14px;color:var(--gris,#9AA3B0)}
  .rc-msg.mal{color:#FF8A80}
  .rc-acepto{display:flex;gap:12px;align-items:flex-start;margin-top:20px;font-size:14px;line-height:1.4;color:var(--gris,#9AA3B0);cursor:pointer}
  .rc-acepto input{width:22px;height:22px;flex:none;margin:0;accent-color:var(--menta,#89FF9E)}
  .rc-acepto a{color:var(--texto,#EEF1F5)}
  /* código: un solo campo (autollenado del SMS) pintado como 6 cajas */
  .rc-codigo{position:relative;margin-top:28px;height:60px}
  #rcPasos .rc-codigo input{position:absolute;padding:0;background:none;box-shadow:none;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;caret-color:transparent;letter-spacing:0;z-index:2}
  .rc-cajas{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:100%;pointer-events:none}
  .rc-cajas span{display:grid;place-items:center;border-radius:12px;background:var(--sup,#0F141B);border:1px solid var(--linea2,rgba(255,255,255,.16));font:700 italic 28px/1 var(--num,'Saira Semi Condensed',sans-serif)}
  .rc-cajas span.cur{border-color:var(--menta,#89FF9E)}
  .rc-cajas span.cur:empty::after{content:'';width:2px;height:26px;background:var(--menta,#89FF9E);animation:rcParpadeo 1s steps(1) infinite}
  @keyframes rcParpadeo{50%{opacity:0}}
  .rc-reenviar{margin-top:24px;display:grid;gap:4px;justify-items:start}
  .rc-reenviar button{background:none;border:0;padding:10px 0;font:500 15px var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5);cursor:pointer}
  .rc-reenviar button:disabled{color:var(--gris,#9AA3B0);cursor:default}
  .rc-sugerencias{margin-top:8px;border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:14px;overflow:hidden}
  .rc-sugerencias button{display:flex;width:100%;align-items:center;gap:12px;min-height:44px;padding:10px 16px;background:var(--sup,#0F141B);border:0;border-top:1px solid var(--linea,rgba(255,255,255,.09));color:var(--texto,#EEF1F5);font:500 16px var(--f,Inter,sans-serif);text-align:left;cursor:pointer}
  .rc-sugerencias button:first-child{border-top:0}
  .rc-sugerencias small{margin-left:auto;color:var(--gris,#9AA3B0);font-size:13px}
  .rc-accion{flex:none;padding:12px 24px calc(12px + var(--rc-pie,env(safe-area-inset-bottom)))}
  /* listo */
  .rc-listo{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}
  .rc-sello{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--menta,#89FF9E);color:var(--menta,#89FF9E);margin-bottom:24px}
  .rc-sello svg{width:44px;height:44px}
  .rc-sello path{stroke-dasharray:40;stroke-dashoffset:40;animation:rcPalomita .32s .1s cubic-bezier(.34,1.56,.64,1) forwards}
  @keyframes rcPalomita{to{stroke-dashoffset:0}}
  .rc-listo .rc-ayuda{max-width:300px}
  /* último paso del registro: imagen primero, pregunta y dos salidas */
  .rc-fin{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:8px 24px calc(16px + var(--rc-pie,env(safe-area-inset-bottom)));text-align:center}
  .rc-fin-img{flex:1 1 0;min-height:120px;display:flex;align-items:center;justify-content:center}
  .rc-fin-img img{max-width:100%;max-height:100%;min-height:0;object-fit:contain;display:block}
  .rc-fin-bts{display:flex;flex-direction:column;gap:12px}
  .rc-fin-bts .rc-btn{font-size:17px;height:auto;min-height:56px;padding:8px 16px;line-height:1.2}
  .rc-fin-abierto{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .rc-fin-abierto button{padding:8px 12px;border-radius:99px;border:1px solid var(--linea2,rgba(255,255,255,.16));background:none;color:var(--texto,#EEF1F5);font:500 14px var(--f,Inter,sans-serif);cursor:pointer}
  .rc-paso{display:flex;flex-direction:column;flex:1;min-height:0}
  .rc-paso[hidden]{display:none}

@media (max-width:700px) and (prefers-reduced-motion:reduce){
  .rc-escena,.rc-progreso i{transition:none}
  .rc-escena.on .rc-eq-img,.rc-escena.on .rc-marca img{animation:none;opacity:1;transform:none}
  .rc-escena.sale{filter:none}
  .rc-puntos i.on::after{animation:none;transform:none}
  .rc-sello path{animation:none;stroke-dashoffset:0}
  .rc-cajas span.cur:empty::after{animation:none}
}
.rc-ligas{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:8px}
.rc-ligas button{background:none;border:0;padding:10px 0;min-height:44px;font:500 15px var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5);text-decoration:underline;text-decoration-color:var(--linea2,rgba(255,255,255,.16));text-underline-offset:3px;cursor:pointer}
.rc-ligas button[hidden]{display:none}

/* blanco y negro en todo el registro y el alta: los acentos (progreso, campo activo, sello, opciones elegidas) en blanco y gris */
#rcBienvenida,#rcPasos,#acPasos,#pcPasos{--menta:#EEF1F5;--menta-osc:rgba(255,255,255,.08)}
#rcBienvenida .rc-logo img{filter:brightness(0) invert(1)}   /* logo EMIR también en blanco */
/* país del celular: botón con bandera (SVG, flag-icons) y clave; lista como hoja de abajo en celular y panel al centro en computadora */
.rc-pais{flex:none;background:none;border:0;border-right:1px solid var(--linea2,rgba(255,255,255,.16));color:var(--texto,#EEF1F5);cursor:pointer;min-height:44px;padding:0 12px 0 0;margin:0}
.rc-pais[hidden]{display:none}
.rc-pais img{width:28px;height:21px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.rc-pais svg{width:18px;height:18px;color:var(--gris,#9AA3B0);margin-left:-2px}
.rc-paises{position:fixed!important;inset:0;z-index:40!important;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.6)}
.rc-paises.oculto{display:none}
.rc-paises-hoja{display:flex;flex-direction:column;width:100%;max-height:82dvh;background:var(--fondo,#07090C);color:var(--texto,#EEF1F5);border:1px solid var(--linea2,rgba(255,255,255,.16));border-bottom:0;border-radius:20px 20px 0 0;padding:8px 16px calc(12px + env(safe-area-inset-bottom));font-family:var(--f,Inter,system-ui,sans-serif)}
.rc-paises-cab{display:flex;align-items:center;justify-content:space-between;min-height:52px}
.rc-paises-cab b{font:700 18px/1.2 var(--f,Inter,sans-serif)}
.rc-paises-x{width:44px;height:44px;margin-right:-10px;display:grid;place-items:center;background:none;border:0;color:var(--texto,#EEF1F5);cursor:pointer}
.rc-paises-x svg{width:22px;height:22px}
.rc-campo.rc-paises-busca{margin-top:4px;min-height:52px}
.rc-paises-busca input{width:100%;margin:0;padding:0;border:0;background:none;outline:none;box-shadow:none;color:var(--texto,#EEF1F5);font:500 17px var(--f,Inter,sans-serif)}
.rc-paises-lista{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:8px -16px 0;padding:0 8px}
.rc-paises-lista button{display:flex;width:100%;align-items:center;gap:14px;min-height:56px;padding:0 12px;background:none;border:0;border-radius:12px;color:var(--texto,#EEF1F5);font:500 17px var(--f,Inter,sans-serif);text-align:left;cursor:pointer}
.rc-paises-lista button:active,.rc-paises-lista button:hover{background:var(--sup,#0F141B)}
.rc-paises-lista button.on{background:rgba(255,255,255,.08)}
.rc-paises-lista img{width:32px;height:24px;flex:none;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.rc-paises-lista span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-paises-lista b{font-weight:600;color:var(--gris,#9AA3B0)}
.rc-paises-lista hr{border:0;border-top:1px solid var(--linea2,rgba(255,255,255,.16));margin:8px 12px}
.rc-paises-nada{padding:20px 12px;color:var(--gris,#9AA3B0)}
#rcUsarClave{margin-top:12px}
#rcUsarClave[hidden]{display:none}
@media (min-width:701px){
  .rc-paises{align-items:center}
  .rc-paises-hoja{width:420px;max-height:min(640px,80vh);border-bottom:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:20px;padding-bottom:12px}
}
#rcPaisBusca{width:100%;min-height:0;height:auto;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;outline:none;border-radius:0;color:var(--texto,#EEF1F5);font:500 17px var(--f,Inter,sans-serif)}
.rc-paises-busca:focus-within{border-color:var(--texto,#EEF1F5)}
/* celular de pantalla baja (html.rc-teclado, p. ej. 360×640): todo más compacto, siempre, para que con el teclado el campo quede a la vista arriba de «Siguiente» */
html.rc-teclado .rc-capa .rc-cab-fila,html.rc-teclado .pc-capa .rc-cab-fila{height:40px}
html.rc-teclado .rc-capa .rc-cuerpo,html.rc-teclado .pc-capa .rc-cuerpo{padding-top:12px}
html.rc-teclado .rc-capa .rc-pregunta,html.rc-teclado .pc-capa .rc-pregunta{font-size:24px}
html.rc-teclado .rc-capa .rc-ayuda,html.rc-teclado .pc-capa .rc-ayuda{margin-top:6px}
html.rc-teclado .rc-capa .rc-campo,html.rc-teclado .pc-capa .rc-campo{margin-top:14px}
html.rc-teclado .rc-capa .rc-accion,html.rc-teclado .pc-capa .rc-accion{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
html.rc-teclado #acDespues,html.rc-teclado .pc-capa .pc-saltar{min-height:40px;height:40px;padding-top:0;padding-bottom:0}
html.rc-teclado .rc-capa .rc-accion .rc-btn,html.rc-teclado .pc-capa .rc-accion .rc-btn{height:48px}
/* con cualquier paso del registro, del alta o de «Tus datos» abiertos (html.rc-flujo, no la bienvenida ni las páginas de marca) y antes del primer cuadro (html.bv-pronto),
   ningún video del portal se ve por debajo, ni un instante (registro-celular.js además los pausa) */
html.rc-flujo body video,html.bv-pronto body video{visibility:hidden!important}
/* la bienvenida vieja del piloto (datos.js la abre al crear el perfil, z-index 38) nunca se ve encima del registro, ni mientras se desvanece */
html.rc-activo #pilotoBienvenida,html.bv-pronto #pilotoBienvenida{display:none!important}
/* con el registro, el alta o «Tus datos» abiertos, jalar la pantalla hacia abajo no recarga la página (y nada se encadena a la página) */
html.rc-activo,html.rc-activo body{overscroll-behavior-y:none!important}
/* «Ese celular ya tiene una cuenta en EMIR»: entrar con él o juntar las cuentas */
.rc-ya-cuenta{margin-top:16px;padding:16px;border-radius:16px;background:var(--sup,#0F141B);border:1px solid var(--linea2,rgba(255,255,255,.16));display:grid;gap:10px}
.rc-ya-cuenta[hidden]{display:none}
.rc-ya-cuenta b{font:700 17px/1.3 var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5)}
.rc-ya-cuenta p{margin:0;font-size:14px;line-height:1.45;color:var(--gris,#9AA3B0)}
.rc-ya-cuenta .rc-btn{height:48px;font-size:16px}

/* ---------- bienvenida: explicación al deslizar (Rodrigo, 4 nov 2026: «quien no sabe de qué va») ----------
   La primera pantalla se queda igual (.rc-primera mide lo mismo que la pantalla); debajo, qué es el portal y «Crear cuenta». */
#rcBienvenida{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}
#rcBienvenida .rc-primera{flex:none;display:flex;flex-direction:column;height:calc(var(--rc-alto,100dvh) - env(safe-area-inset-top))}
.rc-botones .rc-sigue{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;margin:-4px 0 -8px;background:none;border:0;
  font:500 14px var(--f,Inter,sans-serif);color:var(--gris,#9AA3B0);cursor:pointer}
.rc-sigue svg{width:18px;height:18px;animation:rxBaja 1.8s ease-in-out infinite}
@keyframes rxBaja{50%{transform:translateY(3px)}}
@media (prefers-reduced-motion:reduce){.rc-sigue svg{animation:none}}
.rc-explica{flex:none;padding:40px 24px calc(32px + env(safe-area-inset-bottom));scroll-margin-top:0}
.rx-foto{aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:var(--sup,#0F141B)}
.rx-foto img{width:100%;height:100%;object-fit:cover;display:block}
.rx-ante{margin:22px 0 4px;font:600 13px var(--f,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--gris,#9AA3B0)}
.rx-h{margin:0;font:800 32px/1.08 var(--f,Inter,sans-serif);letter-spacing:-.02em;color:var(--texto,#EEF1F5)}
.rx-p{margin:10px 0 0;font:400 17px/1.4 var(--f,Inter,sans-serif);color:var(--gris,#9AA3B0)}
.rx-sub{margin:40px 0 12px;font:700 20px/1.2 var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5)}
.rx-dibujos{display:grid;gap:10px}
.rx-dib{display:grid;grid-template-columns:64px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px;border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:16px}
.rx-arte{grid-row:span 2;width:64px;height:64px;color:var(--texto,#EEF1F5)}
.rx-arte svg{width:100%;height:100%}
.rx-dib b,.rx-ft b,.rx-gar b,.rx-cupon b{display:block;font:700 17px/1.25 var(--f,Inter,sans-serif);color:var(--texto,#EEF1F5);align-self:end}
.rx-dib small,.rx-ft small,.rx-gar small,.rx-cupon small{display:block;margin-top:2px;font:400 15px/1.35 var(--f,Inter,sans-serif);color:var(--gris,#9AA3B0);align-self:start}
.rx-fotos{display:grid;gap:10px}
.rx-ft{position:relative;aspect-ratio:16/8;border-radius:16px;overflow:hidden;background:#0B0F14}
.rx-ft img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rx-ft::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.35) 48%,transparent 75%)}
.rx-ft span{position:absolute;left:16px;right:16px;bottom:14px;z-index:1}
.rx-ft b{color:#fff}.rx-ft small{color:rgba(255,255,255,.78)}
.rx-emir{display:grid;gap:10px}
.rx-gar,.rx-cupon{padding:16px;border:1px solid var(--linea2,rgba(255,255,255,.16));border-radius:16px}
.rx-eqs{display:flex;justify-content:center;align-items:flex-end;gap:6px;height:96px;margin-bottom:12px}
.rx-eqs img{height:100%;width:30%;object-fit:contain}
.rx-monto{display:block;font:800 48px/1 var(--f,Inter,sans-serif);letter-spacing:-.03em;color:var(--texto,#EEF1F5);margin-bottom:6px}
.rx-fin{margin-top:48px;text-align:center;display:grid;gap:12px}
.rx-fin .rx-p{margin:0 0 8px}
@media (min-width:701px){
  #rcBienvenida > .rc-explica{max-width:960px;padding-top:56px}
  .rx-intro{display:grid;grid-template-columns:1.1fr 1fr;column-gap:36px;align-items:center}
  .rx-ante{margin-top:0}
  .rx-h{font-size:40px}
  .rx-dibujos,.rx-fotos{grid-template-columns:repeat(3,1fr)}
  .rx-dib{grid-template-columns:1fr;grid-template-rows:auto;align-content:start;padding:18px}
  .rx-arte{grid-row:auto;margin-bottom:10px}
  .rx-dib :is(b,small){align-self:auto}
  .rx-ft{aspect-ratio:4/3}
  .rx-emir{grid-template-columns:1.4fr 1fr}
  .rx-cupon{display:flex;flex-direction:column;justify-content:center}
  .rx-cupon :is(b,small){align-self:auto}
  .rx-fin{max-width:420px;margin:56px auto 0}
}