*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbfd;color:#102f41;font-family:Arial,Helvetica,sans-serif}.digi-kb{max-width:1280px;margin:0 auto;padding:42px 22px 70px}.kb-hero{background:linear-gradient(135deg,#ffffff 0%,#eef9fd 100%);border:1px solid #d8eef6;border-radius:28px;padding:34px;box-shadow:0 14px 40px rgba(0,0,0,.06);margin-bottom:28px}.kb-label{display:inline-block;color:#e64398;font-weight:800;letter-spacing:.03em;text-transform:uppercase;font-size:13px;margin-bottom:10px}.kb-hero h1{margin:0 0 10px;color:#0879a7;font-size:44px;line-height:1.05}.kb-hero p{font-size:18px;line-height:1.6;max-width:780px;margin:0 0 24px}.kb-search-wrap{position:relative;max-width:780px}#faqSearch{width:100%;padding:17px 54px 17px 20px;border:2px solid #cfeaf4;border-radius:18px;font-size:17px;outline:none;background:white}#faqSearch:focus{border-color:#0879a7;box-shadow:0 0 0 4px rgba(8,121,167,.12)}#clearSearch{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:50%;background:#eef7fb;color:#0879a7;font-size:24px;line-height:1;cursor:pointer}.kb-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.kb-sidebar{position:sticky;top:24px;background:#fff;border:1px solid #d8eef6;border-radius:24px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.06);max-height:calc(100vh - 48px);overflow:auto}.kb-sidebar h2{font-size:21px;margin:0 0 14px;color:#0879a7}.faq-list{display:flex;flex-direction:column;gap:10px}.faq-nav-item{width:100%;border:1px solid #d8eef6;background:#f4fbfe;color:#064f70;border-radius:16px;padding:14px 42px 14px 14px;text-align:left;font-weight:700;font-size:15.5px;line-height:1.25;cursor:pointer;position:relative;transition:.2s}.faq-nav-item:after{content:'+';position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:26px;color:#e64398}.faq-nav-item:hover{background:#e7f7fc}.faq-nav-item.active{background:#0879a7;color:white;border-color:#0879a7}.faq-nav-item.active:after{content:'−';color:white}.kb-main{min-width:0}.empty-state,.faq-content{background:white;border-radius:24px;border:1px solid #d8eef6;box-shadow:0 14px 40px rgba(0,0,0,.06)}.empty-state{padding:54px;text-align:center}.empty-state h2{color:#0879a7;margin-top:0}.faq-content{display:none;padding:34px;border-left:7px solid #e64398}.faq-content.show{display:block;animation:fadeUp .25s ease}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.faq-content h2{color:#0879a7;font-size:34px;line-height:1.15;margin:0 0 18px}.faq-content h3{color:#e64398;font-size:25px;margin:30px 0 12px}.faq-content h4{color:#0879a7;font-size:20px;margin:22px 0 10px}.faq-content p,.faq-content li{font-size:18px;line-height:1.75}.faq-content p{margin:0 0 16px}.faq-content ul{margin:0 0 18px 22px;padding:0}.faq-content li{margin-bottom:10px}.video-box{margin:22px 0 28px;padding:16px;background:#f4fbfe;border:1px solid #d8eef6;border-radius:22px}.video-box strong{display:block;color:#0879a7;margin-bottom:12px}.video-frame{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:18px;background:#d8eef6}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.source-note{border-top:1px solid #d8eef6;margin-top:30px;padding-top:16px;color:#466476;font-size:14px}.back-faqs{text-align:center;margin-top:28px}.back-button{display:inline-block;padding:13px 30px;background:#0879a7;color:#fff!important;border-radius:40px;text-decoration:none!important;font-weight:800;transition:.2s}.back-button:hover{background:#065f82;transform:translateY(-2px)}#faqBackTop{position:fixed;right:28px;bottom:86px;width:54px;height:54px;border-radius:50%;background:#e64398;color:#fff!important;display:none;align-items:center;justify-content:center;font-size:27px;font-weight:800;text-decoration:none!important;box-shadow:0 10px 25px rgba(0,0,0,.22);z-index:99999}.search-count{margin:0 0 12px;color:#466476;font-size:14px}.no-results{padding:20px;border:1px dashed #cfeaf4;border-radius:16px;background:#f8fcfe;color:#466476}@media(max-width:900px){.digi-kb{padding:28px 14px 60px}.kb-hero{padding:26px 20px}.kb-hero h1{font-size:34px}.kb-layout{grid-template-columns:1fr}.kb-sidebar{position:relative;top:auto;max-height:none}.faq-content{padding:24px}.faq-content h2{font-size:27px}.faq-content h3{font-size:22px}.faq-content p,.faq-content li{font-size:16.5px}.empty-state{display:none}#faqBackTop{right:18px;bottom:82px;width:48px;height:48px}}


