body[data-caso="bloquetech"][data-theme="caso-blanco"]{ --accent:#D0112B; }
body[data-caso="bloquetech"] .tz-hero .eyebrow{ color:#D0112B; opacity:1; }

.bq-hilos{ position:relative; justify-self:end; width:min(100%,680px); }
.bq-hilos img{ display:block; width:135%; max-width:none; height:auto; margin-left:-12%; transform:rotate(-14deg); -webkit-user-drag:none; user-select:none; }

.bq-hecho{ padding-top:clamp(40px,5vw,80px); padding-bottom:clamp(40px,5vw,80px); }
.bq-columnas{
  display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:1px; margin:clamp(24px,3vw,40px) 0 0;
  background:rgba(0,0,0,.11); border:1px solid rgba(0,0,0,.11); border-radius:20px; overflow:hidden; text-align:center;
}
.bq-col{
  --tbg:#F1F1F1; --tfg:#111; --tgrad:none;
  position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center;
  min-height:clamp(420px, 38vw, 520px); padding:clamp(18px, 2vw, 28px) 14px;
  background:#F1F1F1; color:#111; outline:none;
  transition:background-color .32s var(--ease-out), color .32s var(--ease-out);
}
.bq-col[data-tono="amarillo"]{ --tbg:#FFCB1F; --tfg:#111; --tgrad:linear-gradient(142deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 46%, rgba(0,0,0,.14) 100%); }
.bq-col[data-tono="rojo"]{ --tbg:#D0112B; --tfg:#fff; --tgrad:linear-gradient(142deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,0) 46%, rgba(0,0,0,.22) 100%); }
.bq-col[data-tono="negro"]{ --tbg:#000; --tfg:#fff; --tgrad:linear-gradient(142deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.03) 46%, rgba(255,255,255,0) 100%); }
.bq-col:hover, .bq-col:focus-visible{ background-color:var(--tbg); background-image:var(--tgrad); color:var(--tfg); }
.bq-col__cabeza{ display:flex; flex-direction:column; align-items:center; transform:translateY(clamp(18px, 3vw, 40px)); transition:transform .42s var(--ease-out); }
.bq-col:hover .bq-col__cabeza, .bq-col:focus-visible .bq-col__cabeza{ transform:none; }
.bq-col__grande{ margin:0; font-size:clamp(1.5rem, 2.3vw, 2.3rem); font-weight:800; line-height:1; letter-spacing:-.045em; }
.bq-col__texto{ margin:12px 0 0; max-width:24ch; font-size:.9rem; line-height:1.45; opacity:.8; }
.bq-col__hueco{ flex:1; display:flex; align-items:center; justify-content:center; width:100%; padding:clamp(14px, 1.6vw, 24px) 0; }
.bq-col__flotador{ display:flex; justify-content:center; width:100%; }
.bq-col:hover .bq-col__flotador, .bq-col:focus-visible .bq-col__flotador{ animation:bqFlota 4.2s ease-in-out infinite; }
@keyframes bqFlota{
  0%{ transform:translate3d(0,0,0) rotate(0deg); }
  28%{ transform:translate3d(0,-8px,0) rotate(1.1deg); }
  58%{ transform:translate3d(0,-13px,0) rotate(-.8deg); }
  100%{ transform:translate3d(0,0,0) rotate(0deg); }
}
.bq-col__objeto{
  width:auto; max-width:78%; max-height:clamp(110px, 12vw, 170px); height:auto;
  opacity:0; transform:translateY(20px) scale(.92); filter:drop-shadow(0 18px 22px rgba(0,0,0,.28));
  transition:opacity .34s var(--ease-out), transform .44s var(--ease-out);
}
.bq-col:hover .bq-col__objeto, .bq-col:focus-visible .bq-col__objeto{ opacity:1; transform:none; }
.bq-excel{ position:relative; display:block; width:88%; aspect-ratio:1.2; color:#1A1410; }
.bq-excel__hoja{
  position:absolute; inset:0; display:grid; grid-template-columns:1fr 1.4fr 1fr; grid-auto-rows:1fr;
  background:#fff; border:1px solid #CFD8CF; border-radius:6px; overflow:hidden; font-size:.62rem; text-align:center;
  box-shadow:0 18px 30px -18px rgba(0,0,0,.45); opacity:0;
}
.bq-excel__hoja i{ display:flex; align-items:center; justify-content:center; font-style:normal; border-right:1px solid #E2E8E2; border-bottom:1px solid #E2E8E2; }
.bq-excel__hoja i:nth-child(-n+3){ background:#E6EFE6; font-weight:700; }
.bq-excel__hoja i:nth-child(3n){ color:#D0112B; font-weight:700; border-right:0; }
.bq-excel__hoja .is-cursor::after{ content:''; width:1px; height:60%; background:#1A1410; animation:bqCursor 1s steps(1) infinite; }
@keyframes bqCursor{ 50%{ opacity:0; } }
.bq-excel__app{
  position:absolute; inset:0; display:flex; flex-direction:column; gap:6px; padding:10px; text-align:left;
  background:#fff; border-radius:12px; box-shadow:0 18px 30px -18px rgba(0,0,0,.45); opacity:0;
}
.bq-excel__fila{ display:grid; grid-template-columns:1fr auto 16px; align-items:center; gap:6px; padding:6px 8px; border-radius:8px; background:#F3F1EE; font-size:.64rem; }
.bq-excel__fila b{ font-weight:700; }
.bq-excel__fila em{ font-style:normal; }
.bq-excel__fila s{ display:grid; place-items:center; width:16px; height:16px; border-radius:50%; background:#2A8C3A; transform:scale(0); }
.bq-excel__fila s::after{ content:''; width:6px; height:3px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-1px) rotate(-45deg); }
.bq-excel__total{ margin-top:auto; align-self:flex-end; padding:4px 10px; border-radius:999px; background:#2A8C3A; color:#fff; font-size:.6rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; opacity:0; }
.bq-col:is(:hover,:focus-visible) .bq-excel__hoja{ animation:bqHoja 2.8s ease forwards; }
.bq-col:is(:hover,:focus-visible) .bq-excel__app{ animation:bqApp 2.8s ease forwards; }
.bq-col:is(:hover,:focus-visible) .bq-excel__fila s{ animation:bqCheck .35s cubic-bezier(.22,1,.36,1) forwards; }
.bq-col:is(:hover,:focus-visible) .bq-excel__fila:nth-child(1) s{ animation-delay:1.9s; }
.bq-col:is(:hover,:focus-visible) .bq-excel__fila:nth-child(2) s{ animation-delay:2.1s; }
.bq-col:is(:hover,:focus-visible) .bq-excel__fila:nth-child(3) s{ animation-delay:2.3s; }
.bq-col:is(:hover,:focus-visible) .bq-excel__total{ animation:bqTotal .4s ease 2.6s forwards; }
@keyframes bqHoja{ 0%{ opacity:0; transform:translateY(14px); } 12%{ opacity:1; transform:none; } 48%{ opacity:1; transform:none; } 60%{ opacity:0; transform:scale(.94); } 100%{ opacity:0; transform:scale(.94); } }
@keyframes bqApp{ 0%, 52%{ opacity:0; transform:scale(.94); } 66%, 100%{ opacity:1; transform:none; } }
@keyframes bqCheck{ to{ transform:scale(1); } }
@keyframes bqTotal{ to{ opacity:1; } }

.bq-mini{ display:block; width:90%; border-radius:8px; overflow:hidden; background:#fff; box-shadow:0 18px 30px -18px rgba(0,0,0,.5); opacity:0; transform:translateY(20px) scale(.92); transition:opacity .34s var(--ease-out), transform .44s var(--ease-out); }
.bq-mini img{ display:block; width:100%; height:auto; }
.bq-col:is(:hover,:focus-visible) .bq-mini{ opacity:1; transform:none; }

.bq-col__num{ font-size:.74rem; font-weight:700; letter-spacing:.09em; opacity:.6; }
.bq-kit{ margin:22px 0 0; font-size:1rem; color:rgba(36,28,23,.65); }
.bq-kit a{ font-weight:700; color:#D0112B; text-decoration:underline; text-underline-offset:4px; }

body[data-caso="bloquetech"] main#smooth-wrapper #smooth-content .bq-gigante{ margin:0 0 clamp(40px,5vw,70px); font-family:"BwModelica Black","BwModelica",sans-serif; font-size:min(15.1vw, 15.1 * 1600px / 100) !important; font-weight:900; line-height:.85 !important; letter-spacing:-.055em; white-space:nowrap; }

body[data-caso="bloquetech"] .bq-resultados .tz-cifra__num{ font-size:clamp(1.8rem,2.8vw,2.6rem) !important; }
body[data-caso="bloquetech"] .bq-resultados .tz-cifras{ grid-template-columns:repeat(3, minmax(0, 300px)); justify-content:start; text-align:left; }
body[data-caso="bloquetech"] .bq-resultados .tz-cifra{ align-items:flex-start; }
body[data-caso="bloquetech"] .bq-resultados .tz-cifra__que{ font-size:clamp(1rem,1.2vw,1.15rem); }

.bq-pantallas{ padding-top:clamp(40px,5vw,80px); padding-bottom:clamp(80px,12vh,160px); }
.bq-pantallas .section__inner{ max-width:1320px; }
.bq-mazo{ display:flex; flex-direction:column; gap:clamp(40px,8vh,90px); }
.bq-monitor{ position:sticky; top:calc(var(--alto-nav, 84px) + 24px); width:min(100%, calc((100vh - var(--alto-nav, 84px) - 110px) * 1.78)); margin:0 auto; }
.bq-monitor__marco{ padding:clamp(8px,.8vw,14px); background:#151515; border-radius:clamp(14px,1.4vw,22px); box-shadow:0 -24px 60px -36px rgba(26,20,16,.45), 0 50px 90px -50px rgba(0,0,0,.6); }
.bq-monitor__vidrio{ overflow:hidden; border-radius:6px; background:#fff; }
.bq-monitor__vidrio img{ display:block; width:100%; height:auto; }
.bq-monitor__pie{ display:block; width:16%; height:clamp(22px,3vh,40px); margin:0 auto; background:linear-gradient(180deg,#cfcfcf,#a9a9a9); clip-path:polygon(22% 0,78% 0,100% 100%,0 100%); }

@media (max-width:1100px){
  .bq-columnas{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media (max-width:900px){
  .bq-columnas{ grid-template-columns:minmax(0,1fr); gap:12px; background:none; border:0; border-radius:0; overflow:visible; }
  .bq-col{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"cabeza hueco" "num hueco"; align-items:center; column-gap:16px; row-gap:10px; min-height:0; padding:24px 22px; border-radius:20px; text-align:left; background-color:var(--tbg); background-image:var(--tgrad); color:var(--tfg); }
  .bq-col__cabeza{ grid-area:cabeza; align-items:flex-start; transform:none; }
  .bq-col__hueco{ grid-area:hueco; flex:none; width:auto; padding:0; }
  .bq-col__objeto{ opacity:1; transform:none; max-width:104px; max-height:92px; }
  .bq-excel{ width:130px; }
  .bq-excel__hoja{ display:none; }
  .bq-excel__app{ opacity:1; }
  .bq-excel__fila s, .bq-excel__total{ transform:none; opacity:1; }
  .bq-mini{ width:130px; opacity:1; transform:none; }
  .bq-col__texto{ max-width:none; }
  .bq-col__num{ grid-area:num; }
  .bq-hilos{ justify-self:center; width:100%; order:-1; overflow:hidden; }
  .bq-monitor{ position:relative; top:auto; width:100%; }
  .bq-monitor__pie{ display:none; }
  body[data-caso="bloquetech"] .bq-resultados .tz-cifras{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){
  .bq-col__cabeza, .bq-col__objeto, .bq-mini{ transform:none; transition:none; }
  .bq-col:is(:hover,:focus-visible) .bq-excel__hoja{ animation:none; }
  .bq-col:is(:hover,:focus-visible) .bq-excel__app{ animation:none; opacity:1; }
  .bq-col:is(:hover,:focus-visible) .bq-excel__fila s{ animation:none; transform:none; }
  .bq-col:is(:hover,:focus-visible) .bq-excel__total{ animation:none; opacity:1; }
  .bq-col__flotador{ animation:none !important; }
}