/* Portada de conocimiento: curvas de luz, fichas de fuentes y cristal azul.
   Decoración aislada; el formulario y las rutas siguen siendo los originales. */
#vista-inicio #tablero .bibdash-hero {
  position:relative; isolation:isolate; grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
  min-height:740px; padding-top:72px; padding-bottom:0;
  background:radial-gradient(ellipse at 95% 64%,#d3e7ff 0%,#f2f8ff 33%,#fff 66%) !important;
}
#vista-inicio #tablero .bibdash-hero::before {
  content:""; display:block !important; position:absolute; z-index:0; pointer-events:none;
  width:88vw; height:1000px; right:-28vw; top:-285px; border-radius:50%;
  background:linear-gradient(145deg,#f8fbff 20%,#e5f1ff 65%,#c7e1ff); transform:rotate(-35deg);
  border:1px solid #ffffffb3; box-shadow:inset 0 1px 60px #ffffff80;
}
#vista-inicio #tablero .bibdash-hero::after {
  content:""; display:block !important; position:absolute; z-index:0; pointer-events:none;
  width:67vw; height:840px; right:-15vw; top:-180px; border-radius:50%;
  background:linear-gradient(155deg,#ffffffeb,#ffffff42 65%,#ffffffd9); transform:rotate(-35deg);
  border:1px solid #fff;
}
#vista-inicio #tablero .bibdash-hero-texto { position:relative; z-index:3; align-self:center; padding:0 0 20px; }
#vista-inicio #tablero .bibdash-hero .bibdash-eyebrow { font-size:14px; margin-bottom:29px; color:#737c8a; }
#vista-inicio #tablero .bibdash-hero h1 { font-size:clamp(66px,6.6vw,102px); line-height:1.02; letter-spacing:-.065em; color:#15171b; }
#vista-inicio #tablero .bibdash-hero h1 > span { color:#007aff; }
#vista-inicio #tablero .bibdash-hero .hero-descripcion { max-width:44ch; font-size:19px; line-height:1.58; color:#707784; margin-top:28px; }
#vista-inicio #tablero .bibdash-hero .bqi { position:relative; width:min(740px,62vw); max-width:none; margin-top:30px; }
#vista-inicio #tablero .bibdash-hero .bqi-caja {
  min-height:76px; gap:17px; padding:7px 8px 7px 23px;
  border:1px solid #dcecff !important; border-radius:23px;
  background:linear-gradient(135deg,#fffffff5,#ffffffc9);
  box-shadow:0 0 0 5px #ffffff99,0 10px 35px -12px #729bd543,inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
}
#vista-inicio #tablero .bibdash-hero .bqi-caja > svg { width:25px; height:25px; flex-shrink:0; color:#7b8ba4; }
#vista-inicio #tablero .bibdash-hero .bqi-caja input { min-width:0; font-size:18px; background:transparent; padding:18px 0; }
#vista-inicio #tablero .bibdash-hero .bqi-caja .btn {
  display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:18px 26px;
  border-radius:17px; font-size:17px; background:linear-gradient(145deg,#0086ff,#0064ea);
  box-shadow:inset 0 1px 0 #ffffff66,0 5px 13px #007aff26;
}
#vista-inicio #tablero .bqi-caja .buscar-icono { width:21px; height:21px; }
#vista-inicio #tablero .bibdash-hero .bqi-ejemplos { gap:10px; margin-top:21px; }
#vista-inicio #tablero .bqi-ejemplos button { padding:10px 16px; border-radius:999px; background:#eaf1f9cf; color:#596c87; font-size:12px; }
#vista-inicio #tablero .bibdash-hero-acciones { gap:24px; margin-top:30px; }
#vista-inicio #tablero .bibdash-hero-acciones .btn { font-size:15px; }
#vista-inicio #tablero .bibdash-hero-acciones .hero-hallazgo { padding-left:24px; border-left:1px solid #c9d6e5; color:#375781; }
#vista-inicio #tablero .hero-escena {
  position:absolute; grid-area:auto; z-index:2; top:22px; right:-95px; width:55%; height:650px; min-height:0; margin:0;
  overflow:visible; pointer-events:none;
}
#vista-inicio #tablero .hero-escena .mano { z-index:2; }
#vista-inicio #tablero .hero-escena .escena-pie { left:24%; right:100px; bottom:0; z-index:4; pointer-events:auto; }
#vista-inicio #tablero .escena-instruccion { display:none; }
#vista-inicio #tablero .mano-toggle { background:#ffffff9c; border-color:#deebfa; backdrop-filter:blur(12px); }
#vista-inicio #tablero .hero-base { position:relative; z-index:3; grid-column:1/-1; align-self:end; margin-top:44px; border-top-color:#cddff24d; padding-block:21px; }
/* Fuentes alrededor del cristal. Son ilustraciones, no controles. */
.conocimiento-red { position:absolute; inset:0; z-index:0; pointer-events:none; }
.conocimiento-orbitas { position:absolute; width:95%; height:95%; inset:0; overflow:visible; }
.conocimiento-ficha {
  position:absolute; display:flex; align-items:center; gap:12px; padding:18px;
  width:164px; height:112px; border:1px solid #ffffffed; border-radius:19px;
  background:linear-gradient(145deg,#ffffffdf,#eaf5ff8c); box-shadow:inset 0 2px 0 #fff,0 15px 35px -17px #7da7d14d;
  transform:rotate(9deg) skewY(4deg); opacity:.88;
}
.conocimiento-ficha > svg { width:53px; height:60px; flex:none; opacity:.72; }
.conocimiento-lineas { display:grid; gap:9px; flex:1; }
.conocimiento-lineas i { display:block; height:6px; background:#bed8f5; border-radius:4px; }
.conocimiento-lineas i:last-child { width:70%; }
.conocimiento-ficha.fuente-ley { top:6%; right:20%; }
.conocimiento-ficha.fuente-banco { top:34%; right:13%; width:177px; }
.conocimiento-ficha.fuente-libro { top:54%; left:2%; transform:rotate(-8deg) skewY(4deg); }
.conocimiento-ficha.fuente-documento { top:13%; left:0%; opacity:.48; filter:blur(1px); transform:rotate(-12deg); width:140px; }
@media(min-width:1700px) {
  #vista-inicio #tablero .hero-escena { right:calc((100vw - 1550px)/2 - 60px); width:800px; }
}
@media(max-width:1100px) and (min-width:821px) {
  #vista-inicio #tablero .bibdash-hero { min-height:660px; padding-top:52px; }
  #vista-inicio #tablero .bibdash-hero h1 { font-size:clamp(57px,6.5vw,73px); }
  #vista-inicio #tablero .bibdash-hero .hero-descripcion { font-size:16px; }
  #vista-inicio #tablero .hero-escena { right:-95px; width:58%; height:580px; }
  .conocimiento-ficha { width:135px; height:95px; padding:12px; gap:8px; }
  .conocimiento-ficha.fuente-banco { width:140px; }
  .conocimiento-ficha > svg { width:43px; }
}
@media(max-width:820px) {
  #vista-inicio #tablero .bibdash-hero { grid-template-columns:minmax(0,1fr); padding-top:42px; min-height:0; }
  #vista-inicio #tablero .bibdash-hero::before { width:115vw; height:780px; top:auto; bottom:-30px; right:-40vw; }
  #vista-inicio #tablero .bibdash-hero::after { width:105vw; height:720px; top:auto; bottom:60px; right:-35vw; }
  #vista-inicio #tablero .bibdash-hero h1 { font-size:clamp(55px,10vw,80px); }
  #vista-inicio #tablero .bibdash-hero .hero-descripcion { font-size:17px; }
  #vista-inicio #tablero .bibdash-hero .bqi { width:100%; max-width:650px; }
  #vista-inicio #tablero .hero-escena { position:relative; grid-column:1; grid-row:2; top:auto; right:auto; width:100%; height:420px; margin:0; }
  #vista-inicio #tablero .hero-escena .escena-pie { bottom:0; left:0; right:0; }
  .conocimiento-ficha.fuente-ley { right:9%; top:1%; }
  .conocimiento-ficha.fuente-banco { right:1%; top:35%; }
  .conocimiento-ficha.fuente-libro { top:59%; left:1%; }
  .conocimiento-ficha.fuente-documento { top:7%; left:2%; }
  #vista-inicio #tablero .hero-base { margin-top:12px; }
}
@media(max-width:480px) {
  #vista-inicio #tablero .bibdash-hero { padding-inline:22px; padding-top:32px; }
  #vista-inicio #tablero .bibdash-hero .bibdash-eyebrow { font-size:11px; margin-bottom:22px; }
  #vista-inicio #tablero .bibdash-hero h1 { font-size:clamp(45px,12vw,58px); }
  #vista-inicio #tablero .bibdash-hero .hero-descripcion { font-size:15px; margin-top:21px; }
  #vista-inicio #tablero .bibdash-hero .bqi-caja { min-height:60px; padding:6px 6px 6px 13px; gap:8px; border-radius:18px; }
  #vista-inicio #tablero .bibdash-hero .bqi-caja input { font-size:16px; padding:12px 0; }
  #vista-inicio #tablero .bibdash-hero .bqi-caja .btn { padding:13px 15px; font-size:13px; border-radius:12px; }
  #vista-inicio #tablero .bqi-caja .buscar-icono { display:none; }
  #vista-inicio #tablero .bibdash-hero .bqi-ejemplos { gap:6px; }
  #vista-inicio #tablero .bqi-ejemplos button { padding:9px 10px; font-size:10px; }
  #vista-inicio #tablero .bibdash-hero-acciones { gap:14px; margin-top:24px; }
  #vista-inicio #tablero .bibdash-hero-acciones .btn { font-size:11px; }
  #vista-inicio #tablero .bibdash-hero-acciones .hero-hallazgo { padding-left:14px; }
  #vista-inicio #tablero .hero-escena { height:300px; width:calc(100% + 22px); }
  .conocimiento-ficha { width:106px; height:73px; gap:6px; padding:9px; border-radius:13px; }
  .conocimiento-ficha > svg { width:34px; height:43px; }
  .conocimiento-lineas { gap:6px; }
  .conocimiento-lineas i { height:4px; }
  .conocimiento-ficha.fuente-banco { width:106px; right:3%; }
  .conocimiento-ficha.fuente-documento { width:92px; }
  #vista-inicio #tablero .hero-base { font-size:9px; }
}