/* === Añadidos mínimos para subpreguntas y descargas === */

.faq-nav-group{
  margin-bottom:10px;
}

.faq-nav-group summary{
  list-style:none;
  display:grid;
  grid-template-columns:minmax(0,1fr) 46px;
  gap:8px;
  cursor:pointer;
}

.faq-nav-group summary::-webkit-details-marker{
  display:none;
}

.faq-nav-main{
  width:100%;
  border:1px solid #d8eef6;
  background:#f4fbfe;
  color:#064f70;
  border-radius:16px;
  padding:14px;
  text-align:left;
  font-weight:700;
  font-size:15.5px;
  line-height:1.25;
  cursor:pointer;
  transition:.2s;
}

.faq-nav-main:hover{
  background:#e7f7fc;
}

.faq-nav-main.active{
  background:#0879a7;
  color:white;
  border-color:#0879a7;
}

.faq-sub-toggle{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8eef6;
  background:#f4fbfe;
  color:#e64398;
  border-radius:16px;
  font-size:26px;
  font-weight:800;
}

.faq-sub-toggle:before{
  content:'+';
}

.faq-nav-group[open] .faq-sub-toggle{
  background:#0879a7;
  color:#fff;
  border-color:#0879a7;
}

.faq-nav-group[open] .faq-sub-toggle:before{
  content:'−';
}

.faq-sub-list{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:8px 0 0 18px;
  padding-left:12px;
  border-left:2px solid #d8eef6;
}

.faq-sub-item{
  display:block;
  color:#466476;
  border-radius:10px;
  padding:9px 10px;
  text-decoration:none;
  font-size:13.5px;
  font-weight:700;
  line-height:1.3;
  transition:.2s;
}

.faq-sub-item:hover{
  background:#e7f7fc;
  color:#0879a7;
}

.faq-content h3{
  scroll-margin-top:26px;
}

.language-downloads{
  border-top:1px solid #d8eef6;
  margin-top:30px;
  padding-top:20px;
  text-align:center;
}

.download-title{
  color:#0879a7;
  font-size:18px!important;
  font-weight:800;
  margin:0 0 18px!important;
}

.download-flags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
}

.download-flag{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  padding:10px 12px;
  border-radius:14px;
  color:#064f70!important;
  text-decoration:none!important;
  transition:.2s;
}

.download-flag:hover{
  background:#e7f7fc;
  transform:translateY(-2px);
}

.download-flag svg{
  width:46px;
  height:30px;
  border-radius:4px;
  box-shadow:0 1px 5px rgba(0,0,0,.15);
}

.download-flag span{
  font-size:12px;
  font-weight:800;
}

@media(max-width:900px){
  .faq-nav-group summary{
    grid-template-columns:minmax(0,1fr) 44px;
  }
}


/* === Corrección visual definitiva del menú izquierdo === */
/* Mantiene el aspecto original: una sola tarjeta por FAQ y el + dentro a la derecha */

.faq-nav-group{
  margin-bottom:10px;
}

.faq-nav-group summary{
  position:relative;
  display:block;
  list-style:none;
  cursor:pointer;
}

.faq-nav-group summary::-webkit-details-marker{
  display:none;
}

.faq-nav-main{
  width:100%;
  border:1px solid #d8eef6;
  background:#f4fbfe;
  color:#064f70;
  border-radius:16px;
  padding:14px 46px 14px 14px;
  text-align:left;
  font-weight:700;
  font-size:15.5px;
  line-height:1.25;
  cursor:pointer;
  transition:.2s;
}

.faq-nav-main:hover{
  background:#e7f7fc;
}

.faq-nav-main.active{
  background:#0879a7;
  color:white;
  border-color:#0879a7;
}

.faq-sub-toggle{
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
  width:auto;
  height:auto;
  border:0;
  background:transparent !important;
  color:#e64398;
  border-radius:0;
  font-size:26px;
  font-weight:800;
  line-height:1;
  pointer-events:none;
}

.faq-nav-group[open] .faq-sub-toggle{
  color:#e64398;
  background:transparent !important;
  border:0;
}

.faq-nav-main.active + .faq-sub-toggle,
.faq-nav-main:hover + .faq-sub-toggle{
  color:white;
}

.faq-sub-list{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:7px 0 2px 14px;
  padding:4px 0 4px 11px;
  border-left:2px solid #d8eef6;
}

.faq-sub-item{
  display:block;
  width:100%;
  color:#466476;
  border-radius:8px;
  padding:7px 9px;
  text-decoration:none;
  font-size:12.5px;
  font-weight:700;
  line-height:1.25;
  transition:.2s;
}

