/* ==========================================================================
   VIAL CONSTRUCTION · ENTRADA TIPO PELÍCULA · vial-intro.css · v1.1
   --------------------------------------------------------------------------
   Todo esto se activa SOLO si <html> tiene la clase  vi-on  (la pone el script
   vial-intro.js, que va en el <head>). Sin esa clase la página se ve exactamente igual que siempre.

   AJUSTES RÁPIDOS (en :root, abajo)
     --k         velocidad: 1 = normal · 1.3 = 30 % más lenta · .8 = más rápida
     --vi-total  segundo (a velocidad 1) en que empieza la salida. Si cambias los
                 tiempos de las escenas (--t / --l en el HTML), ajústalo también.
   ========================================================================== */

:root{
  --k:1;
  --vi-total:11.1;
  --s:calc(var(--k) * 1s);               /* "un segundo" ya multiplicado por la velocidad */
  --vi-ease:cubic-bezier(.2,.8,.2,1);
  --vi-io:cubic-bezier(.7,0,.2,1);
}

/* ---------- contenedor ---------- */
.vi{display:none}
html.vi-on{scrollbar-gutter:stable;background:#030708}   /* el color de fondo tapa el hueco de la barra de scroll (Windows/Linux) mientras el scroll esta bloqueado */
html.vi-on .vi{
  --paper:#f4efe6; --gold:#edbf75;
  --bar:clamp(44px,7.5svh,76px);                                /* barras de cine (vertical) */
  --gx:clamp(22px,6vw,96px);                                    /* margen lateral */
  --w:84vw;                                                     /* ancho objetivo de la palabra grande */
  display:block;position:fixed;inset:0;z-index:2147483647;overflow:hidden;isolation:isolate;   /* el maximo posible: queda por encima de etiquetas/widgets flotantes del sitio (p. ej. la etiqueta "Powered by Netlify", z-index 2147483645) */
  background:#030708;color:var(--paper);
  font-family:'Manrope','DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;
  animation:viExit calc(.9*var(--s)) var(--vi-io) calc(var(--vi-total)*var(--s)) forwards;
}
html.vi-on .vi[hidden]{display:block!important}          /* gana a cualquier reset  [hidden]{display:none!important}  del sitio */
@media (orientation:landscape){
  html.vi-on .vi{--bar:clamp(30px,calc((100svh - 100vw / 2.39) / 2),160px);--w:52vw}   /* cine 2.39:1 */
}
.vi,.vi *{box-sizing:border-box}
html.vi-on .vi.vi-skipped{animation:viExitFast .45s ease-out forwards}
.vi-stage{position:absolute;inset:0;transform-origin:50% 50%;
  animation:viZoomOut calc(.9*var(--s)) cubic-bezier(.5,0,.8,.4) calc(var(--vi-total)*var(--s)) forwards}
.vi.vi-skipped .vi-stage{animation:none}

/* idiomas: se muestra el que coincida con <html lang="..."> */
.vi [data-l]{display:block}
.vi [data-l=es]{display:none}
.vi .vi-i[data-l=en]{display:inline}                 /* variante "en línea" (botón) */
:lang(es) .vi [data-l=en]{display:none}
:lang(es) .vi [data-l=es]{display:block}
:lang(es) .vi .vi-i[data-l=es]{display:inline}

/* ---------- fondo + efectos de película ---------- */
.vi-night{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 46%,#10232b 0%,#0a161b 55%,#050b0e 100%);
  animation:viFadeIn calc(.9*var(--s)) ease-out both}
.vi-vig{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:radial-gradient(130% 100% at 50% 50%,transparent 52%,rgba(0,0,0,.6) 100%)}
.vi-grain{position:absolute;inset:-70px;z-index:6;pointer-events:none;opacity:.15;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%25' height='100%25'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .95 -.28'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size:220px 220px;animation:viGrain .55s steps(1) infinite}
.vi-flash{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;
  background:radial-gradient(70% 62% at var(--fx,28%) var(--fy,40%),rgba(255,241,216,.95) 0%,rgba(255,178,98,.55) 38%,rgba(255,150,70,0) 78%);
  animation:viFlash calc(.38*var(--s)) ease-out calc(var(--t)*var(--s)) both}
.vi-tagtop{position:absolute;z-index:7;left:var(--gx);top:calc(var(--bar) + clamp(14px,3.2svh,30px));margin:0;
  font:600 clamp(10px,.6vw + 7px,12px)/1 'DM Sans',system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(244,239,230,.92);text-shadow:0 1px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.5);opacity:0;
  animation:viTag calc(6.4*var(--s)) linear calc(2.3*var(--s)) both}

