/* ═══════════════════════════════════════════════════════════════════════════
   BLOQUES D01-D50 · capa visual de la generación 3
   ---------------------------------------------------------------------------
   Los bloques se construyen con WIDGETS NATIVOS de Elementor (ley de la casa:
   0 widgets `html`), así que este CSS no puede apoyarse en el marcado —Elementor
   no emite <b> ni <span> sueltos— y se engancha a CLASES EXPLÍCITAS que la
   generadora pone en cada contenedor y en cada widget. Así el bloque es editable
   pieza a pieza en el editor y el estilo no se rompe si Elementor cambia su HTML.
   Origen: artefacto «Cincuenta bloques de artículo» (03-09-2026).
   ═══════════════════════════════════════════════════════════════════════════ */

.itb-d{
  --itbd-hueso:#EEEFE7; --itbd-tinta:#12141D; --itbd-lima:#CCFF8B; --itbd-lima-ac:#C6F03C;
  --itbd-negro:#0B0D12; --itbd-carbon:#171A22; --itbd-borde:#DFE1D6; --itbd-texto2:#3A3A3D;
  --itbd-gris:#6B6D68; --itbd-papel:#F7F8F3; --itbd-sup:#fff; --itbd-osc-txt2:#C9CBD2;
  --itbd-r:14px; --itbd-r-s:10px;
  --itbd-serif:"Merriweather",Georgia,"Times New Roman",serif;
  --itbd-sans:"Inter","Helvetica Neue",Arial,sans-serif;
}
/* Elementor mete 10px de relleno en cada contenedor interno; aquí estorban */
.itb-d .e-con-inner{padding:0}
.itb-d p{margin:0}
.itb-d .elementor-widget{margin-bottom:0}

/* ── piezas de texto reutilizadas ───────────────────────────────────────── */
.itb-d .d-cifra .elementor-heading-title{font-family:var(--itbd-serif);font-weight:700;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;line-height:1;color:var(--itbd-tinta)}
.itb-d .d-rot .elementor-heading-title{font-family:var(--itbd-sans);font-size:.72rem;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;color:var(--itbd-gris)}
.itb-d .d-tit .elementor-heading-title{font-family:var(--itbd-serif);font-weight:400;color:var(--itbd-tinta)}
.itb-d .d-txt,.itb-d .d-txt p{font-family:var(--itbd-sans);font-size:.85rem;line-height:1.5;color:var(--itbd-texto2)}
.itb-d .d-mini,.itb-d .d-mini p{font-size:.76rem;line-height:1.35;color:var(--itbd-texto2)}
.itb-d .d-claro .elementor-heading-title{color:var(--itbd-hueso)}
.itb-d .d-claro-txt,.itb-d .d-claro-txt p{color:var(--itbd-osc-txt2)}

@media (prefers-reduced-motion: reduce){
  .itb-d *,.itb-d *::before,.itb-d *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ══════════ DATOS ══════════ */
.itb-d01{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itb-d01 .d01-cel{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:16px 14px;position:relative;overflow:hidden}
.itb-d01 .d01-cel::after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:var(--itbd-lima-ac);transform:scaleX(0);transform-origin:left;animation:itbd-crece 1.1s cubic-bezier(.22,.61,.36,1) forwards}
.itb-d01 .d01-cel:nth-child(2)::after{animation-delay:.12s}
.itb-d01 .d01-cel:nth-child(3)::after{animation-delay:.24s}
.itb-d01 .d-cifra .elementor-heading-title{font-size:1.9rem}
@keyframes itbd-crece{to{transform:scaleX(1)}}

.itb-d02{display:grid;gap:11px}
.itb-d02 .d02-fila{display:grid!important;grid-template-columns:132px minmax(0,1fr) 56px;gap:12px;align-items:center}
.itb-d02 .d02-et,.itb-d02 .d02-et p{font-size:.84rem;color:var(--itbd-tinta)}
.itb-d02 .d02-pista{height:9px;background:var(--itbd-borde);border-radius:100px;overflow:hidden;align-self:center}
.itb-d02 .d02-pista::before{content:"";display:block;height:100%;width:var(--d02-v,50%);background:linear-gradient(90deg,var(--itbd-lima-ac),var(--itbd-lima));border-radius:100px;transform-origin:left;animation:itbd-barra 1.3s cubic-bezier(.22,.61,.36,1) forwards}
.itb-d02 .d02-v .elementor-heading-title{font-family:var(--itbd-sans);font-size:.84rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--itbd-tinta)}
@keyframes itbd-barra{from{transform:scaleX(0)}to{transform:scaleX(1)}}

.itb-d03{display:flex!important;flex-wrap:wrap;gap:22px;justify-content:center;align-items:center}
.itb-d03 .d03-uno{width:104px;text-align:center;flex:0 0 auto}
.itb-d03 .d03-dial{width:88px;height:88px;border-radius:50%;margin:0 auto 8px;display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--itbd-lima-ac) var(--d03-p,50%),var(--itbd-borde) 0)}
.itb-d03 .d03-dial::before{content:"";position:absolute;inset:9px;background:var(--itbd-papel);border-radius:50%}
.itb-d03 .d03-dial .elementor-widget{position:relative;z-index:1}
.itb-d03 .d03-dial .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.05rem;font-weight:700;color:var(--itbd-tinta)}
.itb-d03 .d-mini{text-align:center}

.itb-d04{text-align:center;padding:8px 0}
.itb-d04 .d-cifra .elementor-heading-title{font-size:clamp(3rem,8vw,4.6rem);letter-spacing:-.04em;text-align:center}
.itb-d04 .d-txt{text-align:center;font-size:.88rem;margin-top:8px}

