/* Resultados: recorrido primero, comparación mensual después y detalles a demanda. */
#resultsView{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#resultsView .results-journey,#resultsView .results-monthly{grid-column:1/-1;overflow:hidden;padding:0}
#resultsView .results-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 30px 23px}
#resultsView .results-section-heading .eyebrow{color:#416daa}
#resultsView .results-section-heading h2{margin:6px 0 5px;color:#183862;font:700 clamp(25px,2.8vw,34px)/1.1 'DM Sans',sans-serif;letter-spacing:-1px}
#resultsView .results-section-heading p{max-width:540px;margin:0;color:#637996;font-size:13px;line-height:1.5}
#resultsView .results-scope{flex:0 0 auto;padding:8px 12px;border:1px solid #dbe8f7;border-radius:999px;background:#f5f9ff;color:#42699d;font-size:11px;font-weight:700}
#resultsView .results-journey .return-funnel{margin:0 18px 18px;gap:10px;border:0;background:transparent}
#resultsView .results-journey .journey-metric{min-height:172px;padding:22px;border:1px solid #dce8f6;border-radius:16px;background:#f3f8ff;color:#1b3a64;transition:transform .2s,box-shadow .2s,border-color .2s}
#resultsView .results-journey .journey-metric:nth-child(2){background:#eef7f7;border-color:#d8ebec}
#resultsView .results-journey .journey-metric:nth-child(3){background:#f1f7e9;border-color:#dfebd6}
#resultsView .results-journey .journey-metric:hover{filter:none;transform:translateY(-2px);box-shadow:0 13px 30px #244a8319;border-color:#8fb8e6}
#resultsView .results-journey .journey-metric:focus-visible{outline:3px solid #2b72cf;outline-offset:3px}
#resultsView .results-journey .journey-metric+.journey-metric::before{display:none}
#resultsView .results-journey .journey-metric span{color:#486a91;font-size:13px}
#resultsView .results-journey .journey-metric strong{margin:10px 0 4px;color:#183c68;font:600 52px/1 'Newsreader',serif}
#resultsView .results-journey .journey-metric small{color:#5c7692;font-size:12px}
#resultsView .results-journey .journey-metric b{margin-top:19px;color:#1c5f9e;font-size:11px}
#resultsView .monthly-status{margin:0 22px 22px;padding:17px 20px;border-radius:13px;background:#f5f9ff;color:#536e91;font-size:13px}
#resultsView .monthly-status.is-error{background:#fff5ef;color:#8a4b36}
#resultsView .monthly-lead{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(180px,1fr) minmax(180px,1fr);gap:0;margin:0 18px 14px;border:1px solid #dce8f7;border-radius:17px;background:#f7faff;overflow:hidden}
#resultsView .monthly-lead>*{min-width:0;padding:22px 24px}
#resultsView .monthly-lead>*+*{border-left:1px solid #dce8f7}
#resultsView .monthly-lead-main>span,#resultsView .monthly-comparison>span{display:block;color:#4f73a3;font-size:10px;font-weight:800;letter-spacing:1.4px}
#resultsView .monthly-lead-main h3{margin:8px 0 10px;color:#2d4f79;font-size:18px;font-weight:650}
#resultsView .monthly-lead-main>strong{display:block;color:#174d9c;font:600 53px/1 'Newsreader',serif}
#resultsView .monthly-lead-main>small{display:block;margin-top:2px;color:#607997;font-size:12px}
#resultsView .monthly-lead-detail{display:grid;align-content:center;gap:10px}
#resultsView .monthly-lead-detail>span{display:flex;align-items:baseline;gap:8px;color:#566f8d;font-size:12px}
#resultsView .monthly-lead-detail strong{min-width:22px;color:#1d466f;font-size:21px}
#resultsView .monthly-comparison{display:flex;flex-direction:column;justify-content:center;background:#fff}
#resultsView .monthly-comparison>strong{display:block;margin:10px 0 4px;color:#275d91;font-size:25px;line-height:1.15}
#resultsView .monthly-comparison>strong.is-up{color:#287459}
#resultsView .monthly-comparison>strong.is-down{color:#a14c37}
#resultsView .monthly-comparison>small{color:#647c97;font-size:12px;line-height:1.45}
#resultsView .monthly-current{margin:0 24px 19px;color:#627b99;font-size:12px;line-height:1.5}
#resultsView .monthly-history{margin:0 18px 18px;border:1px solid #e1eaf6;border-radius:14px;background:#fff;overflow:hidden}
#resultsView .monthly-history>summary{display:flex;align-items:center;justify-content:space-between;padding:15px 19px;cursor:pointer;color:#24568d;font-size:13px;font-weight:750;list-style:none}
#resultsView .monthly-history>summary::-webkit-details-marker{display:none}
#resultsView .monthly-history>summary span{transition:transform .2s}
#resultsView .monthly-history[open]>summary span{transform:rotate(180deg)}
#resultsView .monthly-history-body{padding:6px 20px 20px;border-top:1px solid #e8eef7}
#resultsView .monthly-history-body>p{margin:11px 0 16px;color:#647b97;font-size:12px;line-height:1.45}
#resultsView .monthly-bars{display:grid;gap:7px}
#resultsView .monthly-row{display:grid;grid-template-columns:105px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:26px}
#resultsView .monthly-row-label{color:#456585;font-size:12px;text-transform:capitalize}
#resultsView .monthly-track{height:14px;border-radius:999px;background:#eef3fa;overflow:hidden}
#resultsView .monthly-fill{display:block;height:100%;min-width:0;border-radius:999px;background:linear-gradient(90deg,#71b6e8,#276bd0)}
#resultsView .monthly-row.is-best .monthly-fill{background:linear-gradient(90deg,#8ccab4,#31876e)}
#resultsView .monthly-row-count{color:#244a76;font-size:12px;font-weight:800;text-align:right}
#resultsView .monthly-row-detail{grid-column:2/-1;margin-top:-7px;color:#8190a5;font-size:10px}
#resultsView .monthly-history-body .monthly-best{margin:17px 0 0;padding:11px 13px;border-radius:10px;background:#f1f8f1;color:#37674f}
#resultsView .results-summary .summary-grid{gap:10px}
#resultsView .results-summary .summary-grid article,#resultsView .results-summary .summary-card{min-height:100px;border-color:#dfe8f5;background:#f7faff!important;box-shadow:none}
#resultsView .results-summary .summary-grid article:first-child{color:#1b3e70}
#resultsView .results-summary .summary-grid article:first-child span{color:#627997}
#resultsView .results-summary .summary-grid strong{color:#244d82;font-size:32px}
#resultsView .results-summary .summary-grid article::after{display:none}
#resultsView .results-summary .summary-card{cursor:pointer}
#resultsView .results-summary .summary-card.has-new{background:#edf7df!important}
#resultsView .results-contact .contact-impact{margin:0 18px 18px}
@media(max-width:800px){#resultsView .monthly-lead{grid-template-columns:1fr 1fr}#resultsView .monthly-comparison{grid-column:1/-1;border-top:1px solid #dce8f7;border-left:0}}
@media(max-width:620px){
  #resultsView{grid-template-columns:1fr;gap:11px}
  #resultsView .results-section-heading{display:block;padding:22px 19px 18px}
  #resultsView .results-section-heading h2{font-size:26px}
  #resultsView .results-section-heading p{font-size:12px}
  #resultsView .results-scope{display:inline-block;margin-top:12px;padding:6px 8px;font-size:10px}
  #resultsView .results-journey .return-funnel{grid-template-columns:1fr;gap:8px;margin:0 12px 12px}
  #resultsView .results-journey .journey-metric{min-height:0;padding:16px 18px}
  #resultsView .results-journey .journey-metric strong{display:inline-block;margin:7px 0 3px;font-size:42px}
  #resultsView .results-journey .journey-metric small{margin-left:11px;display:inline-block}
  #resultsView .results-journey .journey-metric b{display:block;margin-top:7px}
  #resultsView .monthly-lead{display:block;margin:0 12px 12px}
  #resultsView .monthly-lead>*{padding:17px 19px}
  #resultsView .monthly-lead>*+*{border-left:0;border-top:1px solid #dce8f7}
  #resultsView .monthly-lead-main>strong{font-size:47px}
  #resultsView .monthly-lead-detail{grid-template-columns:1fr;gap:7px}
  #resultsView .monthly-current{margin:0 18px 16px}
  #resultsView .monthly-history{margin:0 12px 12px}
  #resultsView .monthly-history-body{padding:6px 13px 16px}
  #resultsView .monthly-row{grid-template-columns:80px minmax(0,1fr) 28px;gap:7px}
  #resultsView .monthly-row-label{font-size:11px}
  #resultsView .monthly-row-detail{font-size:9px}
  #resultsView .monthly-status{margin:0 12px 12px}
  #resultsView .results-summary,#resultsView .results-contact{grid-column:1/-1}
  #resultsView .results-summary .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #resultsView .results-contact .contact-impact{margin:0 12px 12px}
}