/* barras de cine + progreso + botón saltar */
.vi-bar{position:absolute;left:0;right:0;z-index:9;height:var(--bar);background:#000;will-change:transform}
.vi-bt{top:0;animation:viBarT calc(.9*var(--s)) var(--vi-io) calc(var(--vi-total)*var(--s)) forwards}
.vi-bb{bottom:0;animation:viBarB calc(.9*var(--s)) var(--vi-io) calc(var(--vi-total)*var(--s)) forwards}
.vi.vi-skipped .vi-bt,.vi.vi-skipped .vi-bb{animation:none}
.vi-prog{position:absolute;z-index:11;left:0;right:0;bottom:var(--bar);height:2px;background:linear-gradient(90deg,var(--gold),#ffe2ac);
  transform-origin:0 50%;transform:scaleX(0);animation:viProg calc(var(--vi-total)*var(--s)) linear both}
.vi-skip{position:absolute;z-index:12;right:max(var(--gx),calc(env(safe-area-inset-right,0px) + 12px));
  bottom:max(8px,calc(var(--bar) / 2 - 22px),calc(env(safe-area-inset-bottom,0px) + 6px));
  min-height:44px;padding:0 20px;margin:0;border:1px solid rgba(244,239,230,.4);border-radius:999px;
  background:rgba(5,11,14,.5);color:var(--paper);cursor:pointer;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  font:600 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;
  opacity:0;animation:viFadeIn calc(.5*var(--s)) ease-out calc(.9*var(--s)) forwards,viFadeOut calc(.3*var(--s)) linear calc((var(--vi-total) - .1)*var(--s)) forwards}
.vi-skip:hover{border-color:var(--gold);color:var(--gold)}
.vi-skip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- A · estudio: logo + "presenta" ---------- */
.vi-a{position:absolute;inset:var(--bar) 0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;
  animation:viOutA calc(.22*var(--s)) linear calc(1.98*var(--s)) forwards}
.vi-streak{position:absolute;left:3vw;right:3vw;top:var(--sy,50%);height:2px;margin-top:-1px;z-index:0;opacity:0;transform:scaleX(0);
  background:linear-gradient(90deg,transparent 0,rgba(237,191,117,0) 6%,rgba(255,232,190,.95) 50%,rgba(237,191,117,0) 94%,transparent 100%);
  box-shadow:0 0 22px 3px rgba(237,191,117,.35);
  animation:viStreak calc(1.5*var(--s)) cubic-bezier(.6,0,.2,1) calc(var(--t)*var(--s)) both}
.vi-logo{position:relative;z-index:1;display:block;width:clamp(240px,72vmin,460px);height:auto;max-width:none;
  filter:drop-shadow(0 0 22px rgba(237,191,117,.22));
  animation:viLogo calc(1.1*var(--s)) var(--vi-ease) calc(.65*var(--s)) both}
.vi-pres{position:relative;z-index:1;margin:clamp(14px,2.6svh,30px) 0 0;padding-left:.5em;
  font:600 clamp(11px,.8vw + 7px,15px)/1 'DM Sans',system-ui,sans-serif;letter-spacing:.5em;text-transform:uppercase;
  color:rgba(244,239,230,.74);animation:viRiseS calc(.7*var(--s)) var(--vi-ease) calc(1.3*var(--s)) both}

/* ---------- B · tomas con foto ----------
   Vertical (celular/tablet): la foto llena la pantalla.
   Horizontal (computadora): fondo desenfocado + la foto completa en un panel 3:4 a la derecha. */
.vi-shot{position:absolute;inset:0;margin:0;z-index:2;visibility:hidden;
  animation:viWin calc(var(--l)*var(--s)) calc(var(--t)*var(--s)) linear forwards,
            viHit calc(.34*var(--s)) calc(var(--t)*var(--s)) var(--vi-ease) both}
.vi-ph{position:absolute;inset:0;overflow:hidden;background:#071014;
  animation:viPunch calc(.46*var(--s)) var(--vi-ease) calc(var(--t)*var(--s)) both}
.vi-bg{display:none}
.vi-pn{position:absolute;inset:0;z-index:1;overflow:hidden;filter:contrast(1.06) saturate(1.05) brightness(.93)}
.vi-fg{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--op,50% 50%);
  transform-origin:var(--to,50% 50%);will-change:transform;
  animation:viKb calc(var(--l)*var(--s)) calc(var(--t)*var(--s)) cubic-bezier(.3,0,.5,1) both}
.vi-shade{position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,10,13,.9) 0%,rgba(4,10,13,.55) 24%,rgba(4,10,13,0) 54%),
             linear-gradient(180deg,rgba(4,10,13,.72) 0%,rgba(4,10,13,.3) 14%,rgba(4,10,13,0) 30%)}