.itb-d05{display:grid;gap:8px}
.itb-d05 .d05-r{display:grid!important;grid-template-columns:26px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 12px;
  border-radius:var(--itbd-r-s);background:var(--itbd-sup);border:1px solid var(--itbd-borde);transition:transform .18s ease,border-color .18s ease}
.itb-d05 .d05-r:hover{transform:translateX(4px);border-color:var(--itbd-tinta)}
.itb-d05 .d05-r.d05-top{background:var(--itbd-tinta);border-color:var(--itbd-tinta)}
.itb-d05 .d05-p .elementor-heading-title{font-family:var(--itbd-serif);font-weight:700;font-size:1.05rem;text-align:center;color:var(--itbd-tinta)}
.itb-d05 .d05-top .d05-p .elementor-heading-title{color:var(--itbd-lima)}
.itb-d05 .d05-n .elementor-heading-title{font-family:var(--itbd-sans);font-size:.85rem;font-weight:400;color:var(--itbd-tinta)}
.itb-d05 .d05-top .d05-n .elementor-heading-title{color:var(--itbd-hueso)}
.itb-d05 .d05-val .elementor-heading-title{font-family:var(--itbd-sans);font-size:.85rem;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--itbd-tinta)}
.itb-d05 .d05-top .d05-val .elementor-heading-title{color:var(--itbd-hueso)}

.itb-d06{padding:6px 0}
.itb-d06 .d06-escala{height:34px;border-radius:100px;background:linear-gradient(90deg,#e8564a,#f0b429,var(--itbd-lima-ac));position:relative;margin:30px 0 10px}
.itb-d06 .d06-marca{position:absolute;top:-26px;left:var(--d06-x,50%);transform:translateX(-50%);white-space:nowrap}
.itb-d06 .d06-marca .elementor-heading-title{font-family:var(--itbd-sans);font-size:.76rem;font-weight:700;color:var(--itbd-tinta)}
.itb-d06 .d06-marca::after{content:"";display:block;width:2px;height:16px;background:var(--itbd-tinta);margin:3px auto 0}
.itb-d06 .d06-pies{display:flex!important;justify-content:space-between;gap:10px}
.itb-d06 .d06-pies .elementor-heading-title{font-family:var(--itbd-sans);font-size:.72rem;font-weight:400;color:var(--itbd-texto2)}

.itb-d07{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.itb-d07 .d07-sem{display:grid;gap:7px}
.itb-d07 .d07-luz{width:15px;height:15px;border-radius:50%;background:var(--itbd-borde);min-height:0}
.itb-d07 .d07-luz.on{background:var(--itbd-lima-ac);box-shadow:0 0 0 4px rgba(198,240,60,.26);animation:itbd-latido 2.4s ease-in-out infinite}
@keyframes itbd-latido{0%,100%{box-shadow:0 0 0 4px rgba(198,240,60,.26)}50%{box-shadow:0 0 0 9px rgba(198,240,60,.08)}}
.itb-d07 .d-tit .elementor-heading-title{font-size:1rem}

.itb-d08{display:grid;gap:10px}
.itb-d08 .d08-b{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;border-bottom:1px solid var(--itbd-borde);padding-bottom:7px}
.itb-d08 .d08-et .elementor-heading-title{font-family:var(--itbd-sans);font-size:.85rem;font-weight:400;color:var(--itbd-tinta)}
.itb-d08 .d08-v .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.5rem;font-weight:700;color:var(--itbd-tinta)}
.itb-d08 .d08-d .elementor-heading-title{font-family:var(--itbd-sans);font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:5px;background:rgba(198,240,60,.32);color:var(--itbd-tinta)}
.itb-d08 .d08-d.baja .elementor-heading-title{background:rgba(232,86,74,.22)}

.itb-d09{position:relative}
.itb-d09 .d09-cifra{position:absolute;top:0;right:0;text-align:right;z-index:1}
.itb-d09 .d09-cifra .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.7rem;font-weight:700;line-height:1;text-align:right;color:var(--itbd-tinta)}
.itb-d09 .d09-cifra .d-mini{text-align:right}
.itb-d09 .d09-graf{height:120px;background:no-repeat center/100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23C6F03C' stop-opacity='.55'/%3E%3Cstop offset='100%25' stop-color='%23C6F03C' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 88 L50 80 L100 72 L150 55 L200 44 L250 24 L300 12 L300 100 L0 100 Z' fill='url(%23g)'/%3E%3Cpath d='M0 88 L50 80 L100 72 L150 55 L200 44 L250 24 L300 12' fill='none' stroke='%2312141D' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E")}

.itb-d10{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:var(--itbd-negro);border-radius:var(--itbd-r-s);padding:20px 22px}
.itb-d10 .d-cifra .elementor-heading-title{font-size:2.2rem;color:var(--itbd-lima)}
.itb-d10 .d10-aro{width:64px;height:64px;border-radius:50%;border:2px solid rgba(204,255,139,.45);display:grid;place-items:center;animation:itbd-gira 16s linear infinite}
.itb-d10 .d10-aro .elementor-heading-title{font-family:var(--itbd-sans);font-size:.7rem;font-weight:700;color:var(--itbd-lima)}
@keyframes itbd-gira{to{transform:rotate(360deg)}}

/* ══════════ COMPARATIVA ══════════ */
.itb-d11{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}
.itb-d11 .d11-lado{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:16px}
.itb-d11 .d11-lado.gana{border-color:var(--itbd-tinta);box-shadow:0 0 0 3px rgba(204,255,139,.48)}
.itb-d11 .d-tit .elementor-heading-title{font-size:.95rem}
.itb-d11 .d11-vs{align-self:center}
.itb-d11 .d11-vs .elementor-heading-title{font-family:var(--itbd-serif);font-weight:900;font-size:1rem;color:var(--itbd-gris)}
.itb-d11 .elementor-icon-list-item{font-size:.82rem;color:var(--itbd-texto2)}

.itb-d12{display:grid;gap:12px}
.itb-d12 .d12-cab{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
.itb-d12 .d12-cab .elementor-heading-title{font-family:var(--itbd-sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--itbd-gris);padding:0 14px}
.itb-d12 .d12-par{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border-radius:var(--itbd-r-s);overflow:hidden;border:1px solid var(--itbd-borde)}
.itb-d12 .d12-a,.itb-d12 .d12-b{padding:12px 14px;font-size:.83rem}
.itb-d12 .d12-a{background:var(--itbd-sup);color:var(--itbd-tinta)}
.itb-d12 .d12-b{background:var(--itbd-tinta)}
.itb-d12 .d12-b,.itb-d12 .d12-b p{color:var(--itbd-hueso)}

.itb-d13{position:relative;border-radius:var(--itbd-r-s);overflow:hidden;border:1px solid var(--itbd-borde)}
.itb-d13 .d13-antes{padding:18px;background:var(--itbd-sup)}
.itb-d13 .d13-despues{position:absolute;inset:0;background:var(--itbd-tinta);padding:18px;clip-path:inset(0 50% 0 0);transition:clip-path .35s cubic-bezier(.22,.61,.36,1)}
.itb-d13:hover .d13-despues,.itb-d13:focus-within .d13-despues{clip-path:inset(0 0 0 0)}
.itb-d13 .d13-despues,.itb-d13 .d13-despues p{color:var(--itbd-hueso)}
.itb-d13::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--itbd-lima);transition:opacity .3s;pointer-events:none}
.itb-d13:hover::after{opacity:0}

.itb-d14{overflow-x:auto}
.itb-d14 table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:430px}
.itb-d14 th{text-align:left;font-family:var(--itbd-sans);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase;color:var(--itbd-gris);padding:0 12px 9px;font-weight:700}
.itb-d14 td{padding:11px 12px;border-top:1px solid var(--itbd-borde);transition:background .16s;color:var(--itbd-tinta)}
.itb-d14 tr:hover td{background:rgba(204,255,139,.26)}
.itb-d14 td:first-child{font-weight:600}

