/*
 * Cardioteca.com — Guías Clínicas Interactivas
 * Guía: TEP Agudo en el Adulto — Evaluación y Manejo (AHA/ACC 2026)
 * Carpeta: /components/com_cardiotools/tep/
 * Versión: 20260524
 * © Campus Formación Sanitaria S.L. — CIF B88633318
 */

/* ── ROOT + VARIABLES ───────────────────────────────────────── */
#tep-root {
  --bg:#f0f4f8; --surface:#ffffff; --surface2:#f8fafc;
  --border:#dde3ed; --border-focus:#0e6fbd;
  --navy:#0d2d5e; --navy2:#1a4a8a;
  --teal:#0891b2; --teal2:#0e7490;
  --green:#059669; --blue:#2563eb; --amber:#d97706; --red:#dc2626;
  --text:#1e293b; --text2:#475569; --text3:#94a3b8;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);
  --shadow2:0 2px 8px rgba(0,0,0,.12),0 8px 32px rgba(0,0,0,.08);
  font-family:'Source Sans 3',sans-serif;
  font-size:15px; line-height:1.6; min-height:auto;
}

/* ── RESET ──────────────────────────────────────────────────── */
/* BUG-C corregido: -webkit-tap-highlight-color añadido */
#tep-root *{
  box-sizing:border-box;
  margin:0;
  padding:0;
  -webkit-tap-highlight-color:transparent;
}
#tep-root button:focus:not(:focus-visible),
#tep-root input:focus:not(:focus-visible),
#tep-root select:focus:not(:focus-visible),
#tep-root label:focus:not(:focus-visible){outline:none}

#tep-root #app-wrapper{max-width:800px;margin:0 auto;padding:24px 16px 48px}

/* ── HEADER ─────────────────────────────────────────────────── */
#tep-root .app-header{text-align:center;margin-bottom:32px}
#tep-root .app-header .badge{display:inline-flex;align-items:center;gap:6px;background:var(--navy);color:#fff;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px;font-family:'Outfit',sans-serif}
#tep-root .app-header .badge .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:tep-pulse 2s infinite}
@keyframes tep-pulse{0%,100%{opacity:1}50%{opacity:.4}}
#tep-root .app-header h1{font-family:'Outfit',sans-serif;font-size:28px;font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:6px}
#tep-root .app-header h1 span{color:var(--teal)}
#tep-root .app-header p{color:var(--text2);font-size:14px;max-width:560px;margin:0 auto}

/* ── PROGRESS BAR ───────────────────────────────────────────── */
#tep-root .tep-prog-bar{display:flex;align-items:center;margin-bottom:28px;padding:0 4px}
#tep-root .prog-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}
#tep-root .prog-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;font-family:'Outfit',sans-serif;transition:all .3s;border:2px solid var(--border);background:var(--surface);color:var(--text3)}
#tep-root .prog-circle.active{border-color:var(--navy);background:var(--navy);color:#fff}
#tep-root .prog-circle.done{border-color:var(--teal);background:var(--teal);color:#fff}
#tep-root .prog-label{font-size:10px;color:var(--text3);font-weight:500;text-align:center;line-height:1.3}
#tep-root .prog-label.active{color:var(--navy);font-weight:700}
#tep-root .prog-label.done{color:var(--teal)}
#tep-root .prog-line{flex:1;height:2px;background:var(--border);transition:background .3s;max-width:50px;margin-bottom:16px}
#tep-root .prog-line.done{background:var(--teal)}

/* ── CARD ───────────────────────────────────────────────────── */
#tep-root .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow);margin-bottom:16px}
#tep-root .card-title{font-family:'Outfit',sans-serif;font-size:18px;font-weight:600;color:var(--navy);margin-bottom:6px}
#tep-root .card-subtitle{font-size:13px;color:var(--text2);margin-bottom:22px;line-height:1.5}