@media (orientation:landscape){
  html.vi-on .vi-bg{display:block;position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;
    filter:blur(28px) brightness(.5) saturate(1.3)}
  html.vi-on .vi-pn{z-index:2;inset:var(--bar) calc(var(--gx) + 3vw) var(--bar) auto;width:calc((100svh - 2 * var(--bar)) * .75);
    box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.1)}
  html.vi-on .vi-shade{z-index:1;
    background:linear-gradient(90deg,rgba(4,10,13,.78) 0%,rgba(4,10,13,.45) 46%,rgba(4,10,13,0) 66%),
               linear-gradient(180deg,rgba(4,10,13,.55) 0%,rgba(4,10,13,0) 26%)}
}
.vi-cap{position:absolute;left:var(--gx);right:var(--gx);z-index:3;margin:0;
  bottom:calc(var(--bar) + clamp(20px,6.5svh,70px));display:flex;flex-direction:column;align-items:flex-start}
.vi-no{display:flex;align-items:center;gap:12px;margin:0 0 clamp(8px,1.6svh,16px);
  font:600 clamp(11px,.7vw + 8px,14px)/1 'DM Sans',system-ui,sans-serif;letter-spacing:.34em;color:var(--gold);
  text-shadow:0 1px 10px rgba(0,0,0,.6);
  animation:viRiseS calc(.4*var(--s)) var(--vi-ease) calc((var(--t) + .12)*var(--s)) both}
.vi-no:before{content:'';width:28px;height:2px;background:var(--gold)}
.vi-word{display:block;overflow:hidden;max-width:100%}
.vi-w{display:block;white-space:nowrap;padding:.15em .05em .03em;
  font-family:'Manrope','DM Sans',system-ui,sans-serif;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase;
  font-size:min(calc(var(--w) / var(--n)),20vw,22svh);
  color:var(--paper);text-shadow:0 2px 34px rgba(0,0,0,.35);
  animation:viWordIn calc(.62*var(--s)) var(--vi-ease) calc((var(--t) + .04)*var(--s)) both}
.vi-rule{display:block;width:clamp(48px,7vw,84px);height:3px;margin:clamp(10px,2svh,20px) 0 clamp(10px,1.6svh,16px);
  background:var(--gold);transform-origin:0 50%;transform:scaleX(0);
  animation:viRule calc(.5*var(--s)) var(--vi-ease) calc((var(--t) + .32)*var(--s)) both}
.vi-sub{margin:0;font:600 clamp(12px,.9vw + 8px,17px)/1.35 'DM Sans',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(244,239,230,.96);text-shadow:0 1px 12px rgba(0,0,0,.7);
  animation:viRiseS calc(.5*var(--s)) var(--vi-ease) calc((var(--t) + .42)*var(--s)) both}

/* antes / después */
.vi-af{animation:viPunch calc(.46*var(--s)) var(--vi-ease) calc(var(--t)*var(--s)) both,
                 viWipe calc(.7*var(--s)) var(--vi-io) calc((var(--t) + .75)*var(--s)) both}
