:root{--bg:#111d28;--bg2:#0b141d;--blue:#1687e8;--blue2:#50b2ff;--text:#f7f9fb;--muted:#aab7c4;--card:#172635;--line:rgba(255,255,255,.1);--radius:22px;--shadow:0 25px 70px rgba(0,0,0,.3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.elemento-seo-site{margin:0;background:var(--bg2);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;width:100%!important;max-width:none!important;margin:0!important;padding:14px 0;background:linear-gradient(180deg,rgba(8,15,22,.92),rgba(8,15,22,.45));backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(8,15,22,.95);border-color:var(--line)}.header-inner{display:flex;align-items:center;gap:28px;position:relative;width:min(1180px,calc(100% - 40px))!important;max-width:1180px!important;margin:0 auto!important}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:46px;height:46px;border-radius:12px;object-fit:cover}.brand span{font-size:19px;letter-spacing:.02em}.brand b{color:var(--blue)}.main-nav{margin-left:auto}.main-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.main-nav a{font-size:14px;color:#dce5ed}.main-nav a:hover{color:var(--blue2)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:800;box-shadow:0 12px 30px rgba(22,135,232,.25);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-small{padding:11px 15px;font-size:13px}.btn-ghost{background:transparent;border:1px solid var(--line);box-shadow:none}.btn-light{background:white;color:#10202e}.hero{min-height:820px;padding:145px 0 90px;background:radial-gradient(circle at 75% 28%,rgba(22,135,232,.18),transparent 36%),linear-gradient(135deg,#0b141d,#142536);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{display:inline-block;color:var(--blue2);font-size:12px;font-weight:900;letter-spacing:.18em;margin-bottom:18px}.hero h1,.page-hero h1{font-size:clamp(44px,6vw,78px);line-height:1.02;margin:0 0 24px;letter-spacing:-.04em}.hero h1 span{color:var(--blue2)}.hero-copy>p{font-size:20px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin:32px 0}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#c7d2dc;font-size:13px}.hero-media{position:relative;min-height:570px;display:flex;align-items:flex-end;justify-content:center}.hero-media img{position:relative;z-index:2;width:100%;max-width:500px;height:600px;object-fit:cover;object-position:center top;border-radius:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.12)}.glow{position:absolute;width:430px;height:430px;background:var(--blue);filter:blur(110px);opacity:.28}.metric{position:absolute;z-index:3;background:rgba(13,25,36,.88);backdrop-filter:blur(10px);border:1px solid var(--line);padding:16px 18px;border-radius:16px;box-shadow:var(--shadow)}.metric b,.metric small{display:block}.metric small{color:var(--muted)}.metric-one{left:-25px;top:105px}.metric-two{right:-35px;bottom:50px}.stats{background:#0a121a;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:28px;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats b,.stats span{display:block}.stats b{font-size:18px}.stats span{font-size:13px;color:var(--muted)}.section{padding:105px 0;background:#f6f8fa;color:#13212e}.section h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;max-width:780px;margin:0 0 45px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{background:white;padding:32px;border:1px solid #e4e9ee;border-radius:var(--radius);transition:.2s}.cards article:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(14,34,51,.12)}.cards article>span{color:var(--blue);font-weight:900}.cards h3{font-size:24px;margin:18px 0 10px}.cards p{color:#60707f}.cards a,.text-link{font-weight:800;color:#0c76cf}.section-dark{background:var(--bg);color:white}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.process-grid p{color:var(--muted)}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--blue2);font-size:24px}.steps h3{margin:0 0 5px}.steps p{margin:0}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-image img{height:540px;width:100%;object-fit:cover;object-position:center top;border-radius:28px}.about p{font-size:18px;color:#526474}.faq-list{max-width:900px}.faq details{background:white;border:1px solid #dfe6ec;border-radius:16px;margin:12px 0;padding:20px 24px}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:#5b6b79}.cta{padding:75px 0;background:linear-gradient(135deg,#0976cf,#3daaff)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:45px;margin:0}.cta p{margin:8px 0 0}.site-footer{background:#081019;padding:75px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer-grid h3{font-size:15px}.footer-grid a,.footer-grid span{display:block;color:#aebbc6;margin:9px 0}.footer-grid p{color:#aebbc6;max-width:380px}.footer-bottom{border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#7f8d99;font-size:13px}.wa-float{position:fixed;right:22px;bottom:22px;z-index:50;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.28)}.page-hero{padding:180px 0 85px;background:linear-gradient(135deg,#0b141d,#17334b)}.page-hero h1{font-size:62px}.page-hero p{font-size:20px;color:var(--muted);max-width:760px}.content-wrap{max-width:850px}.content-wrap h2{margin-bottom:20px}.content-wrap h3{margin-top:35px}.content-wrap li{margin:8px 0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:white;border-radius:18px;overflow:hidden}.post-card h2,.post-card p{padding:0 20px}.post-card p{padding-bottom:20px;color:#5f6e7b}@media(max-width:980px){.main-nav,.header-inner>.btn{display:none}.menu-toggle{display:block;margin-left:auto}.main-nav.open{display:block;position:absolute;top:76px;left:20px;right:20px;background:#0c1823;border:1px solid var(--line);border-radius:16px;padding:18px}.main-nav.open ul{display:flex;flex-direction:column}.hero-grid,.process-grid,.about-grid{grid-template-columns:1fr}.hero-media{min-height:auto}.hero-media img{height:520px}.metric-one{left:10px}.metric-two{right:10px}.cards{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:120px}.hero h1{font-size:46px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.hero-media img{height:430px}.metric{font-size:12px;padding:12px}.metric-one{top:35px}.stats-grid,.cards,.footer-grid,.post-grid{grid-template-columns:1fr}.stats-grid>div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:75px 0}.section h2{font-size:38px}.about-image img{height:430px}.cta h2{font-size:36px}.page-hero h1{font-size:48px}.brand span{display:none}}


/* =========================================================
   Motion system — Elemento SEO 1.1.0
   Animaciones sutiles, accesibles y sin dependencias.
   ========================================================= */
:root{--ease-out:cubic-bezier(.16,1,.3,1);--ease-smooth:cubic-bezier(.22,.61,.36,1)}
body.elemento-seo-site{overflow-x:hidden}

/* Estado inicial de los elementos revelables. JS agrega .is-visible. */
.motion-ready .reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .reveal.reveal-left{transform:translate3d(-42px,0,0)}
.motion-ready .reveal.reveal-right{transform:translate3d(42px,0,0)}
.motion-ready .reveal.reveal-scale{transform:scale(.94)}
.motion-ready .reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}

