/* Diferenciación premium de las tres rutas educativas. */
:root {
  --program-ink: #202120;
  --program-muted: #737873;
  --program-paper: #f7f7f3;
  --program-line: rgba(32, 33, 32, .15);
  --program-ease: cubic-bezier(.22, .75, .2, 1);
}

body[data-page="preparatoria"] { --program-accent: #ff6d45; --program-accent-dark: #bc4d31; --program-bg: #fbf8f2; --program-panel: #f1e8db; --program-dark: #252c38; --program-light: #fffaf2; --program-dark-line: rgba(255,250,242,.18); --program-dark-muted: rgba(255,250,242,.68); --program-button-ink: #252c38; }
body[data-page="licenciatura"] { --program-accent: #2e62df; --program-accent-dark: #1d47b2; --program-bg: #e9edf4; --program-panel: #d9e0eb; --program-dark: #182033; --program-light: #f4f7fb; --program-dark-line: rgba(244,247,251,.18); --program-dark-muted: rgba(244,247,251,.68); --program-button-ink: #f4f7fb; }
body[data-page="tecnica"] { --program-accent: #c9ef67; --program-accent-dark: #527d42; --program-bg: #e9efe7; --program-panel: #d5e4d4; --program-dark: #173b32; --program-light: #f2f5ec; --program-dark-line: rgba(242,245,236,.18); --program-dark-muted: rgba(242,245,236,.69); --program-button-ink: #173b32; }

body[data-page="preparatoria"],
body[data-page="licenciatura"],
body[data-page="tecnica"] { color: var(--program-ink); background: var(--program-bg); }

body[data-page="preparatoria"] .topbar { background: var(--program-accent); }
body[data-page="licenciatura"] .topbar { background: var(--program-accent); }
body[data-page="tecnica"] .topbar { color: var(--program-dark); background: var(--program-accent); }

body[data-page="preparatoria"] .site-header,
body[data-page="licenciatura"] .site-header,
body[data-page="tecnica"] .site-header { color: var(--program-ink); border-bottom-color: var(--program-line); background: var(--program-bg); }

body[data-page="preparatoria"] .brand-mark,
body[data-page="licenciatura"] .brand-mark,
body[data-page="tecnica"] .brand-mark { width: 156px; overflow: visible; border-radius: 0; background: transparent; }
body[data-page="preparatoria"] .site-nav a,
body[data-page="licenciatura"] .site-nav a,
body[data-page="tecnica"] .site-nav a { color: var(--program-ink); }
body[data-page="preparatoria"] .site-nav a:hover,
body[data-page="preparatoria"] .site-nav a.is-current,
body[data-page="licenciatura"] .site-nav a:hover,
body[data-page="licenciatura"] .site-nav a.is-current,
body[data-page="tecnica"] .site-nav a:hover,
body[data-page="tecnica"] .site-nav a.is-current { color: var(--program-ink); }
body[data-page="preparatoria"] .header-cta,
body[data-page="licenciatura"] .header-cta,
body[data-page="tecnica"] .header-cta { color: var(--program-button-ink) !important; background: var(--program-accent); }
body[data-page="preparatoria"] .menu-toggle,
body[data-page="licenciatura"] .menu-toggle,
body[data-page="tecnica"] .menu-toggle { color: var(--program-ink); }

body[data-page="preparatoria"] .program-hero,
body[data-page="licenciatura"] .program-hero,
body[data-page="tecnica"] .program-hero { min-height: 620px; height: clamp(620px, calc(100dvh - 166px), 760px); color: var(--program-ink); background: var(--program-bg); }
body[data-page="preparatoria"] .program-hero__copy,
body[data-page="licenciatura"] .program-hero__copy,
body[data-page="tecnica"] .program-hero__copy { position: relative; z-index: 2; padding-top: 104px; }
body[data-page="preparatoria"] .program-hero__copy h1,
body[data-page="licenciatura"] .program-hero__copy h1,
body[data-page="tecnica"] .program-hero__copy h1 { max-width: 680px; font-size: clamp(3.45rem, 6.6vw, 7.3rem); font-weight: 700; line-height: .8; }
body[data-page="preparatoria"] .program-hero__copy h1 em,
body[data-page="licenciatura"] .program-hero__copy h1 em,
body[data-page="tecnica"] .program-hero__copy h1 em { color: var(--program-accent); }
body[data-page="preparatoria"] .program-hero__label,
body[data-page="licenciatura"] .program-hero__label,
body[data-page="tecnica"] .program-hero__label { color: var(--program-accent); }
body[data-page="preparatoria"] .program-hero__copy > p:not(.program-hero__label),
body[data-page="licenciatura"] .program-hero__copy > p:not(.program-hero__label),
body[data-page="tecnica"] .program-hero__copy > p:not(.program-hero__label) { max-width: 475px; color: var(--program-muted); line-height: 1.72; }
body[data-page="preparatoria"] .program-hero__copy .button,
body[data-page="licenciatura"] .program-hero__copy .button,
body[data-page="tecnica"] .program-hero__copy .button { color: var(--program-button-ink); background: var(--program-accent); }
body[data-page="preparatoria"] .program-hero__copy .text-link,
body[data-page="licenciatura"] .program-hero__copy .text-link,
body[data-page="tecnica"] .program-hero__copy .text-link { color: var(--program-ink); }
body[data-page="preparatoria"] .program-hero__duration,
body[data-page="licenciatura"] .program-hero__duration,
body[data-page="tecnica"] .program-hero__duration { border-top-color: var(--program-line); }
body[data-page="preparatoria"] .program-hero__duration strong,
body[data-page="licenciatura"] .program-hero__duration strong,
body[data-page="tecnica"] .program-hero__duration strong { color: var(--program-accent); }
body[data-page="preparatoria"] .program-hero__duration span,
body[data-page="licenciatura"] .program-hero__duration span,
body[data-page="tecnica"] .program-hero__duration span { color: var(--program-muted); }
body[data-page="preparatoria"] .program-hero__media img,
body[data-page="licenciatura"] .program-hero__media img,
body[data-page="tecnica"] .program-hero__media img { filter: saturate(.78) contrast(1.04); animation: programImageIn 1.25s var(--program-ease) both; }
body[data-page="preparatoria"] .program-hero__media:after,
body[data-page="licenciatura"] .program-hero__media:after,
body[data-page="tecnica"] .program-hero__media:after { background: linear-gradient(0deg, rgba(23,24,23,.32), transparent 58%); }

body[data-page="preparatoria"] .program-hero__media { margin: 25px 25px 25px 0; }
body[data-page="preparatoria"] .program-hero__media:before { content: ""; position: absolute; z-index: 1; inset: -12px 12px 12px -12px; border: 1px solid rgba(255,109,69,.7); pointer-events: none; }
body[data-page="preparatoria"] .program-hero__copy:before { content: "01"; position: absolute; z-index: -1; top: 18%; right: 8%; color: rgba(255,109,69,.1); font-size: 13rem; font-weight: 800; letter-spacing: -.15em; line-height: .7; }
body[data-page="preparatoria"] .program-hero__duration strong:after { content: ""; }

body[data-page="licenciatura"] .program-hero { grid-template-columns: .9fr 1.1fr; color: var(--program-light); background: var(--program-dark); }
body[data-page="licenciatura"] .program-hero__copy h1 { color: var(--program-light); }
body[data-page="licenciatura"] .program-hero__copy > p:not(.program-hero__label) { color: var(--program-dark-muted); }
body[data-page="licenciatura"] .program-hero__copy .text-link { color: var(--program-light); }
body[data-page="licenciatura"] .program-hero__duration { border-top-color: rgba(244,247,251,.18); }
body[data-page="licenciatura"] .program-hero__duration span { color: var(--program-dark-muted); }
body[data-page="licenciatura"] .program-hero__media { min-height: 620px; }
body[data-page="licenciatura"] .program-hero__media:after { background: linear-gradient(90deg, rgba(24,32,51,.5), transparent 52%), linear-gradient(0deg, rgba(24,32,51,.4), transparent 58%); }

body[data-page="tecnica"] .program-hero { grid-template-columns: 1.05fr .95fr; color: var(--program-light); background: var(--program-dark); }
body[data-page="tecnica"] .program-hero__copy { padding-left: 9%; }
body[data-page="tecnica"] .program-hero__copy h1 { color: var(--program-light); }
body[data-page="tecnica"] .program-hero__copy > p:not(.program-hero__label) { color: var(--program-dark-muted); }
body[data-page="tecnica"] .program-hero__copy .text-link { color: var(--program-light); }
body[data-page="tecnica"] .program-hero__duration { border-top-color: rgba(242,245,236,.18); }
body[data-page="tecnica"] .program-hero__duration span { color: var(--program-dark-muted); }
body[data-page="tecnica"] .program-hero__media { margin: 23px 23px 23px 0; }
body[data-page="tecnica"] .program-hero__media img { filter: saturate(.64) hue-rotate(11deg) contrast(1.05); }
body[data-page="tecnica"] .program-hero__media:before { content: ""; position: absolute; z-index: 1; inset: -10px 10px 10px -10px; border: 1px solid rgba(201,239,103,.72); pointer-events: none; }
body[data-page="tecnica"] .program-hero__media:after { background: linear-gradient(0deg, rgba(23,59,50,.5), transparent 58%); }

body[data-page="preparatoria"] .section,
body[data-page="licenciatura"] .section,
body[data-page="tecnica"] .section { background: var(--program-bg); }
body[data-page="preparatoria"] .program-overview,
body[data-page="licenciatura"] .program-overview,
body[data-page="tecnica"] .program-overview { gap: 85px; }
body[data-page="preparatoria"] .program-facts,
body[data-page="licenciatura"] .program-facts,
body[data-page="tecnica"] .program-facts { border-top-color: var(--program-accent); }
body[data-page="preparatoria"] .program-facts__row,
body[data-page="licenciatura"] .program-facts__row,
body[data-page="tecnica"] .program-facts__row { border-bottom-color: var(--program-line); }
body[data-page="preparatoria"] .program-facts__row span,
body[data-page="licenciatura"] .program-facts__row span,
body[data-page="tecnica"] .program-facts__row span { color: var(--program-muted); }
body[data-page="preparatoria"] .program-overview__copy > p:not(.eyebrow),
body[data-page="licenciatura"] .program-overview__copy > p:not(.eyebrow),
body[data-page="tecnica"] .program-overview__copy > p:not(.eyebrow) { color: var(--program-muted); }
body[data-page="preparatoria"] .program-overview__copy h2 em,
body[data-page="licenciatura"] .program-overview__copy h2 em,
body[data-page="tecnica"] .program-overview__copy h2 em { color: var(--program-accent-dark); }
body[data-page="preparatoria"] .program-overview__copy .check-list li,
body[data-page="licenciatura"] .program-overview__copy .check-list li,
body[data-page="tecnica"] .program-overview__copy .check-list li { color: var(--program-ink); border-top-color: var(--program-line); }
body[data-page="preparatoria"] .program-overview__copy .check-list li:before,
body[data-page="licenciatura"] .program-overview__copy .check-list li:before,
body[data-page="tecnica"] .program-overview__copy .check-list li:before { color: var(--program-accent-dark); }

body[data-page="preparatoria"] .section--sand,
body[data-page="licenciatura"] .section--sand,
body[data-page="tecnica"] .section--sand { background: var(--program-panel); }
body[data-page="preparatoria"] .section-heading > p,
body[data-page="licenciatura"] .section-heading > p,
body[data-page="tecnica"] .section-heading > p { color: var(--program-muted); }
body[data-page="preparatoria"] .feature-grid,
body[data-page="licenciatura"] .feature-grid,
body[data-page="tecnica"] .feature-grid { gap: 13px; }
body[data-page="preparatoria"] .feature-card,
body[data-page="licenciatura"] .feature-card,
body[data-page="tecnica"] .feature-card { position: relative; min-height: 235px; overflow: hidden; border-top-color: var(--program-accent); background: var(--program-bg); transition: transform .6s var(--program-ease), box-shadow .6s var(--program-ease); }
body[data-page="preparatoria"] .feature-card:hover,
body[data-page="licenciatura"] .feature-card:hover,
body[data-page="tecnica"] .feature-card:hover { transform: translateY(-7px); box-shadow: 0 20px 34px rgba(29, 37, 31, .14); }
body[data-page="preparatoria"] .feature-card span,
body[data-page="licenciatura"] .feature-card span,
body[data-page="tecnica"] .feature-card span { color: var(--program-accent-dark); }
body[data-page="preparatoria"] .feature-card h3,
body[data-page="licenciatura"] .feature-card h3,
body[data-page="tecnica"] .feature-card h3 { position: relative; z-index: 1; }
body[data-page="preparatoria"] .feature-card p,
body[data-page="licenciatura"] .feature-card p,
body[data-page="tecnica"] .feature-card p { position: relative; z-index: 1; color: var(--program-muted); }
body[data-page="preparatoria"] .feature-card__image,
body[data-page="licenciatura"] .feature-card__image,
body[data-page="tecnica"] .feature-card__image { position: absolute; right: 0; bottom: 0; left: 0; height: 86px; overflow: hidden; opacity: .22; }
body[data-page="preparatoria"] .feature-card__image img,
body[data-page="licenciatura"] .feature-card__image img,
body[data-page="tecnica"] .feature-card__image img { height: 100%; object-fit: cover; filter: saturate(.7); }

body[data-page="preparatoria"] .process-grid,
body[data-page="licenciatura"] .process-grid,
body[data-page="tecnica"] .process-grid { color: var(--program-ink); background: var(--program-dark); }
body[data-page="preparatoria"] .process-grid h2,
body[data-page="licenciatura"] .process-grid h2,
body[data-page="tecnica"] .process-grid h2 { color: var(--program-light); }
body[data-page="preparatoria"] .process-list,
body[data-page="licenciatura"] .process-list,
body[data-page="tecnica"] .process-list { border-top-color: var(--program-dark-line); }
body[data-page="preparatoria"] .process-item,
body[data-page="licenciatura"] .process-item,
body[data-page="tecnica"] .process-item { border-bottom-color: var(--program-dark-line); }
body[data-page="preparatoria"] .process-item > span,
body[data-page="licenciatura"] .process-item > span,
body[data-page="tecnica"] .process-item > span { color: var(--program-accent); }
body[data-page="preparatoria"] .process-item h3,
body[data-page="licenciatura"] .process-item h3,
body[data-page="tecnica"] .process-item h3 { color: var(--program-light); }
body[data-page="preparatoria"] .process-item p,
body[data-page="licenciatura"] .process-item p,
body[data-page="tecnica"] .process-item p { color: var(--program-dark-muted); }

body[data-page="preparatoria"] .practice-grid,
body[data-page="licenciatura"] .practice-grid,
body[data-page="tecnica"] .practice-grid { align-items: center; }
body[data-page="preparatoria"] .practice-grid__media img,
body[data-page="licenciatura"] .practice-grid__media img,
body[data-page="tecnica"] .practice-grid__media img { filter: saturate(.76) contrast(1.03); }
body[data-page="preparatoria"] .practice-grid__media:after,
body[data-page="licenciatura"] .practice-grid__media:after,
body[data-page="tecnica"] .practice-grid__media:after { border-color: var(--program-accent); }
body[data-page="preparatoria"] .practice-grid__copy > p:not(.eyebrow),
body[data-page="licenciatura"] .practice-grid__copy > p:not(.eyebrow),
body[data-page="tecnica"] .practice-grid__copy > p:not(.eyebrow) { color: var(--program-muted); }
body[data-page="preparatoria"] .practice-grid__copy h2 em,
body[data-page="licenciatura"] .practice-grid__copy h2 em,
body[data-page="tecnica"] .practice-grid__copy h2 em { color: var(--program-accent-dark); }
body[data-page="preparatoria"] .practice-grid__copy .button,
body[data-page="licenciatura"] .practice-grid__copy .button,
body[data-page="tecnica"] .practice-grid__copy .button { color: var(--program-button-ink); background: var(--program-accent); }

body[data-page="preparatoria"] .cta-band,
body[data-page="licenciatura"] .cta-band,
body[data-page="tecnica"] .cta-band { padding: 80px 0; color: var(--program-button-ink); background: var(--program-accent); }
body[data-page="preparatoria"] .cta-band h2,
body[data-page="licenciatura"] .cta-band h2,
body[data-page="tecnica"] .cta-band h2 { color: var(--program-button-ink); }
body[data-page="preparatoria"] .cta-band .button,
body[data-page="licenciatura"] .cta-band .button,
body[data-page="tecnica"] .cta-band .button { color: var(--program-accent); background: var(--program-dark); }
body[data-page="preparatoria"] .site-footer,
body[data-page="licenciatura"] .site-footer,
body[data-page="tecnica"] .site-footer { background: var(--program-dark); }
body[data-page="preparatoria"] .site-footer img,
body[data-page="licenciatura"] .site-footer img,
body[data-page="tecnica"] .site-footer img { filter: brightness(0) invert(1); }

@keyframes programImageIn { from { opacity: .45; transform: scale(1.08); } to { opacity: 1; transform: scale(1); } }

@media (max-width: 900px) {
  body[data-page="preparatoria"] .program-hero,
  body[data-page="licenciatura"] .program-hero,
  body[data-page="tecnica"] .program-hero { min-height: calc(100dvh - 166px); height: auto; }
  body[data-page="preparatoria"] .program-hero__copy,
  body[data-page="licenciatura"] .program-hero__copy,
  body[data-page="tecnica"] .program-hero__copy { min-height: 470px; padding: 94px max(20px, calc((100% - 680px) / 2)) 50px; }
  body[data-page="preparatoria"] .program-hero__media,
  body[data-page="licenciatura"] .program-hero__media,
  body[data-page="tecnica"] .program-hero__media { min-height: 360px; margin: 0; }
  body[data-page="preparatoria"] .program-hero__media:before,
  body[data-page="tecnica"] .program-hero__media:before { display: none; }
  body[data-page="preparatoria"] .program-overview,
  body[data-page="licenciatura"] .program-overview,
  body[data-page="tecnica"] .program-overview,
  body[data-page="preparatoria"] .process-grid,
  body[data-page="licenciatura"] .process-grid,
  body[data-page="tecnica"] .process-grid { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 620px) {
  body[data-page="preparatoria"] .brand-mark,
  body[data-page="licenciatura"] .brand-mark,
  body[data-page="tecnica"] .brand-mark { width: 125px; }
  body[data-page="preparatoria"] .program-hero__copy h1,
  body[data-page="licenciatura"] .program-hero__copy h1,
  body[data-page="tecnica"] .program-hero__copy h1 { font-size: clamp(3rem, 14vw, 4.7rem); }
  body[data-page="preparatoria"] .feature-grid,
  body[data-page="licenciatura"] .feature-grid,
  body[data-page="tecnica"] .feature-grid { display: block; }
  body[data-page="preparatoria"] .feature-card,
  body[data-page="licenciatura"] .feature-card,
  body[data-page="tecnica"] .feature-card { margin-bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="preparatoria"] .program-hero__media img,
  body[data-page="licenciatura"] .program-hero__media img,
  body[data-page="tecnica"] .program-hero__media img { animation: none; }
}