.vi-edge{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;transform:translateX(-100%);
  background:linear-gradient(90deg,rgba(237,191,117,0) calc(100% - 120px),rgba(237,191,117,.22) calc(100% - 4px),#ffe2ac calc(100% - 3px),#ffe2ac 100%);
  animation:viEdge calc(.7*var(--s)) var(--vi-io) calc((var(--t) + .75)*var(--s)) both}
.vi-cap1{animation:viCapOut calc(.3*var(--s)) ease-in calc((var(--t) + .75)*var(--s)) forwards}
.vi-cap2{--t:calc(var(--t0) + 1.25)}   /* "Después" entra cuando el corte ya pasó (--t0 = inicio de la toma) */

/* ---------- F · tarjeta de título ---------- */
.vi-title{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding:var(--bar) var(--gx);visibility:hidden;--wt:84vw;
  background:radial-gradient(90% 72% at 50% 42%,#1d3b47 0%,#12242b 58%,#0b181d 100%);
  animation:viOn .01s linear calc(var(--t)*var(--s)) forwards}
@media (orientation:landscape){html.vi-on .vi-title{--wt:50vw}}
.vi-tbg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.vi-tbg img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 62%;opacity:.3;
  filter:saturate(.9) blur(3px);transform-origin:50% 60%;
  animation:viTbg calc(3*var(--s)) linear calc(var(--t)*var(--s)) both}
.vi-tbg:after{content:'';position:absolute;inset:0;background:radial-gradient(90% 75% at 50% 45%,rgba(18,36,43,.55) 0%,rgba(18,36,43,.88) 100%)}
.vi-tin{display:flex;flex-direction:column;align-items:center;
  animation:viTextOut calc(.45*var(--s)) ease-in calc((var(--vi-total) - .1)*var(--s)) forwards}
.vi-hr{display:block;width:clamp(44px,6vw,72px);height:3px;background:var(--gold);transform-origin:50% 50%;transform:scaleX(0);
  animation:viRule calc(.6*var(--s)) var(--vi-ease) calc((var(--t) + .2)*var(--s)) both}
.vi-tl{font-family:'Manrope','DM Sans',system-ui,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.015em;line-height:1.02;
  font-size:min(calc(var(--wt) / var(--n)),16svh);margin:clamp(14px,2.6svh,28px) 0}
.vi-ln{display:block;overflow:hidden;padding:.14em .06em .04em}
.vi-ln>span{display:block;animation:viWordIn calc(.7*var(--s)) var(--vi-ease) calc((var(--t) + .3 + var(--i)*.15)*var(--s)) both}
.vi-ln:nth-child(2)>span{--i:1}.vi-ln:nth-child(3)>span{--i:2}
.vi-hr2{animation-delay:calc((var(--t) + 1.05)*var(--s))}
/* destello de lente a lo largo de la primera raya dorada (no cruza el texto) */
.vi-hr1{position:relative}
.vi-hr1:before{content:'';position:absolute;left:50%;top:50%;width:92vw;height:2px;margin:-1px 0 0 -46vw;opacity:0;transform:scaleX(0);
  background:linear-gradient(90deg,transparent 0,rgba(237,191,117,0) 6%,rgba(255,232,190,.9) 50%,rgba(237,191,117,0) 94%,transparent 100%);
  box-shadow:0 0 18px 2px rgba(237,191,117,.3);
  animation:viStreak calc(1.4*var(--s)) cubic-bezier(.6,0,.2,1) calc((var(--t) + .5)*var(--s)) both}
.vi-tag{margin:clamp(14px,2.4svh,24px) 0 0;font:600 clamp(11px,.8vw + 7px,15px)/1.5 'DM Sans',system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(244,239,230,.82);animation:viRiseS calc(.6*var(--s)) var(--vi-ease) calc((var(--t) + 1.2)*var(--s)) both}
.vi-tag b{font-weight:600;opacity:.6;margin:0 .35em}
.vi-cta{margin:8px 0 0;font:700 clamp(11px,.8vw + 7px,15px)/1.5 'DM Sans',system-ui,sans-serif;letter-spacing:.26em;text-transform:uppercase;
  color:var(--gold);animation:viRiseS calc(.6*var(--s)) var(--vi-ease) calc((var(--t) + 1.4)*var(--s)) both}
.vi-cta [data-l]{display:inline}
.vi-cta [data-l=es]{display:none}
:lang(es) .vi .vi-cta [data-l=en]{display:none}
:lang(es) .vi .vi-cta [data-l=es]{display:inline}

/* ---------- keyframes ---------- */
@keyframes viFadeIn{from{opacity:0}to{opacity:1}}
@keyframes viFadeOut{to{opacity:0;visibility:hidden}}
@keyframes viOn{to{visibility:visible}}
@keyframes viWin{0%,99.9%{visibility:visible}100%{visibility:hidden}}
@keyframes viOutA{to{opacity:0;visibility:hidden}}
@keyframes viRiseS{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes viLogo{
  from{opacity:0;transform:scale(.93);filter:drop-shadow(0 0 22px rgba(237,191,117,.22)) blur(10px)}
  to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 22px rgba(237,191,117,.22)) blur(0)}}
