body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]){
  --bg:#FFFFFF; --fg:#241C17; --accent:#B86E22;
  --border:rgba(36,28,23,.12); --border-strong:rgba(36,28,23,.28);
  background:var(--bg); transition:background-color .45s linear;
}
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"])[data-theme="caso-blanco"]{ --bg:#FFFFFF; --fg:#241C17; --accent:#B86E22; --border:rgba(36,28,23,.12); --border-strong:rgba(36,28,23,.28); }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"])[data-theme="caso-negro"]{ --bg:#17120F; --fg:#FFFFFF; --accent:#E0A35A; --border:rgba(255,255,255,.16); --border-strong:rgba(255,255,255,.3); }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"])[data-theme="caso-amarillo"]{ --bg:#FFCB1F; --fg:#1A1410; --accent:#1A1410; --border:rgba(26,20,16,.2); --border-strong:rgba(26,20,16,.4); }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"])[data-theme="caso-ocre"]{ --bg:#8A4F16; --fg:#FFFFFF; --accent:#F4D3A6; --border:rgba(255,255,255,.3); --border-strong:rgba(255,255,255,.45); }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) ::selection{ background:#C27A2C; color:#fff; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) .section{ position:relative; z-index:2; min-height:0; padding-top:clamp(100px,13vh,150px); padding-bottom:clamp(100px,13vh,150px);
  background:var(--bg); color:var(--fg); transition:background-color .45s linear, color .45s linear; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) .section__inner{ max-width:var(--container); }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) main#smooth-wrapper #smooth-content .tz-hero .hero__title{ font-size:clamp(2.2rem,3.6vw,3.6rem) !important; line-height:1.02 !important; letter-spacing:-.03em; max-width:none; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) main#smooth-wrapper #smooth-content .tz-hero .lead{ font-size:clamp(1.2rem,1.7vw,1.5rem) !important; line-height:1.45 !important; max-width:40ch; font-weight:400; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) .btn{ background:var(--fg); color:var(--bg); }

.tz-kicker{ margin:0 0 20px; font-size:clamp(.9rem,1.1vw,1.05rem); font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); }
.tz-titulo{ margin:0 0 clamp(40px,5vw,70px); max-width:22ch; font-size:clamp(2.2rem,4.4vw,4.2rem); font-weight:800; line-height:1.02; letter-spacing:-.035em; }
.tz-titulo .accent{ display:block; font-weight:300; }

.tz-hero{ padding-top:clamp(140px,18vh,190px) !important; padding-bottom:clamp(60px,8vh,100px) !important; overflow:hidden; }
.tz-hero__grid{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:clamp(30px,4vw,70px); align-items:center; }
.tz-hero__logo{ display:block; width:clamp(240px,24vw,340px); height:auto; margin-bottom:clamp(30px,4vw,48px); }
.tz-etiquetas{ display:flex; flex-wrap:wrap; gap:10px; margin:clamp(28px,3vw,40px) 0 0; padding:0; list-style:none; }
.tz-etiquetas li{ padding:9px 16px; border:1px solid var(--border-strong); border-radius:999px; font-size:.95rem; font-weight:700; }
.tz-hero__visual{ position:relative; justify-self:end; width:min(100%,600px); }
.tz-hero__visual img{ display:block; width:100%; height:auto; user-select:none; -webkit-user-drag:none; }