/* Hero: entrada escalonada. */
.motion-ready .hero-copy .eyebrow,.motion-ready .hero-copy h1,.motion-ready .hero-copy>p,.motion-ready .hero-actions,.motion-ready .trust-row{opacity:0;transform:translateY(28px);animation:heroEnter .85s var(--ease-out) forwards}
.motion-ready .hero-copy .eyebrow{animation-delay:.08s}.motion-ready .hero-copy h1{animation-delay:.18s}.motion-ready .hero-copy>p{animation-delay:.3s}.motion-ready .hero-actions{animation-delay:.42s}.motion-ready .trust-row{animation-delay:.54s}
@keyframes heroEnter{to{opacity:1;transform:translateY(0)}}
.motion-ready .hero-media{opacity:0;transform:translateX(35px) scale(.97);animation:heroMediaEnter 1s .25s var(--ease-out) forwards}
@keyframes heroMediaEnter{to{opacity:1;transform:translateX(0) scale(1)}}
.hero-media img{transition:transform .35s var(--ease-smooth);transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.015)}
.glow{animation:glowPulse 5s ease-in-out infinite alternate}
@keyframes glowPulse{from{transform:scale(.9);opacity:.2}to{transform:scale(1.12);opacity:.34}}
.metric{animation:metricFloat 4.2s ease-in-out infinite;transition:border-color .3s,box-shadow .3s}
.metric-two{animation-delay:-2.1s}
@keyframes metricFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero-media:hover .metric{border-color:rgba(80,178,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.38)}

/* Header y navegación. */
.site-header{transition:background .35s ease,border-color .35s ease,padding .35s ease,box-shadow .35s ease}
.site-header.scrolled{padding:9px 0;box-shadow:0 10px 34px rgba(0,0,0,.22)}
.brand img{transition:transform .45s var(--ease-out),box-shadow .3s ease}.brand:hover img{transform:rotate(-6deg) scale(1.08);box-shadow:0 8px 24px rgba(22,135,232,.24)}
.main-nav a{position:relative;transition:color .25s ease}
.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue2));transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-out)}
.main-nav a:hover:after,.main-nav .current-menu-item>a:after{transform:scaleX(1);transform-origin:left}

/* Botones con brillo y respuesta táctil. */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease-out),box-shadow .25s ease,filter .25s ease}
.btn:before{content:"";position:absolute;z-index:-1;inset:-2px auto -2px -45%;width:35%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);transform:skewX(-20deg);transition:left .65s var(--ease-out)}
.btn:hover:before{left:120%}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(22,135,232,.34);filter:saturate(1.08)}.btn:active{transform:translateY(-1px) scale(.985)}
.btn-ghost:hover{box-shadow:0 12px 30px rgba(0,0,0,.18);border-color:rgba(80,178,255,.45)}

