/* /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}

/* ── Enviar a mi oncólogo: ventana v2 (11/11/2026) ── */
.send-doctor-overlay{background:rgba(15,23,42,.55)!important;z-index:100000!important}
.send-doctor-modal.sdv2{z-index:100001!important;padding:0!important;border-radius:24px!important;width:calc(100% - 32px)!important;max-width:640px!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;flex-direction:column;background:#fff;box-shadow:0 40px 80px -30px rgba(15,23,42,.7)!important;font-family:'Nunito',system-ui,sans-serif;animation:rpv2pop .18s ease-out}
@keyframes rpv2pop{from{opacity:0;margin-top:12px}to{opacity:1;margin-top:0}}
.sdv2 #sdForm{display:flex;flex-direction:column;min-height:0;flex:1}
.sdv2-head{display:flex;gap:14px;align-items:center;padding:22px 24px 16px;border-bottom:1px solid #eef2f7}
.sdv2-ico{flex:0 0 48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#1f5cff,#7a2cff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.35rem}
.sdv2-head h3{font-size:1.2rem!important;font-weight:900!important;color:#0f172a!important;margin:0 0 2px!important;display:block!important}
.sdv2-head p{margin:0;color:#64748b;font-size:.9rem;line-height:1.35}
.sdv2-x{margin-left:auto;flex:0 0 36px;height:36px;border:0;border-radius:50%;background:#f1f5f9;color:#334155;font-size:.95rem;align-self:flex-start}
.sdv2-x:hover{background:#e2e8f0}
.sdv2-body{padding:18px 24px 6px;overflow-y:auto;min-height:0;flex:1}
.sdv2-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sdv2-f{margin-bottom:14px;min-width:0}
.sdv2 .sdv2-f label{display:block;font-size:.82rem!important;font-weight:800!important;color:#334155!important;margin:0 0 6px!important}
.sdv2-f label span{color:#dc2626}.sdv2-f label em{font-style:normal;font-weight:700;color:#94a3b8}
.sdv2-in{position:relative}
.sdv2-in>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}
.sdv2 .sdv2-in input{padding-left:40px!important}
.sdv2 input,.sdv2 textarea{width:100%!important;border:1.5px solid #e2e8f0!important;border-radius:14px!important;padding:11px 14px!important;font-size:.95rem!important;font-family:inherit!important;background:#fff!important;color:#0f172a!important;margin:0!important;box-shadow:none!important}
.sdv2 textarea{resize:vertical;min-height:84px}
.sdv2 input:focus,.sdv2 textarea:focus{border-color:#1f5cff!important;outline:none!important;box-shadow:0 0 0 4px rgba(31,92,255,.12)!important}
.sdv2 .sdv2-prev{background:#f8fafc!important;border:1px solid #e8edf5!important;border-left:4px solid #1f5cff!important;border-radius:14px!important;padding:14px 16px!important;font-size:.86rem!important;line-height:1.55!important;color:#475569!important;max-height:none!important;margin:0!important;overflow-wrap:anywhere}
.sdv2-prev .t{font-weight:900;color:#0f172a;font-size:.95rem;line-height:1.35;margin-bottom:8px}
.sdv2-prev strong{color:#0f172a}.sdv2-prev .l{font-size:.8rem}
.sdv2-hint{font-size:.8rem;color:#64748b;margin:0 0 12px}.sdv2-hint i{color:#059669}
.sdv2-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:12px;padding:10px 14px;font-weight:700;font-size:.9rem;margin-bottom:14px}
.sdv2 .sdv2-foot{display:flex!important;gap:10px!important;justify-content:flex-end!important;flex-wrap:wrap;padding:14px 24px 18px!important;margin:0!important;border-top:1px solid #eef2f7;background:#fff}
.sdv2-btn{border:0;border-radius:50px;padding:.68rem 1.35rem;font-weight:900;font-size:.95rem;font-family:inherit;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:filter .15s,background .15s}
.sdv2-btn.ghost{background:#fff;color:#475569;border:1.5px solid #e2e8f0}.sdv2-btn.ghost:hover{background:#f8fafc}
.sdv2-btn.soft{background:#eef4ff;color:#1f5cff}.sdv2-btn.soft:hover{background:#e0eaff}
.sdv2-btn.main{background:linear-gradient(135deg,#1f5cff,#7a2cff);color:#fff;box-shadow:0 14px 26px -14px rgba(31,92,255,.8)}.sdv2-btn.main:hover{filter:brightness(1.07)}
.sdv2-btn:disabled{opacity:.65;cursor:wait}
.sdv2-btn:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.sdv2-ok{text-align:center;padding:40px 28px 32px}
.sdv2-ok .ic{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#059669,#10b981);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:2.3rem;margin-bottom:14px;box-shadow:0 18px 30px -16px rgba(5,150,105,.8)}
.sdv2-ok h4{font-weight:900;font-size:1.4rem;color:#0f172a;margin:0 0 6px}
.sdv2-ok p{color:#64748b;margin:0 0 22px}
.sdv2-ok .sdv2-btn{min-width:160px}
@media(max-width:575px){
  .sdv2-row{grid-template-columns:1fr;gap:0}
  .sdv2-head{padding:18px 16px 14px}.sdv2-body{padding:16px 16px 4px}
  .sdv2 .sdv2-foot{padding:12px 16px 16px!important}
  .sdv2-foot .sdv2-btn{flex:1 1 auto}.sdv2-foot .sdv2-btn.main{flex:1 1 100%;order:-1}
}