/* Tipografía (Google Fonts): Archivo para títulos, IBM Plex Sans para texto */
  @import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,100..900&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

  html { scroll-behavior: auto; }
  @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

  /* ---------- Variables de diseño (edita aquí colores y medidas) ---------- */
  #baw {
    --navy-950: #0A1526;
    --navy-900: #0E1D33;
    --navy: #13263E;            /* coincide con el fondo del logo ABE */
    --navy-700: #1B3556;
    --line-dark: rgba(255,255,255,.16);
    --sky: #7CC8F0;
    --sky-deep: #0B6FA4;
    --gold: #F0B94B;
    --gold-soft: #F7DDA0;
    --bone: #EEF3F8;
    --white: #FFFFFF;
    --ink: #0E1D33;
    --muted: #4A5B73;
    --muted-dark: #A9B9CF;
    --line: #CBD6E3;
    --red: #CE1126; --yellow: #F9E300; --green: #007934;   /* tricolor boliviano */

    /* Si tu tema tiene un menú fijo arriba, pon aquí su altura (ej. 70px) */
    --baw-sticky-top: 0px;

    --font-display: 'Archivo', 'Arial Narrow', Arial, sans-serif;
    --font-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

    font-family: var(--font-body);
    font-size: 17px;
    line-height: 1.6;
    color: var(--ink);
    background: var(--bone);
    overflow: hidden;
    position: relative;
  }
  #baw *, #baw *::before, #baw *::after { box-sizing: border-box; }
  #baw h1, #baw h2, #baw h3, #baw h4, #baw p, #baw ul, #baw ol, #baw dl, #baw dd, #baw figure { margin: 0; padding: 0; }
  #baw ul, #baw ol { list-style: none; }
  #baw img { display: block; max-width: 100%; }
  #baw a { color: inherit; }
  #baw :focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; border-radius: 3px; }
  #baw section[id] { scroll-margin-top: 24px; }

  #baw .wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 24px; }

  #baw h1, #baw h2, #baw h3, #baw h4 {
    font-family: var(--font-display);
    font-weight: 800;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
  }

  /* ---------- Franja tricolor ---------- */
  #baw .tricolor { height: 5px; background: linear-gradient(90deg, var(--red) 0 33.33%, var(--yellow) 33.33% 66.66%, var(--green) 66.66% 100%); }

  /* ---------- Franja de logos ---------- */
  #baw .logos { background: var(--white); color: var(--navy); padding: 22px 0; border-bottom: 1px solid var(--line); }
  #baw .logos__row {
    display: flex; align-items: stretch; justify-content: space-between; gap: 32px;
  }
  #baw .logos__item { display: flex; flex: 1; min-width: 0; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; min-height: 100px; height: auto; }
  #baw .logos__item img { height: 56px; width: auto; max-width: 100%; object-fit: contain; }
  #baw .logos__item--abe img { height: 78px; }
  #baw .logos__caption { display: block; max-width: 100%; color: var(--muted); font-size: .72rem; font-weight: 600; line-height: 1.2; letter-spacing: .02em; text-align: center; }
  #baw .logos > .wrap { max-width: 1240px; }
  #baw .logos__item--fiab img { border-radius: 10px; }   /* el logo FIAB tiene fondo claro */
  #baw .logos__item:nth-child(2) img { filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(2010%) hue-rotate(177deg) brightness(93%) contrast(96%); }
  #baw .logos__item:nth-child(4) img { filter: none; background: var(--navy); padding: 3px; border-radius: 50%; }
  @media (max-width: 720px) {
    #baw .logos { padding: 18px 0; }
    #baw .logos__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
    #baw .logos__item { min-height: 84px; height: auto; gap: 5px; }
    #baw .logos__item img { height: 48px; }
    #baw .logos__item--abe img { height: 64px; }
    #baw .logos__caption { font-size: .66rem; }
  }

  /* ---------- Navegación ---------- */
  #baw .nav {
    display: none;
    position: sticky; top: var(--baw-sticky-top); z-index: 50;
    background: var(--navy-950); color: var(--white);
    border-bottom: 1px solid var(--line-dark);
  }
  #baw .nav__bar { display: flex; align-items: center; justify-content: space-between; min-height: 56px; }
  #baw .nav__brand { font-family: var(--font-display); font-weight: 700; font-stretch: 110%; font-size: 1rem; text-decoration: none; }
  #baw .nav__links { display: flex; gap: 6px; }
  #baw .nav__links a {
    display: block; padding: 8px 14px; border-radius: 6px; text-decoration: none; font-weight: 500; font-size: .98rem;
    color: #DCE7F3;
  }
  #baw .nav__links a:hover { background: var(--navy-700); color: var(--white); }
  #baw .nav__links a[aria-current="true"] { color: var(--gold); box-shadow: inset 0 -2px 0 var(--gold); border-radius: 6px 6px 0 0; }
  #baw .nav__burger {
    display: none; background: none; border: 1px solid var(--line-dark); color: var(--white);
    width: 44px; height: 44px; border-radius: 8px; cursor: pointer; padding: 0;
    align-items: center; justify-content: center;
  }
  #baw .nav__burger span, #baw .nav__burger span::before, #baw .nav__burger span::after {
    display: block; width: 20px; height: 2px; background: currentColor; position: relative; content: ""; transition: transform .2s, background .2s;
  }
  #baw .nav__burger span::before { position: absolute; top: -6px; left: 0; }
  #baw .nav__burger span::after { position: absolute; top: 6px; left: 0; }
  #baw .nav__burger[aria-expanded="true"] span { background: transparent; }
  #baw .nav__burger[aria-expanded="true"] span::before { transform: translateY(6px) rotate(45deg); }
  #baw .nav__burger[aria-expanded="true"] span::after { transform: translateY(-6px) rotate(-45deg); }

  @media (max-width: 820px) {
    #baw .nav__burger { display: inline-flex; }
    #baw .nav__links {
      display: none; position: absolute; left: 0; right: 0; top: 100%;
      flex-direction: column; gap: 0; padding: 8px 24px 16px;
      background: var(--navy-950); border-bottom: 1px solid var(--line-dark);
    }
    #baw .nav__links.is-open { display: flex; }
    #baw .nav__links a { padding: 14px 4px; border-radius: 0; border-bottom: 1px solid var(--line-dark); }
    #baw .nav__links a[aria-current="true"] { box-shadow: none; }
  }

  /* ---------- Hero ---------- */
  #baw .hero {
    background:
      radial-gradient(1.2px 1.2px at 12% 22%, rgba(255,255,255,.7) 50%, transparent 52%),
      radial-gradient(1px 1px at 28% 78%, rgba(255,255,255,.55) 50%, transparent 52%),
      radial-gradient(1.4px 1.4px at 46% 12%, rgba(255,255,255,.6) 50%, transparent 52%),
      radial-gradient(1px 1px at 63% 64%, rgba(255,255,255,.5) 50%, transparent 52%),
      radial-gradient(1.2px 1.2px at 81% 18%, rgba(255,255,255,.7) 50%, transparent 52%),
      radial-gradient(1px 1px at 92% 82%, rgba(255,255,255,.5) 50%, transparent 52%),
      radial-gradient(1px 1px at 7% 60%, rgba(255,255,255,.45) 50%, transparent 52%),
      var(--navy-950);
    color: var(--white);
    padding: 72px 0 80px;
  }
  #baw .hero__grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 40px; align-items: center; }
  #baw .hero h1 {
    font-size: clamp(2.2rem, 7.4vw, 5rem);
    line-height: .95; font-stretch: 112%; font-weight: 900;
    text-transform: uppercase;
    color: var(--white);
  }
  #baw .hero__dates { margin-top: 28px; font-family: var(--font-display); font-weight: 700; font-size: clamp(1.25rem, 3vw, 1.7rem); color: var(--gold); }
  #baw .hero__org { margin-top: 6px; color: #DCE7F3; font-size: 1.08rem; max-width: 34em; }
  #baw .hero__lead { margin-top: 22px; color: var(--muted-dark); max-width: 36em; }
  #baw .hero__cta { margin-top: 32px; display: flex; flex-wrap: wrap; gap: 14px; }
  #baw .btn {
    display: inline-block; text-decoration: none; font-weight: 600; font-size: 1rem; line-height: 1.2;
    padding: 14px 24px; border-radius: 8px; border: 2px solid transparent; cursor: pointer; font-family: var(--font-body);
    transition: background .15s, color .15s, border-color .15s;
  }
  #baw .btn--gold { background: var(--gold); color: var(--navy-950); }
  #baw .btn--gold:hover { background: var(--gold-soft); }
  #baw .btn--ghost { border-color: var(--line-dark); color: var(--white); }
  #baw .btn--ghost:hover { border-color: var(--sky); color: var(--sky); }
  #baw .btn--navy { background: var(--navy); color: var(--white); }
  #baw .btn--navy:hover { background: var(--navy-700); }
  #baw .hero__count { margin-top: 30px; padding-left: 14px; border-left: 3px solid var(--sky); color: #DCE7F3; font-size: .98rem; min-height: 1.6em; }
  #baw .hero__art { width: 100%; max-width: 440px; justify-self: center; }
  #baw .hero__art svg { width: 100%; height: auto; overflow: visible; }
  #baw .hero__art img { width: 100%; height: auto; display: block; }
  @media (max-width: 900px) {
    #baw .hero { padding: 48px 0 56px; }
    #baw .hero__grid { grid-template-columns: 1fr; }
    #baw .hero__art { max-width: 300px; order: -1; }
  }

  /* ---------- Secciones genéricas ---------- */
  #baw .section { padding: 88px 0; }
  #baw .section--light { background: var(--bone); color: var(--ink); }
  #baw .section--dark { background: var(--navy-900); color: #E6EEF7; }
  #baw .section__title { font-size: clamp(1.9rem, 4.6vw, 3rem); line-height: 1.05; font-stretch: 108%; }
  #baw .section--dark .section__title { color: var(--white); }
  #baw .section__intro { margin-top: 14px; max-width: 40em; color: var(--muted); }
  #baw .section--dark .section__intro { color: var(--muted-dark); }
  @media (max-width: 720px) { #baw .section { padding: 60px 0; } }

  /* ---------- Cronograma ---------- */
  #baw .legend { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: .94rem; color: var(--muted); }
  #baw .legend span { display: inline-flex; align-items: center; gap: 8px; }
  #baw .schedule__action { margin: 20px 0 0; }
  #baw .ev__action { margin: 12px 0 0; }

  #baw .badge {
    display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; font-weight: 600; line-height: 1.25;
    padding: 5px 12px 5px 10px; border-radius: 999px; border: 1.5px solid var(--navy); color: var(--navy);
  }
  #baw .badge::before { content: ""; width: 9px; height: 9px; border-radius: 50%; flex: none; background: var(--sky-deep); }
  #baw .badge--presencial { background: var(--gold-soft); border-color: #D9A22E; }
  #baw .badge--presencial::before { background: var(--navy); border-radius: 2px; }   /* cuadrado = presencial */
  #baw .badge--mixto { background: var(--gold-soft); border-color: #D9A22E; }
  #baw .badge--mixto::before { background: linear-gradient(90deg, var(--navy) 50%, var(--sky-deep) 50%); border-radius: 2px; }

  #baw .days { margin-top: 48px; display: grid; gap: 56px; }
  #baw .day { display: grid; grid-template-columns: 150px 1fr; gap: 32px; }
  #baw .day__head {
    align-self: start; position: sticky; top: var(--baw-sticky-top);
    display: flex; flex-direction: column; line-height: 1; font-family: var(--font-display);
    padding-top: 12px; border-top: 4px solid var(--navy);
  }
  #baw .day__dow { font-weight: 700; font-size: 1.05rem; color: var(--sky-deep); font-stretch: 110%; }
  #baw .day__num { font-weight: 900; font-size: 4.4rem; color: var(--navy); margin: 6px 0 4px; font-stretch: 110%; }
  #baw .day__mon { font-weight: 600; font-size: 1rem; color: var(--muted); }
  #baw .events { border-top: 1px solid var(--line); }
  #baw .ev {
    display: grid; grid-template-columns: 124px 1fr 200px; gap: 8px 24px; align-items: start;
    padding: 22px 0 22px 18px; border-bottom: 1px solid var(--line); border-left: 4px solid transparent;
  }
  #baw .ev--presencial { border-left-color: var(--gold); background: linear-gradient(90deg, rgba(240,185,75,.12), transparent 60%); }
  #baw .ev__time { grid-area: auto; font-family: var(--font-display); font-weight: 800; font-size: 1.05rem; color: var(--navy); font-variant-numeric: tabular-nums; padding-top: 2px; }
  #baw .ev__title { font-size: 1.28rem; line-height: 1.2; font-weight: 700; font-stretch: 100%; letter-spacing: 0; }
  #baw .ev__desc { margin-top: 8px; color: var(--ink); max-width: 46em; }
  #baw .ev__who { margin-top: 10px; font-size: .96rem; color: var(--muted); max-width: 46em; }
  #baw .ev__who strong { color: var(--ink); font-weight: 600; }
  #baw .ev__mode { justify-self: end; text-align: right; }
  #baw .ev__place { display: block; margin-top: 6px; font-size: .9rem; color: var(--muted); }

  #baw .venue {
    margin-top: 28px; background: var(--navy); color: #E6EEF7; border-left: 6px solid var(--gold);
    padding: 24px 28px; border-radius: 4px 12px 12px 4px;
  }
  #baw .venue h4 { font-size: 1.3rem; color: var(--white); font-stretch: 100%; letter-spacing: 0; }
  #baw .venue p { margin-top: 8px; color: #C9D8EA; max-width: 46em; }
  #baw .venue strong { color: var(--gold); font-weight: 600; }

  @media (max-width: 860px) {
    #baw .day { grid-template-columns: 1fr; gap: 16px; }
    #baw .day__head { position: static; flex-direction: row; align-items: baseline; gap: 10px; border-top: 0; border-bottom: 4px solid var(--navy); padding: 0 0 10px; }
    #baw .day__num { font-size: 2.6rem; margin: 0; }
    #baw .ev { grid-template-columns: 1fr auto; padding-left: 14px; }
    #baw .ev__time { grid-column: 1; grid-row: 1; }
    #baw .ev__mode { grid-column: 2; grid-row: 1; }
    #baw .ev__main { grid-column: 1 / -1; grid-row: 2; }
    #baw .ev__mode .ev__place { display: none; }
  }
  @media (min-width: 861px) { #baw .ev__main .ev__place { display: none; } }

  /* ---------- Space Challenge ---------- */
  #baw .challenge__lead {
    margin-top: 30px; font-family: var(--font-display); font-weight: 800; font-stretch: 108%;
    font-size: clamp(1.5rem, 3.6vw, 2.4rem); line-height: 1.15; color: var(--white); max-width: 22em;
  }
  #baw .challenge__desc { margin-top: 18px; max-width: 42em; color: var(--muted-dark); }
  #baw .challenge__who { margin-top: 12px; max-width: 42em; color: #DCE7F3; font-weight: 500; }

  #baw .subhead { font-size: 1.45rem; line-height: 1.2; font-stretch: 105%; margin-bottom: 20px; color: var(--white); }
  #baw .subhead small { display: block; margin-top: 6px; font-family: var(--font-body); font-weight: 400; font-size: .92rem; color: var(--muted-dark); letter-spacing: 0; }

  /* Cronograma del reto (secuencia real: línea de tiempo) */
  #baw .tl { margin-top: 56px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
  #baw .tl__item { position: relative; padding-top: 26px; border-top: 2px solid var(--line-dark); }
  #baw .tl__item::before {
    content: ""; position: absolute; top: -9px; left: 0; width: 16px; height: 16px; border-radius: 50%;
    background: var(--navy-900); border: 2px solid var(--sky);
  }
  #baw .tl__item.is-past { border-top-color: var(--sky); }
  #baw .tl__item.is-past::before { background: var(--sky); }
  #baw .tl__item.is-next::before { background: var(--gold); border-color: var(--gold); box-shadow: 0 0 0 5px rgba(240,185,75,.25); }
  #baw .tl__date { font-family: var(--font-display); font-weight: 800; font-size: 1.5rem; line-height: 1.1; color: var(--white); font-stretch: 108%; }
  #baw .tl__txt { margin-top: 8px; font-size: .96rem; color: var(--muted-dark); }
  #baw .tl__note { margin-top: 24px; font-size: .94rem; color: var(--muted-dark); max-width: 52em; }
  @media (max-width: 900px) {
    #baw .tl { grid-template-columns: 1fr; gap: 0; }
    #baw .tl__item { border-top: 0; border-left: 2px solid var(--line-dark); padding: 0 0 28px 28px; }
    #baw .tl__item:last-child { padding-bottom: 0; }
    #baw .tl__item::before { top: 2px; left: -9px; }
    #baw .tl__item.is-past { border-left-color: var(--sky); }
  }

  #baw .split { margin-top: 72px; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
  #baw .bullets li { position: relative; padding: 12px 0 12px 26px; border-top: 1px solid var(--line-dark); color: #DCE7F3; }
  #baw .bullets li:last-child { border-bottom: 1px solid var(--line-dark); }
  #baw .bullets li::before { content: ""; position: absolute; left: 4px; top: 22px; width: 8px; height: 8px; background: var(--gold); transform: rotate(45deg); }
  #baw .bullets strong { color: var(--white); font-weight: 600; }
  #baw .criteria li { padding: 14px 0; border-top: 1px solid var(--line-dark); display: flex; gap: 14px; align-items: baseline; color: #DCE7F3; }
  #baw .criteria li:last-child { border-bottom: 1px solid var(--line-dark); }
  #baw .criteria li b { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--sky); transform: translateY(1px); }
  #baw .apply-cta { margin-top: 26px; }
  #baw .apply-cta p { display: block; clear: both; margin-top: 14px; font-size: .92rem; color: var(--muted-dark); }
  #baw .split--tight { margin-top: 56px; }
  @media (max-width: 860px) { #baw .split { grid-template-columns: 1fr; gap: 48px; } #baw .split--tight { margin-top: 48px; } }

  /* ---------- Contacto ---------- */
  #baw .contact { display: grid; grid-template-columns: .8fr 1.2fr; gap: 56px; align-items: start; }
  #baw #contacto.section { padding: 52px 0; }
  #baw .contact__info p { margin-top: 14px; color: var(--muted); max-width: 26em; }
  #baw .contact__info p strong { color: var(--ink); }
  #baw .form { background: var(--white); border: 1px solid var(--line); border-radius: 14px; padding: 24px; }
  #baw .field { margin-bottom: 13px; }
  #baw .field label { display: block; font-weight: 600; margin-bottom: 6px; font-size: .98rem; }
  #baw .field label span { color: var(--sky-deep); }
  #baw .field input, #baw .field textarea {
    width: 100%; font: inherit; color: var(--ink); background: var(--bone);
    border: 1.5px solid var(--line); border-radius: 8px; padding: 12px 14px; transition: border-color .15s, background .15s;
  }
  #baw .field textarea { min-height: 105px; resize: vertical; }
  #baw .field input:hover, #baw .field textarea:hover { border-color: #9DB1C8; }
  #baw .field input:focus, #baw .field textarea:focus { outline: 3px solid rgba(11,111,164,.28); border-color: var(--sky-deep); background: var(--white); }
  #baw .field input:user-invalid, #baw .field textarea:user-invalid { border-color: #B3261E; }
  #baw .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }   /* campo trampa anti-spam */
  #baw .form__status { margin-top: 18px; padding: 14px 16px; border-radius: 8px; font-weight: 500; display: none; }
  #baw .form__status.is-ok { display: block; background: #E3F4E8; color: #14532D; border-left: 4px solid #1E8E4A; }
  #baw .form__status.is-err { display: block; background: #FBE9E7; color: #7A1A14; border-left: 4px solid #B3261E; }
  #baw .btn[disabled] { opacity: .6; cursor: progress; }
  @media (max-width: 860px) { #baw #contacto.section { padding: 48px 0; } #baw .contact { grid-template-columns: 1fr; gap: 32px; } #baw .form { padding: 22px; } }

  /* ---------- Pie ---------- */
  #baw .foot { background: var(--navy-950); color: var(--muted-dark); padding: 32px 0; font-size: .94rem; }
  #baw .foot strong { color: var(--white); font-weight: 600; }

@media (max-width: 980px) { #baw { --baw-sticky-top: 0px; } }

/* Ajustes locales de integración de la página Spaceweek */
body.page-id-209448 #main-header { display: none !important; }
body.page-id-209448 #page-container { padding-top: 0 !important; }
#baw .hero__back-wrap { display: flex; justify-content: flex-end; margin-bottom: 20px; }
#baw .baw-back { display: flex; align-items: center; width: fit-content; margin: 0; padding: 7px 12px; border: 1px solid var(--line-dark); border-radius: 6px; color: var(--white); font-size: .9rem; font-weight: 500; line-height: 1.25; text-decoration: none; transition: background .15s, border-color .15s; }
@media (max-width: 900px) { #baw .hero__back-wrap { justify-content: flex-start; margin-bottom: 16px; } }
#baw .baw-back:hover { background: var(--navy-700); border-color: var(--sky); }


  /* Secondary location links in the closure venue */
  #baw .venue a.venue__map-link {
    display: inline-flex; align-items: center; justify-content: center; min-height: 40px;
    margin: 8px 10px 0 0; padding: 8px 13px; color: var(--navy);
    background: rgba(255,255,255,.92); border: 1px solid rgba(201,216,234,.9);
    border-radius: 7px; font-size: .9rem; font-weight: 600; line-height: 1.2;
    text-decoration: none; transition: background-color .18s ease, border-color .18s ease;
  }
  #baw .venue a.venue__map-link:hover { background: #fff; border-color: #8799ae; }
  #baw .venue a.venue__map-link:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
  @media (max-width: 480px) {
    #baw .venue a.venue__map-link { margin-right: 6px; padding: 8px 10px; font-size: .875rem; }
  }
  @media (prefers-reduced-motion: reduce) { #baw .venue a.venue__map-link { transition: none; } }


  /* Cine Espacial: branded social registration actions */
  #baw .btn--social { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; box-sizing: border-box; white-space: normal; line-height: 1.2; }
  #baw .btn--social img { display: block; width: 19px; height: 19px; flex: none; }
  #baw .btn--facebook { background-color: #1877F2; color: #fff; }
  #baw .btn--facebook:hover { background-color: #166FE5; color: #fff; }
  #baw .btn--telegram { background-color: #229ED9; color: #fff; }
  #baw .btn--telegram:hover { background-color: #1E8FC5; color: #fff; }
  #baw .btn--social:focus-visible { outline: 3px solid #13243b; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) { #baw .btn--social { transition: none; } }