/* eficacia-v2.css — Eficacia por mutación (03/11/2026). Capa visual sobre mutation-efficacy.css,
 * con la identidad de la portada (homepage.css + home-v2.css, .hv2). No toca ids ni lógica del JS. */
.efv2 .hero-section{padding:60px 0 90px}
.efv2 .hero-subtitle{max-width:620px}
.efv2-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0 8px;position:relative;z-index:10}
.efv2-chips span{font-size:.84rem;color:rgba(255,255,255,.85);font-weight:600;margin-right:4px}
.efv2-chips a{font-size:.9rem;font-weight:800;color:#fff;text-decoration:none;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);border-radius:50px;padding:7px 16px;transition:.2s}
.efv2-chips a:hover,.efv2-chips a.on{background:#ffc93c;color:#1e293b;border-color:#ffc93c}
.efv2 .hero-stats{margin-top:22px;gap:26px;align-items:flex-end}
.efv2-best .hero-stat-number{font-size:1.05rem!important;line-height:1.3;max-width:260px;padding-top:6px}
.efv2-heroimg{aspect-ratio:6/7;max-height:520px;margin-left:auto}
.efv2-heroimg img{width:100%;height:100%;object-fit:cover;display:block}
.efv2-heroimg .hv2-heroimg-card i{background:#f3ecff;color:#7a2cff}

/* Cuerpo */
.efv2-body{padding-bottom:50px}
.efv2 .manual-profile-input,.efv2 .profile-banner{position:relative;z-index:20;margin-top:-58px;border-radius:22px;box-shadow:0 24px 60px -28px rgba(15,23,42,.45);border:1px solid #eef2f7;background:#fff;padding:22px 24px}
.efv2 .manual-profile-input .input-header{font-weight:900;font-family:'Nunito',system-ui,sans-serif;color:#1e293b;font-size:1.05rem}
.efv2 .manual-profile-input .input-header i{color:#7a2cff}
.efv2 .manual-profile-input .btn-primary{border-radius:12px!important;font-weight:800;background:#7a2cff;border-color:#7a2cff}
.efv2 .profile-banner{background:linear-gradient(135deg,#1b1464 0%,#3a1c9c 60%,#7a2cff 100%)}
.efv2 .profile-banner::before{display:none}
.efv2 .guide-card,.efv2 [class*="guide-card"]{margin-top:22px}
.efv2 .filters-section{background:#fff;border:1px solid #eef2f7;border-radius:22px;box-shadow:0 14px 36px -26px rgba(15,23,42,.35);margin:22px 0}
.efv2 .filters-section h4{font-family:'Nunito',system-ui,sans-serif;font-weight:900;color:#1e293b}
.efv2 .filters-section h4 i{color:#1f5cff}
.efv2 .filters-section .form-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#475569}
.efv2 .filters-section .form-select,.efv2 .filters-section .form-control{border:2px solid #e8edf5;border-radius:12px;font-weight:600}
.efv2 .filters-section .form-select:focus{border-color:#1f5cff;box-shadow:0 0 0 4px rgba(31,92,255,.12)}
.efv2 .filters-section .btn-primary{border-radius:50px;font-weight:800;background:#1f5cff;border-color:#1f5cff;box-shadow:none}
.efv2 .filters-section .btn-secondary{border-radius:50px;font-weight:700;background:#f1f5f9;color:#334155;border:0}

/* Gráficas y secciones */
.efv2 .chart-container,.efv2 .comparator-section,.efv2 .heatmap-section,.efv2 .network-section{background:#fff;border:1px solid #eef2f7;border-top:5px solid #1f5cff;border-radius:22px;box-shadow:0 14px 36px -26px rgba(15,23,42,.35)}
.efv2 .chart-container:hover{transform:none;box-shadow:0 18px 40px -24px rgba(15,23,42,.4)}
.efv2 .row>div:nth-child(2) .chart-container{border-top-color:#ff1f7a}
.efv2 .comparator-section{border-top-color:#00a896}.efv2 .heatmap-section{border-top-color:#ff8a00}.efv2 .network-section{border-top-color:#7a2cff}
.efv2 .chart-header h4,.efv2 .comparator-section .section-title,.efv2 .heatmap-section h4,.efv2 .network-section h4{font-family:'Nunito',system-ui,sans-serif;font-weight:900;color:#1e293b}
.efv2 .chart-header::after,.efv2 .chart-header{border-image:none}
.efv2 .chart-header{border-bottom:1px solid #f1f5f9}
.efv2 .chart-header h4 i{color:#1f5cff}
.efv2 .comparison-table thead{background:#e6f0ff}
.efv2 .comparison-table thead th{color:#0b3fb8;font-weight:800;border:0}
.efv2 .comparison-table tbody tr:hover{background:#f8fbff}
.efv2 .mutation-badge{border-radius:50px;font-weight:800}
.efv2 .loading-spinner .spinner-border{color:#1f5cff}
.efv2 .combinations-footer .btn-primary{border-radius:50px;font-weight:800;background:#1f5cff;border-color:#1f5cff}
.efv2 .btn-primary{box-shadow:none}

@media(max-width:767px){.efv2 .hero-section{padding-bottom:70px}.efv2 .manual-profile-input,.efv2 .profile-banner{margin-top:-40px;padding:16px;border-radius:18px}.efv2 .hero-stats{gap:16px}.efv2 .hero-stat-number{font-size:1.6rem}.efv2-best{display:none}}