diff --git "a/index.html" "b/index.html" --- "a/index.html" +++ "b/index.html" @@ -125,8 +125,8 @@ margin-bottom: 10px; letter-spacing: 1px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 12px; display: block; } - .miembro-nombre a { color: #fff; text-decoration: none; transition: all 0.3s; } - .miembro-nombre a:hover { color: #4ade80; } + .miembro-nombre a { color: #4ade80; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: all 0.3s; } + .miembro-nombre a:hover { color: #86efac; text-decoration-thickness: 2px; } .miembro-rol { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 2px; opacity: 0.8; margin-bottom: 15px; display: block; font-weight: 400; color: #fff; @@ -165,6 +165,603 @@ .col-budget, .col-roi { font-family: 'Manrope', sans-serif; font-size: 0.95rem; font-weight: 700; text-align: right; padding-top: 2px; } .roi-excellent { color: #4ade80; } .roi-good { color: #22c55e; } .roi-ok { color: #fbbf24; } .roi-risk { color: #fb923c; } .roi-low { color: #f87171; } + /* Slide 4 (Comparables Financieros) — compact 11-row table + bottom block + footer */ + .content-slide4-wide { width: 70%; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + .table-container-compact { gap: 2px; margin-top: 8px; } + .table-container-compact .table-row { padding: 5px 0; grid-template-columns: 2.4fr 0.6fr 0.7fr; } + .table-container-compact .col-movie-header strong { font-size: 0.95rem; } + .table-container-compact .col-movie-header span.year { font-size: 0.78rem; } + .table-container-compact .col-movie-header span.country { font-size: 0.72rem; } + .table-container-compact .col-movie-desc { font-size: 0.7rem; line-height: 1.3; } + .table-container-compact .col-budget, .table-container-compact .col-roi { font-size: 0.85rem; } + .comp-bottom-block { + margin-top: 14px; padding: 10px 14px; + background: rgba(0,0,0,0.55); border-left: 3px solid rgba(255,255,255,0.3); + } + .comp-bottom-row { + display: flex; justify-content: space-between; align-items: baseline; + font-size: 0.85rem; padding: 3px 0; color: #ddd; + } + .comp-bottom-row strong { font-family: 'Manrope', sans-serif; font-weight: 700; color: #fbbf24; font-size: 0.95rem; } + .comp-footer { + margin-top: 10px; font-size: 0.85rem; color: #ccc; letter-spacing: 0.5px; + padding: 8px 0; border-top: 1px solid rgba(255,255,255,0.15); + } + .comp-footer strong { color: #fff; font-weight: 700; } + + .comp-disclaimer { + margin-top: 18px; + padding: 12px 16px; + background: rgba(251, 191, 36, 0.08); + border-left: 3px solid #fbbf24; + border-radius: 4px; + font-family: 'Manrope', sans-serif; + font-size: 0.78rem; + line-height: 1.55; + color: rgba(255, 255, 255, 0.82); + } + .comp-disclaimer strong { + color: #fbbf24; + font-weight: 700; + } + + .table-header-row { + grid-template-columns: 2.4fr 0.6fr 0.7fr; + padding: 6px 0 8px 0 !important; + border-bottom: 2px solid rgba(255,255,255,0.3) !important; + margin-bottom: 4px; + } + .col-header-title { + font-family: 'Manrope', sans-serif; + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #fbbf24; + } + .col-header-budget, + .col-header-roi { + font-family: 'Manrope', sans-serif; + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 1.5px; + text-transform: uppercase; + color: #fbbf24; + text-align: right; + } + + /* Slide 5 (Comparables Tonales) — 4 cluster grid */ + .content-tonal { width: 90% !important; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + .tonal-intro { + font-family: 'Manrope', sans-serif; font-size: 1rem; line-height: 1.55; + color: #ddd; max-width: 800px; margin: 8px 0 22px 0; opacity: 0.95; + } + .tonal-grid { + display: grid; grid-template-columns: 1fr 1fr; gap: 16px; + } + .tonal-cluster { + background: rgba(0,0,0,0.65); border: 1px solid rgba(255,255,255,0.18); + border-left: 3px solid rgba(255,255,255,0.35); + padding: 14px 16px; border-radius: 4px; + } + .tonal-cluster-anchor { + border-left-color: #fbbf24; + background: rgba(0,0,0,0.78); + } + .tonal-header { + font-family: 'Manrope', sans-serif; font-size: 0.7rem; font-weight: 700; + letter-spacing: 2.5px; color: #fbbf24; text-transform: uppercase; + margin-bottom: 10px; padding-bottom: 6px; + border-bottom: 1px solid rgba(255,255,255,0.15); + } + .tonal-row { + display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; + font-size: 0.92rem; padding: 3px 0; color: #fff; + } + .tonal-row strong { font-family: 'EB Garamond', serif; font-weight: 600; color: #fff; font-size: 1.05rem; } + .tonal-row span { font-family: 'Manrope', sans-serif; font-size: 0.78rem; color: #aaa; font-weight: 400; } + .tonal-desc { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; line-height: 1.45; + color: #bbb; margin-top: 8px; font-style: italic; + } + .tonal-closing { + margin-top: 18px; font-family: 'EB Garamond', serif; font-style: italic; + font-size: 0.95rem; line-height: 1.55; color: #ccc; max-width: 900px; + padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.15); + } + + /* Slide 5 (Comparables Tonales v2) — Constelación + tabla de validación */ + .const-wrapper { + display: grid; + grid-template-columns: 1.1fr 1fr; + gap: 24px; + align-items: stretch; + margin-top: 12px; + } + .const-canvas { + position: relative; + aspect-ratio: 1.15 / 1; + background: radial-gradient(ellipse at center, rgba(74,222,128,0.04) 0%, rgba(0,0,0,0.55) 70%); + border-radius: 4px; + min-height: 380px; + } + .const-node { + position: absolute; + transform: translate(-50%, -50%); + text-align: center; + font-family: 'Manrope', sans-serif; + } + .const-node-miguel { + top: 50%; left: 50%; + width: 110px; height: 110px; + background: rgba(74,222,128,0.14); + border: 2px solid #4ade80; + border-radius: 50%; + display: flex; flex-direction: column; + align-items: center; justify-content: center; + z-index: 5; + } + .const-node-miguel .nname { + font-family: 'EB Garamond', serif; + font-size: 1.5rem; font-weight: 600; + color: #4ade80; letter-spacing: 2px; + } + .const-node-miguel .nsub { + font-size: 0.62rem; letter-spacing: 1.5px; + color: rgba(74,222,128,0.85); text-transform: uppercase; + margin-top: 2px; + } + .const-node-anchor { + width: 130px; + background: rgba(251,191,36,0.1); + border: 1px solid rgba(251,191,36,0.5); + border-radius: 4px; + padding: 8px 10px; + } + .const-node-anchor .nname { + font-family: 'EB Garamond', serif; + font-size: 0.85rem; font-weight: 600; + color: #fff; line-height: 1.15; + } + .const-node-anchor .nyear { + font-size: 0.65rem; color: #aaa; + margin-top: 2px; + } + .const-node-anchor .nscore { + font-family: 'Manrope', sans-serif; + font-size: 0.95rem; font-weight: 700; + color: #fbbf24; margin-top: 4px; + } + .const-node-control { + width: 130px; + background: rgba(0,0,0,0.55); + border: 1px dashed rgba(255,255,255,0.35); + border-radius: 4px; + padding: 8px 10px; + } + .const-node-control .nname { + font-family: 'EB Garamond', serif; + font-size: 0.85rem; font-weight: 600; + color: #ddd; line-height: 1.15; + } + .const-node-control .nyear { + font-size: 0.65rem; color: #888; + margin-top: 2px; + } + .const-node-control .nscore { + font-family: 'Manrope', sans-serif; + font-size: 0.95rem; font-weight: 700; + color: rgba(255,255,255,0.6); margin-top: 4px; + } + .const-node-control .nctrl { + font-size: 0.58rem; letter-spacing: 1.5px; + color: rgba(255,255,255,0.5); text-transform: uppercase; + margin-top: 2px; + } + .const-line { + position: absolute; + height: 1px; + background: linear-gradient(90deg, rgba(74,222,128,0.5) 0%, rgba(251,191,36,0.4) 100%); + transform-origin: 0 50%; + z-index: 1; + } + .const-line-control { + background: linear-gradient(90deg, rgba(74,222,128,0.3) 0%, rgba(255,255,255,0.15) 100%); + border-top: 1px dashed rgba(255,255,255,0.2); + height: 0; + } + + .const-data { + display: flex; flex-direction: column; + justify-content: center; gap: 14px; + } + .const-data-block { + background: rgba(0,0,0,0.55); + border-left: 3px solid #4ade80; + padding: 12px 16px; + border-radius: 4px; + } + .const-data-block.control { + border-left-color: rgba(255,255,255,0.4); + } + .const-data-title { + font-family: 'Manrope', sans-serif; + font-size: 0.7rem; font-weight: 700; + letter-spacing: 2px; color: #4ade80; + text-transform: uppercase; margin-bottom: 6px; + } + .const-data-block.control .const-data-title { color: rgba(255,255,255,0.7); } + .const-data-row { + display: flex; justify-content: space-between; + align-items: baseline; padding: 3px 0; + font-size: 0.8rem; color: #ddd; + } + .const-data-row strong { + font-family: 'Manrope', sans-serif; + font-weight: 700; color: #fff; font-size: 0.9rem; + } + .const-method { + margin-top: 16px; + padding: 10px 16px; + background: rgba(0,0,0,0.45); + border-left: 2px solid rgba(255,255,255,0.25); + border-radius: 3px; + font-size: 0.74rem; line-height: 1.5; + color: rgba(255,255,255,0.78); + } + .const-method strong { color: #fbbf24; font-weight: 700; } + + /* PDF mode — fit slide 5 in 1080px */ + body.generating-pdf .tonal-slide .content-tonal { + max-height: none !important; + overflow: visible !important; + } + body.generating-pdf .const-canvas { + min-height: 460px !important; + } + + @media (max-width: 768px) { + .const-wrapper { grid-template-columns: 1fr; gap: 18px; } + .const-canvas { aspect-ratio: 1 / 1; min-height: 340px; } + .const-node-anchor, .const-node-control { width: 105px; padding: 6px 8px; } + .const-node-anchor .nname, .const-node-control .nname { font-size: 0.72rem; } + .const-node-miguel { width: 90px; height: 90px; } + .const-node-miguel .nname { font-size: 1.2rem; } + } + + /* Slide 6 (ROI Miguel + Monte Carlo) — sections appended below notas-tecnicas */ + .mc-section { margin-top: 22px; } + .mc-header { + font-family: 'Manrope', sans-serif; font-size: 0.85rem; font-weight: 700; + letter-spacing: 2.5px; color: #fbbf24; text-transform: uppercase; + margin-bottom: 6px; + } + .mc-header-aside { color: #999; font-weight: 400; letter-spacing: 1px; } + .mc-sub { + font-family: 'Manrope', sans-serif; font-size: 0.75rem; line-height: 1.5; + color: #aaa; margin-bottom: 4px; + } + .mc-table { + width: 100%; border-collapse: collapse; margin-top: 10px; + font-family: 'Manrope', sans-serif; font-size: 0.85rem; + } + .mc-table th { + text-align: right; padding: 8px 10px; color: #ccc; + font-weight: 600; font-size: 0.72rem; letter-spacing: 1.5px; text-transform: uppercase; + border-bottom: 1px solid rgba(255,255,255,0.25); + } + .mc-table th:first-child { text-align: left; } + .mc-table td { + padding: 8px 10px; text-align: right; + border-bottom: 1px solid rgba(255,255,255,0.08); + color: #ddd; + } + .mc-table td:first-child { text-align: left; color: #fff; font-weight: 500; } + .mc-row-positive td { color: #4ade80; font-weight: 600; } + .mc-row-negative td { color: #f87171; font-weight: 600; } + .mc-row-highlight td { + color: #4ade80 !important; + font-weight: 700 !important; + font-size: 1rem !important; + background: rgba(74,222,128,0.08); + border-bottom: 1px solid rgba(74,222,128,0.3) !important; + } + .mc-headline { + margin: 24px 0 32px 0; + padding: 28px 32px; + background: linear-gradient(135deg, rgba(74,222,128,0.12) 0%, rgba(74,222,128,0.04) 100%); + border: 1px solid rgba(74,222,128,0.35); + border-radius: 8px; + text-align: center; + } + .mc-headline-label { + font-family: 'Manrope', sans-serif; + font-size: 0.78rem; + font-weight: 700; + letter-spacing: 3px; + text-transform: uppercase; + color: rgba(74,222,128,0.85); + margin-bottom: 8px; + } + .mc-headline-value { + font-family: 'EB Garamond', serif; + font-size: 4.5rem; + font-weight: 600; + color: #4ade80; + line-height: 1; + margin-bottom: 8px; + letter-spacing: -1px; + } + .mc-headline-sub { + font-family: 'Manrope', sans-serif; + font-size: 0.85rem; + color: rgba(255,255,255,0.72); + letter-spacing: 0.5px; + } + .mc-scenarios-intro { margin: 36px 0 18px 0; } + .mc-scenarios-title { + font-family: 'Manrope', sans-serif; + font-size: 0.82rem; + font-weight: 700; + letter-spacing: 2px; + text-transform: uppercase; + color: #fbbf24; + margin-bottom: 6px; + } + .mc-scenarios-desc { + font-family: 'Manrope', sans-serif; + font-size: 0.86rem; + color: rgba(255,255,255,0.72); + line-height: 1.5; + } + .mc-scenarios td:first-child strong { font-family: 'Manrope', sans-serif; font-weight: 700; letter-spacing: 1px; } + .mc-pct { font-size: 0.7rem; color: #888; font-weight: 400; letter-spacing: 0.5px; margin-left: 6px; } + .mc-gain { color: #4ade80 !important; font-weight: 700 !important; } + .mc-loss { color: #f87171 !important; font-weight: 700 !important; } + + .mc-callout { + margin-top: 22px; padding: 14px 18px; + background: rgba(251,191,36,0.08); + border-left: 3px solid #fbbf24; + border-radius: 2px; + } + .mc-callout-title { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 700; + letter-spacing: 2px; color: #fbbf24; text-transform: uppercase; + margin-bottom: 10px; + } + .mc-callout-row { + display: -webkit-flex; display: flex; + -webkit-justify-content: space-between; justify-content: space-between; + -webkit-align-items: baseline; align-items: baseline; + -webkit-flex-wrap: wrap; flex-wrap: wrap; + font-size: 0.9rem; padding: 6px 0; color: #ddd; + } + .mc-callout-row span:first-child { + -webkit-flex: 1 1 auto; flex: 1 1 auto; + min-width: 0; padding-right: 16px; + word-wrap: break-word; overflow-wrap: break-word; + } + .mc-callout-row strong { + font-family: 'Manrope', sans-serif; font-weight: 700; color: #fff; font-size: 1rem; + -webkit-flex: 0 0 auto; flex: 0 0 auto; + white-space: nowrap; + } + .mc-callout-row strong.mc-historic { color: #fbbf24; } + .mc-callout-text { + margin-top: 10px; font-family: 'EB Garamond', serif; font-style: italic; + font-size: 0.92rem; line-height: 1.5; color: #ccc; + } + + /* Slide 7 (Empirical Anchors) — 4 scenario cards */ + .content-anchors { width: 90% !important; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + .anchor-intro { + font-family: 'Manrope', sans-serif; font-size: 1rem; line-height: 1.55; + color: #ddd; max-width: 800px; margin: 8px 0 22px 0; + } + .anchor-grid { + display: grid; grid-template-columns: 1fr 1fr; gap: 16px; + } + .anchor-card { + background: rgba(0,0,0,0.7); border: 1px solid rgba(255,255,255,0.18); + border-left: 4px solid; padding: 14px 18px; border-radius: 4px; + } + .anchor-bear { border-left-color: #f87171; } + .anchor-base { border-left-color: #fbbf24; } + .anchor-bull { border-left-color: #4ade80; } + .anchor-stretch { border-left-color: #22c55e; } + .anchor-tier { + font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 700; + letter-spacing: 2.5px; color: #fbbf24; text-transform: uppercase; + margin-bottom: 8px; + } + .anchor-bear .anchor-tier { color: #f87171; } + .anchor-base .anchor-tier { color: #fbbf24; } + .anchor-bull .anchor-tier { color: #4ade80; } + .anchor-stretch .anchor-tier { color: #22c55e; } + .anchor-tier span { color: #888; font-weight: 400; letter-spacing: 1px; } + .anchor-title { + font-family: 'EB Garamond', serif; font-size: 1.4rem; font-weight: 600; + color: #fff; margin-bottom: 4px; line-height: 1.2; + } + .anchor-title .anchor-year { font-size: 1rem; color: #888; font-weight: 400; } + .anchor-meta { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; color: #aaa; + margin-bottom: 10px; + } + .anchor-numbers { + display: flex; align-items: center; gap: 10px; flex-wrap: wrap; + font-family: 'Manrope', sans-serif; font-size: 0.85rem; color: #ddd; + padding: 8px 0; border-top: 1px solid rgba(255,255,255,0.1); + } + .anchor-numbers strong { font-weight: 700; color: #fff; } + .anchor-arrow { color: #fbbf24; font-weight: 700; } + .anchor-roi { + font-family: 'Manrope', sans-serif; font-size: 0.95rem; color: #ccc; + padding-bottom: 8px; border-bottom: 1px solid rgba(255,255,255,0.1); + } + .anchor-roi strong { color: #fbbf24; font-size: 1.15rem; font-weight: 700; } + .anchor-note { + margin-top: 8px; font-family: 'Manrope', sans-serif; + font-size: 0.78rem; line-height: 1.45; color: #aaa; font-style: italic; + } + .anchor-closing { + margin-top: 18px; font-family: 'EB Garamond', serif; font-style: italic; + font-size: 0.95rem; line-height: 1.5; color: #ccc; + padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.15); + } + .anchor-disclaimer { + margin-top: 24px; + padding: 12px 16px; + background: rgba(251, 191, 36, 0.08); + border-left: 3px solid #fbbf24; + border-radius: 4px; + font-family: 'Manrope', sans-serif; + font-size: 0.78rem; + line-height: 1.55; + color: rgba(255, 255, 255, 0.82); + } + .anchor-disclaimer strong { + color: #fbbf24; + font-weight: 700; + } + + /* Slide 8 (Asymmetric Return Profile) — KPI quad + 3 cols + institutional callout */ + .content-asym { width: 90% !important; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + .asym-intro { + font-family: 'EB Garamond', serif; font-size: 1.15rem; line-height: 1.55; + color: #ddd; max-width: 800px; margin: 8px 0 18px 0; font-style: italic; + } + .asym-quad { + display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; + margin-bottom: 8px; + } + .asym-kpi { + background: rgba(0,0,0,0.65); border: 1px solid rgba(255,255,255,0.15); + border-top: 4px solid; padding: 16px 12px; border-radius: 4px; + text-align: center; + } + .asym-kpi-good { border-top-color: #4ade80; } + .asym-kpi-amber { border-top-color: #fbbf24; } + .asym-kpi-bad { border-top-color: #f87171; } + .asym-num { + font-family: 'Manrope', sans-serif; font-size: 3.2rem; font-weight: 700; + line-height: 1; margin-bottom: 8px; + } + .asym-kpi-good .asym-num { color: #4ade80; } + .asym-kpi-amber .asym-num { color: #fbbf24; } + .asym-kpi-bad .asym-num { color: #f87171; } + .asym-label { + font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 700; + letter-spacing: 2px; color: #fff; line-height: 1.3; + } + .asym-cond { + margin-top: 6px; font-family: 'Manrope', sans-serif; font-size: 0.7rem; + color: #888; font-weight: 400; + } + .asym-evidence { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; color: #888; + text-align: center; margin: 4px 0 18px 0; letter-spacing: 1px; + } + .asym-cols { + display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; + margin-bottom: 18px; + } + .asym-col { + background: rgba(0,0,0,0.5); padding: 12px 14px; border-radius: 3px; + border-left: 2px solid rgba(255,255,255,0.25); + } + .asym-col-title { + font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 700; + letter-spacing: 2px; color: #fbbf24; margin-bottom: 8px; + } + .asym-col p { + font-family: 'Manrope', sans-serif; font-size: 0.82rem; line-height: 1.55; + color: #ddd; font-weight: 300; + } + .asym-institutional { + background: rgba(0,0,0,0.55); border-left: 3px solid #fbbf24; + padding: 16px 20px; border-radius: 4px; + } + .asym-inst-title { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 600; + letter-spacing: 2px; color: #fbbf24; margin-bottom: 10px; + } + .asym-institutional p { + font-family: 'EB Garamond', serif; font-style: italic; + font-size: 1.05rem; line-height: 1.55; color: #f0f0f0; font-weight: 500; + } + + /* Slide 9 (Mercado y Posicionamiento) — quadrant + 4 implications */ + .content-mercado { width: 90% !important; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + .mercado-intro { + font-family: 'EB Garamond', serif; font-size: 1.1rem; line-height: 1.5; + color: #ddd; margin: 8px 0 18px 0; font-style: italic; + } + .mercado-row { + display: grid; grid-template-columns: 1fr 1.4fr; gap: 24px; align-items: center; + } + .mercado-quadrant { + position: relative; width: 100%; aspect-ratio: 1.4 / 1; + max-width: 480px; margin: 0 auto; + background: radial-gradient(ellipse at center, rgba(251,191,36,0.06) 0%, rgba(0,0,0,0.55) 70%); + } + .mercado-quadrant::before { + content: ''; position: absolute; top: 50%; left: 4%; right: 4%; height: 1px; + background: rgba(255,255,255,0.18); + } + .mercado-quadrant::after { + content: ''; position: absolute; left: 50%; top: 4%; bottom: 4%; width: 1px; + background: rgba(255,255,255,0.18); + } + .quad-axis { + position: absolute; font-family: 'EB Garamond', serif; + font-size: 1rem; font-weight: 600; + color: #f0f0f0; text-align: center; line-height: 1.25; + width: 30%; + } + .quad-axis span { + display: block; font-size: 0.78rem; color: rgba(240,240,240,0.7); + font-style: italic; font-weight: 400; margin-top: 3px; + } + .quad-top { top: 0; left: 50%; transform: translateX(-50%); } + .quad-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } + .quad-left { left: 0; top: 50%; transform: translateY(-50%); } + .quad-right { right: 0; top: 50%; transform: translateY(-50%); } + .quad-center { + position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); + z-index: 5; white-space: nowrap; + font-family: 'EB Garamond', serif; font-size: 1.3rem; font-weight: 600; + letter-spacing: 4px; color: #4ade80; + background: rgba(74,222,128,0.12); + border: 2px solid #4ade80; + padding: 10px 22px; border-radius: 4px; + } + .mercado-impl { display: flex; flex-direction: column; gap: 12px; } + .impl-item { + display: flex; gap: 12px; align-items: flex-start; + background: rgba(0,0,0,0.55); padding: 10px 14px; border-radius: 3px; + border-left: 2px solid #4ade80; + } + .impl-check { + font-family: 'Manrope', sans-serif; font-size: 1.2rem; color: #4ade80; + font-weight: 700; flex-shrink: 0; line-height: 1; + } + .impl-item strong { + display: block; font-family: 'Manrope', sans-serif; font-size: 0.78rem; + font-weight: 700; letter-spacing: 1.5px; color: #fbbf24; + margin-bottom: 4px; + } + .impl-item div { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; line-height: 1.5; + color: #ddd; font-weight: 300; + } + .mercado-closing { + margin-top: 18px; font-family: 'EB Garamond', serif; font-style: italic; + font-size: 0.95rem; line-height: 1.55; color: #ccc; + padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.15); + } + .overlay-slide5 { background: linear-gradient(to right, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 55%, rgba(0,0,0,0.0) 100%); } /* ESTILOS DE PANTALLA PARA SLIDE 5 (COMPACTO) */ @@ -180,7 +777,7 @@ } .titulo-slide5 { font-family: 'EB Garamond', serif; - font-size: 2.2rem; + font-size: 2.2rem; /* Compacto para pantalla */ font-weight: 600; letter-spacing: 1px; margin-bottom: 12px; @@ -222,6 +819,17 @@ } .talishte-credit a { color: #000; text-decoration: none; font-weight: 700; border-bottom: 2px solid #000; transition: color 0.3s; } .talishte-credit a:hover { color: #333; border-bottom-color: #333; } + .ilustrador-credit { + position: absolute; bottom: 120px; right: 5%; + font-family: 'Manrope', sans-serif; font-size: 0.85rem; font-weight: 600; + color: #1a1a1a; z-index: 5; text-align: right; + text-shadow: 0 0 10px rgba(255,255,255,0.6); + } + .ilustrador-credit a { + color: #000; text-decoration: none; font-weight: 700; + border-bottom: 1px solid rgba(0,0,0,0.4); transition: all 0.3s; + } + .ilustrador-credit a:hover { color: #333; border-bottom-color: #333; } /* ===================== CONTROLES INFERIORES ===================== */ .bottom-controls { @@ -260,7 +868,7 @@ z-index: 1001; } - /* LOADING OVERLAY */ + /* LOADING OVERLAY - NEGRO SÓLIDO Y CAPA SUPERIOR ABSOLUTA */ #pdf-loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000000; @@ -418,6 +1026,245 @@ #btn-pdf { top: 10px; right: 10px; padding: 8px 12px; font-size: 0.75rem; bottom: auto; } } + /* Narrow viewports: stack label + value rows so cifras no se solapan */ + @media (max-width: 768px) { + .mc-callout-row { + -webkit-flex-direction: column; flex-direction: column; + -webkit-align-items: flex-start; align-items: flex-start; + } + .mc-callout-row span:first-child { padding-right: 0; } + .mc-callout-row strong { margin-top: 4px; font-size: 1.05em; } + } + + @media print { + .mc-callout-row { + display: -webkit-flex !important; display: flex !important; + -webkit-flex-direction: row !important; flex-direction: row !important; + -webkit-justify-content: space-between; justify-content: space-between; + page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; + } + .mc-callout-row span:first-child { max-width: 70%; word-wrap: break-word; } + .mc-callout-row strong { white-space: nowrap; -webkit-flex-shrink: 0; flex-shrink: 0; } + } + + /* Slide 11 (Plan de Distribución Fased) — round 1 + round 2 condicional + retornos */ + .content-plan { width: 90% !important; max-height: 92vh; overflow-y: auto; padding-bottom: 20px; } + + .plan-intro { + font-family: 'Manrope', sans-serif; font-size: 0.95rem; line-height: 1.55; + color: #ddd; max-width: 90%; margin: 8px 0 18px 0; + } + + .plan-section { margin-bottom: 18px; } + + .plan-header { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; font-weight: 700; + letter-spacing: 2.5px; color: #fbbf24; text-transform: uppercase; + margin-bottom: 10px; padding-bottom: 6px; + border-bottom: 1px solid rgba(255,255,255,0.15); + } + + .plan-round { + background: rgba(0,0,0,0.55); border-left: 3px solid #4ade80; + padding: 12px 18px; margin-bottom: 12px; border-radius: 4px; + } + + .plan-round-conditional { border-left-color: #fbbf24; } + + .plan-round-title { + display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; + flex-wrap: wrap; + } + + .plan-round-label { + font-family: 'EB Garamond', serif; font-size: 1.2rem; font-weight: 600; + color: #fff; letter-spacing: 1px; + } + + .plan-round-aside { + font-size: 0.82rem; color: rgba(240,240,240,0.6); font-style: italic; + } + + .plan-round-amount { + margin-left: auto; font-family: 'Manrope', sans-serif; + font-size: 1.3rem; font-weight: 700; color: #4ade80; + white-space: nowrap; + } + + .plan-round-conditional .plan-round-amount { color: #fbbf24; } + + .plan-round-detail { + list-style: none; padding: 0; margin: 6px 0; + } + + .plan-round-detail li { + display: flex; justify-content: space-between; gap: 16px; + padding: 2px 0; color: #ddd; font-size: 0.88rem; + flex-wrap: wrap; + } + + .plan-round-detail li span:first-child { + flex: 1 1 auto; min-width: 0; + } + + .plan-amount { + font-family: 'Manrope', sans-serif; color: rgba(240,240,240,0.85); + white-space: nowrap; flex-shrink: 0; + } + + .plan-round-includes { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; + color: rgba(240,240,240,0.65); font-style: italic; + margin-top: 6px; line-height: 1.4; + } + + .plan-trigger-intro { + font-family: 'Manrope', sans-serif; color: #ddd; + margin: 6px 0; font-size: 0.88rem; + } + + .plan-triggers { + list-style: none; padding: 0; margin: 8px 0; + } + + .plan-triggers li { + display: flex; gap: 12px; padding: 5px 0; + color: #ddd; line-height: 1.4; + } + + .trigger-check { + color: #fbbf24; font-size: 1rem; flex-shrink: 0; + font-weight: 700; + } + + .trigger-text { font-size: 0.85rem; } + .trigger-text strong { + color: #fff; font-size: 0.9rem; display: block; margin-bottom: 2px; + } + + .plan-total { + display: flex; justify-content: space-between; align-items: baseline; + background: rgba(74,222,128,0.12); border: 1px solid rgba(74,222,128,0.3); + padding: 10px 18px; margin-top: 14px; border-radius: 4px; + flex-wrap: wrap; gap: 12px; + } + + .plan-total-label { + font-family: 'EB Garamond', serif; font-size: 1rem; color: #fff; + letter-spacing: 1.5px; flex: 1 1 auto; min-width: 0; + } + + .plan-total-amount { + font-family: 'Manrope', sans-serif; font-size: 1.4rem; font-weight: 700; + color: #4ade80; white-space: nowrap; flex-shrink: 0; + } + + .plan-total-aside { + font-family: 'Manrope', sans-serif; font-size: 0.78rem; + color: rgba(240,240,240,0.7); font-style: italic; + margin: 4px 0 0 0; text-align: right; + } + + .plan-returns-intro { + font-family: 'Manrope', sans-serif; font-size: 0.82rem; + color: rgba(240,240,240,0.75); font-style: italic; + margin-bottom: 8px; + } + + .plan-returns-table { + width: 100%; border-collapse: collapse; + background: rgba(0,0,0,0.4); border-radius: 4px; overflow: hidden; + } + + .plan-returns-table td { + padding: 6px 14px; border-bottom: 1px solid rgba(240,240,240,0.08); + color: #ddd; font-family: 'Manrope', sans-serif; font-size: 0.85rem; + word-break: break-word; + } + + .plan-returns-table td:first-child { + padding-right: 24px; + } + + .plan-returns-table td:last-child { + text-align: right; color: #fff; white-space: nowrap; + min-width: 80px; flex-shrink: 0; + } + + .plan-returns-table tr:last-child td { border-bottom: none; } + + .plan-closing { + font-family: 'EB Garamond', serif; font-size: 0.9rem; + color: rgba(240,240,240,0.85); font-style: italic; + line-height: 1.5; margin-top: 14px; + padding: 10px 16px; background: rgba(0,0,0,0.4); + border-left: 2px solid rgba(240,240,240,0.4); border-radius: 4px; + } + + /* Plan responsive: stack on mobile */ + @media (max-width: 768px) { + .plan-round-title { flex-direction: column; align-items: flex-start; } + .plan-round-amount { margin-left: 0; margin-top: 4px; } + .plan-total { flex-direction: column; align-items: flex-start; } + .plan-total-amount { font-size: 1.6rem; } + .plan-returns-table td { padding: 8px 10px; font-size: 0.8rem; } + .plan-round-detail li { flex-direction: column; gap: 2px; } + .plan-amount { align-self: flex-end; } + } + + @media (max-width: 768px) { + .mercado-row { + grid-template-columns: 1fr !important; + gap: 20px !important; + } + .mercado-quadrant { + aspect-ratio: 1 / 1 !important; + max-width: 320px !important; + margin: 0 auto !important; + } + .quad-axis { + font-size: 0.78rem !important; + width: 38% !important; + line-height: 1.2 !important; + } + .quad-axis span { + font-size: 0.65rem !important; + } + .quad-top { top: -8px !important; } + .quad-bottom { bottom: -8px !important; } + .quad-left { left: -8px !important; } + .quad-right { right: -8px !important; } + .quad-center { + font-size: 0.95rem !important; + letter-spacing: 2px !important; + padding: 6px 14px !important; + } + .impl-item strong { + font-size: 0.72rem !important; + } + .impl-item div { + font-size: 0.75rem !important; + } + } + + @media (max-width: 480px) { + .mercado-quadrant { + max-width: 280px !important; + } + .quad-axis { + font-size: 0.7rem !important; + width: 40% !important; + } + .quad-axis span { + font-size: 0.6rem !important; + } + .quad-center { + font-size: 0.85rem !important; + letter-spacing: 1.5px !important; + padding: 5px 12px !important; + } + } + /* ===================== MODO CAPTURA PDF (GHOST MODE) ===================== */ body.generating-pdf { width: 1920px !important; @@ -429,13 +1276,14 @@ height: 1080px !important; } + /* Forzar Slide 5 grande en PDF */ body.generating-pdf .content-slide5 { max-height: none !important; overflow: visible !important; padding-bottom: 0 !important; } body.generating-pdf .titulo-slide5 { - font-size: 3.2rem !important; + font-size: 3.2rem !important; /* Vuelve a ser grande para el PDF */ margin-bottom: 15px !important; } body.generating-pdf .slide5-desc { @@ -446,6 +1294,7 @@ margin-top: 45px !important; } + /* Anular Mobile Styles durante captura */ body.generating-pdf .bottom-controls, body.generating-pdf .slide-counter, body.generating-pdf .nav, @@ -457,7 +1306,7 @@ body.generating-pdf .content-slide6 { max-height: none !important; overflow: visible !important; - width: 65% !important; + width: 65% !important; /* Desktop width */ top: 40px !important; left: 5% !important; transform: none !important; @@ -497,6 +1346,8 @@ } /* ===================== FIX ESPECÍFICO S5 Y S6 PARA PDF ===================== */ + /* Selectores ultra-específicos DESPUÉS de media queries para ganar cascada */ + body.generating-pdf .slide:nth-child(5) .titulo-slide5, body.generating-pdf .slide:nth-child(5) .content-slide5 .titulo-slide5 { font-size: 3.2rem !important; @@ -541,6 +1392,7 @@ line-height: 1.6 !important; } + /* === SLIDE 6 === */ body.generating-pdf .slide:nth-child(6) .content-slide6 { width: 55% !important; top: 50% !important; @@ -575,16 +1427,501 @@ bottom: 85px !important; } + /* === OVERLAYS S5/S6 === */ body.generating-pdf .overlay-slide5, body.generating-pdf .overlay-slide6 { opacity: 1 !important; background: linear-gradient(to right, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 55%, rgba(0,0,0,0.0) 100%) !important; } + + + /* === SLIDE 10 (Análisis Estructural — Open Book) === */ + #slide-openbook { + align-items: stretch !important; + justify-content: stretch !important; + } + #slide-openbook .slide-inner { + display: flex; + flex-direction: column; + gap: 14px; + padding: 38px 50px 28px 50px; + width: 100%; + height: 100%; + overflow-y: auto; + box-sizing: border-box; + } + #slide-openbook .slide-title { + font-family: 'EB Garamond', serif; + font-size: 2.4rem; + font-weight: 600; + color: #fff; + margin: 0; + line-height: 1.1; + letter-spacing: 1px; + } + #slide-openbook .slide-subtitle { + font-family: 'Manrope', sans-serif; + font-size: 0.85rem; + font-weight: 500; + letter-spacing: 2px; + text-transform: uppercase; + color: rgba(255,255,255,0.7); + margin: 0; + padding: 0; + position: static; + } + + .ob-intro { + font-family: 'Manrope', sans-serif; + font-size: 0.9rem; + line-height: 1.55; + color: rgba(255,255,255,0.78); + max-width: 920px; + margin: 0; + text-align: left; + } + + .ob-spectrogram { + display: flex; + flex-direction: column; + gap: 8px; + } + + .ob-driver { + display: grid; + grid-template-columns: 100px 1fr; + gap: 10px; + align-items: center; + } + + .ob-driver-label { + font-family: 'Manrope', sans-serif; + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 2px; + text-transform: uppercase; + color: #fbbf24; + text-align: right; + } + + .ob-driver-grid { + display: flex; + flex-direction: column; + gap: 2px; + } + + .ob-row { + display: grid; + grid-template-columns: 110px repeat(15, 1fr); + gap: 2px; + align-items: center; + } + + .ob-row-label { + font-family: 'Manrope', sans-serif; + font-size: 0.66rem; + color: rgba(255,255,255,0.85); + padding-right: 4px; + text-align: right; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + .ob-row-label.ob-row-miguel { + font-weight: 700; + color: #fbbf24; + letter-spacing: 1px; + } + + .ob-cell { + background: hsla( + calc(60 - 60 * var(--v)), + calc(70% + 25% * var(--v)), + calc(85% - 35% * var(--v)), + calc(0.15 + 0.75 * var(--v)) + ); + color: rgba(0,0,0,0.85); + text-align: center; + font-family: 'Manrope', sans-serif; + font-size: 0.6rem; + font-weight: 600; + padding: 3px 0; + border-radius: 2px; + min-height: 18px; + display: flex; + align-items: center; + justify-content: center; + } + + .ob-header-row { + display: grid; + grid-template-columns: 110px repeat(15, 1fr); + gap: 2px; + margin-bottom: 6px; + min-height: 36px; + align-items: end; + } + .ob-header-label { + font-family: 'Manrope', sans-serif; + font-size: 0.55rem; + letter-spacing: 0.4px; + color: rgba(255,255,255,0.55); + text-align: center; + transform: rotate(-30deg); + transform-origin: center bottom; + white-space: nowrap; + line-height: 1; + } + + .ob-reading { + margin-top: 4px; + padding: 12px 18px; + background: rgba(74,222,128,0.07); + border-left: 3px solid #4ade80; + border-radius: 4px; + } + + .ob-reading-title { + font-family: 'Manrope', sans-serif; + font-size: 0.7rem; + font-weight: 700; + letter-spacing: 2px; + text-transform: uppercase; + color: #4ade80; + margin-bottom: 8px; + } + + .ob-reading-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); + gap: 4px 24px; + } + + .ob-reading-row { + display: grid; + grid-template-columns: 80px 18px 1fr 56px; + gap: 8px; + align-items: baseline; + font-family: 'Manrope', sans-serif; + font-size: 0.8rem; + } + + .ob-reading-text { + font-family: 'Manrope', sans-serif; + font-size: 0.92rem; + line-height: 1.65; + color: rgba(255,255,255,0.85); + margin: 0; + } + .ob-reading-text strong { + color: #4ade80; + font-weight: 700; + } + + .ob-dim { + color: rgba(255,255,255,0.85); + font-weight: 600; + } + .ob-arrow { + color: rgba(255,255,255,0.4); + text-align: center; + } + .ob-anchor { + color: rgba(255,255,255,0.85); + font-style: italic; + } + .ob-score { + color: #4ade80; + font-weight: 700; + text-align: right; + } + .ob-score-strong { + color: #4ade80; + font-weight: 800; + font-size: 0.92rem; + } + + .ob-content-note { + margin-top: 4px; + padding: 14px 20px; + background: rgba(255,255,255,0.04); + border-left: 3px solid rgba(255,255,255,0.4); + border-radius: 4px; + } + .ob-content-note-title { + font-family: 'Manrope', sans-serif; + font-size: 0.68rem; + font-weight: 700; + letter-spacing: 2.5px; + text-transform: uppercase; + color: rgba(255,255,255,0.65); + margin-bottom: 6px; + } + .ob-content-note-text { + font-family: 'Manrope', sans-serif; + font-size: 0.82rem; + line-height: 1.55; + color: rgba(255,255,255,0.82); + margin: 0; + } + .ob-content-note-text strong { + color: rgba(255,255,255,0.96); + font-weight: 700; + } + + .ob-disclaimer { + padding: 10px 14px; + background: rgba(251,191,36,0.06); + border-left: 3px solid #fbbf24; + border-radius: 4px; + font-family: 'Manrope', sans-serif; + font-size: 0.72rem; + line-height: 1.55; + color: rgba(255,255,255,0.78); + } + .ob-disclaimer strong { color: #fbbf24; font-weight: 700; } + .ob-disclaimer code { + font-family: 'SFMono-Regular', Consolas, Menlo, monospace; + background: rgba(0,0,0,0.4); + padding: 1px 6px; + border-radius: 3px; + font-size: 0.86em; + color: rgba(255,255,255,0.92); + } + .ob-link { + color: #fbbf24; + text-decoration: none; + border-bottom: 1px dashed rgba(251,191,36,0.5); + font-family: 'SFMono-Regular', Consolas, Menlo, monospace; + font-size: 0.86em; + padding: 1px 4px; + } + .ob-link:hover { + background: rgba(251,191,36,0.12); + border-bottom-style: solid; + } + + /* Slide 5 v3 — Espectrograma Lettieri con valores reales */ + .tonal-spectro { display: flex; flex-direction: column; gap: 14px; margin-top: 12px; } + .tonal-driver { display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center; } + .tonal-driver-label { + font-family: 'Manrope', sans-serif; font-size: 0.72rem; font-weight: 700; + letter-spacing: 2px; text-transform: uppercase; color: #fbbf24; + text-align: right; line-height: 1.2; + } + .tonal-driver-grid { display: flex; flex-direction: column; gap: 2px; } + .tonal-row { + display: grid; grid-template-columns: 120px repeat(15, 1fr); gap: 2px; align-items: center; + } + .tonal-row-label { + font-family: 'Manrope', sans-serif; font-size: 0.66rem; + color: rgba(255,255,255,0.85); padding-right: 4px; text-align: right; + white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + } + .tonal-row-label.is-miguel { font-weight: 700; color: #fbbf24; letter-spacing: 1px; } + .tonal-cell-pos { + background: hsla(calc(60 - 60 * var(--v)), calc(70% + 25% * var(--v)), calc(85% - 35% * var(--v)), calc(0.15 + 0.75 * var(--v))); + color: rgba(0,0,0,0.85); text-align: center; + font-family: 'Manrope', sans-serif; font-size: 0.6rem; font-weight: 600; + padding: 3px 0; border-radius: 2px; min-height: 18px; + display: flex; align-items: center; justify-content: center; + } + .tonal-cell-bipolar { + background: hsla(calc(220 - 220 * var(--v)), 70%, calc(60% - 25% * var(--v)), calc(0.18 + 0.7 * var(--v))); + color: rgba(255,255,255,0.95); text-align: center; + font-family: 'Manrope', sans-serif; font-size: 0.6rem; font-weight: 600; + padding: 3px 0; border-radius: 2px; min-height: 18px; + display: flex; align-items: center; justify-content: center; + } + .tonal-header-row { + display: grid; grid-template-columns: 120px repeat(15, 1fr); gap: 2px; + margin-bottom: 6px; min-height: 36px; align-items: end; + } + .tonal-header-label { + font-family: 'Manrope', sans-serif; font-size: 0.55rem; letter-spacing: 0.4px; + color: rgba(255,255,255,0.55); text-align: center; + transform: rotate(-30deg); transform-origin: center bottom; + white-space: nowrap; line-height: 1; + } + .tonal-reading { + margin-top: 12px; padding: 14px 20px; + background: rgba(74,222,128,0.07); border-left: 3px solid #4ade80; border-radius: 4px; + } + .tonal-reading-title { + font-family: 'Manrope', sans-serif; font-size: 0.7rem; font-weight: 700; + letter-spacing: 2px; text-transform: uppercase; color: #4ade80; margin-bottom: 8px; + } + .tonal-reading-text { + font-family: 'Manrope', sans-serif; font-size: 0.92rem; line-height: 1.65; + color: rgba(255,255,255,0.85); margin: 0; + } + .tonal-reading-text strong { color: #4ade80; font-weight: 700; } + .tonal-source-note { + margin-top: 12px; padding: 10px 14px; + background: rgba(251,191,36,0.06); border-left: 3px solid #fbbf24; border-radius: 4px; + font-family: 'Manrope', sans-serif; font-size: 0.74rem; line-height: 1.55; + color: rgba(255,255,255,0.78); + } + .tonal-source-note strong { color: #fbbf24; font-weight: 700; } + .tonal-source-note a { + color: #4ade80; text-decoration: none; + border-bottom: 1px dashed rgba(74,222,128,0.5); + } + @media (max-width: 768px) { + .tonal-driver { grid-template-columns: 70px 1fr; gap: 6px; } + .tonal-row { grid-template-columns: 80px repeat(15, 1fr); gap: 1px; } + .tonal-row-label { font-size: 0.55rem; } + .tonal-cell-pos, .tonal-cell-bipolar { font-size: 0.5rem; padding: 2px 0; min-height: 14px; } + .tonal-driver-label { font-size: 0.58rem; } + .tonal-header-row, .tonal-header-label { display: none; } + } + body.generating-pdf .tonal-cell-pos, + body.generating-pdf .tonal-cell-bipolar { + min-height: 16px !important; font-size: 0.55rem !important; padding: 2px 0 !important; + } + body.generating-pdf .tonal-driver-label { font-size: 0.66rem !important; } + body.generating-pdf .tonal-row-label { font-size: 0.62rem !important; } + body.generating-pdf .tonal-reading { padding: 10px 14px !important; margin-top: 8px !important; } + body.generating-pdf .tonal-reading-text { font-size: 0.78rem !important; line-height: 1.45 !important; } + body.generating-pdf .tonal-source-note { padding: 8px 12px !important; font-size: 0.68rem !important; } + + @media (max-width: 768px) { + #slide-openbook .slide-inner { padding: 24px 18px; gap: 10px; } + #slide-openbook .slide-title { font-size: 1.5rem; } + .ob-driver { grid-template-columns: 70px 1fr; gap: 6px; } + .ob-row { grid-template-columns: 70px repeat(15, 1fr); gap: 1px; } + .ob-row-label { font-size: 0.55rem; } + .ob-cell { font-size: 0.5rem; padding: 2px 0; min-height: 14px; } + .ob-driver-label { font-size: 0.58rem; } + .ob-header-row, .ob-header-label { display: none; } + .ob-reading-grid { grid-template-columns: 1fr; } + } + + /* PDF mode compaction for slide 10 — fit in 1080px */ + body.generating-pdf #slide-openbook .slide-inner { + padding: 26px 40px 18px 40px !important; + gap: 10px !important; + } + body.generating-pdf #slide-openbook .slide-title { + font-size: 2.1rem !important; + } + body.generating-pdf #slide-openbook .slide-subtitle { + font-size: 0.78rem !important; + } + body.generating-pdf .ob-intro { + font-size: 0.82rem !important; + line-height: 1.4 !important; + } + body.generating-pdf .ob-spectrogram { gap: 6px !important; } + body.generating-pdf .ob-cell { + min-height: 16px !important; + font-size: 0.55rem !important; + padding: 2px 0 !important; + } + body.generating-pdf .ob-driver-label { font-size: 0.66rem !important; } + body.generating-pdf .ob-row-label { font-size: 0.62rem !important; } + body.generating-pdf .ob-reading { padding: 10px 14px !important; margin-top: 2px !important; } + body.generating-pdf .ob-reading-row { font-size: 0.74rem !important; } + body.generating-pdf .ob-disclaimer { padding: 8px 12px !important; font-size: 0.66rem !important; } + body.generating-pdf .ob-content-note { padding: 8px 14px !important; margin-top: 2px !important; } + body.generating-pdf .ob-content-note-title { font-size: 0.62rem !important; margin-bottom: 4px !important; } + body.generating-pdf .ob-content-note-text { font-size: 0.74rem !important; line-height: 1.4 !important; } + + /* === SLIDE 8 (Probabilidades) — compactar contenido para que quepa en 1080px PDF === */ + body.generating-pdf .slide-probabilidades .content-slide5 { + max-height: none !important; + overflow: visible !important; + padding-bottom: 0 !important; + top: 30px !important; + width: 60% !important; + } + body.generating-pdf .slide-probabilidades .titulo-slide5 { + font-size: 2.4rem !important; + margin-bottom: 8px !important; + line-height: 1.1 !important; + } + body.generating-pdf .slide-probabilidades .slide5-desc { + font-size: 0.92rem !important; + line-height: 1.45 !important; + margin-bottom: 14px !important; + } + body.generating-pdf .slide-probabilidades .mc-headline { + margin: 10px 0 16px 0 !important; + padding: 14px 24px !important; + } + body.generating-pdf .slide-probabilidades .mc-headline-label { + font-size: 0.7rem !important; + margin-bottom: 4px !important; + letter-spacing: 2.5px !important; + } + body.generating-pdf .slide-probabilidades .mc-headline-value { + font-size: 3rem !important; + margin-bottom: 4px !important; + } + body.generating-pdf .slide-probabilidades .mc-headline-sub { + font-size: 0.78rem !important; + } + body.generating-pdf .slide-probabilidades .mc-section { + margin-top: 14px !important; + } + body.generating-pdf .slide-probabilidades .mc-header { + font-size: 0.78rem !important; + margin-bottom: 4px !important; + } + body.generating-pdf .slide-probabilidades .mc-sub { + font-size: 0.72rem !important; + line-height: 1.4 !important; + margin-bottom: 4px !important; + } + body.generating-pdf .slide-probabilidades .mc-table { + font-size: 0.78rem !important; + margin-top: 4px !important; + } + body.generating-pdf .slide-probabilidades .mc-table th { + padding: 5px 8px !important; + font-size: 0.66rem !important; + } + body.generating-pdf .slide-probabilidades .mc-table td { + padding: 4px 8px !important; + font-size: 0.78rem !important; + } + body.generating-pdf .slide-probabilidades .mc-scenarios-intro { + margin: 14px 0 6px 0 !important; + } + body.generating-pdf .slide-probabilidades .mc-scenarios-title { + font-size: 0.74rem !important; + margin-bottom: 2px !important; + } + body.generating-pdf .slide-probabilidades .mc-scenarios-desc { + font-size: 0.74rem !important; + line-height: 1.4 !important; + } + body.generating-pdf .slide-probabilidades .mc-callout { + margin-top: 14px !important; + padding: 10px 14px !important; + } + body.generating-pdf .slide-probabilidades .mc-callout-title { + font-size: 0.72rem !important; + margin-bottom: 6px !important; + } + body.generating-pdf .slide-probabilidades .mc-callout-row { + font-size: 0.78rem !important; + padding: 2px 0 !important; + } + body.generating-pdf .slide-probabilidades .mc-callout-row strong { + font-size: 0.85rem !important; + } + body.generating-pdf .slide-probabilidades .mc-callout-text { + font-size: 0.8rem !important; + line-height: 1.4 !important; + margin-top: 6px !important; + }
- + @@ -607,133 +1944,230 @@ - + - +