/* ── MODULE SELECTOR ────────────────────────────────────────── */
#tep-root .module-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:4px}
@media(min-width:520px){#tep-root .module-grid{grid-template-columns:1fr 1fr}}
#tep-root .mod-btn{border:2px solid var(--border);background:var(--surface2);border-radius:14px;padding:20px 18px;cursor:pointer;text-align:left;transition:all .2s;display:flex;align-items:flex-start;gap:14px}
#tep-root .mod-btn .tep-hub-icon{width:52px;height:52px;border-radius:14px;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,.06)}
#tep-root .mod-btn .mod-num{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
#tep-root .mod-btn .mod-title{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;color:var(--navy);margin-bottom:3px;line-height:1.2}
#tep-root .mod-btn .mod-desc{font-size:12px;color:var(--text2);line-height:1.5}
#tep-root .mod-steps{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px}
#tep-root .mod-step{font-size:11px;color:var(--text2);display:inline-flex;align-items:center;gap:3px}
#tep-root .mod-step .step-n{font-size:13px;font-weight:700;color:var(--teal);line-height:1}
#tep-root .img-bul-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}
#tep-root .img-bul-item{display:block;padding-left:12px;position:relative;font-size:12px;line-height:1.4;opacity:.85}
#tep-root .img-bul-item::before{content:'•';position:absolute;left:0;top:2px;font-weight:700;opacity:.7}
#tep-root .img-bul-item .ibi-text{display:block;margin-bottom:3px}
#tep-root .img-bul-item .ibi-badges{display:flex;flex-wrap:wrap;gap:4px}

/* ── OPTION BUTTONS ─────────────────────────────────────────── */
#tep-root .option-list{display:flex;flex-direction:column;gap:10px}
#tep-root .opt-btn{border:2px solid var(--border);background:var(--surface2);border-radius:10px;padding:13px 16px;cursor:pointer;text-align:left;transition:all .2s;font-family:'Source Sans 3',sans-serif;font-size:14px;font-weight:500;color:var(--text);display:flex;align-items:flex-start;gap:10px}
#tep-root .opt-btn.selected{border-color:var(--navy);background:var(--navy);color:#fff}
#tep-root .opt-btn .opt-icon{font-size:18px;flex-shrink:0;margin-top:1px}
#tep-root .opt-btn .opt-body{min-width:0;flex:1}
#tep-root .opt-btn .opt-body .opt-name{font-weight:600;display:block;margin-bottom:2px}
#tep-root .opt-btn .opt-body .opt-sub{font-size:12px;opacity:.7;display:block;line-height:1.4}
#tep-root .opt-btn.selected .opt-body .opt-sub{opacity:.7}
#tep-root .opt-sub.opt-sub-bul{display:flex;flex-direction:column;gap:2px}
#tep-root .opt-sub .osb{display:block;padding-left:10px;position:relative;line-height:1.35}
#tep-root .opt-sub .osb::before{content:'·';position:absolute;left:2px;font-weight:700}

/* ── CHECK LIST ─────────────────────────────────────────────── */
#tep-root .check-list{display:flex;flex-direction:column;gap:8px}
#tep-root .check-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--surface2)}
#tep-root .check-item.selected{border-color:var(--navy);background:#eff6ff}
#tep-root .check-item .check-box{width:20px;height:20px;border-radius:5px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:12px;transition:all .2s;background:var(--surface)}
#tep-root .check-item.selected .check-box{background:var(--navy);border-color:var(--navy);color:#fff}
#tep-root .check-item .check-label{font-size:14px;color:var(--text);line-height:1.4}
#tep-root .check-item .check-label strong{display:block;font-weight:600;margin-bottom:2px;color:var(--navy)}
#tep-root .check-item.selected .check-label strong{color:var(--navy)}
#tep-root .check-item .check-sub{font-size:12px;color:var(--text3);display:block;margin-top:2px}

/* ── WELLS / SCORING ────────────────────────────────────────── */
#tep-root .wells-grid{display:flex;flex-direction:column;gap:10px}
#tep-root .wells-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:1.5px solid var(--border);border-radius:10px;background:var(--surface2);cursor:pointer;transition:all .2s;gap:12px}
#tep-root .wells-item.active{border-color:var(--navy);background:#eff6ff}
#tep-root .wells-item .wells-text{font-size:14px;color:var(--text);line-height:1.4;flex:1}
#tep-root .wells-item .wells-pts{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;color:var(--text3);background:var(--bg);padding:3px 8px;border-radius:6px;white-space:nowrap;flex-shrink:0}
#tep-root .wells-item.active .wells-pts{background:var(--navy);color:#fff}
#tep-root .score-display{background:linear-gradient(135deg,var(--navy),var(--navy2));border-radius:12px;padding:16px 20px;margin:16px 0 0;display:flex;align-items:center;justify-content:space-between}
#tep-root .score-display .sd-label{color:rgba(255,255,255,.8);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-family:'Outfit',sans-serif}
#tep-root .score-display .sd-val{font-family:'Outfit',sans-serif;font-size:28px;font-weight:700;color:#fff}
#tep-root .score-display .sd-cat{font-size:13px;color:rgba(255,255,255,.85);font-weight:500}

/* ── sPESI ──────────────────────────────────────────────────── */
#tep-root .spesi-grid{display:grid;grid-template-columns:1fr;gap:9px}
@media(min-width:500px){#tep-root .spesi-grid{grid-template-columns:1fr 1fr}}
#tep-root .spesi-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1.5px solid var(--border);border-radius:9px;cursor:pointer;background:var(--surface2);transition:all .2s}
#tep-root .spesi-item.active{border-color:var(--navy);background:#eff6ff}
#tep-root .spesi-item .si-box{width:18px;height:18px;border-radius:4px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;background:var(--surface)}
#tep-root .spesi-item.active .si-box{background:var(--navy);border-color:var(--navy);color:#fff}
#tep-root .spesi-item .si-text{font-size:13px;color:var(--text);line-height:1.3}
#tep-root .spesi-score-bar{background:var(--bg);border-radius:10px;padding:14px 18px;margin-top:14px;display:flex;align-items:center;gap:16px}
#tep-root .spesi-score-bar .ssb-score{font-family:'Outfit',sans-serif;font-size:32px;font-weight:700;color:var(--navy)}
#tep-root .spesi-score-bar .ssb-info .ssb-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);font-family:'Outfit',sans-serif}
#tep-root .spesi-score-bar .ssb-info .ssb-cat{font-size:14px;font-weight:600}
#tep-root .spesi-score-bar .ssb-info .ssb-cat.low{color:var(--green)}
#tep-root .spesi-score-bar .ssb-info .ssb-cat.high{color:var(--red)}

/* ── CATEGORY BANNER ────────────────────────────────────────── */
#tep-root .cat-banner{border-radius:14px;padding:20px;margin-bottom:20px;position:relative;overflow:hidden}
#tep-root .cat-banner.sev-lowest{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #6ee7b7}
#tep-root .cat-banner.sev-low{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #6ee7b7}
#tep-root .cat-banner.sev-moderate{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd}
#tep-root .cat-banner.sev-moderate-high{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fcd34d}
#tep-root .cat-banner.sev-high{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fdba74}
#tep-root .cat-banner.sev-highest{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}
#tep-root .cat-banner .cb-main{display:flex;align-items:center;gap:14px;margin-bottom:10px}
#tep-root .cat-banner .cb-icon{font-size:32px}
#tep-root .cat-banner .cb-info .cb-cat{font-family:'Outfit',sans-serif;font-size:24px;font-weight:800;line-height:1}
#tep-root .cat-banner .cb-info .cb-label{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.7;margin-top:2px}
#tep-root .cat-banner.sev-lowest .cb-info .cb-cat,
#tep-root .cat-banner.sev-low .cb-info .cb-cat{color:#065f46}
#tep-root .cat-banner.sev-moderate .cb-info .cb-cat{color:#1e40af}
#tep-root .cat-banner.sev-moderate-high .cb-info .cb-cat{color:#92400e}
#tep-root .cat-banner.sev-high .cb-info .cb-cat{color:#9a3412}
#tep-root .cat-banner.sev-highest .cb-info .cb-cat{color:#991b1b}
#tep-root .cat-banner .cb-desc{font-size:13px;line-height:1.5;opacity:.85}

/* ── COR BADGES ─────────────────────────────────────────────── */
#tep-root .cor-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
#tep-root .cor-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:16px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;border:1.5px solid;white-space:nowrap}
#tep-root .cor-badge.cor1{background:#f0fdf4;color:#065f46;border-color:#6ee7b7}
#tep-root .cor-badge.cor2a{background:#eff6ff;color:#1e40af;border-color:#93c5fd}
#tep-root .cor-badge.cor2b{background:#fffbeb;color:#92400e;border-color:#fcd34d}
#tep-root .cor-badge.cor3nb{background:#f8fafc;color:var(--text2);border-color:var(--border)}
#tep-root .cor-badge.cor3h{background:#fef2f2;color:#991b1b;border-color:#fca5a5}
#tep-root .cor-badge.loe{background:#f8fafc;color:var(--text2);border-color:var(--border)}

/* ── RESULT COMPONENTS ──────────────────────────────────────── */
#tep-root .result-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
#tep-root .result-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
#tep-root .result-icon.green{background:#f0fdf4}
#tep-root .result-icon.blue{background:#eff6ff}
#tep-root .result-icon.amber{background:#fffbeb}
#tep-root .result-icon.red{background:#fef2f2}
#tep-root .result-icon.teal{background:#ecfeff}
#tep-root .result-title{font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:var(--navy);line-height:1.2;margin-bottom:4px}
#tep-root .result-subtitle{font-size:14px;color:var(--text2);line-height:1.5}

/* ── RESULT SECTIONS ────────────────────────────────────────── */
#tep-root .res-section{margin-bottom:16px}
#tep-root .res-section-title{font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;color:var(--teal2);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#tep-root .res-list{list-style:none;display:flex;flex-direction:column;gap:8px}
#tep-root .res-list li{display:flex;gap:10px;font-size:13px;color:var(--text2);line-height:1.5;padding:10px 14px;background:var(--surface2);border-radius:8px;border-left:3px solid var(--border);align-items:flex-start}
#tep-root .res-list li.cor1-item{border-left-color:var(--green)}
#tep-root .res-list li.cor2a-item{border-left-color:var(--blue)}
#tep-root .res-list li.cor2b-item{border-left-color:var(--amber)}
#tep-root .res-list li.cor3-item{border-left-color:var(--red)}
#tep-root .res-list li.cor3nb-item{border-left-color:var(--text3)}
#tep-root .res-list li .li-icon{flex-shrink:0;font-size:16px;margin-top:1px}
#tep-root .res-list li .li-body{display:flex;flex-direction:column;gap:3px;flex:1}
#tep-root .res-list li .li-main{font-size:13.5px;font-weight:600;color:var(--navy);font-family:'Outfit',sans-serif;line-height:1.35}
#tep-root .res-list li .li-detail{font-size:12px;color:var(--text2);line-height:1.4;font-weight:400}
#tep-root .res-list li .li-badges{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
#tep-root .res-list li>span:last-child{min-width:0;flex:1;overflow-wrap:break-word}

/* ── ALERT BOXES ────────────────────────────────────────────── */
#tep-root .pert-alert{background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:2px solid #93c5fd;border-radius:12px;padding:14px 18px;display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
#tep-root .pert-alert .pa-icon{font-size:22px;flex-shrink:0;margin-top:2px}
#tep-root .pert-alert .pa-text .pa-title{font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:4px}
#tep-root .pert-alert .pa-text .pa-sub{font-size:12px;color:var(--text2);line-height:1.5}
#tep-root .warning-box>span:not(:first-child),
#tep-root .warning-box>div,
#tep-root .info-box>span:not(:first-child),
#tep-root .info-box>div,
#tep-root .amber-box>span:not(:first-child),
#tep-root .amber-box>div{min-width:0;flex:1;overflow-wrap:break-word}
#tep-root .warning-box{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:13px;color:#7f1d1d;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
#tep-root .info-box{background:#eff6ff;border:1px solid #93c5fd;border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:13px;color:#1e3a5f;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
#tep-root .success-box{background:#f0fdf4;border:1px solid #6ee7b7;border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:13px;color:#065f46;display:flex;gap:8px;align-items:flex-start;line-height:1.5}
#tep-root .amber-box{background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:13px;color:#78350f;display:flex;gap:8px;align-items:flex-start;line-height:1.5}

/* ── FOLLOWUP BOX ───────────────────────────────────────────── */
#tep-root .followup-box{border:2px solid;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:12px;margin-bottom:14px}
#tep-root .followup-box.green{border-color:#6ee7b7;background:#f0fdf4}
#tep-root .followup-box.blue{border-color:#93c5fd;background:#eff6ff}
#tep-root .followup-box.amber{border-color:#fcd34d;background:#fffbeb}
#tep-root .followup-box.red{border-color:#fca5a5;background:#fef2f2}
#tep-root .followup-box .fu-icon{font-size:22px;flex-shrink:0}
#tep-root .followup-box .fu-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:'Outfit',sans-serif;opacity:.65}
#tep-root .followup-box .fu-value{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;margin-top:2px}
#tep-root .followup-box.green .fu-value{color:var(--green)}
#tep-root .followup-box.blue .fu-value{color:var(--blue)}
#tep-root .followup-box.amber .fu-value{color:var(--amber)}
#tep-root .followup-box.red .fu-value{color:var(--red)}

/* ── DISCLAIMER ─────────────────────────────────────────────── */
#tep-root .disclaimer{background:#fff8e1;border:1px solid #fde68a;border-radius:10px;padding:12px 16px;margin-bottom:16px;display:block}
#tep-root .disclaimer-text{font-size:11px;color:#78350f;line-height:1.6}
#tep-root .disclaimer-text strong{display:inline;font-weight:700}
@media(min-width:520px){#tep-root .disclaimer-text{font-size:12px}}

/* ── BUTTONS ────────────────────────────────────────────────── */
#tep-root .nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:12px}
#tep-root .btn-back{background:none;border:1.5px solid var(--border);border-radius:8px;padding:10px 20px;font-family:'Source Sans 3',sans-serif;font-size:14px;font-weight:500;color:var(--text2);cursor:pointer;transition:all .2s}
#tep-root .btn-next{background:var(--navy);color:#fff;border:none;border-radius:8px;padding:11px 28px;font-family:'Outfit',sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;letter-spacing:.01em}
#tep-root .btn-next:disabled{background:var(--text3);cursor:not-allowed;transform:none;box-shadow:none}
#tep-root .btn-analyze{background:linear-gradient(135deg,var(--teal2),var(--navy));color:#fff;border:none;border-radius:8px;padding:13px 32px;font-family:'Outfit',sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:.02em;box-shadow:0 4px 16px rgba(8,145,178,.3)}
#tep-root .btn-restart{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;padding:10px 24px;font-family:'Source Sans 3',sans-serif;font-size:14px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .2s;width:100%;margin-top:8px}
#tep-root .btn-mod{background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;padding:9px 18px;font-family:'Source Sans 3',sans-serif;font-size:13px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .2s}

/* ── MISC ───────────────────────────────────────────────────── */
#tep-root .divider{height:1px;background:var(--border);margin:20px 0}
#tep-root .app-footer{text-align:center;margin-top:24px;font-size:11px;color:var(--text3);line-height:1.7}
#tep-root .app-footer strong{color:var(--text2)}
#tep-root .app-footer em{font-style:italic}

/* ── PARAM CHIPS ────────────────────────────────────────────── */
#tep-root .param-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
#tep-root .param-chip{display:inline-flex;align-items:center;gap:5px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--text2);font-family:'Outfit',sans-serif;white-space:nowrap}
#tep-root .param-chip .pc-ico{font-size:13px}
#tep-root .param-chip.pc-key{background:#eff6ff;border-color:#93c5fd;color:#1e40af}
#tep-root .tag{font-family:'JetBrains Mono',monospace;font-size:10px;background:var(--bg);padding:2px 7px;border-radius:4px;border:1px solid var(--border);color:var(--text2);white-space:nowrap}
#tep-root .section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal2);font-family:'Outfit',sans-serif;margin-bottom:10px;margin-top:18px}

/* ── DETAILS / SUMMARY ──────────────────────────────────────── */
#tep-root details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;font-size:12px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.06em;font-family:'Outfit',sans-serif;user-select:none;-webkit-user-select:none;border:2px solid var(--navy);background:var(--surface2)}
#tep-root details summary::-webkit-details-marker{display:none}
#tep-root details summary:hover{opacity:.85}
#tep-root details[open] .tep-chevron{transform:rotate(180deg)}
#tep-root .tep-chevron{font-size:13px;transition:transform .25s;flex-shrink:0;margin-left:8px}
#tep-root details .detail-body{padding:10px 0 4px;font-size:13px;color:var(--text2);line-height:1.6}

/* ── GLOSARIO DE SIGLAS ─────────────────────────────────────── */
#tep-root .tep-gls-bar{background:var(--surface2);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden;font-family:'Outfit',sans-serif}
#tep-root .tep-gls-bar summary{padding:9px 14px;font-size:11px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;user-select:none}
#tep-root .tep-gls-bar summary::-webkit-details-marker{display:none}
#tep-root .tep-gls-bar .gls-ico{font-size:14px}
#tep-root .tep-gls-bar .gls-chevron{margin-left:auto;font-size:12px;color:var(--text3);transition:transform .2s;display:inline-block}
#tep-root .tep-gls-bar[open] .gls-chevron{transform:rotate(180deg)}
#tep-root .tep-gls-grid{padding:10px 14px 14px;display:grid;grid-template-columns:1fr;gap:5px;border-top:1px solid var(--border)}
@media(min-width:480px){#tep-root .tep-gls-grid{grid-template-columns:1fr 1fr}}
#tep-root .tep-gls-term{font-size:11.5px;color:var(--text2);line-height:1.45;display:flex;gap:4px}
#tep-root .tep-gls-term strong{color:var(--navy);font-family:'JetBrains Mono',monospace;font-size:10.5px;white-space:nowrap;flex-shrink:0}
#tep-root .tep-gls-term strong::after{content:": ";color:var(--text3);font-family:'Source Sans 3',sans-serif;font-weight:400}
#tep-root .gls-exp{color:var(--text3);font-size:.88em;font-weight:400}

/* ── INPUTS NUMÉRICOS ───────────────────────────────────────── */
#tep-root input::placeholder{color:var(--text3);opacity:.6;font-style:italic;font-size:13px}
#tep-root input::-webkit-input-placeholder{color:var(--text3);opacity:.6;font-style:italic;font-size:13px}
#tep-root input::-moz-placeholder{color:var(--text3);opacity:.6;font-style:italic;font-size:13px}

/* ── RESULT HEADER (ref-row + param-box) ────────────────────── */
#tep-root .ref-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
#tep-root .ref-badge{display:inline-flex;align-items:center;padding:5px 12px;border:1.5px solid var(--border);border-radius:20px;font-size:11.5px;font-weight:500;color:var(--text2);font-family:'Source Sans 3',sans-serif;white-space:nowrap;background:var(--surface2)}
#tep-root .param-box{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:18px}
#tep-root .param-box-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);font-family:'Outfit',sans-serif;margin-bottom:8px;display:flex;align-items:center;gap:5px}
#tep-root .param-box .param-chips{margin-bottom:0}