/* /articulo/{id} — capa visual v2 (04/11/2026). Prefijo .hv2.artv2 para ganar a article-detail.css */
.artv2{font-family:'Nunito',system-ui,sans-serif;background:linear-gradient(180deg,#f5f8ff 0%,#fff 50%)}
.hv2.artv2 .artv2-hero{padding:34px 0 110px;min-height:0}
.artv2-back{display:flex;width:max-content;align-items:center;gap:8px;color:#fff;font-weight:800;text-decoration:none;opacity:.9;margin-bottom:14px;position:relative;z-index:10}
.artv2-back:hover{color:#ffd23f;opacity:1}
.hv2.artv2 .artv2-title{font-size:clamp(1.6rem,3vw,2.35rem);font-weight:900;line-height:1.2;margin-bottom:14px;max-width:980px}
.artv2-meta{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:10}
.artv2-meta span{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:50px;padding:5px 12px;font-weight:800;font-size:.84rem}
.artv2-meta span.ev{background:#ffc93c;border-color:#ffc93c;color:#1e1b4b}
.hv2.artv2 .artv2-body{margin-top:-70px;position:relative;z-index:5}

/* Tarjetas */
.hv2.artv2 .article-card,.hv2.artv2 .sidebar-card{border:1px solid #e8edf5;border-radius:24px;box-shadow:0 24px 50px -36px rgba(15,23,42,.5);background:#fff}
.hv2.artv2 .article-card{padding:26px 28px}
.hv2.artv2 .sidebar-card{padding:20px 22px;margin-bottom:16px}
.hv2.artv2 .sidebar-title{font-size:1.02rem;font-weight:900;color:#0f172a;margin-bottom:12px;padding-bottom:0;border:0;display:flex;align-items:center;gap:8px}
.hv2.artv2 .sidebar-title::after{display:none}
.hv2.artv2 .sidebar-title i{color:#1f5cff}
.hv2.artv2 .section-title{font-size:1.1rem;font-weight:900;color:#0f172a;display:flex;gap:8px;align-items:center}
.hv2.artv2 .section-title i{color:#1f5cff}

/* Métricas */
.hv2.artv2 .key-metrics{gap:8px;margin-bottom:18px}
.hv2.artv2 .metric-chip{border-radius:50px;border:1px solid #e8edf5;border-left-width:1px !important;background:#f8faff;font-weight:800;padding:6px 14px}

/* Qué significa para los pacientes */
.hv2.artv2 .patient-implications{border:1px solid #e1e9ff;border-radius:20px;background:#f5f8ff;overflow:hidden}
.hv2.artv2 .implications-header{background:transparent;border-bottom:1px solid #e1e9ff;padding:14px 18px}
.hv2.artv2 .implications-header h3{font-weight:900;color:#1f3a8a;font-size:1.05rem}
.hv2.artv2 .implications-header i{color:#1f5cff}
.hv2.artv2 .badge-ai{background:linear-gradient(135deg,#1f5cff,#7a2cff);border-radius:50px;font-weight:900}
.hv2.artv2 .implications-body{padding:16px 18px;font-size:.98rem;line-height:1.7;color:#1e293b}
.hv2.artv2 .implications-disclaimer{border-radius:12px;font-size:.82rem}
.hv2.artv2 .btn-generate-implications{background:linear-gradient(135deg,#1f5cff,#7a2cff);border-radius:50px;font-weight:900;border:0;color:#fff}
.hv2.artv2 .ai-summary{border-radius:18px}

/* Ensayos relacionados */
.hv2.artv2 .related-trials{border:1px solid #e8edf5;border-radius:20px;background:#fff}
.hv2.artv2 .related-trials-header h3{font-weight:900;font-size:1.02rem}
.hv2.artv2 .badge-count{background:#1f5cff;border-radius:50px}
.hv2.artv2 .trial-link-card{border-radius:16px;border:1px solid #e8edf5}
.hv2.artv2 .trial-link-card:hover{border-color:#1f5cff;background:#f5f8ff;transform:none}
.hv2.artv2 .trial-title{font-weight:800;color:#0f172a}
.hv2.artv2 .trial-phase{border-radius:12px;font-weight:900}

/* Pestañas resumen / texto completo */
.hv2.artv2 .content-tab-nav{border-bottom:1px solid #e8edf5;gap:6px}
.hv2.artv2 .content-tab-btn{border-radius:50px 50px 0 0;font-weight:800;color:#475569}
.hv2.artv2 .content-tab-btn.active{color:#1f5cff;border-bottom-color:#1f5cff}
.hv2.artv2 .abstract-text,.hv2.artv2 .fulltext-content{font-size:1rem;line-height:1.75;color:#1e293b;text-align:left;hyphens:auto}
.hv2.artv2 .glossary-term{border-bottom:2px dotted #7a2cff;color:inherit;cursor:help}

/* Acciones */
.hv2.artv2 .action-buttons-section .btn{border-radius:50px;font-weight:800}
.hv2.artv2 .btn-send-doctor{background:linear-gradient(135deg,#1f5cff,#7a2cff);border:0;color:#fff}
.hv2.artv2 .btn-send-doctor:hover{color:#fff;filter:brightness(1.05)}
.hv2.artv2 .source-link{border-radius:50px;font-weight:900}

/* Lateral */
.hv2.artv2 .art-personalize-card{border-color:#d6e2ff;background:#fff}
.hv2.artv2 .art-pr-bar-track{border-radius:50px;background:#eef2f7}
.hv2.artv2 .art-pr-bar-fill{border-radius:50px;background:linear-gradient(90deg,#1f5cff,#7a2cff)}
.hv2.artv2 .tag-badge,.hv2.artv2 .art-tag-gene,.hv2.artv2 .art-tag-mut{border-radius:50px;font-weight:800}
.hv2.artv2 .info-card,.hv2.artv2 .disclaimer-card{background:#fff}
.hv2.artv2 .disclaimer-card{background:#fffbeb;border-color:#fde68a}

@media(max-width:767px){
  .hv2.artv2 .article-card{padding:20px 16px}
  .hv2.artv2 .artv2-title{font-size:1.45rem}
}
.hv2.artv2 .sidebar-title i{background:none !important;width:auto;height:auto;color:#1f5cff !important;-webkit-text-fill-color:#1f5cff;font-size:1rem;padding:0;box-shadow:none}
.hv2.artv2 .abstract-text p,.hv2.artv2 .fulltext-content p{text-align:left}
.hv2.artv2 .key-metrics{background:none;border:0;padding:0}
/* Acciones: una sola fila ordenada */
.hv2.artv2 .action-buttons-section{border-top:1px solid #e8edf5 !important}
.hv2.artv2 .action-buttons-section .d-flex{justify-content:flex-start !important}
.hv2.artv2 .action-buttons-section .btn{background:#fff;border:1px solid #dbe3ef;color:#1e293b;padding:8px 16px;font-size:.9rem}
.hv2.artv2 .action-buttons-section .btn:hover{border-color:#1f5cff;color:#1f5cff;background:#f5f8ff}
.hv2.artv2 .action-buttons-section .btn-warning{background:#fff7e0;border-color:#ffc93c;color:#92400e}
.hv2.artv2 .action-buttons-section .btn-info{background:#ecfeff;border-color:#67e8f9;color:#0e7490}
.hv2.artv2 .action-buttons-section .btn-send-doctor{background:linear-gradient(135deg,#1f5cff,#7a2cff);border:0;color:#fff}
.hv2.artv2 .action-buttons-section .btn-send-doctor:hover{color:#fff;background:linear-gradient(135deg,#1f5cff,#7a2cff);filter:brightness(1.06)}
.hv2.artv2 .source-link{padding:10px 20px;font-size:.92rem;box-shadow:none}
.hv2.artv2 .art-source-pubmed{background:#fff;border:1px solid #1f5cff;color:#1f5cff}
.hv2.artv2 .art-source-fulltext{background:linear-gradient(135deg,#1f5cff,#7a2cff);color:#fff;border:0}
.hv2.artv2 .action-buttons-section>p{text-align:left}
/* Comentarios */
.hv2.artv2 #commentText{border-radius:16px;border-color:#dbe3ef}
.hv2.artv2 [data-action="post-comment"]{background:linear-gradient(135deg,#1f5cff,#7a2cff);border:0;border-radius:50px;font-weight:900;padding:9px 20px}
.hv2.artv2 .section-title{color:#0f172a !important}