/* cancun100-modal · panel skin CYBER: boleto lateral con talon troquelado. Fondo oscuro siempre (aunque el sitio este en claro),
   cabecera tipo pase CUN -> XXX, el nivel pinta el color del boleto, talon con el total y el boton.
   Combo: boleto doble. Paquete: pase CUN · 5D/4N. Tokens propios dentro de #reservar (decision de Marco: se vale romper la paleta aqui).
   (Referencia: cyber-*-escritorio.dc.html) */
#reservar .c100p[data-skin=cyber]{--p-bg:#0B0E14;--p-tx:#F4F6FA;--p-mu:#9AA3B2;--p-dim:#6B7483;--p-rl:rgba(255,255,255,.14);--p-rl2:rgba(255,255,255,.08);--p-el:#141926;--lv:#FFD400;--on:#14140A;--p-ac:var(--lv);--p-ai:var(--lv);--p-onac:var(--on);--p-btn:var(--lv);--p-onbtn:var(--on);--p-cab:var(--lv);--p-oncab:var(--on);--p-pie:var(--p-bg);--p-onpie:var(--p-tx);--p-r:14px;
  border-radius:28px;box-shadow:0 40px 80px -30px color-mix(in srgb,var(--lv) 60%,transparent)}
#reservar .c100p[data-skin=cyber][data-nivel=clasico]{--lv:#FFD400;--on:#14140A}
#reservar .c100p[data-skin=cyber][data-nivel=plus]{--lv:#22D3EE;--on:#14140A}
#reservar .c100p[data-skin=cyber][data-nivel=deluxe]{--lv:#FF1B7F;--on:#14140A}
#reservar .c100p[data-skin=cyber][data-nivel=combo]{--lv:#FFD400;--on:#14140A}
#reservar .c100p[data-skin=cyber][data-nivel=paquete]{--lv:#FFD400;--on:#14140A}
#reservar .c100p[data-skin=cyber] .c100p__cab{padding:22px 24px;gap:10px;border-bottom:0}
#reservar .c100p[data-skin=cyber] .c100p__cab .c100p__rot{opacity:.85;font-weight:700}
#reservar .c100p[data-skin=cyber] .c100p__cab-sub{color:var(--on);font-weight:700;opacity:.9}
#reservar .c100p[data-skin=cyber] .c100p__cab s{color:var(--on);opacity:.6}
#reservar .c100p[data-skin=cyber] .c100p__pase{display:flex;align-items:center;gap:12px;font-family:var(--mo-f);font-weight:700;font-size:30px;line-height:1}
#reservar .c100p[data-skin=cyber] .c100p__pase small{flex:1 0 100%;font-size:10px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
#reservar .c100p[data-skin=cyber] .c100p__pase i{flex:1 1 auto;height:2px;background:currentColor;opacity:.6;position:relative}
#reservar .c100p[data-skin=cyber] .c100p__pase i::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left-color:currentColor}
#reservar .c100p[data-skin=cyber] .c100p__cab--doble{gap:14px}
#reservar .c100p[data-skin=cyber] .c100p__cab--doble .c100p__pase{flex-wrap:wrap;padding-bottom:10px;border-bottom:1px dashed color-mix(in srgb,var(--on) 35%,transparent)}
#reservar .c100p[data-skin=cyber] .c100p__cab--doble .c100p__pase:last-of-type{border-bottom:0}
#reservar .c100p[data-skin=cyber] .c100p__cuerpo{padding:20px 24px;gap:14px}
#reservar .c100p[data-skin=cyber] .c100p__sec--nivel .c100p__rot::after{content:" · pinta el boleto"}
#reservar .c100p[data-skin=cyber] .c100p__fila--nivel{flex-direction:column;gap:8px}
#reservar .c100p[data-skin=cyber] .c100p__fila--nivel .c100p__chip{display:flex;align-items:center;gap:12px;min-height:58px;padding:0 16px;text-align:left;border-radius:14px}
#reservar .c100p[data-skin=cyber] .c100p__fila--nivel .c100p__chip i{display:block;width:14px;height:14px;flex:none;border-radius:50%;background:var(--p-mu)}
#reservar .c100p[data-skin=cyber] .c100p__chip[data-nivel=clasico] i{background:#FFD400}
#reservar .c100p[data-skin=cyber] .c100p__chip[data-nivel=plus] i{background:#22D3EE}
#reservar .c100p[data-skin=cyber] .c100p__chip[data-nivel=deluxe] i{background:#FF1B7F}
#reservar .c100p[data-skin=cyber] .c100p__fila--nivel .c100p__chip b{flex:1 1 auto;font-size:15px}
#reservar .c100p[data-skin=cyber] .c100p__fila--nivel .c100p__chip small{margin:0;font-size:13px;color:var(--p-tx)}
#reservar .c100p[data-skin=cyber] .c100p__chip[aria-pressed=true]{background:var(--lv);color:var(--on);border-color:var(--lv)}
#reservar .c100p[data-skin=cyber] .c100p__chip[aria-pressed=true] small{color:var(--on)}
#reservar .c100p[data-skin=cyber] .c100p__sec--tarifa .c100p__fila{gap:6px;padding:4px;border-radius:13px;background:var(--p-el)}
#reservar .c100p[data-skin=cyber] .c100p__sec--tarifa .c100p__chip{border:0;border-radius:10px;min-height:44px}
#reservar .c100p[data-skin=cyber] .c100p__chip--dia{min-height:58px;border-radius:12px}
#reservar .c100p[data-skin=cyber] .c100p__chip--dia b{font-size:18px}
#reservar .c100p[data-skin=cyber] .c100p__pax{border:0;background:transparent}
#reservar .c100p[data-skin=cyber] .c100p__pax-fila{padding:6px 0}
#reservar .c100p[data-skin=cyber] .c100p__pm{border-radius:12px}
#reservar .c100p[data-skin=cyber] .c100p__pm--mas{border:0;background:var(--lv);color:var(--on);font-weight:800}
#reservar .c100p[data-skin=cyber] .c100p__cal,#reservar .c100p[data-skin=cyber] .c100p__des{background:var(--p-el)}
/* El talon: troquel con muescas del color de la pagina y linea discontinua. */
#reservar .c100p[data-skin=cyber] .c100p__pie{position:relative;padding:34px 24px 24px;border-top:0;margin-top:2px}
#reservar .c100p[data-skin=cyber] .c100p__pie::before{content:"";position:absolute;left:0;right:0;top:0;height:24px;background:radial-gradient(circle at 0 12px,var(--g) 12px,transparent 12.5px),radial-gradient(circle at 100% 12px,var(--g) 12px,transparent 12.5px)}
#reservar .c100p[data-skin=cyber] .c100p__pie::after{content:"";position:absolute;left:22px;right:22px;top:11px;border-top:2px dashed var(--p-rl)}
#reservar .c100p[data-skin=cyber] .c100p__tot-n{font-family:var(--ui);font-size:40px;font-weight:800;letter-spacing:-.04em;line-height:1.05}
#reservar .c100p[data-skin=cyber] .c100p__btn{min-height:var(--c100-btn-alto,52px);border-radius:16px;font-size:var(--c100-btn-fuente,1rem);--c100p-canto:transparent}
#reservar .c100p[data-skin=cyber] .c100p__btn2{border-radius:14px}
#reservar .c100p[data-skin=cyber] .c100p__wa{border-radius:14px}
#reservar .c100p[data-skin=cyber] .c100p__err{border-color:var(--lv)}