.faq-sub-item:hover{
  background:#e7f7fc;
  color:#0879a7;
}

@media(max-width:900px){
  .faq-nav-main{
    padding-right:44px;
  }
  .faq-sub-toggle{
    right:14px;
  }
}


/* === Corrección funcional del botón + / − === */
.faq-sub-toggle{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:3;
}

/* El summary no alterna al pulsar el título porque JS intercepta ese clic.
   El + / - sí controla manualmente la apertura del details. */
.faq-nav-group summary{
  cursor:default;
}

.faq-sub-toggle{
  cursor:pointer;
}


/* === Banderas igual que en la versión de profesionales === */
.language-downloads{
  margin-top:38px;
  padding:24px 18px 18px;
  border-top:1px solid #d5eaf2;
  border-bottom:1px solid #d5eaf2;
  background:#fff;
  text-align:center;
}

.download-title{
  font-size:17px!important;
  font-weight:700!important;
  color:#087fae!important;
  margin:0 0 18px!important;
}

.download-flags{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}

.download-flag{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  min-width:78px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#164f6b!important;
  text-decoration:none!important;
  transition:.2s ease!important;
}

.download-flag:hover{
  background:transparent!important;
  transform:translateY(-2px)!important;
}

.download-flag svg{
  width:46px!important;
  height:30px!important;
  display:block!important;
  border-radius:4px!important;
  box-shadow:none!important;
}

.download-flag span{
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}

/* Numeración jerárquica garantizada */
.faq-sub-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
}
.sub-number{
  display:inline-block!important;
  flex:0 0 auto!important;
  min-width:28px!important;
  color:#e64398!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.sub-text{
  display:block!important;
  flex:1 1 auto!important;
}


/* =========================================================
   V17 - SUBPREGUNTAS CON LA MISMA JERARQUÍA VISUAL
   QUE LOS SUBTEMAS DE PROFESIONALES
   ========================================================= */

/* Pregunta principal */
.faq-nav-main{
  width:100%!important;
  border:1px solid #d8eef6!important;
  background:#f4fbfe!important;
  color:#064f70!important;
  border-radius:16px!important;
  padding:14px 46px 14px 14px!important;
  text-align:left!important;
  font-weight:700!important;
  font-size:15.5px!important;
  line-height:1.25!important;
  transition:.2s!important;
}

.faq-nav-main:hover{
  background:#e7f7fc!important;
}

.faq-nav-main.active,
.faq-nav-group[open] .faq-nav-main{
  background:#0879a7!important;
  color:#fff!important;
  border-color:#0879a7!important;
}

/* + / - dentro de la tarjeta principal */
.faq-sub-toggle{
  position:absolute!important;
  right:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#e64398!important;
  font-size:26px!important;
  font-weight:800!important;
  line-height:1!important;
}

.faq-nav-main.active + .faq-sub-toggle,
.faq-nav-group[open] .faq-sub-toggle{
  color:#fff!important;
}

/* Contenedor de subpreguntas */
.faq-sub-list{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:9px 0 3px 16px!important;
  padding:3px 0 3px 12px!important;
  border-left:2px solid #d8eef6!important;
}

/* Cada subpregunta como tarjeta claramente secundaria */
.faq-sub-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  width:100%!important;
  padding:10px 12px!important;
  border:1px solid #e2eff5!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#466476!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.3!important;
  box-shadow:none!important;
  transition:.2s!important;
}

.faq-sub-item:hover{
  background:#eef8fc!important;
  color:#0879a7!important;
  border-color:#cfe7f1!important;
}

/* Numeración rosa como en profesionales */
.sub-number{
  display:inline-block!important;
  flex:0 0 auto!important;
  min-width:30px!important;
  color:#e64398!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}

.sub-text{
  display:block!important;
  flex:1 1 auto!important;
  color:inherit!important;
}

/* Evita que parezcan simples enlaces de texto */
.faq-sub-item + .faq-sub-item{
  margin-top:0!important;
}

/* Separación entre grupos */
.faq-nav-group{
  margin-bottom:9px!important;
}

/* Mantener la caja izquierda coherente */
.faq-list{
  gap:0!important;
}


/* Banderas PNG de Activaty */
.download-flag svg{
  display:none!important;
}

.download-flag .flag-img{
  width:36px!important;
  height:36px!important;
  display:block!important;
  object-fit:contain!important;
  margin:0 auto 4px!important;
  transition:transform .2s ease!important;
}

.download-flag:hover .flag-img{
  transform:scale(1.08)!important;
}
.kb-sidebar{
    overflow-anchor:none;
}

.faq-content h2,
.faq-content h3,
.faq-content h4,
[data-faq-panel] [id]{
    scroll-margin-top:25px;
}