/* NextPing Academy · NP-310. Solo afecta a visores PT mejorados por JS. */
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary {
  display:block !important;
  list-style:none !important;
  list-style-type:none !important;
  cursor:pointer;
}
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary::-webkit-details-marker { display:none !important; }
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary::marker { content:'' !important; font-size:0 !important; }
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary .np310-pt-indicator { display:none !important; }
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details:not([open]) > summary { background:#EAF4FF !important; color:#071D49 !important; }
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details[open] > summary { background:#05AED1 !important; color:white !important; }
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary:focus-visible { outline:2px solid #086BFF !important; outline-offset:2px; }

/* NP-310 DEV19: mejora meramente visual; no modificar motor exclusividad DEV18. */
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary {
  position:relative !important;
  box-sizing:border-box !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:52px;
  padding:10px 24px 10px 14px !important;
  transition:background-color .16s ease, color .16s ease;
}
/* Flecha tipo chevron: derecha cuando está cerrada, abajo cuando está abierta. */
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary::after {
  content:"" !important;
  position:absolute;
  right:12px;
  top:50%;
  box-sizing:border-box;
  width:8px;
  height:8px;
  border:solid currentColor;
  border-width:0 2px 2px 0;
  opacity:.8;
  transform:translateY(-50%) rotate(-45deg);
  transition:transform .16s ease;
  pointer-events:none;
}
[id^="np-pt-"][id$="-visor"].np310-pt-enhanced details[open] > summary::after {
  transform:translateY(-66%) rotate(45deg);
  opacity:1;
}
@media (max-width:480px) {
  [id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary {
    padding:9px 17px 9px 6px !important;
    font-size:clamp(10px,2.7vw,12px) !important;
    min-height:53px;
  }
  [id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary::after {
    right:6px;
    width:6px;
    height:6px;
    border-width:0 1.5px 1.5px 0;
  }
}
@media (prefers-reduced-motion:reduce) {
  [id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary,
  [id^="np-pt-"][id$="-visor"].np310-pt-enhanced details > summary::after {
    transition:none !important;
  }
}