.itb-d15{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.itb-d15 .d15-via{border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:18px 16px 16px;position:relative;background:var(--itbd-sup);transition:transform .2s ease}
.itb-d15 .d15-via:hover{transform:translateY(-3px)}
.itb-d15 .d15-via::before{content:attr(data-r);position:absolute;top:-9px;left:14px;background:var(--itbd-lima);color:var(--itbd-tinta);
  font-family:var(--itbd-sans);font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:100px;letter-spacing:.06em}
.itb-d15 .d-tit .elementor-heading-title{font-size:.95rem}

.itb-d16{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.itb-d16 .d16-cel{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:12px;min-height:74px}
.itb-d16 .d16-cel.foco{background:var(--itbd-tinta);border-color:var(--itbd-tinta)}
.itb-d16 .d16-cel.foco .elementor-heading-title,.itb-d16 .d16-cel.foco .d-txt,.itb-d16 .d16-cel.foco .d-txt p{color:var(--itbd-hueso)}
.itb-d16 .d16-cel .elementor-heading-title{font-family:var(--itbd-sans);font-size:.84rem;font-weight:700;color:var(--itbd-tinta);margin-bottom:3px}
.itb-d16 .d16-cel .d-txt,.itb-d16 .d16-cel .d-txt p{font-size:.78rem}
.itb-d16 .d16-eje{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.itb-d16 .d16-eje .elementor-heading-title{font-family:var(--itbd-sans);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--itbd-gris);text-align:center}

.itb-d17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.itb-d17 .d-rot .elementor-heading-title{font-size:.7rem;margin-bottom:10px}
.itb-d17 .elementor-icon-list-item{font-size:.83rem;color:var(--itbd-tinta);align-items:flex-start}
.itb-d17 .d17-no .elementor-icon-list-icon svg{fill:#c0524a}
.itb-d17 .d17-si .elementor-icon-list-icon svg{fill:var(--itbd-tinta)}

.itb-d18{display:grid;gap:10px}
.itb-d18 .d18-cst{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 15px;
  border-radius:var(--itbd-r-s);border:1px solid var(--itbd-borde);background:var(--itbd-sup)}
.itb-d18 .d18-cst.mal{background:rgba(232,86,74,.08);border-color:rgba(232,86,74,.3)}
.itb-d18 .d18-v .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--itbd-tinta)}

/* ══════════ PROCESO ══════════ */
.itb-d19{display:grid}
.itb-d19 .d19-paso{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:14px;padding-bottom:20px;position:relative}
.itb-d19 .d19-paso:not(:last-child)::before{content:"";position:absolute;left:18px;top:34px;bottom:0;width:2px;background:var(--itbd-borde)}
.itb-d19 .d19-bola{width:38px;height:38px;border-radius:50%;background:var(--itbd-tinta);display:grid;place-items:center;z-index:1;min-height:0}
.itb-d19 .d19-bola .elementor-heading-title{font-family:var(--itbd-sans);font-weight:800;font-size:.85rem;color:var(--itbd-lima)}
.itb-d19 .d-tit .elementor-heading-title{font-size:.95rem}

.itb-d20{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:0}
.itb-d20 .d20-et{flex:1 1 120px;background:var(--itbd-sup);border:1px solid var(--itbd-borde);padding:14px 16px 14px 26px;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
.itb-d20 .d20-et:first-child{padding-left:16px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.itb-d20 .d20-et.on{background:var(--itbd-tinta);border-color:var(--itbd-tinta)}
.itb-d20 .d20-et .elementor-heading-title{font-family:var(--itbd-sans);font-size:.85rem;font-weight:700;color:var(--itbd-tinta)}
.itb-d20 .d20-et.on .elementor-heading-title{color:var(--itbd-hueso)}
.itb-d20 .d20-et.on .d-mini,.itb-d20 .d20-et.on .d-mini p{color:var(--itbd-osc-txt2)}

.itb-d21{display:grid;place-items:center;padding:6px 0}
.itb-d21 .d21-ciclo{position:relative;width:220px;height:220px}
.itb-d21 .d21-p{position:absolute;width:84px;height:84px;border-radius:50%;background:var(--itbd-sup);border:1px solid var(--itbd-borde);
  display:grid;place-items:center;padding:8px;min-height:0}
.itb-d21 .d21-p .elementor-heading-title{font-family:var(--itbd-sans);font-size:.72rem;font-weight:600;text-align:center;line-height:1.25;color:var(--itbd-tinta)}
.itb-d21 .d21-p1{top:0;left:68px}.itb-d21 .d21-p2{top:68px;right:0}.itb-d21 .d21-p3{bottom:0;left:68px}.itb-d21 .d21-p4{top:68px;left:0}
.itb-d21 .d21-ciclo::before{content:"";position:absolute;inset:42px;border:2px dashed var(--itbd-borde);border-radius:50%;animation:itbd-gira 28s linear infinite}
.itb-d21 .d21-centro{position:absolute;inset:74px;background:var(--itbd-lima);border-radius:50%;display:grid;place-items:center;min-height:0}
.itb-d21 .d21-centro .elementor-heading-title{font-family:var(--itbd-serif);font-weight:700;font-size:.8rem;color:var(--itbd-tinta);text-align:center}

.itb-d22{display:grid;gap:3px}
.itb-d22 .d22-esc{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:13px 16px;
  display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;transition:margin .2s ease}
.itb-d22 .d22-esc:nth-child(1){margin-right:36%}
.itb-d22 .d22-esc:nth-child(2){margin-right:24%;margin-left:12%}
.itb-d22 .d22-esc:nth-child(3){margin-right:12%;margin-left:24%}
.itb-d22 .d22-esc:nth-child(4){margin-left:36%}
.itb-d22 .d22-esc:hover{margin-left:0;margin-right:0}
.itb-d22 .d22-n .elementor-heading-title{font-family:var(--itbd-serif);color:var(--itbd-gris);font-size:1.1rem}
.itb-d22 .d22-t .elementor-heading-title{font-family:var(--itbd-sans);font-size:.83rem;font-weight:400;color:var(--itbd-tinta)}

.itb-d23{position:relative;padding-left:22px}
.itb-d23::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--itbd-lima-ac),var(--itbd-borde))}
.itb-d23 .d23-hito{position:relative;padding-bottom:16px}
.itb-d23 .d23-hito::before{content:"";position:absolute;left:-21px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--itbd-papel);border:2px solid var(--itbd-lima-ac)}
.itb-d23 .d23-f .elementor-heading-title{font-family:var(--itbd-sans);font-size:.72rem;font-weight:700;color:var(--itbd-gris);letter-spacing:.06em}
.itb-d23 .d-tit .elementor-heading-title{font-size:.9rem}

