/* ============================================================
   Colegio San Bartolomé de Belmont — Digital Bee demo
   Navy + dorado, serif clásico, prestigio institucional
   ============================================================ */

:root{
  --bg:#0E1B33;
  --surface:#16264A;
  --fg:#F3F1E9;
  --muted:#A9B4CC;
  --accent:#C9A23F;
  --accent-ink:#8A6A1E;       /* dorado oscuro para texto chico sobre claro */
  --accent-soft:#E3C878;      /* dorado claro para realces sobre navy */
  --line:#2A3A5C;

  --surface-2:#1B2E58;
  --bg-deep:#0A1528;

  --font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:"Newsreader", Georgia, "Times New Roman", serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --maxw:1180px;
  --pad:clamp(1.15rem, 5vw, 4rem);
  --demobar-h:34px;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

body{
  margin:0;
  background:var(--bg);
  color:var(--fg);
  font-family:var(--font-body);
  font-size:clamp(1rem,.96rem + .25vw,1.075rem);
  line-height:1.72;
  font-weight:400;
  letter-spacing:.005em;
  overflow-x:hidden;
  padding-top:var(--demobar-h);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--accent);color:var(--bg-deep);}

:focus-visible{
  outline:2px solid var(--accent-soft);
  outline-offset:3px;
  border-radius:3px;
}

/* ---------- Tipografía base ---------- */
h1,h2,h3{
  font-family:var(--font-display);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.01em;
  margin:0;
}
.section__title{
  font-size:clamp(1.85rem,1.3rem + 2.4vw,3.05rem);
  color:var(--fg);
  max-width:18ch;
  text-wrap:balance;
}
.section__sub{
  margin:1.1rem 0 0;
  color:var(--muted);
  font-size:1.075rem;
  max-width:54ch;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:.6em;
  font-family:var(--font-body);
  font-size:.74rem;
  font-weight:500;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--accent);
  margin:0 0 1.1rem;
}
.eyebrow::before{
  content:"";width:26px;height:1px;background:var(--accent);opacity:.85;
}
.eyebrow--light{color:var(--accent-soft);}
.eyebrow--light::before{background:var(--accent-soft);}

.lead{font-size:1.16rem;line-height:1.6;color:var(--fg);}

