/* Componentes originales de la landing clínica: reloj 3D, acceso, pie y luz. */
.acto--reloj{ height:205vh }


.acto--reloj .jornada{
  display:grid; justify-items:center; gap:clamp(14px,2.6vh,28px);
  text-align:center;
  perspective:1500px; perspective-origin:50% 36%;
}



.reloj-escena{ transform-style:preserve-3d; will-change:transform }
.reloj3d,.reloj3d__caja,.reloj3d__cuerpo{ transform-style:preserve-3d }

.reloj3d{
  position:relative;
  --ancho:clamp(196px, 22vw, 286px);
  width:var(--ancho);
  aspect-ratio:1 / 1.19;
  transform-style:preserve-3d;

  
  --e:calc(var(--ancho) * .2);
  
  --sale-c:calc(var(--e) * .30);
  --sale-b:calc(var(--e) * .13);

  
  --canto: conic-gradient(from 0deg at 50% 46%,
    #7E88A6   0deg,
    #4B5471  14deg,
    #262C42  32deg,
    #141926  54deg,
    #1E2436  76deg,                    
    #0E121C  96deg,
    #171C2B 118deg,
    #656E8D 134deg,                    
    #A7B0CB 141deg,                    
    #3A415A 149deg,
    #12161F 166deg,
    #070A11 188deg,                    
    #10141E 214deg,
    #232941 244deg,
    #3E4662 266deg,
    #1B2030 288deg,
    #7A85A4 304deg,                    
    #D7DEF3 312deg,                    
    #F2F5FF 318deg,                    
    #97A1BE 326deg,
    #454D69 338deg,
    #6C7694 352deg,
    #7E88A6 360deg);

  
  --pared: linear-gradient(106deg,
    #2C334D 0%, #171C2C 34%, #262D46 58%, #10141F 100%);

  
  --bisel: conic-gradient(from 0deg at 50% 47%,
    #5A6280   0deg, #3A4159  16deg, #232941  40deg, #1A1F2E  68deg,
    #262C42  92deg, #161B29 112deg, #2A3149 132deg, #737C9B 142deg,
    #2E3550 152deg, #141825 178deg, #0C0F18 200deg, #1B2031 232deg,
    #333A54 262deg, #1E2333 290deg, #6E7896 306deg, #C3CBE6 314deg,
    #E9EEFC 319deg, #808AA8 328deg, #3D445E 342deg, #5A6280 360deg);

  
  --grano: repeating-linear-gradient(180deg,
    rgba(216,226,255,.020) 0 1.4px, rgba(0,0,0,.026) 1.4px 6.5px);
}


.reloj3d__halo{
  position:absolute; inset:-10%; pointer-events:none;
  transform:translateZ(calc(var(--e) * -1.6));
  border-radius:50%;
  background:radial-gradient(78% 70% at 50% 46%,
    rgba(22,72,196,.30) 0%, rgba(12,42,126,.14) 46%, transparent 92%);
}


.reloj3d__correa{
  position:absolute; left:15%; width:70%;
  height:56%;                                
  transform-style:flat;                      
  background-image:
    
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.025) 0 1px, transparent 1px 4px),
    
    linear-gradient(90deg,
      #080B12 0%, #141926 4%, #2A3145 13%, #3E4661 30%,
      #4A5472 44%, #363E57 58%, #232939 74%, #10141E 94%, #080B12 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 12px 30px -16px rgba(0,0,0,.95);
}

.reloj3d__correa::after{
  content:''; position:absolute; inset:0; border-radius:inherit;
  pointer-events:none;
}

.reloj3d__correa--arriba{
  bottom:64%; border-radius:26px 26px 12px 12px;
  transform-origin:50% 100%;
  transform:translateZ(calc(var(--e) * -.88)) rotateX(34deg);
  background-image:
    linear-gradient(rgba(198,214,255,.10), rgba(198,214,255,.10)),
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.025) 0 1px, transparent 1px 4px),
    linear-gradient(90deg,
      #080B12 0%, #141926 4%, #2A3145 13%, #3E4661 30%,
      #4A5472 44%, #363E57 58%, #232939 74%, #10141E 94%, #080B12 100%);
  
  clip-path:polygon(16% 0, 84% 0, 88% 24%, 92% 54%, 96% 80%, 100% 100%,
                    0 100%, 4% 80%, 8% 54%, 12% 24%);
  -webkit-mask:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 18%, #000 44%);
          mask:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 18%, #000 44%);
}
.reloj3d__correa--arriba::after{
  background:linear-gradient(0deg,
    rgba(0,0,0,.94) 0%, rgba(0,0,0,.66) 5%, rgba(0,0,0,.28) 11%,
    rgba(0,0,0,.08) 18%, transparent 26%);
}
.reloj3d__correa--abajo{
  top:64%; border-radius:12px 12px 26px 26px;
  transform-origin:50% 0%;
  transform:translateZ(calc(var(--e) * -.88)) rotateX(-34deg);
  background-image:
    linear-gradient(rgba(0,0,0,.16), rgba(0,0,0,.16)),
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.025) 0 1px, transparent 1px 4px),
    linear-gradient(90deg,
      #080B12 0%, #141926 4%, #2A3145 13%, #3E4661 30%,
      #4A5472 44%, #363E57 58%, #232939 74%, #10141E 94%, #080B12 100%);
  clip-path:polygon(0 0, 100% 0, 96% 24%, 92% 54%, 88% 80%, 84% 100%,
                    16% 100%, 12% 80%, 8% 54%, 4% 24%);
  -webkit-mask:linear-gradient(0deg, transparent 0%, rgba(0,0,0,.34) 18%, #000 44%);
          mask:linear-gradient(0deg, transparent 0%, rgba(0,0,0,.34) 18%, #000 44%);
}
.reloj3d__correa--abajo::after{
  background:linear-gradient(180deg,
    rgba(0,0,0,.94) 0%, rgba(0,0,0,.66) 5%, rgba(0,0,0,.28) 11%,
    rgba(0,0,0,.08) 18%, transparent 26%);
}


.reloj3d__lustre{
  position:absolute; inset:-1.6%; pointer-events:none;
  border-radius:31% / 26%;
  transform:translateZ(calc(var(--e) * -1.02));
  background:conic-gradient(from 0deg at 50% 46%,
    transparent 0deg,
    rgba(126,148,196,.10) 118deg,
    rgba(196,214,255,.34) 138deg,      
    rgba(120,144,196,.09) 158deg,
    transparent 196deg,
    transparent 288deg,
    rgba(214,226,255,.30) 314deg,      
    rgba(120,140,190,.08) 336deg,
    transparent 356deg);
}


.reloj3d__cuerpo{
  position:absolute; inset:0; pointer-events:none;
  transform-style:preserve-3d;
}
.reloj3d__cuerpo i{
  position:absolute; inset:0; display:block;
  border-radius:31% / 26%;
  background-color:#141A28;              
  background-image:var(--pared);
}

.reloj3d__cuerpo i:nth-child(1){
  transform:translateZ(calc(var(--e) * -.030));
  background-image:linear-gradient(rgba(244,248,255,.34),rgba(244,248,255,.34)),var(--canto);
}
.reloj3d__cuerpo i:nth-child(2){
  transform:translateZ(calc(var(--e) * -.120));
  background-image:linear-gradient(rgba(226,234,255,.17),rgba(226,234,255,.17)),var(--canto);
}

.reloj3d__cuerpo i:nth-child(3){
  transform:translateZ(calc(var(--e) * -.245));
  background-image:linear-gradient(rgba(206,218,250,.05),rgba(206,218,250,.05)),var(--pared);
}
.reloj3d__cuerpo i:nth-child(4){
  transform:translateZ(calc(var(--e) * -.430));
  background-image:linear-gradient(rgba(2,4,10,.28),rgba(2,4,10,.28)),var(--pared);
}
.reloj3d__cuerpo i:nth-child(5){
  transform:translateZ(calc(var(--e) * -.640));
  background-image:linear-gradient(rgba(2,4,10,.52),rgba(2,4,10,.52)),var(--pared);
}
.reloj3d__cuerpo i:nth-child(6){
  transform:translateZ(calc(var(--e) * -.880));
  background-image:linear-gradient(rgba(2,4,10,.74),rgba(2,4,10,.74)),var(--pared);
}

.reloj3d__cuerpo i:nth-child(7){
  transform:translateZ(calc(var(--e) * -1));
  background-image:linear-gradient(rgba(150,178,255,.13),rgba(150,178,255,.13)),var(--pared);
}

.reloj3d__cuerpo i:nth-child(8){
  transform:translateZ(calc(var(--e) * -1.08)) scale(.914);
  background-image:
    repeating-radial-gradient(circle at 50% 47%,
      rgba(190,206,248,.045) 0 1px, rgba(0,0,0,.05) 1px 4px),
    radial-gradient(54% 44% at 50% 45%, #1A2135 0%, #0A0E1A 58%, #04060C 100%);
  box-shadow:0 0 0 1px rgba(190,206,248,.09);
}


.reloj3d__caja{
  position:absolute; inset:0;
  border-radius:31% / 26%;
  padding:5.5%;
  background-image:
    var(--grano),
    radial-gradient(22% 74% at 31% 30%,
      rgba(236,242,255,.34) 0%, rgba(228,236,255,.30) 30%,
      rgba(198,212,248,.09) 52%, transparent 78%),
    var(--bisel);
  box-shadow:
    
    inset 1px 1px 0 rgba(236,242,255,.46),
    inset -1px -1px 0 rgba(0,0,0,.72),
    inset 0 0 0 1px rgba(255,255,255,.09);
  transform-style:preserve-3d;
}


.reloj3d__corona-eje{
  position:absolute; right:calc(var(--sale-c) * -1); top:28%;
  height:11.1%; width:var(--sale-c);
  transform:translateZ(calc(var(--e) * -.5));
  border-radius:0 3px 3px 0;
  background-image:
    
    repeating-linear-gradient(0deg,
      rgba(240,246,255,.26) 0 1.1px, rgba(0,0,0,.32) 1.1px 2.4px),
    
    linear-gradient(180deg,
      #070A11 0%, #2E3448 16%, #8B94B2 34%, #DDE4F6 42%,
      #626B88 58%, #1D2231 82%, #05070C 100%);
  box-shadow:0 0 7px 1px rgba(0,0,0,.82);
}
.reloj3d__corona{
  position:absolute; right:0; top:28%;
  height:11.1%; width:calc(var(--e) * .66);
  transform-origin:0 50% 0;
  transform:translate3d(calc(100% + var(--sale-c)),0,calc(var(--e) * -.17)) rotateY(90deg);
  backface-visibility:hidden;
  border-radius:50%;
  background-image:
    radial-gradient(circle at 34% 27%, rgba(226,236,255,.28) 0%, transparent 52%),
    
    repeating-radial-gradient(circle at 50% 50%,
      rgba(255,255,255,.05) 0 1.4px, rgba(0,0,0,.055) 1.4px 3px),
    
    radial-gradient(circle at 50% 50%,
      #333A5C 0%, #3B4366 46%, #272D46 64%, #8B94B0 85%, #474E72 93%, #161B2C 100%);
  box-shadow:inset 0 0 0 1px rgba(226,236,255,.28), inset 0 -4px 9px rgba(0,0,0,.6);
}

.reloj3d__boton-eje{
  position:absolute; right:calc(var(--sale-b) * -1); top:52%;
  height:24%; width:var(--sale-b);
  transform:translateZ(calc(var(--e) * -.5));
  border-radius:0 2px 2px 0;
  background-image:linear-gradient(180deg,
    #0A0D15 0%, #6E7794 12%, #C6CEE6 30%, #7C85A2 52%, #3A4159 82%, #070A11 100%);
  box-shadow:0 0 6px 1px rgba(0,0,0,.8);
}
.reloj3d__boton{
  position:absolute; right:0; top:52%;
  height:24%; width:calc(var(--e) * .27);
  transform-origin:0 50% 0;
  transform:translate3d(calc(100% + var(--sale-b)),0,calc(var(--e) * -.365)) rotateY(90deg);
  backface-visibility:hidden;
  border-radius:4px;
  background-image:
    linear-gradient(90deg,
      rgba(4,6,10,.92) 0%, transparent 28%, transparent 64%, rgba(4,6,10,.94) 100%),
    linear-gradient(180deg, #C4CCE4 0%, #6C7592 26%, #2A3046 62%, #171C29 100%);
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.22), 0 0 8px 2px rgba(0,0,0,.82);
}


.reloj3d__pantalla{
  position:relative; height:100%; overflow:hidden;
  border-radius:26% / 22%;
  background:#000;
  display:flex; flex-direction:column;
  padding:9% 9% 8%;
  color:#fff; text-align:left;
  --pulso-aviso:0;
  
  transform:translateZ(0);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.92),
    0 3px 10px 2px rgba(0,0,0,.82);
}
.reloj3d__pantalla::after{
  content:''; position:absolute; z-index:18; inset:0; pointer-events:none;
  border-radius:inherit; opacity:var(--pulso-aviso);
  background:
    radial-gradient(88% 54% at 50% 90%,rgba(205,225,255,.34) 0%,rgba(72,107,255,.20) 38%,transparent 74%),
    linear-gradient(180deg,transparent 52%,rgba(255,255,255,.09) 100%);
  box-shadow:inset 0 -12px 34px rgba(94,132,255,.18);
  mix-blend-mode:screen; will-change:opacity;
}


.reloj3d__brillo{
  position:absolute; inset:4.4%; z-index:3; pointer-events:none;
  border-radius:27% / 23%;
  transform:translateZ(calc(var(--e) * .069));
  background-image:
    linear-gradient(128deg,
      rgba(255,255,255,.20) 0%, rgba(255,255,255,.05) 16%,
      transparent 34%, transparent 78%, rgba(190,214,255,.09) 96%),
    
    radial-gradient(112% 96% at 50% 50%,
      transparent 58%, rgba(196,214,255,.10) 88%, rgba(226,236,255,.20) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(206,222,255,.20),
    inset 0 1px 0 rgba(255,255,255,.34);
}


.reloj3d__reflejo{
  position:absolute; inset:16%; z-index:4; pointer-events:none;
  border-radius:40% / 34%;
  transform:translateZ(calc(var(--e) * .62));
  background-image:
    radial-gradient(46% 78% at 26% 22%,
      rgba(226,236,255,.20) 0%, rgba(180,205,255,.09) 38%, transparent 72%),
    radial-gradient(20% 52% at 74% 66%,
      rgba(150,185,255,.10) 0%, transparent 70%);
}


.wf__aviso{ -webkit-backdrop-filter:none; backdrop-filter:none }


@media (max-width:720px){
  .reloj3d__caja{
    background-image:
      radial-gradient(22% 74% at 31% 30%,
        rgba(236,242,255,.34) 0%, rgba(228,236,255,.30) 30%,
        rgba(198,212,248,.09) 52%, transparent 78%),
      var(--bisel);
  }
  .reloj3d__cuerpo i:nth-child(4),
  .reloj3d__cuerpo i:nth-child(6){ display:none }
  .reloj3d__cuerpo i:nth-child(8){
    background-image:radial-gradient(54% 44% at 50% 45%, #1A2135 0%, #0A0E1A 58%, #04060C 100%);
  }
}





.wf__fecha{
  font-size:clamp(6.5px,.56vw,8px); font-weight:600; letter-spacing:.12em;
  text-transform:uppercase; color:var(--azul-pal); flex:none;
  display:inline-block; margin-right:.6em;
}
.wf__hora{
  font-size:clamp(15px,1.5vw,20px); font-weight:600; letter-spacing:-.03em;
  line-height:1; flex:none; display:inline-block;
  font-variant-numeric:tabular-nums;
}
.wf__cab{ flex:none; display:flex; align-items:baseline; margin-bottom:5% }

.wf__avisos{ flex:1; min-height:0; position:relative }
.wf__aviso{
  position:absolute; left:0; right:0; bottom:0;
  display:flex; align-items:center; gap:7px;
  border-radius:12px; padding:8px 9px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  transform-origin:50% 100%;
  opacity:0; will-change:transform, opacity, filter;
  box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05);
}
.wf__aviso i{
  width:19px; height:19px; flex:none; border-radius:5px;
  display:grid; place-items:center; color:#fff;
}
.wf__aviso i svg{ width:12px; height:12px }
.wf__aviso i.ig{ background:linear-gradient(45deg,#F9CE34,#EE2A7B 52%,#6228D7) }
.wf__aviso i.wa{ background:#25D366 }
.wf__aviso i.ms{ background:linear-gradient(45deg,#0695FF,#A334FA) }
.wf__aviso span{ display:grid; line-height:1.15; min-width:0; text-align:left }
.wf__aviso b{
  font-size:clamp(8px,.82vw,11px); font-weight:600; letter-spacing:-.01em;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.wf__aviso em{
  font-style:normal; font-size:clamp(7.5px,.76vw,10px); color:rgba(255,255,255,.7);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.labs-barra .labs-acceso{
  position:relative; isolation:isolate;
  color:color-mix(in oklab,#FFFFFF calc(var(--tono-noche,0) * 100%),#05070F);
  background:rgba(255,255,255,calc(.62 - .53 * var(--tono-noche,0)));
  border:1px solid rgba(255,255,255,calc(.20 * var(--tono-noche,0)));
  box-shadow:
    inset 0 1px rgba(255,255,255,calc(.72 - .64 * var(--tono-noche,0))),
    0 12px 32px -26px rgba(6,18,64,.65);
  -webkit-backdrop-filter:blur(16px) saturate(150%); backdrop-filter:blur(16px) saturate(150%);
  transition:transform .14s var(--sal);
}
.labs-barra .labs-acceso::after{
  
  content:''; position:absolute; inset:-1px; border-radius:inherit; pointer-events:none;
  border:1px solid rgba(6,18,64,.14);
  opacity:calc(1 - var(--tono-noche,0));
}
@media(hover:hover) and (pointer:fine){
  .labs-barra .labs-acceso:hover{
    background:rgba(255,255,255,calc(.82 - .68 * var(--tono-noche,0)));
    border-color:rgba(173,188,252,calc(.52 * var(--tono-noche,0)));
  }
}
@property --giro{ syntax:'<angle>'; initial-value:0deg; inherits:false }
.labs-barra .labs-acceso::before{
  content:''; position:absolute; inset:-1px; border-radius:inherit; padding:1px;
  background:conic-gradient(from var(--giro),
    rgba(255,255,255,0) 0deg, rgba(92,121,250,.7) 48deg, #FFFFFF 76deg,
    rgba(173,188,252,.8) 104deg, rgba(255,255,255,0) 190deg, rgba(255,255,255,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite:exclude;
  animation:giroBorde 4.5s linear infinite;
  pointer-events:none;
}
@keyframes giroBorde{ to{ --giro:360deg } }
@media (prefers-reduced-motion: reduce){ .labs-barra .labs-acceso::before{ animation:none } }

.pie{
  position:relative; z-index:3;
  background:var(--papel);
  padding:clamp(48px,8vh,84px) var(--marco) calc(28px + env(safe-area-inset-bottom));
  font-size:13px; color:#5F5D6E;
}
.pie__int{ max-width:1180px; margin:0 auto }
.pie__alto{
  display:grid; gap:clamp(30px,5vw,64px);
  grid-template-columns:minmax(280px,1.15fr) minmax(0,1.85fr);
}
.pie__marca .marca{ display:inline-flex }
.pie__lema{
  margin:20px 0 0; max-width:44ch; font-size:13.5px; line-height:1.62; color:#5F5D6E;
}


.pie__tiendas{ display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 0 }
.tienda{
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 15px; border-radius:12px;
  background:#16141C; color:#fff; text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.tienda:hover{ transform:translateY(-1px); box-shadow:0 10px 24px -14px rgba(16,20,40,.9) }


.pie .tienda:link,.pie .tienda:visited,
.pie .tienda:hover,.pie .tienda:focus,.pie .tienda:active{ color:#fff }
.tienda{ -webkit-tap-highlight-color:transparent }
.tienda:focus-visible{ outline:2px solid var(--azul); outline-offset:3px }
.tienda svg{ flex:none; width:21px; height:21px; fill:currentColor }
.tienda span{ display:grid; line-height:1.15; text-align:left }
.tienda small{ font-size:9.5px; letter-spacing:.02em; opacity:.78 }
.tienda b{ font-size:14px; font-weight:600; letter-spacing:-.01em }

.pie__cols{
  display:grid; gap:26px 30px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
}
.pie__col h3{
  font-size:.64rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase;
  color:#16141C; margin:0 0 14px;
}
.pie__col ul{ list-style:none; margin:0; padding:0; display:grid; gap:10px }
.pie__col a{ color:#5F5D6E; font-size:13.5px; text-decoration:none }
.pie__col a:hover{ color:var(--azul) }
.pie__ig{ display:inline-flex; align-items:center; gap:8px }
.pie__ig svg{ width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7 }

@media (max-width:720px){
  .pie__col ul{ gap:0 }
  .pie__col a{ display:block; padding-block:13px }
  .pie__col a.pie__ig{ display:inline-flex }
}

.pie__medio{
  margin-top:clamp(34px,5vh,56px); padding-top:clamp(26px,4vh,38px);
  
  
  display:grid; gap:26px 40px; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);
}
@media (max-width:1180px){ .pie__medio{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) } }
.pie__medio h3{
  font-size:.64rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase;
  color:#16141C; margin:0 0 14px;
}
.pie__insignias{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:9px }
.pie__insignias li{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px; border-radius:11px;
  background:#fff; 
  font-size:12.5px; font-weight:600; color:#16141C;
}
.pie__insignias img{ height:15px; width:auto; display:block }

.pie__insignias li.pie__insignia--logo{ padding:6px 12px }
.pie__insignias li.pie__insignia--logo img{ height:23px }

.pie__sellos{
  list-style:none; margin:16px 0 0; padding:0;
  display:flex; flex-wrap:wrap; align-items:center; gap:18px;
}
.pie__sellos img{ height:54px; width:auto; display:block }
@media (max-width:520px){ .pie__sellos{ gap:14px } .pie__sellos img{ height:46px } }

.pie__insignias--cumple li{ font-size:12px; font-weight:600 }
.pie__insignias a{ color:inherit; text-decoration:none }
.pie__insignias a:hover{ color:var(--azul) }

.pie__bajo{
  margin-top:clamp(26px,4vh,40px); padding-top:20px; 
  display:flex; flex-wrap:wrap; gap:12px 26px; align-items:center; justify-content:space-between;
  font-size:12px; color:#6B6878;
}
.pie__bajo nav{ display:flex; flex-wrap:wrap; gap:12px 20px }
.pie a:hover{ color:var(--azul) }
@media (max-width:900px){
  .pie__alto,.pie__medio{ grid-template-columns:1fr }
}

.barrido{ position:relative; display:inline-block; overflow:visible }
.barrido .pal{
  position:relative; display:inline-block; white-space:pre;
  opacity:.12; filter:blur(6px);
  transition:opacity .5s var(--sal), filter .5s var(--sal);
  will-change:opacity, filter;
}
.barrido.encendido .pal{ opacity:1; filter:none }
.barrido .pal::after{
  content:attr(data-text); position:absolute; inset:0; pointer-events:none;
  color:transparent; -webkit-text-fill-color:transparent;
  background:linear-gradient(105deg,
    transparent 0 42%,rgba(85,169,255,.34) 46%,#A8F1FF 49%,#FFFFFF 50%,#8BD8FF 52%,rgba(84,137,255,.26) 55%,transparent 59% 100%);
  background-size:340% 100%; background-position:120% 0;
  -webkit-background-clip:text; background-clip:text;
  opacity:0; will-change:background-position,opacity;
}
.barrido.encendido .pal::after{
  animation:barrido-glifo 980ms var(--sal) var(--delay-barrido,0ms) both;
}
@keyframes barrido-glifo{
  0%{ background-position:120% 0; opacity:0 }
  16%{ opacity:.92 }
  84%{ opacity:.92 }
  100%{ background-position:-20% 0; opacity:0 }
}
@media (prefers-reduced-motion:reduce){
  .barrido .pal{ opacity:1; filter:none; transition:none }
  .barrido .pal::after{ content:none; animation:none }
}