.itb-d24{display:grid;gap:7px}
.itb-d24 .d24-emb{margin:0 auto;background:var(--itbd-tinta);border-radius:6px;padding:11px 14px;transition:transform .18s}
.itb-d24 .d24-emb:hover{transform:scale(1.02)}
.itb-d24 .d24-emb .elementor-heading-title{font-family:var(--itbd-sans);font-size:.82rem;font-weight:400;color:var(--itbd-hueso);text-align:center}
.itb-d24 .d24-emb:nth-child(1){width:100%}
.itb-d24 .d24-emb:nth-child(2){width:82%}
.itb-d24 .d24-emb:nth-child(3){width:62%}
.itb-d24 .d24-emb:nth-child(4){width:44%;background:var(--itbd-lima)}
.itb-d24 .d24-emb:nth-child(4) .elementor-heading-title{color:var(--itbd-tinta)}

.itb-d25{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px}
.itb-d25 .d25-f{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:15px;position:relative;overflow:hidden}
.itb-d25 .d25-f::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--itbd-borde)}
.itb-d25 .d25-f.hecho::before{background:var(--itbd-lima-ac)}
.itb-d25 .d25-f .elementor-heading-title{font-family:var(--itbd-sans);font-size:.86rem;font-weight:700;color:var(--itbd-tinta)}
.itb-d25 .d25-est .elementor-heading-title{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--itbd-gris)}

/* ══════════ EDITORIAL ══════════ */
.itb-d26{background:var(--itbd-negro);border-radius:var(--itbd-r);padding:34px 32px;text-align:center}
.itb-d26 .d26-c .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.2rem;line-height:1.5;color:#fff;text-align:center;text-wrap:balance}
.itb-d26 .d26-a .elementor-heading-title{font-family:var(--itbd-sans);font-size:.78rem;color:var(--itbd-osc-txt2);text-align:center;letter-spacing:.03em}

.itb-d27 .d27-p,.itb-d27 .d27-p p{font-size:.92rem;line-height:1.72;color:var(--itbd-tinta)}
.itb-d27 .d27-p p:first-of-type::first-letter{font-family:var(--itbd-serif);font-size:3.2em;line-height:.82;float:left;margin:6px 12px 0 0;
  color:var(--itbd-tinta);background:var(--itbd-lima);padding:10px 12px;border-radius:8px}

.itb-d28{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:22px;align-items:start}
.itb-d28 .d28-p,.itb-d28 .d28-p p{font-size:.9rem;line-height:1.68;color:var(--itbd-tinta)}
.itb-d28 .d28-panel{background:var(--itbd-tinta);border-radius:var(--itbd-r-s);padding:18px}
.itb-d28 .d28-panel .d-rot .elementor-heading-title{color:var(--itbd-lima);margin-bottom:8px}
.itb-d28 .d28-panel .elementor-icon-list-item{font-size:.82rem;color:var(--itbd-osc-txt2)}