/* ---------- Botones ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  font-family:var(--font-body);
  font-size:.95rem;font-weight:500;letter-spacing:.01em;
  padding:.92em 1.7em;
  border-radius:2px;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .35s var(--ease-out),background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease);
  will-change:transform;
}
.btn--accent{
  background:var(--accent);
  color:var(--bg-deep);
  border-color:var(--accent);
  box-shadow:0 10px 30px -14px rgba(201,162,63,.55);
}
.btn--accent:hover{background:var(--accent-soft);border-color:var(--accent-soft);transform:translateY(-2px);}
.btn--ghost{
  background:transparent;
  color:var(--fg);
  border-color:var(--line);
}
.btn--ghost:hover{border-color:var(--accent);color:var(--accent-soft);transform:translateY(-2px);}
.btn--block{width:100%;}

/* ---------- Barra DEMO ---------- */
.demobar{
  position:fixed;top:0;left:0;right:0;z-index:100;
  height:var(--demobar-h);
  display:flex;align-items:center;justify-content:center;gap:.4em;
  background:var(--bg-deep);
  color:var(--fg);
  font-family:var(--font-body);
  font-size:.78rem;letter-spacing:.02em;
  border-bottom:1px solid var(--line);
  padding:0 1rem;text-align:center;
  transition:background .3s var(--ease),color .3s var(--ease);
}
.demobar u{color:var(--accent);text-underline-offset:3px;}
.demobar__mark{color:var(--accent);font-size:.82rem;}
.demobar:hover{background:#070F1F;}
.demobar:hover u{color:var(--accent-soft);}

/* ---------- NAV ---------- */
.nav{
  position:fixed;top:var(--demobar-h);left:0;right:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.85rem var(--pad);
  background:rgba(14,27,51,.72);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid transparent;
  transition:background .4s var(--ease),border-color .4s var(--ease),padding .4s var(--ease);
}
.nav.is-stuck{
  background:rgba(10,18,36,.92);
  border-bottom-color:var(--line);
  padding-top:.65rem;padding-bottom:.65rem;
}
.nav__brand{display:flex;align-items:center;gap:.7rem;}
.nav__crest{color:var(--accent);display:grid;place-items:center;flex:none;}
.nav__brand-name{
  font-family:var(--font-display);
  font-size:1.32rem;font-weight:600;line-height:1;
  color:var(--fg);letter-spacing:.01em;
  display:flex;flex-direction:column;
}
.nav__brand-sub{
  font-family:var(--font-body);
  font-size:.62rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;
  color:var(--accent);margin-top:.25em;
}
.nav__links{display:flex;align-items:center;gap:1.9rem;}
.nav__links a{
  font-size:.92rem;color:var(--muted);
  position:relative;padding:.2em 0;
  transition:color .3s var(--ease);
}
.nav__links a::after{
  content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;
  background:var(--accent);transition:width .35s var(--ease-out);
}
.nav__links a:hover{color:var(--fg);}
.nav__links a:hover::after{width:100%;}
.nav__cta{
  font-size:.88rem;font-weight:500;color:var(--bg-deep);
  background:var(--accent);
  padding:.6em 1.25em;border-radius:2px;
  border:1px solid var(--accent);
  transition:background .3s var(--ease),transform .3s var(--ease-out);
}
.nav__cta:hover{background:var(--accent-soft);border-color:var(--accent-soft);transform:translateY(-1px);}
.nav__burger{display:none;}

/* ---------- HERO ---------- */
.hero{
  position:relative;
  min-height:100svh;
  display:flex;flex-direction:column;justify-content:center;
  padding:clamp(7rem,18vh,11rem) var(--pad) clamp(3rem,8vh,5rem);
  overflow:hidden;
  isolation:isolate;
}
.hero__bg{position:absolute;inset:0;z-index:-2;}
.hero__mesh{
  position:absolute;inset:0;
  background:
    radial-gradient(120% 90% at 78% 8%, rgba(201,162,63,.16) 0%, rgba(201,162,63,0) 45%),
    radial-gradient(100% 80% at 12% 100%, rgba(27,46,88,.85) 0%, rgba(14,27,51,0) 55%),
    radial-gradient(140% 120% at 50% 0%, #1A2C52 0%, var(--bg) 58%, var(--bg-deep) 100%);
}
.hero__rays{
  position:absolute;inset:0;opacity:.5;
  background:
    repeating-conic-gradient(from 200deg at 82% 6%,
      rgba(201,162,63,.07) 0deg,
      rgba(201,162,63,0) 7deg 26deg);
  mask-image:radial-gradient(60% 60% at 82% 6%, #000 0%, transparent 70%);
  -webkit-mask-image:radial-gradient(60% 60% at 82% 6%, #000 0%, transparent 70%);
}
.hero__grid{
  position:absolute;inset:0;opacity:.4;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);
  -webkit-mask-image:linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent);
}
.hero__inner{position:relative;max-width:var(--maxw);width:100%;margin:0 auto;}
.hero__eyebrow{
  font-size:.78rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;
  color:var(--accent);margin:0 0 1.5rem;
  display:inline-flex;align-items:center;gap:.7em;
}
.hero__eyebrow::before{content:"✦";color:var(--accent);font-size:.9em;}
.hero__title{
  font-size:clamp(2.5rem,1.4rem + 5.2vw,5.1rem);
  font-weight:500;line-height:1.04;
  letter-spacing:-.015em;
  max-width:17ch;
  color:var(--fg);
  text-wrap:balance;
}
.hero__title em{font-style:italic;color:var(--accent-soft);font-weight:500;}
.hero__lead{
  margin:1.8rem 0 0;
  max-width:50ch;
  font-size:clamp(1.06rem,1rem + .4vw,1.25rem);
  color:var(--muted);
  line-height:1.62;
}
.hero__actions{display:flex;flex-wrap:wrap;gap:.9rem;margin:2.4rem 0 0;}

.hero__stats{
  display:flex;flex-wrap:wrap;gap:clamp(1.6rem,5vw,3.8rem);
  margin:3.4rem 0 0;padding:1.9rem 0 0;
  border-top:1px solid var(--line);
}
.stat{margin:0;}
.stat__num{
  font-family:var(--font-display);
  font-size:clamp(2rem,1.5rem + 1.6vw,2.7rem);
  font-weight:600;color:var(--accent-soft);line-height:1;
  letter-spacing:.01em;
}
.stat__label{
  margin:.5rem 0 0;font-size:.86rem;color:var(--muted);
  max-width:18ch;line-height:1.45;
}

.hero__crest{
  position:absolute;
  right:clamp(-2rem,3vw,3rem);top:50%;
  transform:translateY(-46%);
  z-index:-1;opacity:.92;
  filter:drop-shadow(0 30px 60px rgba(0,0,0,.45));
  animation:floatCrest 9s var(--ease) infinite alternate;
}
@keyframes floatCrest{from{transform:translateY(-49%);}to{transform:translateY(-42%);}}
@media (prefers-reduced-motion:reduce){.hero__crest{animation:none;}}

/* ---------- TRUST STRIP ---------- */
.trust{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--bg-deep);
}
.trust__inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(1.2rem,4vw,3rem);
  padding:1.15rem var(--pad);
}
.trust__item{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:.82rem;letter-spacing:.05em;
  color:var(--muted);
  text-transform:uppercase;
  font-weight:500;
}
.trust__dot{color:var(--accent);font-size:.7em;}

