/* AIM DECK — LOOKS: capa de TRATAMIENTO visual sobre los temas.
   El tema aporta la paleta; el look reescribe tipografía, escala, estructura, densidad
   y (en dark) el fondo. Objetivo: que dos decks se vean de agencias distintas, no del
   mismo molde. Se aplica como clase en .deck-stage (look-editorial|bold|corporate|dark). */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Archivo:wght@600;700;800;900&display=swap');

/* ============ LOOK: BOLD (impacto, titulares gigantes) ============ */
.look-bold { --font-display: 'Anton', 'Archivo', system-ui, sans-serif; }
.look-bold .slide h2 { text-transform: uppercase; letter-spacing: -0.5px; line-height: 0.92; font-weight: 400; }
.look-bold .s-title { font-size: 9.2cqw; }
.look-bold .s-title-sm { font-size: 7cqw; }
.look-bold .slide.cover .s-title { font-size: 11.5cqw; max-width: 14ch; }
.look-bold .slide.section .s-title { font-size: 9.5cqw; }
.look-bold .slide .eyebrow {
  font-family: 'Archivo', system-ui, sans-serif; font-weight: 800; text-transform: uppercase;
  letter-spacing: 1.5px; font-size: 1.7cqw; display: inline-block; background: var(--accent);
  color: #fff; padding: 0.5cqw 1.3cqw; border-radius: 3px; margin-bottom: 3cqw;
}
.look-bold .slide.cover .eyebrow, .look-bold .slide.closing .eyebrow { background: var(--gold); color: #17130F; }
.look-bold .slide .bullets li, .look-bold .slide .s-sub { font-family: 'Archivo', system-ui, sans-serif; font-weight: 600; }
.look-bold .s-sub { font-size: 2.7cqw; }
.look-bold .slide.stat .stat-v, .look-bold .slide.bignumber .big { font-family: 'Anton', sans-serif; font-weight: 400; letter-spacing: 0; }

/* ============ LOOK: CORPORATE (denso, estructurado, consultoría) ============ */
.look-corporate { --font-display: 'Manrope', system-ui, sans-serif; --font-ui: 'Manrope', system-ui, sans-serif; }
.look-corporate .slide { padding: 5.4% 6.4%; }
.look-corporate .slide h2 { font-weight: 800; letter-spacing: -0.6px; line-height: 1.08; }
.look-corporate .s-title { font-size: 5.2cqw; }
.look-corporate .s-title-sm { font-size: 4.1cqw; }
.look-corporate .slide.cover .s-title { font-size: 6.2cqw; }
.look-corporate .slide .eyebrow {
  font-family: 'Manrope', system-ui, sans-serif; font-weight: 700; text-transform: uppercase;
  letter-spacing: 2px; font-size: 1.5cqw; padding-bottom: 1cqw; margin-bottom: 2.4cqw;
  border-bottom: 2px solid var(--accent); display: inline-block;
}
.look-corporate .slide.cover::before, .look-corporate .slide.section::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--accent);
}
.look-corporate .slide .bullets li { font-weight: 500; font-size: 2.3cqw; line-height: 1.4; }
.look-corporate .s-sub { font-size: 2.2cqw; }

/* ============ LOOK: DARK (tech / startup, fondo oscuro sobre cualquier tema) ============ */
.look-dark { --font-display: 'Space Grotesk', system-ui, sans-serif; --paper: #0C1016; }
.look-dark .slide { background: #0C1016; color: #E6EDF3; }
.look-dark .slide h2, .look-dark .slide .s-title, .look-dark .slide .col h4 { color: #F3F7FB; }
.look-dark .slide h2 { font-weight: 700; letter-spacing: -0.8px; }
.look-dark .s-title { font-size: 6.6cqw; }
.look-dark .slide .eyebrow {
  font-family: var(--font-mono, monospace); text-transform: uppercase; letter-spacing: 2px;
  font-size: 1.5cqw; color: var(--accent); margin-bottom: 3cqw;
}
.look-dark .slide .eyebrow::before { content: "› "; opacity: 0.7; }
.look-dark .slide .s-sub, .look-dark .slide .bullets li { color: #AEB9C7; }
.look-dark .slide .bullets li::marker { color: var(--accent); }
.look-dark .slide.cover, .look-dark .slide.closing { background: #070A0F; }
.look-dark .slide .card, .look-dark .slide .col, .look-dark .slide .tbl,
.look-dark .slide .ico-item, .look-dark .slide .price-card {
  background: #141B24; border-color: #222C38;
}
.look-dark .slide .num { color: #4A5568; }
.look-dark .slide.stat .stat-v, .look-dark .slide.bignumber .big { color: var(--accent); }
.look-dark .slide .line, .look-dark .slide hr { background: #222C38; border-color: #222C38; }