.itb-d29{border-left:3px solid var(--itbd-lima-ac);padding:4px 0 4px 18px}
.itb-d29 .d-rot .elementor-heading-title{margin-bottom:5px}
.itb-d29 .d29-p,.itb-d29 .d29-p p{font-size:.9rem;line-height:1.6;color:var(--itbd-tinta)}

.itb-d30{display:grid;grid-template-columns:44px minmax(0,1fr);gap:15px;background:rgba(204,255,139,.26);
  border:1px solid rgba(198,240,60,.46);border-radius:var(--itbd-r-s);padding:16px 18px}
.itb-d30 .d30-ic{width:44px;height:44px;border-radius:12px;background:var(--itbd-tinta);display:grid;place-items:center;min-height:0}
.itb-d30 .d30-ic .elementor-heading-title{font-family:var(--itbd-sans);font-size:1.3rem;font-weight:800;color:var(--itbd-lima)}
.itb-d30 .d-tit .elementor-heading-title{font-size:.92rem}

.itb-d31{border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);overflow:hidden}
.itb-d31 .d31-t{background:var(--itbd-tinta);padding:11px 16px}
.itb-d31 .d31-t .elementor-heading-title{font-family:var(--itbd-serif);font-size:.98rem;color:var(--itbd-hueso)}
.itb-d31 .d31-c{padding:15px 16px;background:var(--itbd-sup)}
.itb-d31 .d31-c,.itb-d31 .d31-c p{font-size:.86rem;color:var(--itbd-texto2);line-height:1.6}
.itb-d31 .d31-c strong{color:var(--itbd-tinta)}

.itb-d32{background:var(--itbd-sup);border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);padding:18px 20px}
.itb-d32 .d-rot .elementor-heading-title{margin-bottom:10px}
.itb-d32 .elementor-icon-list-item{font-size:.87rem;color:var(--itbd-tinta);align-items:flex-start}

.itb-d33{position:relative;padding:26px 24px;border-radius:var(--itbd-r);background:var(--itbd-sup);border:1px solid var(--itbd-borde);overflow:hidden}
.itb-d33::before{content:"\201C";position:absolute;top:-30px;left:8px;font-family:var(--itbd-serif);font-size:8rem;
  color:rgba(198,240,60,.42);line-height:1;pointer-events:none}
.itb-d33 .d33-c .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.02rem;line-height:1.55;position:relative;color:var(--itbd-tinta)}
.itb-d33 .d33-a .elementor-heading-title{font-family:var(--itbd-sans);font-size:.78rem;font-weight:400;color:var(--itbd-gris)}

/* ══════════ INTERACTIVO ══════════ */
.itb-d34 .e-n-accordion-item{border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);margin-bottom:8px;background:var(--itbd-sup);overflow:hidden}
.itb-d34 .e-n-accordion-item-title{padding:13px 16px;font-family:var(--itbd-sans);font-size:.88rem;font-weight:600;color:var(--itbd-tinta)}
.itb-d34 details[open] .e-n-accordion-item-title{background:var(--itbd-tinta);color:var(--itbd-hueso)}
.itb-d34 .e-con{padding:13px 16px}
.itb-d34 .d-txt,.itb-d34 .d-txt p{font-size:.85rem}

.itb-d35 .e-n-tabs-heading{gap:6px;flex-wrap:wrap}
.itb-d35 .e-n-tab-title{font-family:var(--itbd-sans);font-size:.8rem;font-weight:600;border:1px solid var(--itbd-borde);
  background:var(--itbd-sup);color:var(--itbd-texto2);padding:7px 13px;border-radius:8px}
.itb-d35 .e-n-tab-title[aria-selected="true"]{background:var(--itbd-tinta);color:var(--itbd-hueso);border-color:var(--itbd-tinta)}
.itb-d35 .d-txt,.itb-d35 .d-txt p{font-size:.86rem}

.itb-d36{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.itb-d36 .d36-out{background:var(--itbd-tinta);border-radius:var(--itbd-r-s);padding:15px 18px;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline}
.itb-d36 .d36-out .d-mini,.itb-d36 .d36-out .d-mini p{color:var(--itbd-osc-txt2)}
.itb-d36 .d36-v .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.6rem;font-weight:700;color:var(--itbd-lima);
  font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.itb-d36 .d36-barra{height:9px;background:var(--itbd-borde);border-radius:100px;overflow:hidden}
.itb-d36 .d36-barra::before{content:"";display:block;height:100%;width:var(--d36-v,42%);background:var(--itbd-lima-ac);border-radius:100px}

.itb-d37 .elementor-icon-list-item{font-size:.86rem;color:var(--itbd-tinta);padding:10px 12px;border:1px solid var(--itbd-borde);
  border-radius:var(--itbd-r-s);background:var(--itbd-sup);margin-bottom:9px;transition:border-color .16s;align-items:flex-start}
.itb-d37 .elementor-icon-list-item:hover{border-color:var(--itbd-tinta)}

.itb-d38{perspective:900px}
.itb-d38 .d38-carta{position:relative;min-height:152px;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.itb-d38:hover .d38-carta{transform:rotateY(180deg)}
.itb-d38 .d38-cara{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--itbd-r-s);padding:18px;
  display:grid!important;align-content:center;gap:6px}
.itb-d38 .d38-frente{background:var(--itbd-sup);border:1px solid var(--itbd-borde)}
.itb-d38 .d38-dorso{background:var(--itbd-tinta);transform:rotateY(180deg)}
.itb-d38 .d38-cara .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.4rem;color:var(--itbd-tinta)}
.itb-d38 .d38-dorso .elementor-heading-title{color:var(--itbd-hueso)}

