.jws-pd-wrapper{--jpd-title:16px;--jpd-desc:14px;--jpd-icon:60px;--jpd-gap:16px;--jpd-sep:1;--jpd-border:line;--jpd-btn-color:#b47a5e;--jpd-title-color:#111;--jpd-desc-color:#444}
.jws-pd-wrapper{margin-top:24px}
.jws-pd-toggle{background:none;border:none;color:var(--jpd-btn-color);font-weight:600;cursor:pointer;margin:0 0 10px 0;padding:0}
.jws-pd-content{border-top:1px solid #eee}
.jws-pd-item{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eee}
.jws-pd-wrapper[style*="--jpd-sep:0"] .jws-pd-content, 
.jws-pd-wrapper[style*="--jpd-sep:0"] .jws-pd-item{border-color:transparent}
.jws-pd-item.jws-has-sep{border-top:1px solid #eee}
.jws-pd-icon{width:var(--jpd-icon);height:var(--jpd-icon);border-radius:50%;background:#f6f6f6;flex:0 0 var(--jpd-icon);display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}
.jws-pd-icon img{width:100%;height:100%;object-fit:cover}
.jws-pd-title{display:block;font-size:var(--jpd-title);color:var(--jpd-title-color)}
.jws-pd-desc{margin:.35em 0 0;font-size:var(--jpd-desc);color:var(--jpd-desc-color)}
.jws-pd-desc a{color:var(--jpd-btn-color);text-decoration:none}
.jws-pd-desc a:hover{text-decoration:underline}
.jws-pd-wrapper[style*="--jpd-border:leftbar"] .jws-pd-content{border-top:none}
.jws-pd-wrapper[style*="--jpd-border:leftbar"] .jws-pd-item{border-bottom:none;border-left:3px solid #eee;padding-left:12px;margin-left:6px}

/* Inline link styling - Enhanced for better visibility */
.jws-pd-desc a.jws-inline-more{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  text-decoration:underline !important;
  font-weight:500 !important;
  font-size:inherit !important;
  color:var(--jpd-title-color, #333) !important;
  line-height:inherit !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:1 !important;
}

.jws-pd-desc a.jws-inline-more:hover {
  color:var(--jpd-btn-color, #0073aa) !important;
  text-decoration:underline !important;
}

/* Fix for u elements alignment and inheritance */
.jws-pd-desc u {
  text-decoration:underline !important;
  display:inline !important;
  font-size:inherit !important;
  line-height:inherit !important;
  color:inherit !important;
  vertical-align:baseline !important;
  margin:0 !important;
  padding:0 !important;
}

.jws-pd-desc u a {
  text-decoration:underline !important;
  color:inherit !important;
}

/* Scoped div alignment: no forced inline to prevent content bleeding */
.jws-pd-desc > div {
  font-size:inherit;
  line-height:inherit;
  color:inherit;
}

/* Inline link styling */
.jws-pd-item .jws-pd-desc a.jws-inline-more{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  text-decoration:underline !important;
  font: inherit !important;
  color: inherit !important;
  line-height:inherit !important;
  cursor:pointer;
}

/* Inline link styling */
.jws-pd-item .jws-pd-desc a.jws-inline-more,
#jws-summary-more {
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  text-decoration:underline !important;
  font: inherit !important;
  color: inherit !important;
  line-height:inherit !important;
  cursor:pointer;
}

/* Estilos del botón principal tipo Pandora */
:root {
  --jpd-toggle-size: 16px;
  --jpd-toggle-color: var(--heading, #111);
  --jpd-toggle-weight: 600;
  --jpd-toggle-margin: 15px 0;
  --jpd-toggle-underline: underline;
  --jpd-toggle-hover-color: #444;
  --jpd-toggle-bg: transparent;
  --jpd-toggle-hover-bg: transparent;
  --jpd-toggle-border-color: transparent;
  --jpd-toggle-hover-border-color: transparent;
  --jpd-toggle-border-width: 0px;
  --jpd-toggle-padding: .5em 1em;
}

.jws-pd-toggle {
  font-size: var(--jpd-toggle-size);
  color: var(--jpd-toggle-color);
  font-weight: var(--jpd-toggle-weight);
  margin: var(--jpd-toggle-margin);
  cursor: pointer;
  text-decoration: var(--jpd-toggle-underline);
  display: inline-block;
  background: var(--jpd-toggle-bg);
  border: var(--jpd-toggle-border-width) solid var(--jpd-toggle-border-color);
  padding: var(--jpd-toggle-padding);
  transition: color .25s ease, background-color .25s ease, border-color .25s ease;
}
.jws-pd-toggle:hover { 
  color: var(--jpd-toggle-hover-color);
  background: var(--jpd-toggle-hover-bg);
  border-color: var(--jpd-toggle-hover-border-color);
}

/* Enlaces internos */
.jws-pd-item .jws-pd-desc a.jws-inline-more {
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  text-decoration:underline !important;
  font: inherit !important;
  color: inherit !important;
  line-height:inherit !important;
  cursor:pointer;
}



/* ===== v5.4.3 consolidated & retro-compatible ===== */
.jws-pd-title { font-size: var(--jpd-title-size); color: var(--jpd-title-color); }
.jws-pd-desc  { font-size: var(--jpd-desc-size);  color: var(--jpd-desc-color);  }

/* Keep original Pandora-like row separators; borders/shadows only if non-zero via variables */
.jws-pd-item {
  margin-bottom: var(--jpd-gap);
  /* border-bottom likely present in theme; no extra box unless configured */
  border: none;
  box-shadow: none;
}

/* Icon visuals */
.jws-pd-icon img {
  width: var(--jpd-icon-size);
  border-radius: var(--jpd-icon-radius);
  /* Optional border/shadow applied when non-zero values are set (kept neutral by defaults) */
  border: var(--jpd-border-width) solid var(--jpd-border-color);
  filter: drop-shadow(0 0 var(--jpd-shadow-strength) var(--jpd-shadow-color));
}

/* Global toggle button */
.jws-pd-toggle {
  font-size: var(--jpd-toggle-size);
  color: var(--jpd-toggle-color);
  font-weight: var(--jpd-toggle-weight);
  margin: var(--jpd-toggle-margin);
  cursor: pointer;
  border: none;
  background: transparent;
  text-decoration: var(--jpd-toggle-underline);
  transition: color .25s ease;
}
.jws-pd-toggle:hover { color: var(--jpd-toggle-hover-color); }

/* Iframe dentro del modal para contenido interno */
.tabs-modal-container .jws-pd-iframe {
  width: 100%;
  height: 70vh;
  background: #fff;
  border: 0;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  border-radius: 6px;
}

/* Contenedor del grupo iframe en acordeón */
.tabs-modal-container .jws-pd-iframe-group {
  padding: 12px;
}

.tabs-modal-container{position:fixed;top:0;left:0;width:100%;height:100%;display:block;opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s ease;z-index:9999;padding:16px;box-sizing:border-box}
.tabs-modal-container.active{opacity:1;visibility:visible}
.tabs-modal-container .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45)}
.tabs-modal-container .close{position:fixed;top:16px;right:16px;background:#fff;color:#111;border:1px solid #ddd;border-radius:4px;padding:.35em .6em;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.1)}

/* Caja del modal (acordeón contenedor) */
.tabs-modal-container .jws-group-accordion-wap{max-width:960px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 16px 32px rgba(0,0,0,.18);transform:translateY(8px);transition:transform .2s ease}
.tabs-modal-container.active .jws-group-accordion-wap{transform:translateY(0)}

/* Contenido fetch */
.jws-pd-fetch-content{max-height:70vh;overflow:auto;-webkit-overflow-scrolling:touch}

/* Responsivo */
@media (max-width: 768px){
  .tabs-modal-container{padding:10px}
  .tabs-modal-container .jws-group-accordion-wap{max-width:100%;border-radius:6px}
  .tabs-modal-container .close{top:10px;right:10px}
}

/* Prefers-reduced-motion: respeta accesibilidad */
@media (prefers-reduced-motion: reduce){
  .tabs-modal-container{transition:none}
  .tabs-modal-container .jws-group-accordion-wap{transition:none}
}