.cel{ position:absolute; width:424px; height:896px; color:#0A0A0A; font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-.01em; line-height:1.3; -webkit-font-smoothing:antialiased; --cel-sombra:0 26px 44px -20px rgba(40,28,14,.5), 0 70px 120px -50px rgba(40,28,14,.55) }
.cel p{ margin:0 }
.cel-marco{ position:absolute; inset:0; padding:5px; border-radius:72px; background:linear-gradient(145deg, #77736C 0%, #3B3935 16%, #1E1D1B 46%, #3A3834 76%, #6A665F 100%); box-shadow:inset 0 0 0 1px rgba(255,255,255,.25), inset 0 0 0 2.5px rgba(0,0,0,.5), inset 0 0 8px 2px rgba(0,0,0,.4), var(--cel-sombra) }
.cel-lado{ position:absolute; width:4px; border-radius:2px; background:linear-gradient(90deg, #22211F, #77736C 45%, #3A3834) }
.cel-lado.i{ left:-3px }
.cel-lado.d{ right:-3px; background:linear-gradient(270deg, #22211F, #77736C 45%, #3A3834) }
.cel-lado.a{ top:176px; height:34px }
.cel-lado.b{ top:238px; height:62px }
.cel-lado.c{ top:312px; height:62px }
.cel-lado.e{ top:262px; height:104px }
.cel-bisel{ position:relative; height:100%; padding:7px; border-radius:67px; background:#060606; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05) }
.cel-pantalla{ position:relative; height:100%; overflow:hidden; border-radius:60px; background:#F7F6F2; isolation:isolate }
.cel-isla{ position:absolute; z-index:40; top:11px; left:50%; width:124px; height:36px; margin-left:-62px; border-radius:20px; background:#030303 }
.cel-isla::after{ content:""; position:absolute; right:12px; top:11px; width:14px; height:14px; border-radius:50%; background:radial-gradient(circle at 38% 34%, #31425F 0, #0C111C 55%, #050608 72%) }
.cel-barra{ position:absolute; z-index:30; top:0; left:0; right:0; height:54px; padding:0 30px 0 52px; display:flex; justify-content:space-between; align-items:center; font-size:17px; font-weight:600; color:#0A0A0A }
.cel-barra .der{ display:flex; align-items:center; gap:6px }
.cel-barra svg{ display:block; fill:currentColor }
.cel-ind{ position:absolute; z-index:30; bottom:8px; left:50%; width:140px; height:5px; margin-left:-70px; border-radius:3px; background:#0A0A0A }
.cel-reflejo{ position:absolute; inset:0; z-index:50; pointer-events:none; border-radius:inherit; background:linear-gradient(118deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.03) 26%, transparent 44%) }
.ax{ position:absolute; inset:0; padding:58px 18px 0; overflow:hidden; background:#F7F6F2; color:#0A0A0A }
.ax-cab{ height:42px; margin:2px 2px 0; display:flex; align-items:center; gap:9px; font-size:16px; font-weight:600; letter-spacing:-.01em; color:#3A3A36 }
.ax-ic{ flex:none; display:block; width:30px; height:30px; border-radius:8px; background:#0A0A0A }
.ax-ic svg{ display:block; width:100%; height:100% }
.ax-cab .der{ margin-left:auto; font-size:13.5px; color:#1A7F42 }
.ax-fecha{ margin:12px 4px 0 !important; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#8A8A82 }
.ax-tit{ margin:2px 4px 0 !important; font-size:40px; font-weight:800; letter-spacing:-.04em; line-height:1.08 }
.ax-tit span{ color:#E8590C }
.ax-kpis{ margin-top:14px; display:grid; grid-template-columns:1fr 1fr; gap:10px }
.ax-kpi, .ax-tarjeta{ border-radius:20px; background:#fff; box-shadow:0 1px 0 rgba(10,10,10,.04), 0 10px 22px -16px rgba(89,62,18,.45) }
.ax-kpi{ padding:13px 14px 12px }
.ax-kpi small, .ax-g{ display:block; font-size:12px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#6E6E68 }
.ax-kpi b{ display:block; margin-top:5px; font-size:23px; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums; white-space:nowrap }
.ax-g{ margin:16px 4px 8px !important; font-size:13px }
.ax-tarjeta{ overflow:hidden }
.ax-fila{ padding:12px 14px; display:grid; grid-template-columns:50px minmax(0,1fr) auto; column-gap:10px; align-items:center; box-shadow:inset 0 -1px 0 #F0EEE8 }
.ax-fila:last-child{ box-shadow:none }
.ax-fila > div{ min-width:0 }
.ax-fila time{ font-size:14px; font-weight:700; color:#B8440A; font-variant-numeric:tabular-nums }
.ax-fila b{ display:block; font-size:16px; font-weight:600; letter-spacing:-.015em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ax-fila small{ display:block; margin-top:2px; font-size:13.5px; color:#6E6E68; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ax-tag{ height:26px; padding:0 10px; border-radius:13px; display:grid; place-items:center; font-size:12.5px; font-weight:700; white-space:nowrap }
.ax-tag.ok{ background:#E7F5EC; color:#1A7F42 }
.ax-tag.aviso{ background:#FDEBDF; color:#B8440A }
.ax-tag.gris{ background:#EFEDE7; color:#6E6E68 }
.ax-btn{ flex:none; height:34px; padding:0 16px; border-radius:17px; display:flex; align-items:center; background:#0A0A0A; color:#FAFAF8; font-size:14px; font-weight:600 }
.ax-tabs{ position:absolute; left:0; right:0; bottom:0; height:84px; padding-top:9px; display:grid; grid-template-columns:repeat(4, 1fr); background:rgba(250,250,248,.96); box-shadow:0 -.5px 0 rgba(0,0,0,.12) }
.ax-tabs span{ display:flex; flex-direction:column; align-items:center; gap:3px; font-size:11px; font-weight:500; color:#8A8A82 }
.ax-tabs svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.ax-tabs .si{ color:#0A0A0A; font-weight:600 }
.ax-tabs .si svg{ stroke:#E8590C }
.ch{ padding:62px 22px 0; background:linear-gradient(180deg, #F7F6F2, #EFEDE7) }
.ch-cab{ display:flex; align-items:center; gap:9px; font-size:16px; font-weight:600; color:#3A3A36 }
.ch-cab em{ margin-left:auto; font-style:normal; font-size:14px; font-weight:600; color:#8A8A82; font-variant-numeric:tabular-nums }
.ch-barra{ height:6px; margin-top:16px; border-radius:3px; background:#E4E0D6; overflow:hidden }
.ch-barra i{ display:block; width:25%; height:100%; border-radius:3px; background:#E8590C }
.ch-area{ margin-top:40px !important; font-size:13px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#B8440A }
.ch-preg{ margin-top:10px !important; font-size:31px; font-weight:800; letter-spacing:-.035em; line-height:1.12 }
.ch-ops{ margin-top:30px; display:grid; gap:12px }
.ch-ops span{ height:62px; padding:0 20px; border-radius:18px; display:flex; align-items:center; justify-content:space-between; background:#fff; font-size:18px; font-weight:600; box-shadow:0 1px 0 rgba(10,10,10,.04), 0 10px 22px -16px rgba(89,62,18,.45), inset 0 0 0 2px transparent; transition:box-shadow .5s var(--curva), background-color .5s var(--curva) }
.ch-ops span i{ width:24px; height:24px; border-radius:50%; border:2px solid #D9D5CB; transition:background-color .5s var(--curva), border-color .5s var(--curva) }
.activo .ch-ops .si{ box-shadow:0 1px 0 rgba(10,10,10,.04), 0 14px 26px -16px rgba(184,68,10,.55), inset 0 0 0 2px #E8590C; transition-delay:.9s }
.activo .ch-ops .si i{ background:#E8590C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; border-color:#E8590C; transition-delay:.9s }
.ch-pie{ position:absolute; left:0; right:0; bottom:46px; text-align:center; font-size:14px; color:#8A8A82 }
.wa2{ display:flex; flex-direction:column; background:#EFEAE2 radial-gradient(rgba(0,0,0,.05) 1px, transparent 1.4px) 0 0 / 16px 16px }
.wa2-cab{ flex:none; height:112px; padding:58px 14px 0 10px; display:flex; align-items:center; gap:10px; background:#F6F6F6; box-shadow:0 .5px 0 rgba(0,0,0,.14) }
.wa2-cab > svg{ width:24px; height:24px; fill:none; stroke:#007AFF; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round }
.wa2-cab .ax-ic{ width:40px; height:40px; border-radius:50% }
.wa2-cab b{ display:block; font-size:17px; font-weight:600 }
.wa2-cab small{ display:block; font-size:13px; color:#8A8A82 }
.wa2-chat{ flex:1; padding:18px 14px 0; display:flex; flex-direction:column; gap:10px }
.wa2-chat p{ position:relative; max-width:84%; padding:9px 12px 7px; border-radius:16px; border-top-left-radius:5px; background:#fff; font-size:16.5px; line-height:1.36; box-shadow:0 1px 1px rgba(0,0,0,.08); opacity:0; transform:translateY(10px) scale(.98); transition:opacity .5s var(--curva), transform .6s var(--curva-suave) }
.wa2-chat p.mia{ align-self:flex-end; background:#D9FDD3; border-radius:16px; border-top-right-radius:5px }
.wa2-chat p small{ display:block; margin-top:2px; text-align:right; font-size:11.5px; color:#8A8A82 }
.activo .wa2-chat p{ opacity:1; transform:none }
.activo .wa2-chat p:nth-child(1){ transition-delay:.35s }
.activo .wa2-chat p:nth-child(2){ transition-delay:1.25s }
.activo .wa2-chat p:nth-child(3){ transition-delay:2.15s }
.wa2-pie{ flex:none; height:92px; padding:10px 12px 0; display:flex; align-items:flex-start; gap:10px; background:#F6F6F6; box-shadow:0 -.5px 0 rgba(0,0,0,.1) }
.wa2-pie i{ flex:1; height:38px; border-radius:19px; background:#fff; box-shadow:inset 0 0 0 1px rgba(0,0,0,.1) }
.wa2-pie b{ width:38px; height:38px; border-radius:50%; background:#1FA855 }
.dg{ padding-top:54px; background:#525659; box-shadow:inset 0 54px 0 #F6F6F6 }
.dg-cab{ height:52px; padding:0 16px; display:flex; align-items:center; justify-content:space-between; background:#F6F6F6; font-size:17px; color:#007AFF }
.dg-cab b{ color:#000; font-weight:600 }
.dg-cab svg{ width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.dg-hoja{ margin:18px 16px 0; padding:26px 24px 30px; border-radius:4px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.35) }
.dg-marca{ display:flex; align-items:center; gap:7px; font-size:13px; font-weight:700; letter-spacing:-.01em }
.dg-marca .ax-ic{ width:20px; height:20px; border-radius:5px }
.dg-hoja h4{ margin:18px 0 0; font-size:30px; font-weight:800; letter-spacing:-.035em; line-height:1.05 }
.dg-sub{ margin-top:4px !important; font-size:13px; color:#8A8A82 }
.dg-t{ margin-top:20px !important; font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#B8440A }
.dg-hoja ul, .dg-hoja ol{ margin:8px 0 0; padding:0 0 0 20px; display:grid; gap:7px; font-size:15px; line-height:1.38 }
.dg-hoja ol li::marker{ font-weight:700; color:#B8440A }
.dg-hoja.dos{ margin-top:14px; height:220px; padding-top:30px }
.dg-hoja.dos i{ display:block; height:7px; margin-top:12px; border-radius:2px; background:#ECEAE4 }
.dg-hoja.dos i:nth-child(3n){ width:72% }
.bq{ background:radial-gradient(80% 50% at 50% 30%, #FBF7EF, transparent 75%), radial-gradient(70% 45% at 80% 95%, rgba(232,89,12,.28), transparent 70%), linear-gradient(180deg, #EDE8DD, #D9D1C2); text-align:center }
.bq-fecha{ margin-top:92px !important; font-size:19px; font-weight:600; color:rgba(10,10,10,.62) }
.bq-hora{ margin-top:-2px !important; font-size:96px; font-weight:700; letter-spacing:-.03em; line-height:1; color:rgba(10,10,10,.78) }
.bq-avisos{ margin:44px 12px 0; display:grid; gap:8px; text-align:left }
.bq-aviso{ padding:12px 14px 13px 12px; border-radius:22px; display:grid; grid-template-columns:38px minmax(0,1fr) auto; column-gap:10px; background:rgba(250,250,248,.82); box-shadow:0 12px 30px -14px rgba(60,40,10,.4), inset 0 0 0 .5px rgba(0,0,0,.05); opacity:0; transform:translateY(-16px) scale(.98); transition:opacity .5s var(--curva), transform .7s var(--curva-suave) }
.bq-aviso .ax-ic{ grid-row:1 / span 2; width:38px; height:38px; border-radius:9px }
.bq-aviso b{ font-size:15px; font-weight:600 }
.bq-aviso em{ font-style:normal; font-size:13px; color:rgba(60,60,67,.6) }
.bq-aviso p{ grid-column:2 / 4; font-size:15px; line-height:1.32; color:rgba(0,0,0,.85) }
.activo .bq-aviso{ opacity:1; transform:none }
.activo .bq-aviso:nth-child(1){ transition-delay:1.5s }
.activo .bq-aviso:nth-child(2){ transition-delay:.9s }
.activo .bq-aviso:nth-child(3){ transition-delay:.3s }

@media (prefers-reduced-motion: reduce){
  .ct-pant, .wa2-chat p, .bq-aviso, .ch-ops span, .ch-ops span i{ transition:none !important }
}

.encaja{ position:absolute; inset:0; pointer-events:none }
.encaja > .cel, .encaja > .compu{ left:50%; top:50%; transform:translate(-50%, -50%) scale(var(--k, .5)); transform-origin:50% 50% }

.ax-ic.glifo{ display:grid; place-items:center }
.ax-ic.glifo svg{ width:58%; height:58%; fill:none; stroke:#F7F6F2; stroke-width:2; stroke-linecap:round; stroke-linejoin:round }
.ax-ic.glifo svg .acento{ stroke:#E8590C }

.compu{ position:absolute; width:1040px; height:640px; color:#0A0A0A }
.compu-tapa{ position:absolute; left:70px; right:70px; top:0; height:612px; padding:16px 16px 22px; border-radius:30px 30px 8px 8px; background:linear-gradient(180deg, #2E2D2A 0%, #161614 60%, #0E0E0D 100%); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14), inset 0 0 0 4px rgba(0,0,0,.55), 0 40px 70px -34px rgba(40,28,14,.6) }
.compu-camara{ position:absolute; z-index:2; top:6px; left:50%; width:7px; height:7px; margin-left:-3.5px; border-radius:50%; background:radial-gradient(circle at 40% 35%, #3B4A66, #0B0F18 70%) }
.compu-pantalla{ position:relative; height:100%; overflow:hidden; border-radius:14px 14px 4px 4px; background:#F7F6F2; isolation:isolate }
.compu-reflejo{ position:absolute; inset:0; z-index:20; pointer-events:none; background:linear-gradient(118deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 30%, transparent 46%) }
.compu-base{ position:absolute; left:0; right:0; top:604px; height:28px; border-radius:4px 4px 30px 30px / 4px 4px 22px 22px; background:linear-gradient(180deg, #ECE9E3 0%, #CFCBC3 38%, #A19D94 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 24px 34px -16px rgba(40,28,14,.55) }
.compu-base::before{ content:""; position:absolute; left:50%; top:0; width:150px; height:9px; margin-left:-75px; border-radius:0 0 12px 12px; background:linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.06)) }

.cp, .fi{ position:absolute; inset:0; display:flex; flex-direction:column; background:#F7F6F2; color:#0A0A0A; font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:-.01em; line-height:1.3; -webkit-font-smoothing:antialiased }
.cp p, .fi p{ margin:0 }
.vt-barra{ flex:none; height:34px; padding:0 14px; display:flex; align-items:center; gap:7px; background:#ECEAE4; box-shadow:inset 0 -1px 0 rgba(10,10,10,.08) }
.vt-barra i{ width:11px; height:11px; border-radius:50%; background:#D9D5CB }
.vt-barra i:nth-child(1){ background:#FF5F57 }
.vt-barra i:nth-child(2){ background:#FEBC2E }
.vt-barra i:nth-child(3){ background:#28C840 }
.vt-barra span{ margin:0 auto; padding:3px 46px; border-radius:7px; background:#F7F6F2; font-size:12px; color:#6E6E68; transform:translateX(-24px) }
.vt-fecha{ font-size:12px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:#8A8A82 }
.vt-tit{ margin-top:2px !important; font-size:30px; font-weight:800; letter-spacing:-.035em; line-height:1.1 }
.vt-tit span{ color:#E8590C }
.vt-caja{ border-radius:16px; background:#FFFFFF; box-shadow:0 1px 0 rgba(10,10,10,.04), 0 10px 22px -16px rgba(89,62,18,.45) }

.vt-entra{ opacity:0; transform:translateY(12px); transition:opacity .6s var(--curva), transform .8s var(--curva-suave) }
.activo .vt-entra{ opacity:1; transform:none; transition-delay:calc(.35s + var(--n, 0) * .14s) }

.cp-cuerpo{ flex:1; min-height:0; padding:22px 28px }
.cp-cab{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px }
.cp-total{ text-align:right }
.cp-total small{ display:block; font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:#6E6E68 }
.cp-total b{ display:block; margin-top:2px; font-size:26px; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums }
.cp-tabla{ margin-top:16px; overflow:hidden }
.cp-fila{ position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0, 1fr) 140px 104px; align-items:center; gap:12px; padding:12px 16px; box-shadow:inset 0 -1px 0 #F0EEE8 }
.cp-fila:last-child{ box-shadow:none }
.cp-fila b{ display:block; font-size:15.5px; font-weight:600 }
.cp-fila small{ display:block; margin-top:2px; font-size:12.5px; color:#6E6E68 }
.cp-plata{ position:relative; justify-self:end; font-size:15.5px; font-weight:700; font-variant-numeric:tabular-nums }
.cp-fila .ax-tag{ justify-self:end }

.cp-fila.doble::before{ content:""; position:absolute; inset:0; z-index:-1; background:#FDEBDF; opacity:0; transition:opacity .5s var(--curva) }
.cp-plata::after{ content:""; position:absolute; left:-4px; right:-4px; top:52%; height:2px; border-radius:1px; background:#B8440A; transform:scaleX(0); transform-origin:0 50%; transition:transform .45s var(--curva) }
.cp-fila .cp-ya{ color:#B8440A; opacity:0; transition:opacity .5s var(--curva) }
.cp-fila.doble .ax-tag{ opacity:0; transform:scale(.8); transition:opacity .4s var(--curva), transform .5s var(--curva-rebote) }
.activo .cp-fila.doble::before, .activo .cp-fila .cp-ya{ opacity:1; transition-delay:2.1s }
.activo .cp-fila.doble .cp-plata::after{ transform:scaleX(1); transition-delay:2.3s }
.activo .cp-fila.doble .ax-tag{ opacity:1; transform:none; transition-delay:2.5s }
.cp-pie{ margin-top:14px; padding:12px 14px 12px 16px; display:flex; align-items:center; justify-content:space-between; gap:12px }
.cp-archivo{ display:flex; align-items:center; gap:9px; font-family:"SF Mono", Menlo, Consolas, monospace; font-size:13px; color:#3A3A36 }
.cp-archivo svg{ width:20px; height:20px; fill:none; stroke:#B8440A; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round }
.cp-pie .ax-btn{ transition:box-shadow .6s var(--curva) }
.activo .cp-pie .ax-btn{ box-shadow:0 0 0 5px rgba(232,89,12,.25); transition-delay:3.1s }

.fi-cuerpo{ flex:1; min-height:0; padding:20px 24px }
.fi-cab{ display:flex; align-items:center; justify-content:space-between; gap:12px }
.fi-filtros{ display:flex; gap:6px }
.fi-filtros span{ position:relative; isolation:isolate; height:30px; padding:0 13px; border-radius:15px; display:flex; align-items:center; background:#FFFFFF; box-shadow:inset 0 0 0 1px rgba(10,10,10,.08); font-size:13px; font-weight:600; color:#3A3A36 }
.fi-filtros .si{ background:#0A0A0A; color:#FAFAF8; box-shadow:none }
.fi-filtros .b::before{ content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#E8590C; opacity:0 }
.fi-grilla{ margin-top:16px; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px }
.fi-ficha{ overflow:hidden }
.fi-foto{ position:relative; display:block; height:112px; overflow:hidden; background:linear-gradient(180deg, var(--cielo, #CFE0EA) 0%, #EEF3F4 58%, var(--tierra, #A9B98E) 59%, var(--tierra2, #7F9468) 100%) }
.fi-foto::before{ content:""; position:absolute; left:22%; bottom:34%; width:46%; height:40%; background:var(--casa, #F3EEE4); clip-path:polygon(0 38%, 50% 0, 100% 38%, 100% 100%, 0 100%) }
.fi-foto::after{ content:""; position:absolute; right:12%; top:14%; width:20px; height:20px; border-radius:50%; background:rgba(255,246,214,.9) }
.fi-ficha b{ display:block; margin:9px 11px 0; font-size:14px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.fi-ficha small{ display:block; margin:2px 11px 0; font-size:12px; color:#6E6E68 }
.fi-ficha em{ display:block; margin:6px 11px 11px; font-style:normal; font-size:14px; font-weight:800; font-variant-numeric:tabular-nums }
@media (prefers-reduced-motion: no-preference){
  .activo .fi-filtros .b::before{ animation:fi-chip 7s var(--curva) 1.2s infinite }
  .activo .fi-ficha.v{ animation:fi-filtro 7s var(--curva) 1.2s infinite }
}
@keyframes fi-chip{ 0%, 42%{ opacity:0 } 48%, 92%{ opacity:1 } 100%{ opacity:0 } }
@keyframes fi-filtro{ 0%, 42%{ opacity:1; transform:none } 48%, 92%{ opacity:.18; transform:scale(.96) } 100%{ opacity:1; transform:none } }

.rs .ax-fila{ opacity:0; transform:translateY(12px); transition:opacity .6s var(--curva), transform .8s var(--curva-suave) }
.activo .rs .ax-fila{ opacity:1; transform:none; transition-delay:calc(.4s + var(--n, 0) * .14s) }
.rs-aviso{ position:absolute; z-index:35; left:12px; right:12px; top:54px; padding:12px 14px 13px 12px; border-radius:22px; display:grid; grid-template-columns:38px minmax(0, 1fr) auto; column-gap:10px; background:rgba(250,250,248,.96); box-shadow:0 16px 36px -12px rgba(40,28,10,.5), inset 0 0 0 .5px rgba(0,0,0,.06); opacity:0; transform:translateY(-26px) scale(.97); transition:opacity .5s var(--curva), transform .7s var(--curva-suave) }
.rs-aviso .ax-ic{ grid-row:1 / span 2; width:38px; height:38px; border-radius:9px }
.rs-aviso b{ font-size:15px; font-weight:600 }
.rs-aviso em{ font-style:normal; font-size:13px; color:rgba(60,60,67,.6) }
.rs-aviso p{ grid-column:2 / 4; font-size:15px; line-height:1.32 }
.activo .rs-aviso{ opacity:1; transform:none; transition-delay:1.7s }

@media (prefers-reduced-motion: reduce){
  .vt-entra, .cp-fila.doble::before, .cp-plata::after, .cp-fila .cp-ya, .cp-fila.doble .ax-tag, .cp-pie .ax-btn, .rs .ax-fila, .rs-aviso{ transition:none !important }
}