/* ---------- Secciones contenedor ---------- */
.about,.levels,.life,.visit{
  max-width:var(--maxw);margin:0 auto;
  padding:clamp(4.5rem,11vh,8rem) var(--pad);
}

/* ---------- EL COLEGIO ---------- */
.about__head{max-width:34ch;margin:0 0 3.2rem;}
.about__grid{
  display:grid;grid-template-columns:1.5fr 1fr;
  gap:clamp(2rem,5vw,4.5rem);align-items:start;
}
.about__text p{margin:0 0 1.15rem;color:var(--muted);}
.about__text p.lead{color:var(--fg);}
.pillars{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:1.4rem;}
.pillars li{display:flex;gap:1.1rem;align-items:flex-start;}
.pillars__icon{
  flex:none;width:46px;height:46px;border-radius:3px;
  display:grid;place-items:center;
  color:var(--accent);
  background:var(--surface);
  border:1px solid var(--line);
}
.pillars h3{
  font-size:1.3rem;font-weight:600;color:var(--fg);margin:0 0 .2rem;
  letter-spacing:0;
}
.pillars p{margin:0;font-size:.96rem;color:var(--muted);line-height:1.5;}

.about__card{
  position:relative;
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);
  border-radius:4px;
  padding:2.6rem 2.2rem 2.2rem;
  box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
  overflow:hidden;
}
.about__card::before{
  content:"";position:absolute;inset:0;
  border-top:2px solid var(--accent);
  pointer-events:none;
}
.quote__mark{
  font-family:var(--font-display);
  font-size:5rem;line-height:.5;color:var(--accent);opacity:.55;
  margin-bottom:.4rem;height:2rem;
}
.quote{
  margin:0;font-family:var(--font-display);
  font-size:1.55rem;line-height:1.32;font-weight:500;
  color:var(--fg);font-style:italic;
}
.quote__by{display:flex;align-items:center;gap:.85rem;margin:1.8rem 0 0;}
.quote__avatar{
  flex:none;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--accent);color:var(--bg-deep);
  font-family:var(--font-display);font-weight:600;font-size:1rem;
}
.quote__by strong{display:block;font-size:.96rem;color:var(--fg);font-weight:500;font-family:var(--font-body);}
.quote__by span{display:block;font-size:.82rem;color:var(--muted);}
.about__seal{position:absolute;right:1.4rem;bottom:1.2rem;opacity:.35;}

