/* medicamentos-v2.css — Glosario de fármacos (03/11/2026). Capa visual sobre medications.css,
 * con la identidad de la portada (homepage.css + home-v2.css, .hv2). No toca ids ni lógica del JS. */
.mdv2 .hero-section{padding:60px 0 96px}
.mdv2 .hero-subtitle{max-width:620px}
.mdv2 .hv2-search{max-width:600px}
.mdv2-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0 6px;position:relative;z-index:10}
.mdv2-chips span{font-size:.82rem;color:rgba(255,255,255,.85);font-weight:600;margin-right:4px}
.mdv2-chips a{font-size:.82rem;font-weight:700;color:#fff;text-decoration:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:5px 12px;transition:.2s}
.mdv2-chips a:hover{background:#fff;color:#0b3fb8}
.mdv2 .hero-stats{margin-top:22px;gap:26px}
.mdv2-heroimg{aspect-ratio:6/7;max-height:520px;margin-left:auto}
.mdv2-heroimg img{width:100%;height:100%;object-fit:cover;display:block}
.mdv2-heroimg .hv2-heroimg-card i{background:#dcfce7;color:#166534}

/* Cuerpo */
.mdv2-body{padding-bottom:50px}
.mdv2 .drug-filters{position:relative;z-index:20;margin-top:-64px;background:#fff;border:1px solid #eef2f7;border-radius:22px;padding:22px 24px;box-shadow:0 24px 60px -28px rgba(15,23,42,.45);margin-bottom:26px}
.mdv2 .drug-filters .form-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:6px}
.mdv2 .drug-filters .form-control,.mdv2 .drug-filters .form-select{border:2px solid #e8edf5;border-radius:12px;font-weight:600;background-color:#fff}
.mdv2 .drug-filters .input-group .form-control{border-radius:12px 0 0 12px}
.mdv2 .drug-filters .input-group .btn{border-radius:0 12px 12px 0;background:#1f5cff;border-color:#1f5cff}
.mdv2 .drug-filters .form-control:focus,.mdv2 .drug-filters .form-select:focus{border-color:#1f5cff;box-shadow:0 0 0 4px rgba(31,92,255,.12)}
.mdv2 .drug-filters .btn-secondary{border-radius:12px;font-weight:700;background:#f1f5f9;color:#334155;border:0}
.mdv2 .drug-filters .btn-outline-primary{border-radius:12px;font-weight:700}
.mdv2 .admin-notice,.mdv2 .progress-info{margin-top:20px;border-radius:14px}

/* Regímenes */
.mdv2 .regimens-banner{background:#fff;border:1px solid #eef2f7;border-top:5px solid #00a896;border-radius:22px;padding:24px;box-shadow:0 14px 36px -26px rgba(15,23,42,.35);margin-bottom:22px}
.mdv2 .regimens-title{font-size:1.25rem;font-weight:900;color:#1e293b;font-family:'Nunito',system-ui,sans-serif}
.mdv2 .regimens-title i{color:#00a896}
.mdv2 .regimen-chip{border:1px solid #e2e8f0;border-left:4px solid #00a896;border-radius:14px;background:#f8fafc;padding:10px 14px;transition:.15s}
.mdv2 .regimen-chip:hover{background:#e6fbf7;border-color:#00a896;transform:translateY(-2px)}
.mdv2 .regimen-chip-name{font-weight:900;color:#1e293b}
.mdv2 .regimen-chip-info{color:#64748b}

/* Cronología */
.mdv2 .timeline-section{background:#fff;border:1px solid #eef2f7;border-top:5px solid #7a2cff;border-radius:22px;box-shadow:0 14px 36px -26px rgba(15,23,42,.35);margin-bottom:22px}
.mdv2 .timeline-title{font-weight:900;font-family:'Nunito',system-ui,sans-serif;color:#1e293b}
.mdv2 .timeline-title i{color:#7a2cff}

/* Alfabeto y vistas */
.mdv2 .alphabet-nav{background:#fff;border:1px solid #eef2f7;border-radius:18px;box-shadow:0 10px 26px -22px rgba(15,23,42,.35);padding:12px 14px}
.mdv2 .alphabet-nav button{border-radius:50px;font-weight:800;border:1.5px solid #e2e8f0;color:#334155;background:#fff;min-width:36px}
.mdv2 .alphabet-nav button:hover{border-color:#1f5cff;color:#0b3fb8;background:#e6f0ff}
.mdv2 .alphabet-nav button.active{background:#1f5cff;border-color:#1f5cff;color:#fff}
.mdv2 .view-toggle .btn{border-radius:0;font-weight:700;border-color:#e2e8f0;color:#334155}
.mdv2 .view-toggle .btn:first-child{border-radius:50px 0 0 50px}.mdv2 .view-toggle .btn:last-child{border-radius:0 50px 50px 0}
.mdv2 .view-toggle .btn.active{background:#1f5cff;border-color:#1f5cff;color:#fff}
.mdv2 #resultCount{font-weight:800;color:#0b3fb8!important;background:#e6f0ff;border-radius:50px;padding:5px 12px;font-size:.85rem}
.mdv2 .pagination-bar{background:transparent;border:0;box-shadow:none;padding:6px 0}
.mdv2 .page-size-selector select{border:2px solid #e8edf5;border-radius:10px;font-weight:700;padding:4px 10px}

/* Tarjetas de fármacos */
.mdv2 .drug-card{border-radius:20px;border:1px solid #eef2f7;border-left:6px solid #1f5cff;box-shadow:0 12px 30px -22px rgba(15,23,42,.35);background:#fff;padding:22px 24px;transition:.2s}
.mdv2 .drug-card::before{display:none}
.mdv2 .drug-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px -24px rgba(15,23,42,.45)}
.mdv2 .drug-card.selected-compare{border-left-color:#ff8a00;background:#fffbf2}
.mdv2 .drug-name{font-family:'Nunito',system-ui,sans-serif;font-weight:900;font-size:1.35rem;color:#1e293b}
.mdv2 .drug-card:hover .drug-name{color:#1f5cff}
.mdv2 .drug-description{color:#475569;line-height:1.65}
.mdv2 .trial-count-badge{border-radius:50px;font-weight:800}
.mdv2 .badge-fda,.mdv2 .badge-route,.mdv2 .category-badge,.mdv2 .drug-card .badge{border-radius:50px;font-weight:800}
.mdv2 .drug-card .btn-outline-primary,.mdv2 .drug-card .btn-outline-success,.mdv2 .drug-card .btn-outline-warning{border-radius:50px;font-weight:700}
.mdv2 .favorite-btn.active{color:#ff8a00}
.mdv2 .skeleton-card{border-radius:20px}
.mdv2 #drugContainer.grid-view .drug-card{border-left-width:6px}

/* Comparador y paginación */
.mdv2 .compare-panel{border-radius:18px 18px 0 0;background:linear-gradient(135deg,#1747e6,#0096ff)}
.mdv2 .pagination-wrapper .btn,.mdv2 .pagination-wrapper .page-link{border-radius:50px!important;font-weight:800}
.mdv2 #scrollTopBtn{background:#1f5cff}

@media(max-width:767px){.mdv2 .hero-section{padding-bottom:70px}.mdv2 .drug-filters{margin-top:-40px;padding:16px;border-radius:18px}.mdv2 .hero-stats{gap:16px}.mdv2 .hero-stat-number{font-size:1.6rem}.mdv2 .drug-card{padding:16px}.mdv2-chips{display:none}}