/* BIM Ingeza — Vía 3D (corredor vial con líneas características). Clases con prefijo .v3d para no chocar con estilos.css */
.v3d{
  --v3d-cian:#19D3FF;--v3d-azul:#2F6BFF;--v3d-violeta:#8B5BFF;--v3d-magenta:#C13584;--v3d-ambar:#FFB540;--v3d-amarillo:#FFC400;--v3d-verde:#3DDC84;
  --v3d-texto:#E7EDFF;--v3d-tenue:rgba(200,214,255,.64);--v3d-borde:rgba(160,190,255,.16);--v3d-vidrio:rgba(10, 23, 48,.62);
  --v3d-mono:var(--fuente-mono,'Geist Mono'),'JetBrains Mono',ui-monospace,'Cascadia Mono',Consolas,monospace;
  --v3d-salida:cubic-bezier(.23,1,.32,1);
  position:relative;isolation:isolate;overflow:hidden;color:var(--v3d-texto);container:v3d / inline-size;
  font-family:var(--fuente,'Inter'),'Segoe UI',system-ui,sans-serif;line-height:1.4;
  background:radial-gradient(120% 90% at 50% 42%,#14284B 0%,#081238 42%,#0A1730 70%,#02040F 100%);
}
.v3d *,.v3d *::before,.v3d *::after{box-sizing:border-box}
.v3d :where(p,ul,dl,dd,figure){margin:0;padding:0}
.v3d :where(ul){list-style:none}

/* ---------- Escena ---------- */
.v3d-escena{position:relative;height:clamp(480px,70vh,860px);overflow:hidden}
.v3d[data-modo="compacto"] .v3d-escena{height:420px}
.v3d-escena::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(120,150,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,255,.055) 1px,transparent 1px);
  background-size:56px 56px;background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 48%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 72% 68% at 50% 48%,#000 25%,transparent 78%)}
.v3d-lienzo{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity .26s var(--v3d-salida)}
.v3d-lienzo.v3d-arrastrando{cursor:grabbing}
.v3d-vineta{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 78% 74% at 50% 48%,transparent 52%,rgba(2,4,15,.5) 82%,rgba(2,4,15,.88) 100%)}
.v3d-marco{position:absolute;inset:12px;pointer-events:none;--l:18px;--c:rgba(140,190,255,.32);
  background:linear-gradient(var(--c),var(--c)) top left/var(--l) 1px,linear-gradient(var(--c),var(--c)) top left/1px var(--l),
    linear-gradient(var(--c),var(--c)) top right/var(--l) 1px,linear-gradient(var(--c),var(--c)) top right/1px var(--l),
    linear-gradient(var(--c),var(--c)) bottom left/var(--l) 1px,linear-gradient(var(--c),var(--c)) bottom left/1px var(--l),
    linear-gradient(var(--c),var(--c)) bottom right/var(--l) 1px,linear-gradient(var(--c),var(--c)) bottom right/1px var(--l);
  background-repeat:no-repeat}