.itb-d39{border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);overflow:hidden}
.itb-d39 .d39-cab{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 15px;background:var(--itbd-sup)}
.itb-d39 .d39-cab .elementor-heading-title{font-family:var(--itbd-sans);font-size:.85rem;font-weight:600;color:var(--itbd-tinta)}
.itb-d39 .d39-pista .elementor-heading-title{font-size:.7rem;color:var(--itbd-gris);font-weight:600;text-align:right}
.itb-d39 .d39-cuerpo{max-height:0;overflow:hidden;transition:max-height .35s ease;background:var(--itbd-papel);padding:0 15px}
.itb-d39:hover .d39-cuerpo{max-height:220px;padding:14px 15px}

.itb-d40{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(128px,100%),1fr));gap:9px}
.itb-d40 .d40-op{border:1px solid var(--itbd-borde);background:var(--itbd-sup);border-radius:var(--itbd-r-s);padding:13px 10px;transition:all .16s}
.itb-d40 .d40-op:hover{border-color:var(--itbd-tinta);transform:translateY(-2px)}
.itb-d40 .d40-op.on{background:var(--itbd-lima);border-color:var(--itbd-lima)}
.itb-d40 .d40-op .elementor-heading-title{font-family:var(--itbd-sans);font-size:.82rem;font-weight:600;text-align:center;color:var(--itbd-tinta)}
.itb-d40 .d40-res{grid-column:1/-1;padding:12px 14px;background:var(--itbd-sup);border:1px dashed var(--itbd-borde);border-radius:var(--itbd-r-s)}

/* ══════════ VISUAL ══════════ */
.itb-d41{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:78px;gap:9px}
.itb-d41 .d41-c{border-radius:var(--itbd-r-s);padding:13px;background:var(--itbd-sup);border:1px solid var(--itbd-borde);
  display:grid!important;align-content:center}
.itb-d41 .d41-c .elementor-heading-title{font-family:var(--itbd-sans);font-size:.8rem;font-weight:400;color:var(--itbd-tinta)}
.itb-d41 .d41-g{grid-column:span 2;grid-row:span 2;background:var(--itbd-tinta);border-color:var(--itbd-tinta);align-content:end}
.itb-d41 .d41-g .elementor-heading-title{color:var(--itbd-hueso)}
.itb-d41 .d41-g .d-cifra .elementor-heading-title{font-size:1.8rem;color:var(--itbd-lima)}
.itb-d41 .d41-l{background:var(--itbd-lima);border-color:var(--itbd-lima)}
.itb-d41 .d41-l .elementor-heading-title{font-weight:700}

.itb-d42{border-radius:var(--itbd-r);padding:26px 24px;position:relative;overflow:hidden;
  background:linear-gradient(125deg,#0B0D12,#1d2a17 40%,#0B0D12 70%);background-size:220% 220%;animation:itbd-mueve 16s ease infinite}
@keyframes itbd-mueve{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.itb-d42 .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.15rem;color:#fff}
.itb-d42 .d-txt,.itb-d42 .d-txt p{color:#c9cbd2;font-size:.86rem}

.itb-d43{background:rgba(255,255,255,.72);border:1px solid rgba(18,20,29,.14);backdrop-filter:blur(12px);
  border-radius:var(--itbd-r);padding:20px;box-shadow:0 1px 2px rgba(18,20,29,.04),0 8px 24px rgba(18,20,29,.06)}
.itb-d43 .d-tit .elementor-heading-title{font-size:1rem;margin-bottom:8px}
.itb-d43 .d43-fila{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:7px 0;border-bottom:1px solid var(--itbd-borde)}
.itb-d43 .d43-fila:last-of-type{border-bottom:0}
.itb-d43 .d43-fila .elementor-heading-title{font-family:var(--itbd-sans);font-size:.84rem;font-weight:400;color:var(--itbd-tinta)}
.itb-d43 .d43-v .elementor-heading-title{font-weight:700;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

.itb-d44{overflow:hidden;border-radius:var(--itbd-r-s);background:var(--itbd-tinta);height:58px;position:relative}
.itb-d44 .d44-lista{position:absolute;inset:0;animation:itbd-rota 14s cubic-bezier(.7,0,.3,1) infinite}
.itb-d44 .d44-f{height:58px;display:grid!important;place-items:center;padding:0 16px}
.itb-d44 .d44-f .elementor-heading-title{font-family:var(--itbd-serif);font-size:.94rem;color:var(--itbd-hueso);text-align:center}
@keyframes itbd-rota{0%,22%{transform:translateY(0)}25%,47%{transform:translateY(-58px)}50%,72%{transform:translateY(-116px)}75%,97%{transform:translateY(-174px)}100%{transform:translateY(-232px)}}

.itb-d45{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(96px,100%),1fr));gap:10px}
.itb-d45 .d45-h{aspect-ratio:16/9;border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);display:grid!important;place-items:center;
  background:var(--itbd-sup);filter:grayscale(1);opacity:.74;transition:all .2s;padding:6px}
.itb-d45 .d45-h:hover{filter:none;opacity:1;border-color:var(--itbd-tinta)}
.itb-d45 .d45-h .elementor-heading-title{font-family:var(--itbd-serif);font-weight:700;font-size:.82rem;color:var(--itbd-gris);text-align:center}
.itb-d45 .d45-h:hover .elementor-heading-title{color:var(--itbd-tinta)}

.itb-d46{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.itb-d46 .d46-c{aspect-ratio:1;border-radius:3px;background:var(--itbd-borde);transition:transform .15s;min-height:0}
.itb-d46 .d46-c:hover{transform:scale(1.5)}
.itb-d46 .n1{background:rgba(198,240,60,.32)}
.itb-d46 .n2{background:rgba(198,240,60,.62)}
.itb-d46 .n3{background:var(--itbd-lima-ac)}
.itb-d46 .n4{background:var(--itbd-tinta)}

.itb-d47{display:flex!important;flex-wrap:wrap;gap:7px}
.itb-d47 .d47-t{border:1px solid var(--itbd-borde);background:var(--itbd-sup);border-radius:100px;padding:5px 12px;transition:all .16s}
.itb-d47 .d47-t:hover{background:var(--itbd-tinta);border-color:var(--itbd-tinta)}
.itb-d47 .d47-t .elementor-heading-title{font-family:var(--itbd-sans);font-size:.8rem;font-weight:400;color:var(--itbd-tinta)}
.itb-d47 .d47-t:hover .elementor-heading-title{color:var(--itbd-hueso)}
.itb-d47 .g1 .elementor-heading-title{font-size:.95rem;font-weight:700}
.itb-d47 .g2 .elementor-heading-title{font-size:.88rem;font-weight:600}

.itb-d48{display:grid;place-items:center;padding:8px 0}
.itb-d48 .d48-fig{width:100%;max-width:280px;aspect-ratio:1;background:no-repeat center/contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='68' fill='none' stroke='%23C6F03C' stroke-width='14'/%3E%3Ccircle cx='100' cy='100' r='48' fill='none' stroke='%2312141D' stroke-width='14'/%3E%3Ccircle cx='100' cy='100' r='30' fill='%2312141D'/%3E%3Ctext x='100' y='105' text-anchor='middle' fill='%23CCFF8B' font-family='Georgia,serif' font-size='15' font-weight='700'%3ESEO%3C/text%3E%3C/svg%3E");
  position:relative}
.itb-d48 .d48-fig::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px dashed var(--itbd-borde);
  margin:6%;animation:itbd-gira 22s linear infinite}

.itb-d49{height:118px;border:1px solid var(--itbd-borde);border-radius:var(--itbd-r-s);display:grid!important;place-items:center;
  position:relative;overflow:hidden;
  background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(18,20,29,.07) 9px,rgba(18,20,29,.07) 10px),var(--itbd-sup)}
.itb-d49 .d49-t{background:var(--itbd-sup);padding:8px 16px;border-radius:100px;border:1px solid var(--itbd-borde);position:relative;z-index:1}
.itb-d49 .d49-t .elementor-heading-title{font-family:var(--itbd-serif);font-size:1.2rem;color:var(--itbd-tinta)}
.itb-d49::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(204,255,139,.38),transparent);
  transform:translateX(-100%);animation:itbd-brillo 5s ease-in-out infinite}