/* ---------- NIVELES ---------- */
.levels{border-top:1px solid var(--line);}
.levels__head,.life__head{max-width:40ch;margin:0 0 3rem;}
.levels__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;
}
.lvl{
  position:relative;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:4px;
  padding:1.7rem 1.5rem 1.8rem;
  display:flex;flex-direction:column;
  transition:transform .45s var(--ease-out),border-color .45s var(--ease),background .45s var(--ease);
  overflow:hidden;
}
.lvl::after{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .5s var(--ease-out);
}
.lvl:hover{transform:translateY(-6px);border-color:#3A4E78;background:var(--surface-2);}
.lvl:hover::after{transform:scaleX(1);}
.lvl--feat{background:linear-gradient(170deg,var(--surface-2),var(--surface));border-color:#3A4E78;}
.lvl--feat::after{transform:scaleX(1);}
.lvl__flag{
  position:absolute;top:1.1rem;right:1.1rem;
  font-size:.62rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
  color:var(--bg-deep);background:var(--accent);
  padding:.3em .7em;border-radius:2px;
}
.lvl__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;}
.lvl__icon{
  width:44px;height:44px;border-radius:3px;display:grid;place-items:center;
  color:var(--accent);background:var(--bg-deep);border:1px solid var(--line);
}
.lvl__age{
  font-size:.72rem;font-weight:500;letter-spacing:.08em;
  color:var(--accent);text-transform:uppercase;
}
.lvl--feat .lvl__age{margin-right:.2rem;}
.lvl__name{font-size:1.4rem;font-weight:600;color:var(--fg);margin:0 0 .55rem;}
.lvl__desc{font-size:.94rem;color:var(--muted);line-height:1.5;margin:0 0 1.1rem;}
.lvl__points{list-style:none;margin:auto 0 0;padding:1.1rem 0 0;display:grid;gap:.55rem;border-top:1px solid var(--line);}
.lvl__points li{
  position:relative;padding-left:1.3rem;font-size:.85rem;color:var(--muted);line-height:1.4;
}
.lvl__points li::before{
  content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;
  border:1px solid var(--accent);transform:rotate(45deg);
}

/* ---------- PROYECTO ---------- */
.project{position:relative;overflow:hidden;border-top:1px solid var(--line);}
.project__bg{position:absolute;inset:0;z-index:0;background:var(--bg-deep);}
.project__mesh{
  position:absolute;inset:0;opacity:.9;
  background:
    radial-gradient(80% 60% at 15% 10%, rgba(201,162,63,.1), transparent 55%),
    radial-gradient(90% 70% at 90% 100%, rgba(27,46,88,.9), transparent 60%);
}
.project__inner{
  position:relative;z-index:1;
  max-width:var(--maxw);margin:0 auto;
  padding:clamp(4.5rem,11vh,8rem) var(--pad);
}
.project__head{max-width:36ch;margin:0 0 3.2rem;}
.project__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:clamp(1.6rem,4vw,3.2rem) clamp(2rem,5vw,4.5rem);
}
.project__list li{
  position:relative;padding-top:1.6rem;
  border-top:1px solid var(--line);
}
.project__no{
  display:block;
  font-family:var(--font-display);
  font-size:1.5rem;font-weight:600;color:var(--accent);
  letter-spacing:.1em;margin-bottom:.7rem;
}
.project__list h3{font-size:1.5rem;font-weight:600;color:var(--fg);margin:0 0 .55rem;}
.project__list p{margin:0;color:var(--muted);font-size:1rem;line-height:1.55;max-width:42ch;}