/* Cards, estadísticas y pasos. */
.cards article{position:relative;overflow:hidden;transition:transform .4s var(--ease-out),box-shadow .4s ease,border-color .4s ease}
.cards article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(22,135,232,.11),transparent 42%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.cards article:hover:before{opacity:1}.cards article:hover{transform:translateY(-9px);border-color:rgba(22,135,232,.28);box-shadow:0 24px 55px rgba(14,34,51,.16)}
.cards article>span{display:inline-block;transition:transform .35s var(--ease-out)}.cards article:hover>span{transform:translateX(5px)}
.stats-grid>div{transition:background .3s ease,transform .35s var(--ease-out)}.stats-grid>div:hover{background:rgba(22,135,232,.06);transform:translateY(-4px)}
.steps li{transition:transform .35s var(--ease-out),background .3s ease,padding .35s ease}.steps li:hover{transform:translateX(8px);background:rgba(255,255,255,.025);padding-left:10px}.steps b{transition:transform .35s var(--ease-out)}.steps li:hover b{transform:scale(1.12)}

/* Imagen personal con leve profundidad. */
.about-image{position:relative}.about-image:before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(22,135,232,.25);border-radius:28px;transition:transform .5s var(--ease-out)}
.about-image img{position:relative;z-index:1;transition:transform .6s var(--ease-out),box-shadow .5s ease}.about-image:hover img{transform:translate(-5px,-7px);box-shadow:0 28px 65px rgba(14,34,51,.2)}.about-image:hover:before{transform:translate(7px,7px)}

/* FAQ con apertura más suave. */
.faq details{transition:border-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-out)}.faq details:hover{transform:translateY(-2px);border-color:rgba(22,135,232,.28)}.faq details[open]{box-shadow:0 16px 35px rgba(14,34,51,.09);border-color:rgba(22,135,232,.3)}
.faq summary{list-style:none;position:relative;padding-right:34px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:0;top:-4px;font-size:26px;color:var(--blue);transition:transform .3s var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}

/* CTA y WhatsApp. */
.cta{position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(1px);animation:ctaOrb 8s ease-in-out infinite}.cta:before{width:260px;height:260px;right:8%;top:-150px}.cta:after{width:180px;height:180px;left:4%;bottom:-120px;animation-delay:-4s}@keyframes ctaOrb{50%{transform:translate(30px,22px) scale(1.14)}}.cta-inner{position:relative;z-index:1}
.wa-float{animation:waPulse 2.8s ease-in-out infinite;transition:transform .25s var(--ease-out),box-shadow .25s ease}.wa-float:hover{transform:translateY(-5px) scale(1.06);box-shadow:0 18px 38px rgba(37,211,102,.3)}@keyframes waPulse{0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 0 rgba(37,211,102,.25)}50%{box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 13px rgba(37,211,102,0)}}

/* Páginas internas y contenido de Elementor. */
.page-hero{position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:520px;height:520px;right:-130px;top:-250px;border:1px solid rgba(80,178,255,.16);border-radius:50%;box-shadow:0 0 0 65px rgba(80,178,255,.035),0 0 0 130px rgba(80,178,255,.025);animation:slowSpin 22s linear infinite}@keyframes slowSpin{to{transform:rotate(360deg)}}.page-hero .container{position:relative;z-index:1}
.content-wrap h2,.content-wrap h3,.content-wrap p,.content-wrap ul,.content-wrap .btn,.elementor-widget:not(.elementor-widget-spacer){transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}

/* Entrada del menú móvil. */
@media(max-width:980px){.main-nav.open{animation:mobileMenuIn .35s var(--ease-out) both}.main-nav.open li{opacity:0;transform:translateY(-8px);animation:mobileItemIn .35s var(--ease-out) forwards}.main-nav.open li:nth-child(2){animation-delay:.04s}.main-nav.open li:nth-child(3){animation-delay:.08s}.main-nav.open li:nth-child(4){animation-delay:.12s}.main-nav.open li:nth-child(5){animation-delay:.16s}.main-nav.open li:nth-child(6){animation-delay:.2s}.main-nav.open li:nth-child(7){animation-delay:.24s}@keyframes mobileMenuIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes mobileItemIn{to{opacity:1;transform:none}}}

/* Accesibilidad: desactivar movimiento cuando el usuario lo solicita. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-ready .reveal,.motion-ready .hero-copy>* ,.motion-ready .hero-media{opacity:1!important;transform:none!important}.hero-media img{transform:none!important}}


/* =========================================================
   WhatsApp CTA attention cycle — Elemento SEO 1.2.0
   Microinteracción periódica: pulso doble + brillo sutil.
   JS activa .wa-attention cada 15 segundos.
   ========================================================= */