@keyframes itbd-brillo{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}

.itb-d50{background:var(--itbd-negro);border-radius:var(--itbd-r);padding:22px}
.itb-d50 .d50-graf{height:110px;background:no-repeat center/100% 100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 110' preserveAspectRatio='none'%3E%3Crect x='8' y='72' width='34' height='38' fill='%232c333f'/%3E%3Crect x='56' y='64' width='34' height='46' fill='%232c333f'/%3E%3Crect x='104' y='52' width='34' height='58' fill='%233d4757'/%3E%3Crect x='152' y='40' width='34' height='70' fill='%23C6F03C' opacity='.55'/%3E%3Crect x='200' y='24' width='34' height='86' fill='%23C6F03C' opacity='.78'/%3E%3Crect x='248' y='8' width='34' height='102' fill='%23CCFF8B'/%3E%3C/svg%3E")}
.itb-d50 .d50-pie{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;margin-top:10px}
.itb-d50 .d50-pie .elementor-heading-title{font-family:var(--itbd-sans);font-size:.74rem;font-weight:400;color:var(--itbd-osc-txt2)}
.itb-d50 .d50-pie .d50-c .elementor-heading-title{text-align:center}
.itb-d50 .d50-pie .d50-d .elementor-heading-title{text-align:right}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1024px){
  .itb-d11,.itb-d17,.itb-d28,.itb-d15{grid-template-columns:minmax(0,1fr)}
  .itb-d41{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .itb-d01{grid-template-columns:minmax(0,1fr)}
  .itb-d02 .d02-fila{grid-template-columns:88px minmax(0,1fr) 50px}
  .itb-d07{grid-template-columns:minmax(0,1fr)}
  .itb-d10{grid-template-columns:minmax(0,1fr)}
  .itb-d16{grid-template-columns:minmax(0,1fr)}
  .itb-d22 .d22-esc{margin-left:0!important;margin-right:0!important}
  .itb-d26{padding:26px 20px}
  .itb-d30{grid-template-columns:minmax(0,1fr)}
  .itb-d46{grid-template-columns:repeat(6,minmax(0,1fr))}
  .itb-d21 .d21-ciclo{width:200px;height:200px}
  .itb-d21 .d21-p{width:76px;height:76px}
  .itb-d21 .d21-p1,.itb-d21 .d21-p3{left:62px}
  .itb-d21 .d21-p2,.itb-d21 .d21-p4{top:62px}
}

/* ── valores por clase ────────────────────────────────────────────────────
   Las barras, diales y marcas necesitan su porcentaje. Elementor no deja poner
   un `style` en un widget (kses lo tira), así que el valor viaja como CLASE y
   aquí se traduce a la variable que usa el bloque. */
.itb-d02 .v74{--d02-v:74%}.itb-d02 .v41{--d02-v:41%}.itb-d02 .v18{--d02-v:18%}.itb-d02 .v9{--d02-v:9%}
.itb-d03 .p25{--d03-p:25%}.itb-d03 .p60{--d03-p:60%}.itb-d03 .p100{--d03-p:100%}
.itb-d06 .x62{--d06-x:62%}
.itb-d36 .v42{--d36-v:42%}

/* ── 🥇 el ancho de un hijo de contenedor lo manda `--width`, no `width` ──────
   Elementor da `--width:100%` a cada contenedor hijo. Una regla `width:104px`
   NO gana: el hijo sigue ocupando la fila entera y la pieza se apila o se
   descoloca. Medido el 04-09-2026 con los diales (uno debajo de otro) y con la
   marca de la escala (centrada en el contenedor, no en su porcentaje).
   Cada pieza de ancho propio declara aquí su `--width`. */
.itb-d03 .d03-uno{--width:104px}
.itb-d03 .d03-dial{--width:88px}
.itb-d06 .d06-marca{--width:max-content}
.itb-d07 .d07-luz{--width:15px}
.itb-d10 .d10-aro{--width:64px}
.itb-d19 .d19-bola{--width:38px}
.itb-d21 .d21-ciclo{--width:220px}
.itb-d21 .d21-p{--width:84px}
.itb-d21 .d21-centro{--width:auto}
.itb-d24 .d24-emb:nth-child(1){--width:100%}
.itb-d24 .d24-emb:nth-child(2){--width:82%}
.itb-d24 .d24-emb:nth-child(3){--width:62%}
.itb-d24 .d24-emb:nth-child(4){--width:44%}
.itb-d30 .d30-ic{--width:44px}
.itb-d38 .d38-cara{--width:100%}
.itb-d44 .d44-lista{--width:100%}
.itb-d47 .d47-t{--width:max-content}
.itb-d48 .d48-fig{--width:100%}
.itb-d49 .d49-t{--width:max-content}
.itb-d11 .d11-vs{--width:max-content}
.itb-d45 .d45-h{--width:100%}
.itb-d46 .d46-c{--width:100%}
@media (max-width:767px){
  .itb-d21 .d21-ciclo{--width:200px}
  .itb-d21 .d21-p{--width:76px}
}

/* ── 🥇 la DIRECCIÓN del flex también es una variable ─────────────────────────
   Elementor pone `--flex-direction:column` en todo contenedor. Un `display:flex`
   propio no la cambia: la pieza se sigue apilando. Lo mismo con la envoltura y
   el alineado. Medido el 04-09-2026: los diales salían uno debajo de otro y los
   pies de la escala en columna, con el `display:flex!important` puesto. */
/* Especificidad: la regla de Elementor es `.e-con.e-flex` = (0,2,0) y gana a una clase
   suelta. Se dobla la clase para llegar a (0,3,0) —la casa prefiere eso a `!important`—. */
.itb-d.itb-d03.itb-d03{--flex-direction:row;--flex-wrap:wrap;--justify-content:center;--align-items:center;--gap:22px 22px}
.itb-d06 .d06-pies.d06-pies{--flex-direction:row;--justify-content:space-between;--gap:10px 10px}
.itb-d.itb-d20.itb-d20{--flex-direction:row;--flex-wrap:wrap;--align-items:stretch}
.itb-d.itb-d47.itb-d47{--flex-direction:row;--flex-wrap:wrap;--gap:7px 7px}
.itb-d.itb-d11.itb-d11{--flex-direction:row;--align-items:stretch;--gap:14px 14px}
.itb-d.itb-d21.itb-d21{--justify-content:center;--align-items:center}
.itb-d.itb-d38 .d38-carta.d38-carta{--flex-direction:column}
.itb-d17 .elementor-icon-list-items,.itb-d32 .elementor-icon-list-items,
.itb-d37 .elementor-icon-list-items,.itb-d11 .elementor-icon-list-items,
.itb-d28 .elementor-icon-list-items{--flex-direction:column}

/* La escalera se dibuja con márgenes laterales, y con `--width:100%` el margen no
   encoge la pieza: la empuja fuera (425px de desborde medidos el 04-09-2026). */
.itb-d22 .d22-esc{--width:auto}
.itb-d15 .d15-via{--width:auto}

/* ── 🥇 la clase viste la CAJA; el texto vive en un hijo ──────────────────────
   En el acordeón nativo el rótulo está en `.e-n-accordion-item-title-text`, no en
   el `summary`: pintar el fondo del summary sin bajar al texto dejó el título
   gris sobre negro, ILEGIBLE (medido el 04-09-2026). Y la pestaña activa usa el
   acento del kit —un verde de fábrica de Elementor— si no se le gana en
   especificidad. */
.itb-d34 details[open] .e-n-accordion-item-title-text,
.itb-d34 details[open] .e-n-accordion-item-title{color:var(--itbd-hueso)}
.itb-d34 details[open] .e-n-accordion-item-title svg{fill:var(--itbd-lima)}
.itb-d34 .e-n-accordion-item-title-text{font-family:var(--itbd-sans);font-size:.88rem;font-weight:600}
.itb-d35 .e-n-tabs .e-n-tab-title[aria-selected="true"]{background:var(--itbd-tinta);border-color:var(--itbd-tinta)}
.itb-d35 .e-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{color:var(--itbd-hueso)}
.itb-d35 .e-n-tabs .e-n-tab-title .e-n-tab-title-text{font-family:var(--itbd-sans);font-size:.8rem;font-weight:600;color:var(--itbd-texto2)}
/* El fondo de la pestaña activa NO se pinta con `background`: nested-tabs lo emite
   como variable y su regla pesa (0,4,0). Trampa ya documentada en la skill del
   maquetador; aquí costó un contraste de 1,72 (hueso sobre el verde de fábrica). */
.itb-d35.itb-d35 .elementor-element.elementor-widget-n-tabs.elementor-widget-n-tabs{
  --n-tabs-title-background-color-active:var(--itbd-tinta);
  --n-tabs-title-color-active:var(--itbd-hueso);
  --n-tabs-title-background-color-normal:var(--itbd-sup);
  --n-tabs-title-color-normal:var(--itbd-texto2);
  --n-tabs-title-border-color:var(--itbd-borde)}