/* stock/valuation/valuation-academy.css
   VALUATION (historical, DCF, Ben Graham, multiples, average) — Academy style (oct 2026).
   Loaded after each page's own CSS. Light touch: cards, kickers and controls; charts, sliders,
   inputs and the calculations are untouched. The active submenu item is set per page. */
:root { --ink: #16242a; --line: rgba(22, 36, 42, 0.09); --shadow-card: 0 8px 24px rgba(22, 36, 42, 0.04); }

/* tabs */
@media (min-width: 769px) {
  .paginas { background: #fff; border: 1px solid var(--line); border-radius: 999px; box-shadow: var(--shadow-card); padding: 6px 8px; gap: 4px; backdrop-filter: none; -webkit-backdrop-filter: none; }
  .paginas .elementoNav { border-radius: 999px; padding: 9px 18px; color: rgba(22, 36, 42, 0.62); background: transparent; border-color: transparent; }
  .paginas .elementoNav h3 { font-size: 14px; font-weight: 600; }
  .paginas .elementoNav:hover { background: rgba(84, 140, 146, 0.08); border-color: transparent; color: var(--ink); transform: none; box-shadow: none; }
  .paginas .elementoNav[aria-current="page"],
  .paginas .analysis { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; box-shadow: none !important; }
}

/* company card */
.identidad { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: var(--shadow-card) !important; }
.identidad .logo, .identidad .logoEmpresa, .identidad .contenedorLogoEmpresa { background: #fff; border-color: var(--line); border-radius: 14px !important; }
.identidad .nombreEmpresa, .nombreEmpresa { font-weight: 800 !important; letter-spacing: -0.02em !important; color: var(--ink) !important; }
.identidad .tickerEmpresa { background: var(--ink) !important; color: #fff !important; border-radius: 8px !important; padding: 4px 10px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.02em !important; }

/* method switch: segmented control, active in ink (set per page) */
.menuAnalysisContenedor { gap: 4px !important; padding: 4px !important; background: #fff; border: 1px solid var(--line); border-radius: 999px; box-shadow: var(--shadow-card); width: auto !important; max-width: none !important; }
.menuAnalysisContenedor .menuAnalysis { border: 0 !important; border-radius: 999px !important; background: transparent !important; color: rgba(22, 36, 42, 0.62) !important; font-size: 14px !important; font-weight: 600 !important; padding: 9px 20px !important; box-shadow: none !important; transform: none !important; white-space: nowrap; height: auto !important; }
.menuAnalysisContenedor .menuAnalysis b { font-weight: 600; }
.menuAnalysisContenedor .menuAnalysis:hover { background: rgba(84, 140, 146, 0.08) !important; color: var(--ink) !important; }

/* section title as a kicker */
.tituloDeSeccionContenedor .tituloDeSeccion, .tituloDeSeccion { font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--color-azul-medio, #548C92) !important; }
.divTituloDeMultiplo { font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--color-azul-medio, #548C92) !important; }

/* price / upside / intrinsic value strip */
.resultado, .resultadoMultiplo { background: #fff !important; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: var(--shadow-card) !important; }
.resultado:hover, .resultadoMultiplo:hover { transform: none !important; box-shadow: var(--shadow-card) !important; }
.resultado div b, .resultadoMultiplo div b { font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(22, 36, 42, 0.45) !important; }
.resultado div h2, .resultadoMultiplo div h3 { font-weight: 800 !important; letter-spacing: -0.02em; color: var(--ink) !important; }
.resultado div h2.positivo, .resultado div h2.verde, .contenedorDiferencia h2.positivo, .contenedorDiferencia h2[style*="green"] { color: var(--color-positivo, #188038) !important; }

/* currency control */
.cajaAjustes { font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(22, 36, 42, 0.45); }
.botonCurrency, .botonCurrency button, .botonCurrency select { border-radius: 10px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-weight: 700; }

/* timeframe pills (historical) */
.botonTimeframe { border-color: var(--line) !important; border-radius: 999px !important; color: rgba(22, 36, 42, 0.62) !important; font-weight: 600 !important; box-shadow: none !important; }
.botonTimeframe:hover { background: rgba(84, 140, 146, 0.08) !important; transform: none !important; box-shadow: none !important; }
.botonTimeframe.selected { background: var(--ink) !important; border-color: var(--ink) !important; color: #fff !important; }

/* cards: charts, panels, method cards */
.contenedorCanvasGraficaPe, .contenedorCanvasGraficaPb, .contenedorCanvasGraficaEVEBITDA, .contenedorGraficaIntrinsicValue,
.contenedorCanvasGraficaPirincipal, .contenedorGraficaFCF, .contenedorGraficaProyeccion, .contenedorGrafica,
.dcfPanelProyecciones, .dcfPanel, .bgSection, .comp-card, .avg-card, .contenedorFotoGraham {
  background: #fff; border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: var(--shadow-card) !important;
}
.contenedorGraficaIntrinsicValue:hover, .comp-card:hover, .avg-card:hover { transform: none !important; box-shadow: 0 14px 34px rgba(22, 36, 42, 0.08) !important; }
.dcfPanel__header, .bgSection__header { border-bottom-color: var(--line) !important; }
.dcfPanel__title, .bgSection__title, .comp-results__title strong { font-size: 12px !important; font-weight: 800 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: var(--color-azul-medio, #548C92) !important; }
.dcfPanel__icon, .bgSection__icon, .avg-card__icon { background: rgba(84, 140, 146, 0.12) !important; color: var(--color-azul-oscuro, #285260) !important; border-radius: 10px !important; }
.dcfInput__row, .bgInput__card, .bgNormCard { background: #fff !important; border-color: var(--line) !important; border-radius: 14px !important; }
.dcfInput__row:hover, .bgInput__card:hover { border-color: rgba(84, 140, 146, 0.35) !important; box-shadow: none !important; }
.bgNormCard__row { border-color: var(--line) !important; }
.bgNormCard__row--result { background: rgba(84, 140, 146, 0.10) !important; border-color: transparent !important; }
.avg-card__label, .comp-results__title { color: rgba(22, 36, 42, 0.5) !important; font-weight: 800 !important; letter-spacing: 0.12em !important; }
.avg-card__value { color: var(--ink) !important; }
.comp-card__name { color: rgba(22, 36, 42, 0.62) !important; font-weight: 600 !important; }
.comp-multiple-row { border-bottom-color: var(--line) !important; }
.comp-multiple-row:nth-child(odd), .comp-multiple-row:nth-child(even) { background: #fff !important; }
.comp-result-row, .comp-results { border-color: var(--line) !important; }
.comp-result-row--avg { border-top-color: rgba(22, 36, 42, 0.14) !important; }
.comp-card--target { border-color: var(--color-azul-oscuro, #285260) !important; border-width: 2px !important; }

/* average: method cards & intrinsic table rows */
.avgIntrinsicRow { border-bottom: 1px solid var(--line); }
.avgIntrinsicMain .avgIntrinsicLabel, .avgIntrinsicMain .avgIntrinsicValue { color: var(--ink) !important; font-weight: 800 !important; }
.avgIntrinsicSub .avgIntrinsicLabel { color: rgba(22, 36, 42, 0.55) !important; }
.avgIntrinsicSub .avgIntrinsicValue { color: var(--ink) !important; opacity: 1 !important; font-weight: 600 !important; }

/* DCF projection table (shares the financials table markup) */
.contenedorTablaCompleta { border: 1px solid var(--line) !important; border-radius: 18px !important; box-shadow: var(--shadow-card) !important; }
#trFechas th, .trFechas th, .trFechas .tituloTabla, .contenedorTablaCompleta thead th { background: #F6F9F9 !important; color: rgba(22, 36, 42, 0.55) !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--line) !important; }
.titulosTabla tr:not(.trFechas), .tablaMovil tr:not(.trFechas) { background: #fff !important; }
.titulosTabla tr:not(.trFechas) th, .tablaMovil tr:not(.trFechas) td { color: var(--ink) !important; font-weight: 500 !important; border-bottom: 1px solid rgba(22, 36, 42, 0.08) !important; }
.titulosTabla tr.subrayar th, .tablaMovil tr.subrayar td { background: #F3F7F7 !important; font-weight: 800 !important; }
.titulosTabla tr:last-child th, .tablaMovil tr:last-child td { border-bottom: 0 !important; }

/* "?" explainer buttons */
.infoBtn { background: rgba(84, 140, 146, 0.12) !important; color: var(--color-azul-oscuro, #285260) !important; font-weight: 800 !important; }
/* average page: keep the company card full width like the other tabs */
@media (min-width: 769px) {
  .identidad { flex-direction: row !important; width: 100% !important; max-width: none !important; text-align: left !important; gap: 12px !important; }
  .identidad .nombreEmpresa { text-align: left !important; }
}

/* phone: segmented control scrolls sideways from the left instead of clipping both ends */
@media (max-width: 768px) {
  .menuAnalysisContenedor { justify-content: flex-start !important; overflow-x: auto !important; max-width: calc(100% - 24px) !important; margin-left: auto !important; margin-right: auto !important; scrollbar-width: none; -webkit-overflow-scrolling: touch; flex-wrap: nowrap !important; }
  .menuAnalysisContenedor::-webkit-scrollbar { display: none; }
  .menuAnalysisContenedor .menuAnalysis { flex: 0 0 auto !important; width: auto !important; font-size: 13px !important; padding: 8px 14px !important; }
}