/* SoulWever · flujo de reserva y página de la reserva. Medidas tomadas de "SoulWever Reserva" del diseño. */
.r-barra{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,calc(env(safe-area-inset-top,0px) + 10px)) clamp(16px,3.4vw,44px) 12px;pointer-events:none}
.r-barra>*{pointer-events:auto}
.r-paso-txt{display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(246,241,231,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--etiqueta);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta)}
.r-cerrar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:rgba(246,241,231,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--tinta);font-size:24px;line-height:1;text-decoration:none;box-shadow:0 6px 18px -10px rgba(42,35,27,.4)}
.r-progreso{position:absolute;left:0;right:0;top:0;height:3px;background:rgba(169,130,58,.18);pointer-events:none}
.r-progreso b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--oro),var(--oro-claro));transition:width .6s var(--curva)}

.r-partido{display:grid;grid-template-columns:minmax(0,1fr)}
.r-partido .r-foto{position:relative;min-height:56vh;overflow:hidden}
@media (min-width:900px){.r-partido{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.r-partido .r-foto{min-height:100%}}
/* Video de la bienvenida: marco con la proporción real del video, centrado y sin estirarlo (reservar_medio.js
   ajusta el tamaño: rellena si la proporción se parece a la del espacio; si no, se ve completo). Alto máximo 764/1019 px
   (420/560 agrandado un 40 % y luego un 30 %), sin pasar del alto de la pantalla. */
.r-partido .r-foto.r-foto-video{--rv-alto-max:764px;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(20px,3vw,40px)}
@media (min-width:900px){.r-partido .r-foto.r-foto-video{--rv-alto-max:1019px}}
.rv-marco{position:relative;aspect-ratio:var(--rv-ar);width:min(100%,calc(min(var(--rv-alto-max),100svh - 80px) * var(--rv-ar)));max-height:min(var(--rv-alto-max),100svh - 80px);border-radius:18px;overflow:hidden;background:var(--crema)}
.rv-marco>video,.rv-marco>.rv-respaldo{position:absolute;inset:0;width:100%;height:100%;max-width:none;display:block}
.rv-marco>.rv-respaldo{object-fit:cover}
.rv-marco>[hidden]{display:none}
.rv-pausa{position:absolute;right:12px;bottom:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(42,35,27,.42);color:#F6F1E7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;opacity:.72;transition:opacity .2s,background .2s}
.rv-pausa:hover,.rv-pausa:focus-visible{opacity:1;background:rgba(42,35,27,.62)}
.rv-pausa:focus-visible{outline:2px solid #F6F1E7;outline-offset:2px}
.rv-pausa i{display:block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}
.rv-pausa.en-pausa i{width:0;height:0;margin-left:4px;border-right:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}
.r-paso{max-width:1100px;margin:0 auto;padding:clamp(104px,14vh,140px) clamp(20px,5vw,56px) 150px;display:flex;flex-direction:column;gap:clamp(32px,4.5vw,52px)}
.r-encabezado{display:flex;flex-direction:column;gap:16px;max-width:720px}
.r-h2{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.6vw,64px);line-height:1.02;letter-spacing:-.012em}
.r-sub{font-family:var(--etiqueta);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta)}
.r-fondo{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background-color:var(--marfil)}
.r-fondo.a{background-image:radial-gradient(55% 45% at 88% 18%,rgba(226,198,140,.30),rgba(226,198,140,0) 72%),radial-gradient(50% 45% at 6% 90%,rgba(232,219,196,.85),rgba(232,219,196,0) 70%),radial-gradient(45% 40% at 55% 55%,rgba(255,249,236,.9),rgba(255,249,236,0) 70%)}
.r-fondo.b{background-image:radial-gradient(50% 45% at 12% 14%,rgba(226,198,140,.26),rgba(226,198,140,0) 72%),radial-gradient(55% 50% at 92% 86%,rgba(232,219,196,.9),rgba(232,219,196,0) 70%),radial-gradient(45% 40% at 60% 40%,rgba(255,249,236,.9),rgba(255,249,236,0) 70%)}
.r-fondo>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.r-fondo>.r-paso{position:relative}

/* Tarjetas de opción (radio) */
.op{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;text-align:left;padding:18px 20px;border-radius:16px;border:1px solid rgba(169,130,58,.4);background:transparent;color:var(--tinta);font-family:inherit;cursor:pointer;transition:border-color .3s,background .3s,box-shadow .3s}
.op[aria-checked="true"]{border:1.5px solid var(--tinta);background:var(--papel);box-shadow:0 16px 34px -24px rgba(42,35,27,.6)}
.op:disabled{cursor:not-allowed;opacity:.4}
.op .fila{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%}
.op .nombre{font-family:var(--serif);font-weight:500;font-size:23px;line-height:1.15}
.op .texto{font-size:14px;line-height:1.55;color:var(--texto)}
.punto{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(169,130,58,.6);background:transparent}
[aria-checked="true"]>.fila .punto,[aria-checked="true"] .punto{border-color:var(--tinta);background:var(--tinta);box-shadow:inset 0 0 0 3px var(--papel)}
.rejilla-op{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.rejilla-personas{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:12px}
.rejilla-personas .op{gap:6px;padding:16px 18px}
.rejilla-personas .grande{font-family:var(--serif);font-size:30px;line-height:1}
.rejilla-personas .etq{font-size:13.5px;color:var(--texto)}

/* Paso 2: modalidad y diseño de vela */
.r-dos{position:relative;max-width:1240px;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,64px);align-items:start}
@media (min-width:1000px){.r-dos{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}}
@media (max-width:999.98px){.desde-1000{display:none!important}}
@media (min-width:1000px){.hasta-1000{display:none!important}}
.pildoras{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * clamp(20px,5vw,56px));padding:4px clamp(20px,5vw,56px)}
.pildoras::-webkit-scrollbar{display:none}
.pildora{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(169,130,58,.45);background:transparent;color:var(--tinta);font-family:inherit;font-size:14.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .3s,color .3s}
.pildora[aria-selected="true"]{border-color:var(--tinta);background:var(--tinta);color:var(--marfil)}
.pildora span{opacity:.65;font-size:12px}
.rejilla-disenos{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(14px,2vw,24px)}
@media (min-width:520px){.rejilla-disenos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rejilla-disenos .op{padding:10px 10px 16px;gap:12px}
.rejilla-disenos .foto{display:block;width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--crema)}
.rejilla-disenos .foto img{width:100%;height:100%;object-fit:cover}
.rejilla-disenos .pie{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:4px 4px 0;width:100%}
.rejilla-disenos .pie .punto{margin-top:6px}
.rejilla-disenos .n{font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.15}
.rejilla-disenos .d{font-size:13.5px;line-height:1.5;color:var(--texto)}
@media (min-width:900px){.rejilla-talleres{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rejilla-talleres .foto.sin-foto{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 90% at 50% 30%,#FFFDF8 0%,#F3EADA 55%,#E6D9C2 100%)}
.rejilla-talleres .foto.sin-foto img{width:56px;height:auto;object-fit:contain;opacity:.9}
.rejilla-talleres .d{display:block}
.r-lateral{margin-top:clamp(24px,6vh,72px);padding:clamp(28px,3vw,40px) clamp(24px,2.6vw,34px);border-radius:28px;background:linear-gradient(170deg,rgba(255,251,242,.85),rgba(246,236,214,.6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(169,130,58,.35);box-shadow:0 40px 80px -60px rgba(120,86,30,.6);display:flex;flex-direction:column;gap:22px}
.r-lateral-m{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:rgba(251,248,242,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(169,130,58,.35)}
.r-vacio{padding:40px 28px;border:1px dashed rgba(169,130,58,.6);border-radius:18px;display:flex;flex-direction:column;gap:8px;max-width:640px}

/* "Fecha y hora" (data-paso="4", .r-fondo.b). Medido para que título, calendario (6 semanas), leyenda, horarios y botones quepan sin scroll
   a 1366×768: arriba 77 (barra fija 74) + encabezado 66 + 22 + calendario 499 (160 fijos + 6 semanas de días de 15vh − 62 = 53 px) + 92 abajo
   (barra de Atrás/Continuar 78) = 756. A 1440×800 los días miden 58 (787 en total) y a 1920×1080, 68 (el tope). Los horarios no tienen scroll:
   con 14 horas en 3 columnas son a lo más 6 filas; con títulos y separaciones, 106 + 6 píldoras + 4 huecos = 502 px a 768 (píldora 59, hueco 10),
   530 a 800 (64, 10) y 598 a 1080 (74, 12), sin pasar de lo que hay para el calendario (511, 540 y 792). */
.r-fondo.b>.r-paso{gap:22px;padding-top:clamp(76px,10vh,112px);padding-bottom:92px}
.r-fondo.b .r-encabezado{gap:8px}
.r-fondo.b .r-h2{font-size:clamp(28px,2.9vw,40px)}
.r-cal{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(24px,3.4vw,44px);align-items:start}
@media (min-width:900px){.r-cal{grid-template-columns:minmax(0,1.2fr) minmax(300px,1fr)}}
.calendario{position:relative;padding:clamp(14px,1.6vw,20px);border-radius:24px;background:rgba(251,248,242,.88);border:1px solid rgba(169,130,58,.28);box-shadow:0 40px 80px -60px rgba(120,86,30,.55)}
/* Atajo "Próximo día disponible": píldora sentada sobre el borde superior del calendario */
.cal-atajo{position:absolute;z-index:1;top:0;left:clamp(14px,1.6vw,20px);max-width:calc(100% - 2 * clamp(14px,1.6vw,20px));transform:translateY(-50%);display:flex;align-items:center;gap:8px;min-height:28px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(169,130,58,.55);background:#FFFDF8;color:var(--tinta);font-family:inherit;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-shadow:0 6px 14px -10px rgba(120,86,30,.55);transition:border-color .25s,transform .25s var(--curva),box-shadow .25s}
.cal-atajo::before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:var(--oro)}
@media (hover:hover){.cal-atajo:hover{border-color:var(--oro);transform:translateY(calc(-50% - 1px));box-shadow:0 8px 16px -10px rgba(120,86,30,.6)}}
.cal-cabeza{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.cal-mes{font-family:var(--serif);font-size:clamp(22px,2vw,28px);line-height:1;text-align:center}
.cal-nav{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--tinta);background:#FFFDF8;color:var(--tinta);cursor:pointer;transition:background .25s}
.cal-nav:disabled{border-color:rgba(42,35,27,.12);background:transparent;opacity:.35}
.cal-semana,.cal-dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-semana{margin-bottom:4px}
.cal-semana span{text-align:center;font-family:var(--etiqueta);font-size:10.5px;letter-spacing:.12em;color:var(--tinta-suave);padding:4px 0}
/* Días: solo los disponibles tienen caja, punto dorado de mecha y elevación al pasar el mouse.
   Pasados: solo el número, tenue (#7A6B5A, 4.7:1 sobre el calendario). Futuros sin cupo: número suave (#66594A, 6.2:1) y borde casi invisible. */
.dia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:clamp(52px,calc(15vh - 62px),68px);padding:6px 0;border-radius:14px;border:1px solid rgba(42,35,27,.06);background:transparent;color:#66594A;font-family:inherit;font-size:18px;font-weight:400;cursor:not-allowed;transition:background .25s,color .25s,transform .25s var(--curva),box-shadow .25s,border-color .25s}
.dia:disabled{opacity:1}
.dia i{display:block;width:4px;height:4px;border-radius:50%;background:transparent}
.dia.pasado{border-color:transparent;color:#7A6B5A;font-weight:300}
.dia.ok{border-color:rgba(169,130,58,.75);background:#FFFDF8;color:var(--tinta);box-shadow:0 6px 14px -12px rgba(120,86,30,.6);font-weight:500;cursor:pointer}
.dia.ok i{background:var(--oro)}
@media (hover:hover){.dia.ok:not(.sel):hover{transform:translateY(-2px);border-color:var(--oro);box-shadow:0 10px 18px -12px rgba(120,86,30,.65)}}
.dia.hoy{border:1.5px dashed var(--oro)}
.dia.sel{border:1px solid var(--tinta);background:var(--tinta);color:var(--marfil);box-shadow:0 10px 22px -12px rgba(42,35,27,.7);font-weight:500;gap:3px}
.dia.sel i{display:none}
.dia.hueco{visibility:hidden;border:0;background:transparent}
/* Llamita del día elegido: la llama de las velas de "¿Quién asiste?" en pequeño, encima del número (la única animada del calendario) */
.dia-llama{display:block;flex-shrink:0;width:8px;height:auto;aspect-ratio:40/64;overflow:visible;filter:drop-shadow(0 0 3px rgba(255,214,150,.75))}
.dia-llama .r-llama-cuerpo{animation:r-llama-parpadeo 2.6s ease-in-out infinite}
.cal-leyenda{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid rgba(169,130,58,.22);display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--tinta)}
.cal-leyenda li{display:flex;align-items:center;gap:8px}
.cal-leyenda i{display:block;width:14px;height:14px;border-radius:5px}
.cal-leyenda .ley-ok{background:#FFFDF8;border:1px solid var(--oro)}
.cal-leyenda .ley-sel{background:var(--tinta)}
.cal-leyenda .ley-hoy{border:1.5px dashed var(--oro)}
/* Foco visible solo con teclado */
.cal-nav:focus,.cal-atajo:focus,.dia:focus,.hora:focus{outline:none}
.cal-nav:focus-visible,.cal-atajo:focus-visible,.dia:focus-visible,.hora:focus-visible{outline:2px solid var(--oro);outline-offset:2px}

/* Horarios: agrupados en Mañana y Tarde; cada hora como rango, sin scroll (se ven todas). Columnas automáticas de al menos 150 px (2 en
   celular). El rango va en una línea: la letra no pasa de lo que cabe en la píldora más angosta (--hora-col menos 22 px de padding y borde),
   contando la palomita de la hora elegida (unas 7.1 em en total con el espacio entre ambas). Alto de la píldora: hasta 8.4vh, pero sin pasar
   de 15vh − 56 px desde 1100 px, para que 14 horas (6 filas en 3 columnas) quepan junto al calendario sin scroll (cuentas en "Fecha y hora", arriba). */
.horas{display:flex;flex-direction:column;gap:18px;container-type:inline-size}
.horas-grupo{display:flex;flex-direction:column;gap:6px}
.horas-etq{font-family:var(--etiqueta);font-size:10.5px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-suave)}
.horas-rejilla{--hora-col:150px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:clamp(10px,1.1vh,12px)}
@media (max-width:599px){.horas-rejilla{--hora-col:calc((100cqi - 10px) / 2);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.r4-dia{margin-bottom:14px}
.hora{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:clamp(60px,8.4vh,74px);padding:5px 10px;border-radius:16px;border:1px solid rgba(169,130,58,.6);background:#FFFDF8;color:var(--tinta);font-family:inherit;cursor:pointer;transition:all .25s}
@media (hover:hover){.hora:not(:disabled):not([aria-checked="true"]):hover{transform:translateY(-2px);border-color:var(--oro);box-shadow:0 10px 18px -12px rgba(120,86,30,.65)}}
.hora .t{display:flex;align-items:center;gap:4px;font-size:min(clamp(17px,1.3vw,19px),calc((var(--hora-col) - 22px) / 7.1));font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}
.hora .t b{display:none;color:#E2C27E;font-weight:400}
.hora .nota{font-size:10.5px;line-height:1.2;text-align:center;opacity:.85}
.hora[aria-checked="true"]{border:1.5px solid var(--tinta);background:var(--tinta);color:var(--marfil);box-shadow:0 12px 26px -14px rgba(42,35,27,.7);transform:translateY(-2px)}
.hora[aria-checked="true"] .t b{display:inline}
.hora:disabled{opacity:1;border:1px dashed rgba(42,35,27,.2);background:transparent;color:#66594A;cursor:not-allowed}

/* Datos en filas (resumen y comprobante) y miniatura del taller */
.filas{margin:0;display:flex;flex-direction:column}
.filas>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid rgba(169,130,58,.22)}
.filas dt{font-size:13px;color:var(--tinta-suave)}
.filas dd{margin:0;font-size:14px;font-weight:500;text-align:right}
.mini-vela{flex-shrink:0;width:64px;height:64px;border-radius:12px;background-color:var(--crema);background-size:cover;background-position:50% 50%}
/* La vela elegida en "¿Quién asiste?" (decorativa, hija de .r-fondo.b): mismo halo y llama (.r-vela-halo, .r-llama) y misma punta de mecha
   (--llama-x/--llama-y en % de la imagen); halo durazno en el cupcake. Con menos de 1100 px, pequeña a la derecha del título (el
   encabezado le reserva su ancho y su alto); desde 1100 px, grande, centrada entre las barras de arriba y abajo y cortada por el borde
   derecho: se ve 5/12 de su alto (62.5 % de su ancho; la llama queda a 1/12 del alto del borde). */
.r-fondo.b{--r4-vela-h:110px}
.r4-vela{position:absolute;z-index:0;top:clamp(76px,10vh,112px);right:clamp(20px,5vw,56px);display:block;height:var(--r4-vela-h);aspect-ratio:2/3;pointer-events:none}
.r4-vela[data-tipo="normal"]{--llama-x:50%;--llama-y:28.4%;--halo:212,178,106;--llama-baja:1.2%}
.r4-vela[data-tipo="ninos"]{--llama-x:50.4%;--llama-y:21.9%;--halo:240,168,128;--llama-baja:1.8%}
.r4-vela img{position:relative;z-index:1;display:none;width:auto;height:100%;max-width:none;object-fit:contain;filter:saturate(.82) brightness(.97);transition:filter .6s var(--curva)}
.r4-vela[data-tipo="normal"] img[data-vela="normal"],.r4-vela[data-tipo="ninos"] img[data-vela="ninos"]{display:block}
.r4-vela picture{display:contents}
.r4-vela.encendida img{filter:none}
.r4-vela.encendida .r-llama{opacity:1;transform:translate(-50%,-93%) scale(1);transition:opacity .3s ease,transform .4s var(--curva)}
.r4-vela.encendida .r-llama-cuerpo{animation:r-llama-parpadeo 2.6s ease-in-out infinite}
.r4-vela.encendida .r-vela-halo{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (max-width:1099px){.r-fondo.b .r-encabezado{min-height:var(--r4-vela-h);padding-right:calc(var(--r4-vela-h) * 2 / 3 + 16px)}}
@media (max-width:599px){.r-fondo.b{--r4-vela-h:90px}}
/* Escritorio: la vela llega lo más grande posible con la punta de la mecha a la altura del pie del título (padding de arriba + 66 px de
   encabezado) y la base justo encima de la barra de abajo (78 px + 4 de aire): alto = (100vh − 148 px − padding) / tramo, donde el tramo es
   lo que va de la mecha a la base en el lienzo (vela .688, cupcake .751; --r4-mecha es la mecha en fracción del alto), con tope de 1300 px.
   La llama queda por debajo del botón cerrar. Usa *-grande.webp: el original a 1:1 en 1024×1536 (más ancho que el lienzo del paso 1), por eso
   la punta de la mecha y la llama tienen aquí sus propios %.
   Todo el paso (y los botones de abajo, .r-nav.r4-nav) se corre a la izquierda solo si no le cabe el ancho visible de la vela más alta
   (--r4-vela-h, la de "Tu momento") + 24 px de aire (--r4-mr: margen derecho = lo que falte después del padding). 1920×1080: vela 1198,
   97 px · 1440×800: vela 831, 184 px · 1366×768: vela 790, 204 px. La columna de horarios mide al menos 480 px (3 columnas de 150). El halo,
   más grande y suave, se abre hacia la izquierda por debajo del contenido. */
@media (min-width:1100px){
  .r-fondo.b,.r-nav{--r4-vela-h:min(calc((100vh - 148px - clamp(76px,10vh,112px)) / .688),1300px);--r4-pad:clamp(20px,5vw,56px);--r4-mr:max(calc((100% - 1180px) / 2),calc(var(--r4-vela-h) * 5 / 12 + 24px - var(--r4-pad)))}
  .r4-vela{--r4-alto:min(calc((100vh - 148px - clamp(76px,10vh,112px)) / var(--r4-tramo)),1300px);height:var(--r4-alto);top:calc(clamp(76px,10vh,112px) + 66px - var(--r4-alto) * var(--r4-mecha));right:calc(var(--r4-alto) / -4)}
  .r4-vela[data-tipo="normal"]{--llama-x:50%;--llama-y:27.5%;--r4-mecha:.275;--r4-tramo:.688}
  .r4-vela[data-tipo="ninos"]{--llama-x:50.4%;--llama-y:21.2%;--r4-mecha:.212;--r4-tramo:.751}
  .r4-vela .r-llama{width:9.7%}
  .r4-vela .r-vela-halo{left:calc(var(--llama-x) - 39%);top:calc(var(--llama-y) + 10%);width:252%;aspect-ratio:1.3;background:radial-gradient(closest-side,rgba(var(--halo),.34) 0,rgba(var(--halo),.16) 38%,rgba(var(--halo),.05) 68%,rgba(var(--halo),0) 100%)}
  .r-fondo.b>.r-paso{z-index:1;margin-left:auto;margin-right:var(--r4-mr)}
  .r-fondo.b .r-cal{grid-template-columns:minmax(0,1.2fr) minmax(min(480px,48%),1fr)}
  .r-fondo.b .hora{min-height:max(48px,min(clamp(60px,8.4vh,74px),calc(15vh - 56px)))}
  .r-nav.r4-nav{padding-left:0;padding-right:0}
  .r-nav.r4-nav>div{max-width:none;width:calc(min(1180px,100% - var(--r4-mr)) - 2 * var(--r4-pad));margin-left:auto;margin-right:calc(var(--r4-mr) + var(--r4-pad))}
}
/* "Continuar" con día y hora elegidos: un resplandor cálido, una vez (solo en este paso; reservar.js pone la clase) */
.r-continuar.r4-listo{animation:r4-resplandor 1.4s var(--curva) 1}
@keyframes r4-resplandor{0%{box-shadow:0 6px 18px -8px rgba(212,178,106,0)}35%{box-shadow:0 8px 30px -4px rgba(212,178,106,.75)}100%{box-shadow:0 6px 18px -8px rgba(212,178,106,0)}}
/* Movimiento reducido: llama fija, sin parpadeo ni deslizamientos */
html.mov-reducido .r4-vela img,html.mov-reducido .r4-vela .r-llama,html.mov-reducido .r4-vela .r-vela-halo,html.mov-reducido .dia,html.mov-reducido .cal-atajo{transition:none}
html.mov-reducido .r4-vela .r-llama-cuerpo,html.mov-reducido .dia-llama .r-llama-cuerpo,html.mov-reducido .r-continuar.r4-listo{animation:none}
html.mov-reducido .dia.ok:not(.sel):hover,html.mov-reducido .cal-atajo:hover,html.mov-reducido .hora:not([aria-checked="true"]):hover{transform:none}
html.mov-reducido .cal-atajo:hover{transform:translateY(-50%)}
@media (prefers-reduced-motion:reduce){
  .r4-vela img,.r4-vela .r-llama,.r4-vela .r-vela-halo,.dia,.cal-atajo{transition:none}
  .r4-vela .r-llama-cuerpo,.dia-llama .r-llama-cuerpo,.r-continuar.r4-listo{animation:none}
}

/* Paso 4: resumen · Paso 5: formulario */
.r-resumen{padding:clamp(22px,3vw,34px);border-radius:22px;background:var(--papel);border:1px solid rgba(169,130,58,.35);box-shadow:0 30px 60px -40px rgba(42,35,27,.55);display:flex;flex-direction:column;gap:18px}
.r-form{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
@media (min-width:900px){.r-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.r-form fieldset{margin:0;min-width:0;display:flex;flex-direction:column}
.etiqueta-campo{display:flex;flex-direction:column;gap:6px}
.etiqueta-campo>span:first-child{font-size:13.5px;color:var(--tinta)}
.etiqueta-campo .req{color:var(--error)}
.etiqueta-campo .opc{color:var(--tinta-suave);font-size:12px}
.entrada{min-height:50px;padding:0 16px;border-radius:12px;border:1px solid rgba(169,130,58,.5);background:#FFFDF8;color:var(--tinta);font-size:16px;width:100%}
textarea.entrada{padding:12px 16px;min-height:96px;resize:vertical;font-family:inherit;line-height:1.5}
.entrada[aria-invalid="true"]{border-color:var(--error)}
.err{min-height:16px;font-size:12.5px;color:var(--error)}
.caja-banco{margin:0;padding:16px 18px;border-radius:14px;background:var(--marfil);border:1px solid rgba(169,130,58,.25);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;font-size:14px}
.caja-banco dt{color:var(--tinta-suave)} .caja-banco dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.archivo{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:14px;border:1.5px dashed rgba(169,130,58,.7);background:rgba(255,253,248,.7)}
.archivo input[type="file"]{font-size:14px;max-width:100%}
.archivo input[type="file"]::file-selector-button{margin-right:12px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--tinta);background:transparent;color:var(--tinta);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.alerta{padding:10px 14px;border-radius:10px;background:rgba(154,46,31,.08);color:var(--error);font-size:13.5px;line-height:1.5}

/* Navegación inferior de pasos */
.r-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:14px clamp(16px,4vw,40px) max(14px,calc(env(safe-area-inset-bottom,0px) + 10px));background:linear-gradient(to top,rgba(246,241,231,.97) 60%,rgba(246,241,231,0));pointer-events:none}
.r-nav>div{width:100%;max-width:1100px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:auto}
.r-continuar{min-height:50px;padding:0 30px;border:0;border-radius:999px;background:var(--tinta);color:var(--marfil);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s}
.r-continuar:disabled{opacity:1;background:rgba(42,35,27,.25)}

/* Página de la reserva (confirmación y comprobante) */
.fin{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--tinta);color:var(--marfil)}
.fin-contenido{position:relative;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:clamp(56px,10vh,120px) clamp(24px,6vw,88px)}
.fin-tarjeta{position:relative;padding:clamp(18px,2.4vw,26px);border-radius:18px;border:1px solid rgba(212,178,106,.45);background:linear-gradient(160deg,rgba(246,241,231,.07),rgba(246,241,231,.02));box-shadow:0 30px 60px -40px rgba(0,0,0,.8);display:flex;flex-direction:column;gap:4px}
.fin-tarjeta .filas>div{border-top-color:rgba(212,178,106,.22)}
.fin-tarjeta .filas dt{font-size:13.5px;color:#DDD3C3}
.fin-tarjeta .filas dd{color:var(--marfil)}
.fin-tarjeta h2{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.1;color:var(--marfil);padding-bottom:8px}
.fin-mini{font-family:var(--etiqueta);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--oro-claro);padding-bottom:8px}
.fin .entrada{background:rgba(246,241,231,.06);border-color:rgba(212,178,106,.45);color:var(--marfil)}
.fin .etiqueta-campo>span:first-child{color:var(--marfil)} .fin .etiqueta-campo .opc{color:#DDD3C3}
.fin .archivo{background:rgba(246,241,231,.04);border-color:rgba(212,178,106,.6)}
.fin .archivo input[type="file"]{color:#DDD3C3}
.fin .archivo input[type="file"]::file-selector-button{border-color:var(--oro-claro);color:var(--marfil)}
.fin-aviso{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}
.fin-aviso.ok{border:1px solid rgba(212,178,106,.6);background:rgba(212,178,106,.12);color:var(--marfil)}
.fin-aviso.error{border:1px solid #E5A093;background:rgba(229,160,147,.12);color:#F6D5CE}
.btn-oro-oscuro{border:1px solid var(--oro-claro);background:transparent;color:var(--marfil);-webkit-text-fill-color:var(--marfil)}
.btn-oro-oscuro:hover{background:rgba(212,178,106,.14);border-color:#E2C27E;color:var(--marfil)}
.estado-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid rgba(212,178,106,.6);font-size:12.5px;font-weight:500;color:var(--marfil)}
.estado-chip::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--oro-claro)}
.estado-chip.confirmada::before{background:#9FD49A} .estado-chip.rechazada::before,.estado-chip.expirada::before,.estado-chip.cancelada::before{background:#E5A093}
/* Botón de la bienvenida con forma de cera derretida (cuerpo redondeado, borde inferior ondulado y una gota).
   La forma es una máscara SVG estirada al tamaño del botón; el texto va más arriba para quedar centrado en el cuerpo, no en la gota. */
.r-comenzar{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:.5em;white-space:nowrap;min-height:78px;padding:0 1.9em 13px 2em;border:0;background:linear-gradient(180deg,#5A341D,#4E2B17);color:#F3E4CD;font-family:var(--serif);font-size:23px;font-weight:500;letter-spacing:.005em;cursor:pointer;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1612 430' preserveAspectRatio='none'%3E%3Cpath d='M180 0H1430C1530 0 1612 80 1612 185C1612 300 1560 395 1480 397C1300 400 1200 375 1050 372C900 369 800 385 650 382C560 380 500 372 440 377C410 380 405 395 400 405C392 422 382 427 370 427C356 427 345 420 337 405C330 390 322 372 300 365C240 355 200 362 150 362C60 360 0 290 0 185C0 85 80 0 180 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1612 430' preserveAspectRatio='none'%3E%3Cpath d='M180 0H1430C1530 0 1612 80 1612 185C1612 300 1560 395 1480 397C1300 400 1200 375 1050 372C900 369 800 385 650 382C560 380 500 372 440 377C410 380 405 395 400 405C392 422 382 427 370 427C356 427 345 420 337 405C330 390 322 372 300 365C240 355 200 362 150 362C60 360 0 290 0 185C0 85 80 0 180 0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  transition:transform .45s var(--curva),filter .3s,gap .45s var(--curva),padding .45s var(--curva)}
.r-comenzar:hover{transform:translateY(-3px);filter:brightness(1.12);gap:.8em;padding-right:1.6em}
.r-comenzar:focus-visible{outline:none;filter:brightness(1.18)}

/* ---------- Página de la reserva: versión compacta ---------- */
.fin{overflow:clip}
.fin .r-foto{min-height:0;height:32vh}
.fin-contenido{gap:16px;padding:28px 20px 48px;justify-content:flex-start;width:100%;max-width:680px;margin:0 auto}
@media (min-width:900px){
  .fin.r-partido{grid-template-columns:minmax(0,36fr) minmax(0,64fr)}
  .fin .r-foto{position:sticky;top:0;height:100vh;height:100svh;align-self:start}
  .fin-contenido{padding:clamp(72px,9vh,96px) clamp(28px,4vw,56px) 56px;margin:0}
}
.fin-tarjeta{padding:16px 18px;border-radius:14px;gap:2px}
.fin-tarjeta .filas>div,.fin-plegable .filas>div{padding:7px 0;gap:14px}
.fin-tarjeta .filas dt,.fin-plegable .filas dt{font-size:12.5px;color:#DDD3C3}
.fin-tarjeta .filas dd,.fin-plegable .filas dd{font-size:13.5px;color:var(--marfil)}
.fin-plegable .filas>div{border-top-color:rgba(212,178,106,.22)}
.fin-mini{font-size:10.5px}
.estado-chip{font-size:12px;padding:4px 10px}
.fin-aviso{font-size:13.5px;padding:10px 14px}
.fin-recibido{position:relative;display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:12px;border:1px solid rgba(159,212,154,.5);background:rgba(159,212,154,.08);font-size:13.5px;line-height:1.5;color:var(--marfil)}
.fin-recibido>span:first-child{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#9FD49A;color:var(--tinta);font-size:12px;line-height:20px;text-align:center;font-weight:500}
.fin-plegable{position:relative;border-radius:14px;border:1px solid rgba(212,178,106,.4);background:linear-gradient(160deg,rgba(246,241,231,.06),rgba(246,241,231,.02))}
.fin-plegable>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:0 18px;font-size:14.5px;font-weight:500;color:var(--marfil);border-radius:14px}
.fin-plegable>summary::-webkit-details-marker{display:none}
.fin-plegable>summary::after{content:'';flex-shrink:0;width:8px;height:8px;border-right:1.5px solid var(--oro-claro);border-bottom:1.5px solid var(--oro-claro);transform:rotate(45deg) translate(-2px,-2px);transition:transform .35s var(--curva)}
.fin-plegable[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.fin-plegable>summary:hover{background:rgba(212,178,106,.08)}
.fin-plegable-cuerpo{padding:2px 18px 16px}
.fin-plegable.discreto{border-style:dashed;border-color:rgba(212,178,106,.35);background:transparent}
.fin-plegable.discreto>summary{min-height:44px;font-size:13.5px;font-weight:400;color:#DDD3C3}
.fin-plegable.discreto[open]>summary{color:var(--marfil)}
.fin .entrada{min-height:44px;font-size:15px}
.fin .archivo{padding:12px 14px;gap:6px}
.fin .btn{min-height:44px;font-size:14.5px;padding:0 22px}
.fin-cancelar{min-height:44px;padding:0 6px;border:0;background:transparent;color:#DDD3C3;font-family:inherit;font-size:13.5px;text-decoration:underline;text-decoration-color:rgba(212,178,106,.6);text-underline-offset:3px;cursor:pointer}
.fin-cancelar:hover{color:var(--marfil)}

/* ---------- Paso 5 · Datos y pago (".r5"): encabezado con total, secciones numeradas a la izquierda y tarjeta de pago a la derecha.
   Solo colores y fuentes del sitio; los tonos durazno salen de mezclar --oro-claro con el fondo. ---------- */
.r5{--r5-durazno:color-mix(in srgb,var(--oro-claro) 22%,var(--marfil));--r5-durazno-claro:color-mix(in srgb,var(--oro-claro) 11%,var(--papel));--r5-borde:color-mix(in srgb,var(--arena) 60%,var(--papel));counter-reset:r5;padding-bottom:160px}
.r5 ::selection{background:rgba(169,130,58,.24);color:var(--tinta)}
.r5-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px}
.r5 .r-encabezado{gap:14px;min-width:0}
.r5 .eyebrow{letter-spacing:.26em;color:var(--tinta-suave)}
.r5 .eyebrow>i{width:48px}
.r5 .r-h2{font-size:clamp(2.6rem,4.6vw,4.4rem);line-height:1.04;text-wrap:balance;overflow-wrap:break-word}
.r5-total{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0;font-size:14.5px;color:var(--tinta-suave)}
.r5-total .r5-monto{display:block;max-width:100%;padding:14px 28px 16px;border-radius:18px;background:var(--r5-durazno);font-family:var(--serif);font-size:clamp(34px,3.8vw,48px);font-weight:500;line-height:1;color:var(--tinta);font-variant-numeric:lining-nums;overflow-wrap:anywhere}

.r5 .r-form{grid-template-columns:minmax(0,1fr);gap:clamp(48px,6vw,64px)}
@media (min-width:1000px){.r5 .r-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.r5-datos{display:flex;flex-direction:column;gap:clamp(40px,5vw,56px);min-width:0}
.r5 .r-form .r5-seccion{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;border:0;min-width:0}
.r5-lista{display:flex;flex-direction:column;gap:16px}

/* Título de sección: círculo numerado + mayúsculas espaciadas + línea fina hasta el borde.
   La leyenda flota para acomodarse como un elemento más (y no sobre el borde de la tarjeta). */
.r5 .r5-cab,.r5 .etiqueta-campo>.r5-cab{counter-increment:r5;float:left;display:flex;align-items:center;gap:16px;width:100%;margin:0 0 6px;padding:0;font-family:var(--etiqueta);font-size:13px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;line-height:1.4;color:var(--tinta)}
.r5 .r5-cab::before{content:counter(r5);flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--r5-durazno);font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:0;color:var(--tinta)}
.r5 .r5-cab::after{content:'';flex:1 1 24px;min-width:24px;height:1px;background:rgba(169,130,58,.32)}
.r5 .r5-cab>span{min-width:0;overflow-wrap:break-word}
.r5 .r5-cab .opc{font-size:11px;letter-spacing:.14em;color:var(--tinta-suave)}

/* Campos */
.r5-par{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
@media (min-width:560px){.r5-par{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.r5 .etiqueta-campo{gap:8px;min-width:0}
.r5 .etiqueta-campo>span:first-child:not(.r5-cab){font-size:14.5px;line-height:1.4;color:var(--tinta)}
.r5 .req{color:var(--oro)}
.r5 .etiqueta-campo .opc{font-size:12.5px}
.r5 .entrada{min-height:52px;padding:0 16px 0 48px;border:1px solid var(--r5-borde);border-radius:12px;background-color:#FFFDF8;background-repeat:no-repeat;background-position:16px 50%;background-size:20px 20px;color:var(--tinta);caret-color:var(--oro);font-size:16px;text-overflow:ellipsis;transition:border-color .2s,box-shadow .2s,background-color .2s}
.r5 textarea.entrada{min-height:132px;padding:14px 16px 14px 48px;background-position:16px 15px;line-height:1.55}
.r5 .entrada::placeholder{color:color-mix(in srgb,var(--tinta-suave) 82%,#FFFDF8);opacity:1}
.r5 .entrada:hover{border-color:rgba(169,130,58,.55)}
.r5 .entrada:focus{outline:none;border-color:var(--oro);background-color:#fff;box-shadow:0 0 0 4px rgba(169,130,58,.22)}
.r5 .entrada[aria-invalid="true"],.r5 .etiqueta-campo:has(.err:not(:empty)) .entrada{border-color:var(--error);box-shadow:0 0 0 3px rgba(154,46,31,.09)}
.r5 .entrada[aria-invalid="true"]:focus{box-shadow:0 0 0 4px rgba(154,46,31,.16)}
.r5 .err{font-size:13px;line-height:1.45;color:var(--error)}
.r5 .err:empty{min-height:0}
/* Iconos lineales de los campos (SVG propios, trazo fino en --tinta-suave) */
.r5 input[name="nombre"],.r5 input[name="asistentes[]"],.r5 input[name$="[nombre]"],.r5 input[name="recoge_nombre"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.2' r='3.7'/%3E%3Cpath d='M4.8 20c.9-3.7 3.8-5.7 7.2-5.7s6.3 2 7.2 5.7'/%3E%3C/svg%3E")}
.r5 input[name="correo"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E")}
.r5 input[name="telefono"],.r5 input[name$="[telefono]"],.r5 input[name="recoge_telefono"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.8h2.6l1.4 4-2 1.4a11 11 0 0 0 6.2 6.2l1.4-2 4 1.4v2.6a2 2 0 0 1-2.2 2A16.6 16.6 0 0 1 4.6 6a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E")}
.r5 textarea[name="notas"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a1.5 1.5 0 0 1 1.5 1.5v8.5a1.5 1.5 0 0 1-1.5 1.5h-8.5L6 20v-4H5a1.5 1.5 0 0 1-1.5-1.5v-8A1.5 1.5 0 0 1 5 5z'/%3E%3C/svg%3E")}
.r5 input[name="numero_transferencia"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M10 4 8.5 20M16 4l-1.5 16M5 9h15M4 15h15'/%3E%3C/svg%3E")}
.r5 input[name="monto_declarado"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235C4F40' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='11.5' cy='11' r='6.5'/%3E%3Cpath d='m14.5 15 4.5 5'/%3E%3C/svg%3E")}
/* Horario de niños: campos sin ícono (edad, parentesco), fotos opcionales y casillas */
.r5 .entrada.r5-simple{padding-left:16px}
.r5 .r5-foto input[type="file"]{font-size:13.5px;color:var(--tinta-suave)}
.r5-check{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;line-height:1.45;color:var(--tinta);cursor:pointer}
.r5-check input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--tinta)}
.r5-persona{display:flex;flex-direction:column;gap:12px;padding:16px 0 4px;border-top:1px solid var(--r5-borde)}
.r5-persona>b{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;line-height:1.2;color:var(--tinta)}

/* Tarjeta de pago */
.r5 .r-form .r5-pago{gap:18px;min-width:0;margin:0;padding:clamp(22px,2.8vw,34px);border:1px solid rgba(169,130,58,.16);border-radius:20px;background:var(--papel);box-shadow:0 1px 2px rgba(42,35,27,.04),0 28px 56px -32px rgba(42,35,27,.3)}
.r5-metodos{display:flex;flex-direction:column;gap:10px}
.r5 .r5-metodo{min-height:68px;padding:12px 18px 12px 12px;border:1px solid rgba(169,130,58,.32);border-radius:16px;background:var(--r5-durazno-claro);transition:border-color .2s,background .2s,box-shadow .2s}
.r5 .r5-metodo:hover:not(:disabled){border-color:rgba(169,130,58,.7)}
.r5 .r5-metodo[aria-checked="true"]{border:1px solid var(--oro);background:var(--r5-durazno);box-shadow:0 12px 26px -20px rgba(42,35,27,.55)}
.r5 .r5-metodo:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.r5 .r5-metodo .fila{justify-content:flex-start;gap:16px}
.r5-metodo-ico{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--r5-durazno);transition:background .2s}
.r5-metodo[aria-checked="true"] .r5-metodo-ico{background:color-mix(in srgb,var(--oro-claro) 38%,var(--marfil))}
.r5-metodo-ico svg,.r5-doc svg,.r5-subir svg{width:24px;height:24px;fill:none;stroke:var(--tinta-suave);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.r5-metodo-nombre{flex:1;min-width:0;font-size:16.5px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}
.r5 .r5-metodo .punto{width:22px;height:22px;transition:border-color .2s,background .2s,box-shadow .2s}
.r5 .r5-metodo[aria-checked="true"] .punto{border-color:var(--tinta);background:var(--tinta);box-shadow:inset 0 0 0 5px var(--r5-durazno)}
.r5-nota{margin:-8px 0 0;font-size:13px;line-height:1.5;color:var(--tinta-suave)}
.r5-panel{display:flex;flex-direction:column;gap:18px;animation:r5-aparece .35s var(--curva) both}

.r5 .caja-banco{column-gap:0;row-gap:10px;padding:20px 22px;border:0;border-radius:16px;background:var(--r5-durazno-claro);font-size:14.5px;line-height:1.4}
.r5 .caja-banco dt{padding-right:24px;color:var(--tinta-suave)}
.r5 .caja-banco dd{color:var(--tinta)}
.r5 .caja-banco .r5-a-transferir{align-self:center;margin-top:6px;padding-top:14px;border-top:1px solid rgba(169,130,58,.32)}
.r5 .caja-banco dt.r5-a-transferir{font-size:15px;font-weight:500;color:var(--tinta)}
.r5 .caja-banco dd.r5-a-transferir{text-align:right}
.caja-banco .r5-monto{display:inline-block;max-width:100%;padding:8px 16px 9px;border-radius:12px;background:var(--r5-durazno);font-family:var(--serif);font-size:clamp(26px,2.6vw,32px);font-weight:600;line-height:1;font-variant-numeric:lining-nums;overflow-wrap:anywhere;text-align:center}

/* Comprobante: el campo de archivo real queda oculto y accesible; la píldora es su etiqueta. */
.r5 .r5-archivo{position:relative;flex-direction:row;align-items:flex-start;gap:16px;padding:20px 22px;border:1px dashed rgba(169,130,58,.55);border-radius:16px;background:transparent;transition:border-color .2s,background .2s}
.r5 .r5-archivo:hover,.r5 .r5-archivo:focus-within{border-color:var(--oro);background:color-mix(in srgb,var(--r5-durazno-claro) 60%,transparent)}
.r5 .r5-archivo:has(.err:not(:empty)){border-color:var(--error);background:rgba(154,46,31,.035)}
.r5-doc{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--r5-durazno-claro);border:1px solid rgba(169,130,58,.18)}
.r5-archivo-cuerpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.r5-archivo-titulo{font-size:15px;font-weight:500;line-height:1.4;color:var(--tinta);overflow-wrap:break-word}
.r5-archivo-titulo .opc{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--tinta-suave)}
.r5-oculto{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.r5-subir{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:6px;padding:0 20px;border:1px solid rgba(169,130,58,.42);border-radius:999px;background:var(--r5-durazno-claro);color:var(--tinta);font-size:15px;font-weight:500;text-align:center;cursor:pointer;transition:background .2s,border-color .2s,transform .2s var(--curva)}
.r5-subir svg{width:20px;height:20px;stroke:var(--tinta)}
.r5-subir:hover{background:var(--r5-durazno);border-color:var(--oro)}
.r5-subir:active{transform:scale(.985)}
.r5-oculto:focus-visible~.r5-subir{outline:2px solid var(--oro);outline-offset:3px}
.r5-elegido{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font-size:14px;color:var(--tinta);animation:r5-aparece .35s var(--curva) both}
.r5-elegido svg{flex-shrink:0;width:20px;height:20px;fill:none;stroke:var(--oro);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.r5-elegido span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r5-check{stroke-dasharray:12;stroke-dashoffset:12;animation:r5-trazo .4s .15s var(--curva) forwards}
.r5-formatos{font-size:12.5px;color:var(--tinta-suave)}

.r5-ayuda{margin:-6px 0 0;font-size:12.5px;line-height:1.55;color:var(--tinta-suave)}
.r5-info{position:relative;margin:0;padding:16px 18px 16px 56px;border-radius:14px;background:var(--r5-durazno-claro);font-size:13.5px;line-height:1.6;color:var(--texto)}
.r5-info::before{content:'';position:absolute;left:18px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--tinta-suave) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E7' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 11v6'/%3E%3Ccircle cx='12' cy='7.4' r='.4' fill='%23F6F1E7'/%3E%3C/svg%3E") center/18px no-repeat}
.r5-info b{font-weight:500;color:var(--tinta)}
.r5-efectivo{gap:12px;padding:18px 20px;border-radius:16px;background:var(--r5-durazno-claro);border:1px solid rgba(169,130,58,.22)}
.r5-chip{align-self:flex-start;padding:5px 12px;border-radius:999px;background:var(--tinta);color:var(--marfil);font-size:12px;font-weight:500}
.r5-efectivo p{font-size:14px;line-height:1.6;color:var(--tinta)}
.r5 .alerta{margin:0;padding:12px 16px;border:1px solid rgba(154,46,31,.22);border-radius:12px;background:rgba(154,46,31,.05);animation:r5-aparece .3s var(--curva) both}

/* Botón principal: el mismo .btn-tinta del sitio, a todo el ancho, con flecha y estado de envío */
.r5 .r5-confirmar{width:100%;min-height:58px;margin-top:6px;padding:0 28px;gap:12px;font-size:16px;white-space:normal;box-shadow:0 12px 26px -18px rgba(42,35,27,.6);transition:transform .2s var(--curva),box-shadow .2s,background .2s,opacity .2s}
.r5 .r5-confirmar::after{content:'';flex-shrink:0;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E7' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13.5 6.5 19 12l-5.5 5.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s var(--curva)}
.r5 .r5-confirmar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 34px -20px rgba(42,35,27,.65)}
.r5 .r5-confirmar:hover:not(:disabled)::after{transform:translateX(3px)}
.r5 .r5-confirmar:active:not(:disabled){transform:translateY(0)}
.r5 .r5-confirmar:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.r5 .r5-confirmar:disabled{cursor:progress;opacity:.82;box-shadow:none}
.r5 .r5-confirmar:disabled::after{width:16px;height:16px;border:1.5px solid rgba(246,241,231,.3);border-top-color:var(--marfil);border-radius:50%;background:none;animation:r5-gira .8s linear infinite}

@keyframes r5-aparece{from{opacity:0;transform:translateY(6px)}}
@keyframes r5-trazo{to{stroke-dashoffset:0}}
@keyframes r5-gira{to{transform:rotate(1turn)}}

@media (max-width:559.98px){
  .r5 .r-form .r5-pago{padding:20px 18px;border-radius:18px}
  .r5 .r5-archivo{padding:18px 16px;gap:12px}
  .r5-doc{width:44px;height:44px}
  .r5 .caja-banco{padding:16px 18px}
  .r5 .caja-banco dt{padding-right:16px}
  .r5 .r5-cab::before{width:38px;height:38px;font-size:19px}
}
html.mov-reducido .r5 *,html.mov-reducido .r5 *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
@media (prefers-reduced-motion:reduce){.r5 *,.r5 *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Bienvenida: cabe completa en la pantalla sin desplazarse (el video se achica lo necesario) */
.r-partido[data-paso="0"]{height:100vh;height:100svh;min-height:0 !important;overflow:hidden}
.r-partido[data-paso="0"] .r-foto.r-foto-video{--rv-alto-max:calc(100svh - 120px);padding:clamp(16px,2.4vw,30px)}
@media (max-width:899.98px){
  /* En celular y tableta la bienvenida puede desplazarse: el video toma un tamaño real (antes el script leía "100%" como 100 px). */
  .r-partido[data-paso="0"]{height:auto;min-height:100svh !important;overflow:visible;grid-template-rows:auto auto}
  .r-partido[data-paso="0"]>div:first-child{padding-top:clamp(64px,9vh,90px) !important;padding-bottom:8px !important;gap:14px !important}
  .r-partido[data-paso="0"] .r-foto{min-height:0}
  .r-partido[data-paso="0"] .r-foto.r-foto-video{--rv-alto-max:520px;padding:10px 16px 32px}
  .r-partido[data-paso="0"] .rv-marco{max-height:none;max-width:100%}
}
@media (min-width:600px) and (max-width:899.98px){
  .r-partido[data-paso="0"] .r-foto.r-foto-video{--rv-alto-max:640px}
}
/* Bienvenida en escritorio: todo se ajusta al ALTO de la pantalla (título, espacios y video) para que el botón quede siempre a la vista.
   Arriba se deja libre el alto de la barra fija (idioma y cerrar, ~62px). Pisa los estilos en línea de reservar.php solo en este paso. */
@media (min-width:900px){
  .r-partido[data-paso="0"]>div:first-child{padding-top:clamp(84px,12svh,128px) !important;padding-bottom:clamp(20px,5svh,72px) !important;gap:clamp(12px,2.4svh,32px) !important}
  /* Columna de textos un poco más ancha (el video, más angosto que su columna, no cambia de tamaño) */
  .r-partido[data-paso="0"]{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .r-partido[data-paso="0"] .eyebrow{font-size:clamp(12px,.6svh + 8.5px,14px)}
  .r-partido[data-paso="0"] h1{font-size:clamp(34px,min(4.14vw,12svh - 30px),92px) !important;line-height:1.06 !important}
  .r-partido[data-paso="0"] [data-wx="para"]{font-size:clamp(15px,min(1.61vw,4svh - 11px),24px) !important;line-height:1.55 !important}
  .r-partido[data-paso="0"] [data-wx="cta"]{margin-top:clamp(4px,1.2svh,12px) !important}
  .r-partido[data-paso="0"] .r-comenzar{min-height:clamp(74px,13svh - 18px,104px);font-size:clamp(22px,4svh - 8px,30px);padding-bottom:clamp(12px,2svh,18px)}
  /* Video lo más alto posible: la barra fija no lo pisa (idioma a la izquierda, cerrar fuera del marco centrado) */
  .r-partido[data-paso="0"] .r-foto.r-foto-video{--rv-alto-max:calc(100svh - 2 * clamp(12px,1.8svh,20px));padding:clamp(12px,1.8svh,20px) clamp(16px,2.4vw,30px)}
  .r-partido[data-paso="0"] .rv-marco{max-height:var(--rv-alto-max)}
}

/* ===== Paso 1 · ¿Quién asiste? (Tu Momento / Mini Momentos). Dos velas ilustradas separadas por una línea dorada (assets/img/reservar/vela-tu-momento.webp y
   vela-mini-momentos.webp, con @2x: mismo lienzo 2:3 con la base abajo, así miden igual). Al elegir una se enciende su llama (SVG del markup, sobre
   la punta de la mecha: --llama-x/--llama-y en % de la imagen; --llama-baja la baja un poco para que tape parte de la mecha, también en
   "Fecha y hora") y se abre debajo el panel compartido, con una flecha hacia la vela elegida.
   Espacios medidos para que el paso completo (título, velas, panel y botones) quepa sin scroll a 1366×768. ===== */
.r-paso.r-quien{padding-top:62px;padding-bottom:80px;gap:clamp(6px,1vh,12px)}
.r-quien .r-encabezado{gap:4px}
.r-quien .eyebrow{font-size:14px}
.r-quien .r-h2{font-size:clamp(30.6px,2.8vw,39.6px)}
/* La escena es el contenedor de las fotos y del panel: los cqw de la flecha son de su ancho (cada foto queda en el 25 % / 75 %) */
.r-quien-escena{container-type:inline-size;width:100%;max-width:840px;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.r-quien-velas{--vela-h:min(clamp(330px,60vh,500px),60cqw);position:relative;margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;width:100%}
/* Separación: línea vertical fina dorada en medio de las dos fotos, que se desvanece en los extremos. El alto no pasa de 60cqw para que quepan en su columna (fotos 4:5). */
.r-quien-velas::before{content:"";position:absolute;z-index:0;left:50%;top:calc(var(--vela-h) * .12);height:calc(var(--vela-h) * .76);width:1px;background:linear-gradient(to bottom,rgba(212,178,106,0),var(--oro-claro) 30%,var(--oro) 50%,var(--oro-claro) 70%,rgba(212,178,106,0));transform:translateX(-50%)}
.r-vela{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;margin:0;padding:0;border:0;border-radius:14px;background:transparent;color:var(--tinta);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Foto: bordes difuminados con máscara rectangular (radio 20px) con borde suave de 1.2 % por lado, sin marco; detrás, resplandor dorado que aparece al elegirla */
.r-vela-figura{position:relative;display:block;height:var(--vela-h);aspect-ratio:4/5;transform-origin:50% 100%;transition:transform .45s ease,filter .45s ease,opacity .45s ease}
.r-vela-figura::before{content:"";position:absolute;z-index:0;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(212,178,106,.35),rgba(212,178,106,.12) 60%,rgba(212,178,106,0));opacity:0;pointer-events:none;transition:opacity .45s ease}
.r-vela-figura img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:20px;--mf:linear-gradient(to right,transparent 0,#000 1.2%,#000 98.8%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 1.2%,#000 98.8%,transparent 100%);-webkit-mask-image:var(--mf);-webkit-mask-composite:source-in;mask-image:var(--mf);mask-composite:intersect}
.r-vela-halo{position:absolute;z-index:0;left:var(--llama-x);top:calc(var(--llama-y) + 6%);width:130%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--halo),.42) 0,rgba(var(--halo),.18) 32%,rgba(var(--halo),0) 66%);transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;transition:opacity .5s var(--curva),transform .6s var(--curva)}
/* Llama: crece desde la mecha (el punto 50 % / 93 % del dibujo queda en la punta); al apagarse, fundido corto */
.r-llama{position:absolute;z-index:2;left:var(--llama-x);top:calc(var(--llama-y) + var(--llama-baja,0%));width:10%;height:auto;aspect-ratio:40/64;overflow:visible;transform:translate(-50%,-93%) scale(.15);transform-origin:50% 93%;opacity:0;pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,214,150,.85)) drop-shadow(0 0 12px rgba(var(--halo),.55));transition:opacity .25s ease,transform .4s var(--curva)}
.r-llama-s1{stop-color:#FFFDF7}
.r-llama-s2{stop-color:var(--crema)}
.r-llama-s3{stop-color:var(--oro-claro)}
.r-llama-s4{stop-color:var(--oro-claro);stop-opacity:.85}
.r-llama-centro{fill:#FFFEF9;opacity:.85}
.r-llama-cuerpo{transform-box:fill-box;transform-origin:50% 100%}
@keyframes r-llama-parpadeo{0%,100%{transform:translateX(0) scale(1,1)}22%{transform:translateX(-.5px) scale(.97,1.04)}48%{transform:translateX(.4px) scale(1.02,.96)}71%{transform:translateX(-.2px) scale(.98,1.03)}}
.r-vela-nombre{position:relative;margin-top:2px;padding-bottom:5px;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.2vw,26px);line-height:1;color:var(--tinta);transition:color .45s ease}
.r-vela-nombre::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--oro);transform:scaleX(0);transform-origin:0 50%;transition:transform .45s ease}
.r-vela-nota{max-width:22ch;margin-top:4px;font-family:var(--etiqueta);font-size:10.5px;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
/* Estados: elegida (crece, a color, resplandor y nombre dorado subrayado); la otra en gris, más pequeña y tenue (se puede volver a elegir); hover sin elegir: crece un poco y brilla */
.r-vela[aria-checked="true"] .r-vela-figura{transform:scale(1.04);filter:brightness(1.04)}
.r-vela[aria-checked="true"] .r-vela-figura::before{opacity:1}
.r-vela[aria-checked="true"] .r-vela-nombre{color:var(--oro)}
.r-vela[aria-checked="true"] .r-vela-nombre::after{transform:scaleX(1)}
.r-quien-velas.con-eleccion .r-vela[aria-checked="false"]:not([aria-disabled="true"]) .r-vela-figura{filter:grayscale(1) contrast(.92);opacity:.55;transform:scale(.96)}
@media (hover:hover){.r-vela:not([aria-disabled="true"]):not([aria-checked="true"]):hover .r-vela-figura{transform:scale(1.02);filter:brightness(1.06)}}
/* Sin talleres: apagada en gris y no se puede elegir (la nota va bajo el nombre) */
.r-vela[aria-disabled="true"]{cursor:not-allowed}
.r-vela[aria-disabled="true"] .r-vela-figura{filter:grayscale(1) opacity(.55)}
.r-vela[aria-disabled="true"] .r-vela-nombre{color:var(--tinta-suave)}
/* Foco solo con teclado (:focus-visible; el clic con mouse no deja el foco, ver reservar.js) */
.r-vela:focus{outline:none}
.r-vela:focus-visible{outline:2px solid var(--oro);outline-offset:6px}
.r-quien-indicacion{margin:6px 0 0;font-size:14px;line-height:1.4;letter-spacing:.02em;color:var(--tinta-suave);text-align:center}
/* Panel compartido: se despliega con grid-template-rows 0fr → 1fr; el marco deja arriba el lugar de la flecha (que no la recorte el overflow) */
.r-quien-info{display:grid;grid-template-rows:0fr;width:100%;max-width:560px;opacity:0;transition:grid-template-rows .36s var(--curva),opacity .36s var(--curva)}
.r-quien-info.abierto{grid-template-rows:1fr;opacity:1}
.r-quien-info-in{min-height:0;overflow:hidden}
.r-quien-info-marco{padding:11px 0 0}
.r-quien-info-caja{--flecha:-1;position:relative;padding:9px 18px;border:1px solid color-mix(in srgb,var(--oro-claro) 55%,var(--arena));border-radius:16px;background:color-mix(in srgb,var(--oro-claro) 12%,var(--crema))}
.r-quien-info[data-lado="ninos"] .r-quien-info-caja{--flecha:1}
.r-quien-info-caja::before{content:"";position:absolute;top:-8px;left:calc(50% + var(--flecha) * 25cqw);width:14px;height:14px;border:solid color-mix(in srgb,var(--oro-claro) 55%,var(--arena));border-width:1px 0 0 1px;border-top-left-radius:3px;background:inherit;transform:translateX(-50%) rotate(45deg);transition:left .4s var(--curva)}
.r-quien-info-op{animation:r-quien-fundido .3s var(--curva)}
@keyframes r-quien-fundido{from{opacity:0}to{opacity:1}}
.r-quien-info-desc{margin:0;font-size:15px;line-height:1.45;color:var(--tinta)}
.r-quien-info-dato{margin:4px 0 0;font-family:var(--etiqueta);font-size:11px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-suave)}
.r-quien-info-fila{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:8px;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--arena) 70%,transparent)}
.r-quien-pregunta{flex:1 1 14em;margin:0;font-size:15.5px;font-weight:500;line-height:1.35;color:var(--tinta)}
.r-quien-sino{flex:none;display:flex;gap:8px}
.r-quien-sino .pildora{min-height:38px;padding:0 22px;font-size:15.5px}
.r-quien-sino .pildora[aria-checked="true"]{border-color:var(--tinta);background:var(--tinta);color:var(--marfil)}
.r-quien-reglas{display:flex;flex-direction:column;gap:3px;margin:6px 0 0;padding:0;list-style:none}
.r-quien-reglas li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.4;color:var(--texto)}
.r-quien-reglas li::before{content:"";position:absolute;left:2px;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--oro)}
.r-quien-aviso{margin:6px 0 0;padding:5px 12px;border-radius:12px;border:1px solid rgba(169,130,58,.32);background:color-mix(in srgb,var(--oro-claro) 14%,var(--papel));font-size:13.5px;line-height:1.45;color:var(--tinta)}
/* Celular (menos de 720 px): las fotos siguen lado a lado, ~45vw de ancho cada una */
@media (max-width:719px){
  .r-quien-velas{--vela-h:min(56vw,60cqw)}
}
@media (max-width:599px){
  .r-vela-nombre{font-size:22px}
  .r-quien-info-caja{padding:9px 14px}
}
/* Movimiento reducido: sin escala ni línea animada; el filtro y la opacidad cambian al instante */
html.mov-reducido .r-vela-figura,html.mov-reducido .r-vela-figura::before,html.mov-reducido .r-vela-nombre,html.mov-reducido .r-vela-nombre::after,html.mov-reducido .r-quien-info,html.mov-reducido .r-quien-info-caja::before{transition:none}
html.mov-reducido .r-quien-info-op{animation:none}
html.mov-reducido .r-vela .r-vela-figura{transform:none !important}
@media (prefers-reduced-motion:reduce){
  .r-vela-figura,.r-vela-figura::before,.r-vela-nombre,.r-vela-nombre::after,.r-quien-info,.r-quien-info-caja::before{transition:none}
  .r-quien-info-op{animation:none}
  .r-vela .r-vela-figura{transform:none !important}
}
/* Mini Momentos en "Datos y pago": adultos necesarios y total, en vivo */
.r5-ninos-vivo{margin:0;padding:14px 18px;border-radius:14px;background:var(--r5-durazno-claro);font-size:14px;line-height:1.55;color:var(--tinta)}