/* ---------- Rótulo (arriba a la izquierda) ---------- */
.v3d-cabecera{position:absolute;left:28px;top:24px;max-width:min(460px,46%);pointer-events:none;text-shadow:0 1px 14px rgba(2,4,15,.9)}
.v3d-ante{display:flex;align-items:center;gap:10px;font-family:var(--v3d-mono);font-size:11px;font-weight:500;letter-spacing:.22em;color:#8FEAFF}
.v3d-norte{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(143,234,255,.4);flex:none}
.v3d-norte svg{width:12px;height:12px;fill:#8FEAFF;filter:drop-shadow(0 0 4px rgba(25,211,255,.7))}
.v3d-titulo{margin-top:10px;font-size:clamp(22px,2.1vw,30px);font-weight:600;letter-spacing:-.015em;line-height:1.1;color:#fff;text-wrap:balance}
.v3d-datos{margin-top:8px;font-family:var(--v3d-mono);font-size:11px;letter-spacing:.04em;color:var(--v3d-tenue)}
.v3d-datos sub{font-size:.75em}
.v3d-lectura{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:14px;font-family:var(--v3d-mono);font-size:10px;letter-spacing:.12em;color:rgba(200,214,255,.55)}
.v3d-lectura b{font-size:11.5px;font-weight:600;letter-spacing:.04em;color:#FFD95A;font-variant-numeric:tabular-nums;min-width:7.5ch}
.v3d-lectura b:last-child{color:#fff;min-width:0}
.v3d-sep{opacity:.5}
.v3d-ante + .v3d-lectura{margin-top:10px}

/* ---------- Paneles ---------- */
.v3d-panel{position:absolute;left:0;right:0;top:0;height:clamp(480px,70vh,860px);pointer-events:none}
.v3d[data-modo="compacto"] .v3d-panel{height:420px}
.v3d-controles{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:52%;pointer-events:auto}
.v3d :where(button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .16s ease-out,background-color .18s ease,border-color .18s ease,color .18s ease}
.v3d :where(button):active{transform:scale(.97)}
.v3d :where(button):focus-visible{outline:2px solid var(--v3d-cian);outline-offset:2px}
.v3d-vistas{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--v3d-vidrio);border:1px solid var(--v3d-borde);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.v3d-vista{padding:7px 14px;border:0;border-radius:999px;background:transparent;font-family:var(--v3d-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(210,222,255,.72)}
.v3d-vista[aria-pressed="true"]{background:rgba(25,211,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(25,211,255,.5),0 0 18px rgba(25,211,255,.18)}
.v3d-pausa{display:grid;place-items:center;width:30px;height:30px;margin-left:4px;border:1px solid var(--v3d-borde);border-radius:50%;background:rgba(255,255,255,.04)}
.v3d-pausa svg{width:14px;height:14px}
.v3d-pausa .v3d-ico-pausa{fill:none;stroke:#DDE6FF;stroke-width:2;stroke-linecap:round}
.v3d-pausa .v3d-ico-play{fill:#DDE6FF;display:none}
.v3d-pausa[aria-pressed="true"] .v3d-ico-pausa{display:none}
.v3d-pausa[aria-pressed="true"] .v3d-ico-play{display:block}
.v3d-pausa[hidden]{display:none}
.v3d-capas{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.v3d-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid var(--v3d-borde);border-radius:999px;background:var(--v3d-vidrio);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--v3d-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#E3EAFF}
.v3d-chip-punto{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--c) 50%,var(--c2,var(--c)) 50%);box-shadow:0 0 8px var(--c);transition:background-color .18s ease,box-shadow .18s ease}
.v3d-chip[aria-pressed="false"]{color:rgba(200,214,255,.45);border-color:rgba(160,190,255,.1)}
.v3d-chip[aria-pressed="false"] .v3d-chip-punto{background:transparent;box-shadow:inset 0 0 0 1px rgba(200,214,255,.45)}

/* ---------- Leyenda (texto real) ---------- */
.v3d-leyenda{position:absolute;left:28px;right:356px;bottom:22px;pointer-events:auto;transition:opacity .2s ease;text-shadow:0 1px 10px rgba(2,4,15,.95)}
.v3d-sin-seccion .v3d-leyenda{right:28px}
.v3d-leyenda-tit{font-family:var(--v3d-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(200,214,255,.5);margin-bottom:9px}
.v3d-leyenda ul{display:flex;flex-wrap:wrap;gap:7px 20px}
.v3d-leyenda li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#DCE4FF;white-space:nowrap}
.v3d-muestra{flex:none;width:20px;height:2px;border-radius:2px;background:rgb(var(--c));box-shadow:0 0 8px rgba(var(--c),.85)}
.v3d-m-sec,.v3d-m-ach,.v3d-m-tin{height:11px;border-radius:0;box-shadow:none;background:center/100% 100% no-repeat}
.v3d-m-sec{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M3 0v11M10 0v11M17 0v11' stroke='%23BECDFF' stroke-opacity='.8'/%3E%3C/svg%3E")}
.v3d-m-ach{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M0 .5h9.5M2 1v10M6 1v5' stroke='%23FF7878'/%3E%3Cpath d='M10.5 .5H20M12 1v10M16 1v5' stroke='%2369DB7C'/%3E%3C/svg%3E")}
.v3d-m-tin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M1 10 7 1l6 9 6-9M1 10h18M7 1h12' fill='none' stroke='%2384A0FF' stroke-dasharray='2 1.5'/%3E%3C/svg%3E")}

/* ---------- Sección transversal ---------- */
.v3d-seccion{position:absolute;right:20px;bottom:20px;width:310px;pointer-events:auto;border-radius:10px;overflow:hidden;
  background:linear-gradient(180deg,rgba(8,16,52,.82),rgba(4,9,32,.86));border:1px solid rgba(160,190,255,.16);
  box-shadow:0 18px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  opacity:0;transition:opacity .3s var(--v3d-salida)}
.v3d-seccion.v3d-seccion-activa{opacity:1}
.v3d-seccion-lienzo{position:relative;height:172px}
.v3d-seccion-lienzo canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.v3d-seccion-lado{display:none}
.v3d-seccion-tit{font-family:var(--v3d-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#8FEAFF}
.v3d-tabla{display:grid;gap:0;margin-top:12px;border-top:1px solid rgba(160,190,255,.12)}
.v3d-tabla div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(160,190,255,.09)}
.v3d-tabla dt{font-size:12px;color:var(--v3d-tenue)}
.v3d-tabla dd{font-family:var(--v3d-mono);font-size:12px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.v3d-tabla div:first-child dd{color:#FFD95A}
.v3d-seccion-nav{display:flex;gap:8px;margin-top:14px}
.v3d-seccion-nav button{flex:1;padding:8px 10px;border:1px solid var(--v3d-borde);border-radius:8px;background:rgba(255,255,255,.04);font-family:var(--v3d-mono);font-size:11px;letter-spacing:.06em;color:#DDE6FF}

/* Vista «Sección»: el recuadro se agranda con su tabla de valores */
.v3d[data-vista="seccion"] .v3d-seccion{left:28px;right:28px;top:112px;bottom:24px;width:auto;opacity:1;display:grid;grid-template-columns:minmax(0,1fr) 270px}
.v3d[data-vista="seccion"] .v3d-seccion-lienzo{height:auto;min-height:220px}
.v3d.v3d-con-titulo[data-vista="seccion"] .v3d-seccion{top:160px}
.v3d[data-vista="seccion"] .v3d-seccion-lado{display:block;padding:18px 18px 18px 20px;border-left:1px solid rgba(160,190,255,.12)}
.v3d[data-vista="seccion"] .v3d-leyenda{opacity:0;pointer-events:none}
.v3d[data-vista="seccion"] .v3d-lienzo{opacity:.3}

/* ---------- Tooltip y depuración ---------- */
.v3d-tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;padding:7px 10px 8px;border-radius:7px;white-space:nowrap;
  background:rgba(4,9,32,.92);border:1px solid rgba(160,190,255,.22);box-shadow:0 10px 26px rgba(0,0,0,.4);
  font-family:var(--v3d-mono);font-size:11px;line-height:1.45;color:#DDE6FF;opacity:0;transition:opacity .12s ease-out}
.v3d-tip.v3d-tip-visible{opacity:1}
.v3d-tip b{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff}
.v3d-tip b::before{content:"";width:12px;height:2px;border-radius:2px;background:var(--c);box-shadow:0 0 6px var(--c)}
.v3d-tip span{display:block;padding-left:20px;color:rgba(200,214,255,.7)}
.v3d-depuracion{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:4;padding:5px 10px;border-radius:6px;background:rgba(0,0,0,.72);
  font-family:var(--v3d-mono);font-size:11px;color:#9CFFB8;white-space:nowrap;pointer-events:none}

@media (hover:hover) and (pointer:fine){
  .v3d-chip:hover{border-color:rgba(160,190,255,.36)}
  .v3d-vista:hover{color:#fff}
  .v3d-pausa:hover,.v3d-seccion-nav button:hover{border-color:rgba(160,190,255,.4);background:rgba(255,255,255,.08)}
}

/* ---------- Modo compacto ---------- */
.v3d[data-modo="compacto"] .v3d-datos{display:none}
.v3d[data-modo="compacto"] .v3d-titulo{font-size:20px}
.v3d[data-modo="compacto"] .v3d-leyenda{position:static;padding:12px 20px 16px;border-top:1px solid rgba(160,190,255,.1);background:linear-gradient(180deg,rgba(2,4,15,.3),rgba(2,4,15,0))}
.v3d[data-modo="compacto"] .v3d-leyenda-tit{display:none}
.v3d[data-modo="compacto"] .v3d-leyenda ul{gap:5px 16px}
.v3d[data-modo="compacto"] .v3d-leyenda li{font-size:11.5px}
.v3d[data-modo="compacto"][data-vista="seccion"] .v3d-leyenda{opacity:1;pointer-events:auto}
.v3d[data-modo="compacto"] .v3d-seccion{width:262px;right:16px;bottom:16px}
.v3d[data-modo="compacto"] .v3d-seccion-lienzo{height:140px}
.v3d[data-modo="compacto"][data-vista="seccion"] .v3d-seccion{top:104px;left:16px;right:16px;bottom:16px;width:auto;grid-template-columns:minmax(0,1fr) 240px}
.v3d[data-modo="compacto"][data-vista="seccion"] .v3d-tabla div{padding:4px 0}
.v3d.v3d-con-titulo[data-modo="compacto"][data-vista="seccion"] .v3d-seccion{top:128px}

/* ---------- Anchos medianos (según el ancho del propio componente) ---------- */
@container v3d (max-width:1180px){
  .v3d-cabecera{max-width:44%}
  .v3d-datos{display:none}
  /* la leyenda pasa debajo de la escena, como el pie de una lámina */
  .v3d-leyenda,.v3d[data-modo="compacto"] .v3d-leyenda{position:static;padding:14px 28px 18px;border-top:1px solid rgba(160,190,255,.1);
    background:linear-gradient(180deg,rgba(2,4,15,.3),rgba(2,4,15,0))}
  .v3d-leyenda ul,.v3d[data-modo="compacto"] .v3d-leyenda ul{gap:6px 18px}
  .v3d-leyenda li{font-size:12px}
  .v3d[data-vista="seccion"] .v3d-leyenda{opacity:1;pointer-events:auto}
}

/* ---------- Celular y contenedores angostos: paneles debajo de la escena ---------- */
@container v3d (max-width:720px){
  .v3d-escena{height:min(66vh,460px);min-height:380px}
  .v3d[data-modo="compacto"] .v3d-escena{height:360px;min-height:0}
  .v3d-cabecera{left:16px;right:16px;top:16px;max-width:none}
  .v3d-titulo{font-size:20px}
  .v3d-lectura{margin-top:8px}
  .v3d-marco{inset:8px}
  .v3d-panel,.v3d[data-modo="compacto"] .v3d-panel{position:static;height:auto;display:flex;flex-direction:column;gap:14px;padding:14px 16px 20px;pointer-events:auto;
    background:linear-gradient(180deg,rgba(2,4,15,0),rgba(2,4,15,.35));border-top:1px solid rgba(160,190,255,.1)}
  .v3d-controles{position:static;align-items:stretch;max-width:none;gap:12px}
  .v3d-vistas{align-self:flex-start}
  .v3d-capas{justify-content:flex-start}
  .v3d-leyenda,.v3d[data-modo="compacto"] .v3d-leyenda{padding:4px 16px 22px;border-top:0;background:none}
  .v3d-leyenda ul,.v3d[data-modo="compacto"] .v3d-leyenda ul{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
  .v3d-leyenda li{white-space:normal;font-size:12px}
  .v3d-seccion,.v3d[data-modo="compacto"] .v3d-seccion{position:static;width:auto}
  .v3d-seccion-lienzo,.v3d[data-modo="compacto"] .v3d-seccion-lienzo{height:180px}
  .v3d[data-vista="seccion"] .v3d-seccion,.v3d[data-modo="compacto"][data-vista="seccion"] .v3d-seccion{position:static;display:block}
  .v3d[data-vista="seccion"] .v3d-seccion-lienzo{height:220px}
  .v3d[data-vista="seccion"] .v3d-seccion-lado{border-left:0;border-top:1px solid rgba(160,190,255,.12);padding:14px 16px 16px}
  .v3d[data-vista="seccion"] .v3d-lienzo{opacity:1}
  .v3d[data-vista="seccion"] .v3d-leyenda{opacity:1;pointer-events:auto}
}
@container v3d (max-width:420px){
  .v3d-leyenda ul{grid-template-columns:1fr}
  .v3d-vista{padding:7px 11px}
}

@media (prefers-reduced-motion:reduce){
  .v3d-lienzo,.v3d-seccion,.v3d-chip-punto,.v3d-leyenda{transition:none}
  .v3d :where(button){transition:background-color .18s ease,border-color .18s ease,color .18s ease}
  .v3d :where(button):active{transform:none}
}

/* =====================================================================
   Tema claro (por defecto: data-tema="claro" o sin atributo).
   Lo de arriba es el tema oscuro (data-tema="oscuro"); aquí solo cambian colores y superficies.
   ===================================================================== */
.v3d:not([data-tema="oscuro"]){
  --v3d-texto:#14284B;--v3d-tenue:#7A84A3;--v3d-borde:#E3E8F2;--v3d-vidrio:rgba(255,255,255,.88);--v3d-cian:#2F6BFF;
  color:#14284B;border:1px solid #E3E8F2;border-radius:18px;
  box-shadow:0 1px 2px rgba(20, 40, 75,.04),0 22px 50px -18px rgba(20, 40, 75,.16);
  background:
    radial-gradient(36% 44% at 9% 12%,rgba(233, 183, 0,.07),transparent 72%),
    radial-gradient(40% 50% at 93% 88%,rgba(25,211,255,.06),transparent 72%),
    linear-gradient(180deg,#FFFFFF 0%,#F4F6FB 100%);
}
.v3d:not([data-tema="oscuro"]) .v3d-escena::before{background-image:linear-gradient(rgba(20, 40, 75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20, 40, 75,.045) 1px,transparent 1px)}
.v3d:not([data-tema="oscuro"]) .v3d-vineta{background:radial-gradient(ellipse 80% 78% at 50% 48%,transparent 56%,rgba(247,248,252,.6) 84%,rgba(247,248,252,.96) 100%)}
.v3d:not([data-tema="oscuro"]) .v3d-marco{--c:rgba(20, 40, 75,.22)}
.v3d:not([data-tema="oscuro"]) .v3d-cabecera{text-shadow:0 1px 10px rgba(255,255,255,.95),0 0 2px rgba(255,255,255,.9)}
.v3d:not([data-tema="oscuro"]) .v3d-ante{color:#7A84A3}
.v3d:not([data-tema="oscuro"]) .v3d-norte{border-color:rgba(20, 40, 75,.2);background:#fff}
.v3d:not([data-tema="oscuro"]) .v3d-norte svg{fill:#14284B;filter:none}
.v3d:not([data-tema="oscuro"]) .v3d-titulo{color:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-datos,.v3d:not([data-tema="oscuro"]) .v3d-lectura{color:#7A84A3}
.v3d:not([data-tema="oscuro"]) .v3d-lectura b{color:#B07800}
.v3d:not([data-tema="oscuro"]) .v3d-lectura b:last-child{color:#14284B}
/* Selector de vista y chips: píldoras claras; activo = relleno azul noche con texto blanco */
.v3d:not([data-tema="oscuro"]) .v3d-vistas{background:rgba(255,255,255,.92);border-color:#E3E8F2;box-shadow:0 1px 2px rgba(20, 40, 75,.05);-webkit-backdrop-filter:none;backdrop-filter:none}
.v3d:not([data-tema="oscuro"]) .v3d-vista{color:#4A5577}
.v3d:not([data-tema="oscuro"]) .v3d-vista[aria-pressed="true"]{background:#14284B;color:#fff;box-shadow:none}
.v3d:not([data-tema="oscuro"]) .v3d-pausa{background:#fff;border-color:#E3E8F2}
.v3d:not([data-tema="oscuro"]) .v3d-pausa .v3d-ico-pausa{stroke:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-pausa .v3d-ico-play{fill:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-chip{background:rgba(255,255,255,.92);border-color:#E3E8F2;color:#14284B;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 1px 2px rgba(20, 40, 75,.05)}
.v3d:not([data-tema="oscuro"]) .v3d-chip[aria-pressed="true"]{background:#14284B;border-color:#14284B;color:#fff}
.v3d:not([data-tema="oscuro"]) .v3d-chip-punto{box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.v3d:not([data-tema="oscuro"]) .v3d-chip[aria-pressed="false"]{color:#8A93AE;border-color:#E3E8F2}
.v3d:not([data-tema="oscuro"]) .v3d-chip[aria-pressed="false"] .v3d-chip-punto{background:transparent;box-shadow:inset 0 0 0 1.5px #A6AEC6}
/* Leyenda: panel blanco translúcido sobre la escena; debajo de ella, sin caja */
.v3d:not([data-tema="oscuro"]) .v3d-leyenda{text-shadow:none;padding:10px 14px 12px;border-radius:12px;background:rgba(255,255,255,.84);border:1px solid #E3E8F2;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px -14px rgba(20, 40, 75,.2)}
.v3d:not([data-tema="oscuro"]) .v3d-leyenda-tit{color:#7A84A3}
.v3d:not([data-tema="oscuro"]) .v3d-leyenda li{color:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-muestra{box-shadow:none}
.v3d:not([data-tema="oscuro"]) .v3d-m-sec{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M3 0v11M10 0v11M17 0v11' stroke='%234A5677' stroke-opacity='.7'/%3E%3C/svg%3E")}
.v3d:not([data-tema="oscuro"]) .v3d-m-ach{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M0 .5h9.5M2 1v10M6 1v5' stroke='%23E03131'/%3E%3Cpath d='M10.5 .5H20M12 1v10M16 1v5' stroke='%232F9E44'/%3E%3C/svg%3E")}
.v3d:not([data-tema="oscuro"]) .v3d-m-tin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11'%3E%3Cpath d='M1 10 7 1l6 9 6-9M1 10h18M7 1h12' fill='none' stroke='%234A5677' stroke-dasharray='2 1.5'/%3E%3Cpath d='M0 7.5c5-2 9 2 20-1' fill='none' stroke='%23C9A27E'/%3E%3C/svg%3E")}
/* Sección transversal: tarjeta blanca */
.v3d:not([data-tema="oscuro"]) .v3d-seccion{background:rgba(255,255,255,.97);border-color:#E3E8F2;box-shadow:0 1px 2px rgba(20, 40, 75,.04),0 16px 36px -14px rgba(20, 40, 75,.22);-webkit-backdrop-filter:none;backdrop-filter:none}
.v3d:not([data-tema="oscuro"]) .v3d-seccion-tit{color:#7A84A3}
.v3d:not([data-tema="oscuro"]) .v3d-tabla{border-top-color:#EEF1F7}
.v3d:not([data-tema="oscuro"]) .v3d-tabla div{border-bottom-color:#EEF1F7}
.v3d:not([data-tema="oscuro"]) .v3d-tabla dd{color:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-tabla div:first-child dd{color:#B07800}
.v3d:not([data-tema="oscuro"]) .v3d-seccion-nav button{background:#fff;border-color:#E3E8F2;color:#14284B}
.v3d:not([data-tema="oscuro"])[data-vista="seccion"] .v3d-seccion-lado{border-left-color:#EEF1F7}
.v3d:not([data-tema="oscuro"])[data-vista="seccion"] .v3d-lienzo{opacity:.22}
/* Tooltip claro */
.v3d:not([data-tema="oscuro"]) .v3d-tip{background:#fff;border-color:#E3E8F2;color:#14284B;box-shadow:0 12px 28px -8px rgba(20, 40, 75,.22)}
.v3d:not([data-tema="oscuro"]) .v3d-tip b{color:#14284B}
.v3d:not([data-tema="oscuro"]) .v3d-tip b::before{height:3px;box-shadow:none}
.v3d:not([data-tema="oscuro"]) .v3d-tip span{color:#5A6488}
@media (hover:hover) and (pointer:fine){
  .v3d:not([data-tema="oscuro"]) .v3d-chip[aria-pressed="false"]:hover{border-color:#B9C2D8;color:#14284B}
  .v3d:not([data-tema="oscuro"]) .v3d-vista:hover{color:#14284B}
  .v3d:not([data-tema="oscuro"]) .v3d-vista[aria-pressed="true"]:hover{color:#fff}
  .v3d:not([data-tema="oscuro"]) .v3d-pausa:hover,.v3d:not([data-tema="oscuro"]) .v3d-seccion-nav button:hover{background:#F4F6FB;border-color:#C9D1E4}
}
/* Leyenda bajo la escena (compacto y anchos medianos): pie de lámina sin caja */
.v3d:not([data-tema="oscuro"])[data-modo="compacto"] .v3d-leyenda{border:0;border-top:1px solid #E3E8F2;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:12px 20px 16px}
@container v3d (max-width:1180px){
  .v3d:not([data-tema="oscuro"]) .v3d-leyenda{border:0;border-top:1px solid #E3E8F2;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:14px 28px 18px}
}
@container v3d (max-width:720px){
  .v3d:not([data-tema="oscuro"]) .v3d-panel{background:linear-gradient(180deg,rgba(244,246,251,0),rgba(244,246,251,.7));border-top-color:#E3E8F2}
  .v3d:not([data-tema="oscuro"]) .v3d-leyenda{border-top:0;padding:4px 16px 22px}
  .v3d:not([data-tema="oscuro"])[data-vista="seccion"] .v3d-seccion-lado{border-top-color:#EEF1F7}
  .v3d:not([data-tema="oscuro"])[data-vista="seccion"] .v3d-lienzo{opacity:1}
}