@keyframes viStreak{0%{transform:scaleX(0);opacity:0}28%{opacity:1}55%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes viHit{0%{transform:translate3d(0,0,0)}14%{transform:translate3d(-7px,4px,0)}30%{transform:translate3d(6px,-5px,0)}
  48%{transform:translate3d(-4px,2px,0)}68%{transform:translate3d(2px,-1px,0)}100%{transform:translate3d(0,0,0)}}
@keyframes viPunch{from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes viKb{from{transform:translate3d(var(--x0,0),var(--y0,0),0) scale(var(--z0,1.08))}
  to{transform:translate3d(var(--x1,0),var(--y1,0),0) scale(var(--z1,1.16))}}
@keyframes viTextOut{to{opacity:0;transform:scale(1.06)}}
@keyframes viTbg{from{transform:scale(1.02)}to{transform:scale(1.1)}}
@keyframes viWordIn{from{transform:translateY(112%);opacity:0}to{transform:none;opacity:1}}
@keyframes viRule{to{transform:scaleX(1)}}
@keyframes viWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes viEdge{0%{transform:translateX(-100%);opacity:1}88%{opacity:1}100%{transform:translateX(0);opacity:0}}
@keyframes viCapOut{to{opacity:0;transform:translateY(-14px);visibility:hidden}}
@keyframes viFlash{0%{opacity:0}9%{opacity:var(--a,.75)}100%{opacity:0}}
@keyframes viTag{0%{opacity:0}6%{opacity:1}94%{opacity:1}100%{opacity:0}}
@keyframes viProg{to{transform:scaleX(1)}}
@keyframes viGrain{0%{transform:translate(0,0)}20%{transform:translate(-34px,18px)}40%{transform:translate(24px,-28px)}
  60%{transform:translate(-18px,-36px)}80%{transform:translate(36px,26px)}}
@keyframes viZoomOut{to{transform:scale(1.14)}}
@keyframes viExit{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes viExitFast{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes viBarT{to{transform:translateY(-102%)}}
@keyframes viBarB{to{transform:translateY(102%)}}

/* ---------- la página (héroe) entra después de la intro ----------
   Opcional. Selectores del sitio real de Vial: .hero-in (textos del inicio), .hero-bg (fondo con
   video), .hdr (barra superior), .hero-scroll y .bar. (.hero-copy / .hero-visual eran del borrador.)
   Si el sitio cambia, ajusta estos nombres; los que no coincidan simplemente no hacen nada. */
html.vi-on .hero-copy>*,html.vi-on .hero-in>*{animation:viRise .9s var(--vi-ease) calc((var(--vi-total) + .35)*var(--s) + var(--i,0)*.09s) both}
html.vi-on .hero-visual,html.vi-on .hero-bg{animation:viSettle 1.3s var(--vi-ease) calc((var(--vi-total) + .3)*var(--s)) both}
html.vi-on .hdr,html.vi-on .hero-scroll,html.vi-on .bar{animation:viFadeIn 1s ease-out calc((var(--vi-total) + .6)*var(--s)) both}
/* si la persona salta la intro, el héroe entra de inmediato (nombres distintos para que la animación reinicie) */
html.vi-go .hero-copy>*,html.vi-go .hero-in>*{animation:viRiseB .9s var(--vi-ease) calc(.28s + var(--i,0)*.09s) both}
html.vi-go .hero-visual,html.vi-go .hero-bg{animation:viSettleB 1.3s var(--vi-ease) .22s both}
html.vi-go .hdr,html.vi-go .hero-scroll,html.vi-go .bar{animation:viFadeInB .7s ease-out .3s both}
.hero-copy>:nth-child(2),.hero-in>:nth-child(2){--i:1}.hero-copy>:nth-child(3),.hero-in>:nth-child(3){--i:2}.hero-copy>:nth-child(4),.hero-in>:nth-child(4){--i:3}
.hero-copy>:nth-child(5),.hero-in>:nth-child(5){--i:4}.hero-copy>:nth-child(6),.hero-in>:nth-child(6){--i:5}.hero-copy>:nth-child(7),.hero-in>:nth-child(7){--i:6}
@keyframes viRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes viRiseB{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes viSettle{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}
@keyframes viSettleB{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}
@keyframes viFadeInB{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){html .vi,html.vi-on .vi[hidden]{display:none!important}}
@media print{html .vi,html.vi-on .vi[hidden]{display:none!important}}