/* ---------- VIDA ESCOLAR ---------- */
.life{border-top:1px solid var(--line);}
.life__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;}
.act{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:4px;
  padding:1.8rem 1.5rem;
  transition:transform .45s var(--ease-out),border-color .45s var(--ease),background .45s var(--ease);
}
.act:hover{transform:translateY(-6px);border-color:#3A4E78;background:var(--surface-2);}
.act__icon{
  width:48px;height:48px;border-radius:3px;display:grid;place-items:center;
  color:var(--accent);background:var(--bg-deep);border:1px solid var(--line);
  margin-bottom:1.2rem;
}
.act h3{font-size:1.3rem;font-weight:600;color:var(--fg);margin:0 0 .5rem;}
.act p{margin:0;font-size:.94rem;color:var(--muted);line-height:1.5;}

/* ---------- VISITA / UBICACIÓN ---------- */
.visit{border-top:1px solid var(--line);}
.visit__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);
  align-items:center;
}
.visit__list{list-style:none;margin:2.4rem 0 0;padding:0;display:grid;gap:1.5rem;}
.visit__list li{display:flex;gap:1.1rem;align-items:flex-start;}
.visit__ico{
  flex:none;width:44px;height:44px;border-radius:3px;display:grid;place-items:center;
  color:var(--accent);background:var(--surface);border:1px solid var(--line);
}
.visit__list strong{display:block;font-size:1.04rem;color:var(--fg);font-weight:500;font-family:var(--font-display);letter-spacing:.01em;}
.visit__list span{display:block;font-size:.94rem;color:var(--muted);margin-top:.1rem;}

.visit__map{height:100%;min-height:340px;}
.map{
  position:relative;height:100%;min-height:340px;
  border:1px solid var(--line);border-radius:4px;overflow:hidden;
  background:linear-gradient(160deg,var(--surface),var(--bg-deep));
}
.map__grid{
  position:absolute;inset:0;opacity:.5;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:38px 38px;
}
.map__roads{position:absolute;inset:0;opacity:.85;}
.map__roads::before,.map__roads::after{
  content:"";position:absolute;background:var(--surface-2);
}
.map__roads::before{left:0;right:0;top:46%;height:14px;box-shadow:0 60px 0 var(--surface-2);}
.map__roads::after{top:0;bottom:0;left:38%;width:14px;transform:skewX(-9deg);}
.map__pin{
  position:absolute;left:38%;top:46%;transform:translate(-50%,-100%);
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));
  animation:pinDrop 4s var(--ease) infinite;
}
@keyframes pinDrop{0%,100%{transform:translate(-50%,-100%);}50%{transform:translate(-50%,-118%);}}
@media (prefers-reduced-motion:reduce){.map__pin{animation:none;}}
.map__label{
  position:absolute;left:1rem;bottom:1rem;
  background:var(--bg-deep);border:1px solid var(--line);
  color:var(--fg);font-size:.8rem;letter-spacing:.03em;
  padding:.5em .9em;border-radius:2px;
}

/* ---------- ADMISIÓN ---------- */
.admit{position:relative;overflow:hidden;border-top:1px solid var(--line);}
.admit__bg{position:absolute;inset:0;z-index:0;}
.admit__mesh{
  position:absolute;inset:0;
  background:
    radial-gradient(70% 90% at 100% 0%, rgba(201,162,63,.13), transparent 50%),
    radial-gradient(90% 80% at 0% 100%, rgba(27,46,88,.9), transparent 55%),
    var(--bg-deep);
}
.admit__grid{
  position:relative;z-index:1;
  max-width:var(--maxw);margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.2rem,5vw,5rem);
  padding:clamp(4.5rem,11vh,8rem) var(--pad);
  align-items:start;
}
.admit__lead{margin:1.3rem 0 0;color:var(--muted);font-size:1.08rem;max-width:46ch;}
.admit__steps{list-style:none;margin:2.2rem 0 0;padding:0;display:grid;gap:1rem;}
.admit__steps li{
  display:flex;align-items:flex-start;gap:.9rem;
  font-size:1rem;color:var(--fg);
}
.admit__steps span{
  flex:none;width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;
  font-family:var(--font-display);font-weight:600;font-size:1rem;
  color:var(--accent);border:1px solid var(--accent);
  background:rgba(201,162,63,.08);
}
.admit__fee{
  margin:2.2rem 0 0;padding-top:1.4rem;
  border-top:1px solid var(--line);
  font-size:.92rem;color:var(--muted);letter-spacing:.01em;
}