a.wa-cta{position:relative;isolation:isolate;overflow:hidden;transform-origin:center;will-change:transform,box-shadow}
a.wa-cta::after{content:"";position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-65%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);transform:skewX(-22deg) translateX(-180%);opacity:0;pointer-events:none}
a.wa-cta.wa-attention{animation:waAttention 1.25s var(--ease-out) both}
a.wa-cta.wa-attention::after{animation:waShine 1.05s .12s var(--ease-smooth) both}
@keyframes waAttention{0%,100%{transform:translateZ(0) scale(1)}18%{transform:translateZ(0) scale(1.045)}36%{transform:translateZ(0) scale(.992)}54%{transform:translateZ(0) scale(1.032)}72%{transform:translateZ(0) scale(1)}85%{box-shadow:0 0 0 10px rgba(37,211,102,0)}40%{box-shadow:0 0 0 0 rgba(37,211,102,.38)}}
@keyframes waShine{0%{opacity:0;transform:skewX(-22deg) translateX(-180%)}20%{opacity:1}100%{opacity:0;transform:skewX(-22deg) translateX(520%)}}
/* El botón flotante conserva su color y obtiene un halo verde. */
.wa-float.wa-cta.wa-attention{animation:waFloatAttention 1.35s var(--ease-out) both}
@keyframes waFloatAttention{0%,100%{transform:scale(1) rotate(0);box-shadow:0 12px 30px rgba(0,0,0,.28)}16%{transform:scale(1.10) rotate(-4deg)}32%{transform:scale(1.03) rotate(4deg)}48%{transform:scale(1.09) rotate(-3deg);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 12px rgba(37,211,102,.16)}68%{transform:scale(1) rotate(0);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 0 20px rgba(37,211,102,0)}}
/* Evita que hover y ciclo compitan visualmente. */
a.wa-cta:hover{filter:brightness(1.06)}
@media(prefers-reduced-motion:reduce){a.wa-cta.wa-attention,a.wa-cta.wa-attention::after,.wa-float.wa-cta.wa-attention{animation:none!important}}


/* =========================================================
   Elemento SEO 1.3.0 — posición WhatsApp + progreso de lectura
   ========================================================= */
.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:1001;background:rgba(255,255,255,.07);pointer-events:none;overflow:hidden}
.reading-progress__bar{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--blue),var(--blue2),#75c8ff);box-shadow:0 0 14px rgba(80,178,255,.72);will-change:transform}

/* Mantiene el botón flotante visible, pero separado de los bordes. */
.wa-float{right:max(32px,env(safe-area-inset-right));bottom:max(32px,env(safe-area-inset-bottom));z-index:999;width:60px;height:60px}
@media(max-width:620px){.reading-progress{height:3px}.wa-float{right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));width:56px;height:56px}}


.reading-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:rgba(255,255,255,.08);z-index:999999;pointer-events:none}.reading-progress__bar{display:block;height:100%;width:0;background:linear-gradient(90deg,#0ea5ff,#4cc9ff);box-shadow:0 0 10px rgba(14,165,255,.7);transition:width .1s linear}.wa-float{position:fixed!important;right:24px!important;bottom:24px!important;z-index:999998;animation:waPulse 15s infinite}.wa-float:hover{animation-play-state:paused}@keyframes waPulse{0%,92%,100%{transform:scale(1)}94%{transform:scale(1.08)}96%{transform:scale(.98)}98%{transform:scale(1.06)}}.wa-float:before{content:"";position:absolute;inset:0;border-radius:999px;overflow:hidden}.wa-float:after{content:"";position:absolute;top:0;left:-130%;width:70%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-25deg);animation:shine 15s infinite}@keyframes shine{0%,93%{left:-130%}98%,100%{left:160%}}


/* =========================================================
   Elemento SEO 1.3.2 — corrección definitiva WhatsApp + progreso
   Neutraliza reglas externas que fijaban left y ocultaban la barra.
   ========================================================= */
html body.elemento-seo-site > a.wa-float{
  position:fixed!important;
  left:auto!important;
  right:24px!important;
  top:auto!important;
  bottom:24px!important;
  margin:0!important;
  width:60px!important;
  min-width:60px!important;
  max-width:60px!important;
  height:60px!important;
  min-height:60px!important;
  max-height:60px!important;
  display:grid!important;
  place-items:center!important;
  transform-origin:center!important;
  z-index:2147483000!important;
}
html body.elemento-seo-site > a.wa-float::before,
html body.elemento-seo-site > a.wa-float::after{pointer-events:none}

html .reading-progress{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:4px!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  z-index:2147483001!important;
}
html .reading-progress__bar{
  display:block!important;
  width:100%!important;
  height:100%!important;
  transform:scaleX(0);
  transform-origin:0 50%!important;
}

@media(max-width:620px){
  html body.elemento-seo-site > a.wa-float{
    left:auto!important;
    right:18px!important;
    top:auto!important;
    bottom:20px!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:56px!important;
    min-height:56px!important;
    max-height:56px!important;
  }
  html .reading-progress{height:3px!important}
}