.tz-resultados{ padding-top:clamp(70px,9vh,110px) !important; }
.tz-cifras{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(30px,4vw,64px); }
.tz-cifra{ display:flex; flex-direction:column; gap:16px; padding-top:26px; border-top:3px solid var(--fg); }
.tz-cifra__num{ font-size:clamp(2.8rem,4.6vw,4.6rem); font-weight:800; line-height:.95; letter-spacing:-.045em; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tz-cifra__que{ max-width:22ch; font-size:clamp(1.15rem,1.6vw,1.45rem); line-height:1.35; }
.tz-secundarias{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(20px,3vw,40px); margin:clamp(60px,7vw,100px) 0 0; padding:0; list-style:none; }
.tz-secundarias li{ display:flex; flex-direction:column; gap:6px; font-size:clamp(1.05rem,1.35vw,1.2rem); line-height:1.35; }
.tz-secundarias strong{ font-size:clamp(2rem,3.2vw,2.9rem); font-weight:800; letter-spacing:-.035em; line-height:1; }
.tz-secundarias li span{ opacity:.6; }

.tz-voz{ overflow:hidden; padding-top:clamp(120px,16vh,190px) !important; padding-bottom:clamp(120px,16vh,190px) !important; }
.tz-voz::before{ content:''; position:absolute; inset:0; pointer-events:none; opacity:.09;
  background:url('/assets/casos/tarazona/mosaico.svg') 0 0 / 96px 96px repeat; }
.tz-voz .section__inner{ position:relative; }
.tz-voz__figura{ margin:0; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) main#smooth-wrapper #smooth-content .tz-voz__cita{ margin:0; max-width:24ch; font-size:clamp(2.2rem,4.4vw,4.2rem) !important; font-weight:800; line-height:1.08 !important; letter-spacing:-.035em; }
.tz-voz__firma{ display:flex; align-items:center; gap:18px; margin-top:clamp(36px,4vw,56px); }
.tz-voz__foto{ width:68px; height:68px; border-radius:50%; object-fit:cover; }
.tz-voz__firma > span{ display:flex; flex-direction:column; gap:4px; font-size:1.05rem; }
.tz-voz__firma strong{ font-weight:800; font-size:1.2rem; }
.tz-voz__firma span span{ opacity:.85; }

.tz-ok__grid{ display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:clamp(30px,5vw,90px); align-items:start; }
.tz-ok__titulo{ position:sticky; top:calc(var(--alto-nav, 84px) + 40px); margin-bottom:0; }
.tz-ok__lista{ margin:0; padding:0; list-style:none; }
.tz-ok__fila{ display:flex; align-items:center; gap:clamp(16px,2vw,26px); padding:clamp(18px,2.2vw,28px) 0; border-bottom:1px solid var(--border);
  font-size:clamp(1.2rem,1.9vw,1.7rem); line-height:1.3; }
.tz-ok__fila:first-child{ padding-top:0; }
.tz-ok__fila strong{ font-weight:800; }
.tz-ok__check{ flex:none; width:clamp(38px,3.4vw,50px); height:auto; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.tz-ok__check circle{ fill:#E9F6EE; stroke:#2E9E5B; stroke-width:2; }
.tz-ok__check path{ stroke:#2E9E5B; stroke-width:3.2; stroke-dasharray:26; stroke-dashoffset:26; transition:stroke-dashoffset .7s cubic-bezier(.22,1,.36,1); }
.tz-ok__fila.is-ok .tz-ok__check path{ stroke-dashoffset:0; }
.tz-ok__fila span{ opacity:.45; transition:opacity .6s ease; }
.tz-ok__fila.is-ok span{ opacity:1; }
@media (max-width:900px){ .tz-ok__grid{ grid-template-columns:1fr; } .tz-ok__titulo{ position:static; margin-bottom:10px; } }
@media (prefers-reduced-motion: reduce){ .tz-ok__check path{ stroke-dashoffset:0; transition:none; } .tz-ok__fila span{ opacity:1; } }

.tz-cambio__intro{ margin:calc(clamp(40px,5vw,70px) * -.5) 0 clamp(40px,5vw,60px); max-width:44ch; font-size:clamp(1.2rem,1.7vw,1.5rem); line-height:1.45; }
.tz-tabla{ display:flex; flex-direction:column; }
.tz-tabla__fila{ display:grid; grid-template-columns:minmax(0,.55fr) minmax(0,1fr) minmax(0,1.3fr); gap:clamp(16px,3vw,40px); align-items:baseline;
  padding:clamp(20px,2.4vw,30px) 0; border-bottom:1px solid var(--border); font-size:clamp(1.15rem,1.7vw,1.5rem); line-height:1.3; }
.tz-tabla__fila [role="rowheader"]{ font-weight:800; }
.tz-tabla__fila [role="cell"]:nth-child(2){ opacity:.5; text-decoration:line-through; text-decoration-thickness:1px; }
.tz-tabla__fila [role="cell"]:nth-child(3){ font-weight:700; }
.tz-tabla__fila--cabecera{ padding-top:0; font-size:13px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); }

.tz-pantallas{ padding-top:clamp(60px,8vh,100px) !important; }
.tz-mazo{ display:flex; flex-direction:column; gap:clamp(24px,3vw,40px); }
.tz-carta{ position:sticky; top:calc(var(--alto-nav, 84px) + 24px); display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  align-items:center; gap:clamp(24px,3.4vw,56px); padding:clamp(30px,4vw,60px); border-radius:28px;
  box-shadow:0 -24px 60px -36px rgba(26,20,16,.45); }
.tz-carta--crema{ background:#F4ECE3; color:#241C17; }
.tz-carta--ocre{ background:#C27A2C; color:#fff; }
.tz-carta--oscuro{ background:#241C17; color:#fff; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) main#smooth-wrapper #smooth-content .tz-carta__titulo{ margin:0 0 16px; font-size:clamp(1.8rem,3vw,2.9rem) !important; font-weight:800; line-height:1.04 !important; letter-spacing:-.035em; }
.tz-ia__grid > *{ min-width:0; }
.tz-carta__frase{ margin:0; font-size:clamp(1.15rem,1.6vw,1.4rem); line-height:1.4; }
.tz-carta__pantalla{ border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 30px 60px -36px rgba(0,0,0,.6); }
.tz-carta__barra{ display:flex; gap:7px; padding:12px 15px; background:#efebe7; }
.tz-carta__barra i{ width:10px; height:10px; border-radius:50%; background:rgba(36,28,23,.2); }
.tz-carta__pantalla img{ display:block; width:100%; height:auto; }

.tz-ia__grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(40px,6vw,110px); align-items:center; }
.tz-ia .tz-titulo{ margin-bottom:28px; }
.tz-ia__lead{ margin:0; max-width:40ch; font-size:clamp(1.15rem,1.6vw,1.4rem); line-height:1.5; opacity:.9; }
.tz-ia .charla{ max-width:620px; }
.tz-ia .charla--burbuja .charla__msg{ font-size:clamp(1.02rem,1.3vw,1.15rem); }
.tz-ia .charla__msg--tu{ background:#1A1410; color:#fff; }
.tz-ia .charla--burbuja .charla__msg--ia{ box-shadow:0 18px 40px -24px rgba(90,60,0,.55); }
.tz-ia .charla__enviar{ background:#1A1410; border-color:#1A1410; }
.tz-ia .charla__boton{ background:#FFCB1F; color:#1A1410; }
.tz-ia .charla--burbuja .charla__escribe i{ background:rgba(26,20,16,.5); }
.tz-ia .charla__pie, .tz-ia .charla__pie.is-visible{ color:#1A1410; opacity:.7; text-align:left; margin-top:22px; }
.tz-banda{ display:inline-flex; align-items:center; gap:12px; margin:0 0 30px; padding:12px 24px 12px 20px; border-radius:999px;
  background:#C1121F; color:#fff; font-size:clamp(1rem,1.3vw,1.2rem); font-weight:800; letter-spacing:.02em; rotate:-2.5deg;
  box-shadow:0 16px 30px -16px rgba(120,10,20,.6); }
.tz-banda__chispa{ display:inline-block; color:#FFCB1F; font-size:1.3em; line-height:1; animation:tz-chispa 6s linear infinite; }
@keyframes tz-chispa{ to{ transform:rotate(360deg); } }

body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) .caso2-pasar-seccion{ background:#fff; color:#241C17; --bg:#fff; --fg:#241C17; }
body:is([data-caso="tarazona"],[data-caso="llaveros"],[data-caso="bloquetech"]) .pie{ --bg:#FFFFFF; --fg:#241C17; --accent:#B86E22; --border:rgba(36,28,23,.1); --border-strong:rgba(36,28,23,.26); }

@media (max-width:1000px){
  .tz-hero__grid, .tz-ia__grid{ grid-template-columns:1fr; }
  .tz-hero__visual{ justify-self:center; width:min(80%,440px); order:-1; margin-bottom:-10px; }
  .tz-cifras{ grid-template-columns:1fr; }
  .tz-secundarias{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px){
  .tz-carta{ position:relative; top:auto; grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce){ .tz-banda__chispa{ animation:none; } }
@media (max-width:640px){
  .tz-carta{ padding:26px 20px; border-radius:22px; }
  .tz-hero{ padding-top:110px !important; }
  .tz-tabla__fila{ grid-template-columns:1fr 1fr; row-gap:8px; }
  .tz-tabla__fila [role="rowheader"]{ grid-column:1 / -1; }
  .tz-tabla__fila--cabecera{ display:none; }
  .tz-tabla__fila [role="cell"]:nth-child(2){ text-decoration:none; }
  .tz-tabla__fila [role="cell"]::before{ display:block; margin-bottom:4px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); text-decoration:none; }
  .tz-tabla__fila [role="cell"]:nth-child(2)::before{ content:"Antes"; }
  .tz-tabla__fila [role="cell"]:nth-child(3)::before{ content:"Ahora"; }
}