/* ---------- FORMULARIO ---------- */
.form{
  background:linear-gradient(165deg,var(--surface),var(--surface-2));
  border:1px solid var(--line);
  border-radius:4px;
  padding:clamp(1.7rem,3vw,2.5rem);
  box-shadow:0 30px 70px -34px rgba(0,0,0,.65);
}
.form__note{
  margin:0 0 1rem;font-size:.92rem;color:var(--accent-soft);
  display:none;
}
.form__note.is-on{display:block;}
.field{margin:0 0 1.1rem;}
.field--split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.field label{
  display:block;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);margin:0 0 .45rem;font-weight:500;
}
.field input,.field select,.field textarea{
  width:100%;
  font-family:var(--font-body);font-size:1rem;
  color:var(--fg);
  background:var(--bg-deep);
  border:1px solid var(--line);
  border-radius:2px;
  padding:.78em .9em;
  transition:border-color .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);
}
.field textarea{resize:vertical;min-height:96px;line-height:1.5;}
.field input::placeholder,.field textarea::placeholder{color:#7C89A6;}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;
  border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(201,162,63,.18);
  background:#0C1830;
}
.field select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A9B4CC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .9em center;
  padding-right:2.4em;cursor:pointer;
}
.form .btn{margin-top:.4rem;}
.form__fine{margin:.95rem 0 0;font-size:.78rem;color:var(--muted);text-align:center;letter-spacing:.02em;}

/* ---------- CTA DIGITAL BEE ---------- */
.bee{
  border-top:1px solid var(--line);
  background:var(--bg-deep);
  text-align:center;
}
.bee__inner{
  max-width:680px;margin:0 auto;
  padding:clamp(4rem,9vh,6.5rem) var(--pad);
}
.eyebrow--bee{
  color:var(--accent);justify-content:center;
}
.eyebrow--bee::before{display:none;}
.bee__title{
  font-size:clamp(2rem,1.4rem + 2.6vw,3.1rem);color:var(--fg);margin:0 0 1rem;
}
.bee__copy{margin:0 auto 2rem;color:var(--muted);max-width:50ch;font-size:1.06rem;}
.btn--wa{
  background:#25D366;color:#06351A;border-color:#25D366;font-weight:500;
  box-shadow:0 14px 34px -16px rgba(37,211,102,.65);
}
.btn--wa:hover{background:#1FBE5B;border-color:#1FBE5B;transform:translateY(-2px);}

/* ---------- FOOTER ---------- */
.foot{
  background:#070F1F;
  border-top:1px solid var(--line);
  padding:clamp(3rem,7vh,4.5rem) var(--pad) 2.2rem;
}
.foot__top{
  max-width:var(--maxw);margin:0 auto;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:1.4rem;padding-bottom:2rem;border-bottom:1px solid var(--line);
}
.foot__brand{
  display:flex;align-items:center;gap:.6rem;
  font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--fg);
}
.foot__crest{color:var(--accent);display:grid;place-items:center;}
.foot__brand-sub{font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-family:var(--font-body);font-weight:500;}
.foot__nav{display:flex;flex-wrap:wrap;gap:1.6rem;}
.foot__nav a{font-size:.9rem;color:var(--muted);transition:color .3s var(--ease);}
.foot__nav a:hover{color:var(--accent-soft);}
.foot__motto{
  max-width:var(--maxw);margin:1.8rem auto 0;
  display:flex;align-items:center;gap:.6em;
  font-family:var(--font-display);font-style:italic;font-size:1.1rem;
  color:var(--accent-soft);
}
.foot__motto span{color:var(--accent);font-style:normal;font-size:.85em;}
.foot__bottom{
  max-width:var(--maxw);margin:1.6rem auto 0;
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;
  font-size:.82rem;color:var(--muted);
}
.foot__by a{color:var(--accent);text-underline-offset:3px;}
.foot__by a:hover{text-decoration:underline;}

/* ---------- WHATSAPP FLOTANTE ---------- */
.wafloat{
  position:fixed;right:clamp(1rem,3vw,1.6rem);bottom:clamp(1rem,3vw,1.6rem);
  z-index:95;
  width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;
  background:#25D366;color:#06351A;
  box-shadow:0 12px 30px -8px rgba(37,211,102,.7);
  transition:transform .3s var(--ease-out),box-shadow .3s var(--ease);
}
.wafloat:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 18px 38px -10px rgba(37,211,102,.8);}
.wafloat::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  border:2px solid #25D366;animation:waPulse 2.6s var(--ease) infinite;
}
@keyframes waPulse{0%{transform:scale(1);opacity:.7;}100%{transform:scale(1.5);opacity:0;}}
@media (prefers-reduced-motion:reduce){.wafloat::after{animation:none;}}

/* ============================================================
   REVEAL — sólo activos con JS (FOUC-safe)
   ============================================================ */
.js-on [data-reveal]{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);
  will-change:opacity,transform;
}
.js-on [data-reveal].is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js-on [data-reveal]{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1040px){
  .levels__grid,.life__grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .nav__links{
    position:fixed;top:calc(var(--demobar-h) + 58px);left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:rgba(10,18,36,.98);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
    padding:.6rem var(--pad) 1.2rem;
    transform:translateY(-14px);opacity:0;pointer-events:none;
    transition:transform .35s var(--ease-out),opacity .35s var(--ease);
  }
  .nav__links.is-open{transform:none;opacity:1;pointer-events:auto;}
  .nav__links a{width:100%;padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1.05rem;}
  .nav__links a::after{display:none;}
  .nav__cta{display:none;}
  .nav__burger{
    display:flex;flex-direction:column;justify-content:center;gap:6px;
    width:42px;height:42px;background:transparent;border:1px solid var(--line);
    border-radius:3px;cursor:pointer;padding:0 10px;
  }
  .nav__burger span{display:block;height:1.6px;width:100%;background:var(--fg);transition:transform .3s var(--ease),opacity .3s var(--ease);}
  .nav__burger[aria-expanded="true"] span:first-child{transform:translateY(3.8px) rotate(45deg);}
  .nav__burger[aria-expanded="true"] span:last-child{transform:translateY(-3.8px) rotate(-45deg);}
  .hero__crest{opacity:.14;right:-3rem;}
  .about__grid,.visit__grid,.admit__grid,.project__list{grid-template-columns:1fr;}
  .about__head{margin-bottom:2.2rem;}
  .about__card{margin-top:.5rem;}
}
@media (max-width:680px){
  .levels__grid,.life__grid{grid-template-columns:1fr;}
  .field--split{grid-template-columns:1fr;}
  .hero__stats{gap:1.6rem 2.4rem;}
  .stat__label{max-width:22ch;}
  .foot__top{flex-direction:column;align-items:flex-start;}
  .trust__inner{justify-content:flex-start;}
  .hero__crest{display:none;}
}
@media (max-width:380px){
  .hero__title{font-size:2.3rem;}
  .btn{width:100%;}
  .hero__actions{flex-direction:column;}
}