/* SYSDATEC 2027 · Quiénes Somos (portal institucional) — maquetación propia de esta página.
   Sistema V3 (Manrope + Instrument Serif, azul/cian). Todo bajo .qs; sin dependencias de rc.css.
   Estándar de simetría: contenedor 1200, escala 4–64, columnas iguales (stretch), sin alturas fijas que corten contenido. */
body{overflow-x:clip}
.qs{--blue:#0060D4;--deep:#002784;--ink:#050d24;--cyan:#01DAFE;--mist:#EAF3FF;--mut:#3b4a68;--bd:1px solid #d9e4fb;--sh:0 12px 32px #0027841a;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r:24px;--rs:16px;--sec:clamp(32px,4vw,56px);
  font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.65}
.qs *,.qs *::before,.qs *::after{box-sizing:border-box}
.qs h1,.qs h2,.qs h3{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0;color:var(--deep)}
.qs p{margin:0;color:inherit}.qs ul,.qs ol,.qs dl,.qs dd,.qs figure{margin:0;padding:0;list-style:none}
.qs img,.qs video{display:block;max-width:100%}
.qs a{color:var(--blue)}
.qs :focus-visible{outline:3px solid #ffbf00;outline-offset:3px;border-radius:6px}
.qs .w{width:min(1200px,100% - 40px);margin-inline:auto}
.qs .serif{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.01em}
.qs .eyebrow{display:inline-block;color:var(--blue);font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}
.qs h2{font-size:clamp(1.9rem,3.8vw,3rem);margin-top:var(--s3)}
.qs .sub{color:var(--mut);margin-top:var(--s4);max-width:64ch}
.qs .head{max-width:760px;margin-bottom:var(--s7)}.qs .head--c{margin-inline:auto;text-align:center}.qs .head--c .sub{margin-inline:auto}
.qs p a:not(.btn){text-decoration:underline;text-underline-offset:3px}
.qs .ph{border-radius:var(--r);overflow:hidden;background:#dfe8f7}.qs .ph img{width:100%;height:100%;object-fit:cover}

/* Aviso provisional */
.qs .prev{background:#fff4d6;color:#4a3500;border-bottom:1px solid #f0d78a;font-size:.9rem;padding:var(--s2) 0}
.qs .prev .w{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5)}
.qs .prev details{flex:1 1 280px;min-width:0}.qs .prev summary{cursor:pointer;font-weight:700;text-decoration:underline;min-height:24px}
.qs .prev ul{margin-top:var(--s2);padding-left:var(--s5);list-style:disc;display:grid;gap:4px}.qs .prev b{font-weight:800}.qs .prev a{color:inherit}

/* Botones */
.qs .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:52px;padding:0 var(--s5);border-radius:99px;font:800 1rem/1.2 'Manrope',system-ui,sans-serif;text-decoration:none!important;text-align:center;cursor:pointer;border:2px solid var(--cyan);background:var(--cyan);color:var(--ink);transition:transform .2s,box-shadow .2s,background .2s}
.qs .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px #01dafe55}
.qs .btn--ghost{background:transparent;color:#fff;border-color:#ffffffaa}.qs .btn--ghost:hover{background:#ffffff22;box-shadow:none}
.qs .btn--blue{background:var(--blue);border-color:var(--blue);color:#fff}.qs .btn--blue:hover{background:var(--deep);border-color:var(--deep);box-shadow:0 12px 26px #0060d44d}
.qs .btn--line{background:#fff;color:var(--deep);border-color:var(--deep)}.qs .btn--line:hover{background:var(--mist);box-shadow:none}
.qs .acts{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* HERO con collage de fotos reales */
.qs .hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--ink);padding:var(--s7) 0 var(--s8)}
.qs .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 60% at 88% 0%,#0060D4aa,transparent 70%),radial-gradient(50% 50% at 0% 100%,#01DAFE33,transparent 70%),linear-gradient(160deg,#050d24,#0a2160)}
.qs .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(1,218,254,.07) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(1,218,254,.07) 1px,transparent 1px) 0 0/64px 64px;mask-image:linear-gradient(180deg,#000 30%,transparent)}
.qs .crumb{font-size:.86rem;color:#cfe0ff;margin-bottom:var(--s5)}.qs .crumb a{color:#cfe0ff;text-decoration:underline;text-underline-offset:3px}.qs .crumb a:hover{color:#fff}.qs .crumb span{margin:0 6px;opacity:.6}
.qs .hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--s7);align-items:center}
.qs .pill{display:inline-block;border:1px solid #ffffff77;padding:6px var(--s4);border-radius:99px;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.qs .hero h1{color:#fff;font-size:clamp(2.6rem,6vw,5rem);margin:var(--s5) 0 var(--s4)}.qs .hero h1 .serif{color:var(--cyan);font-size:1.04em}
.qs .lead{font-size:1.15rem;color:#e4ecff;max-width:44ch}
.qs .where{margin-top:var(--s4);font-weight:700;color:#cfe0ff;font-size:.95rem}
.qs .hero .acts{margin-top:var(--s6)}
.qs .collage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--s3);aspect-ratio:1.25/1}
.qs .collage figure{border-radius:var(--rs);overflow:hidden;border:1px solid #ffffff55;box-shadow:0 24px 50px #0006}.qs .collage img{width:100%;height:100%;object-fit:cover}
.qs .collage figure:first-child{grid-row:1/3}

/* Cifras */
.qs .facts-wrap{position:relative;z-index:2;margin-top:-40px}
.qs .facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border:var(--bd);border-radius:var(--r);box-shadow:0 24px 54px #0027842e;overflow:hidden}
.qs .facts li{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s5);border-left:1px solid #e3ebfa}.qs .facts li:first-child{border-left:0}
.qs .facts b{font:800 2rem/1.1 'Manrope',sans-serif;color:var(--blue);letter-spacing:-.03em}.qs .facts span{font-size:.92rem;color:var(--mut);font-weight:600}

/* Secciones */
.qs .blk{padding-block:var(--sec);scroll-margin-top:96px}.qs .blk--tint{background:var(--mist)}.qs .blk--dark{background:var(--ink);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.qs .blk--dark::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 90% 0%,#0060D488,transparent 70%),linear-gradient(160deg,#050d24,#0a2160)}
.qs .blk--dark h2{color:#fff}.qs .blk--dark .eyebrow{color:var(--cyan)}.qs .blk--dark .sub{color:#d6e4ff}
.qs .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s7);align-items:center}
.qs .split--top{align-items:start}
.qs .split--eq{align-items:stretch}.qs .split--eq .mv article{height:100%;justify-content:center}

/* Presentación */
.qs .intro{font-size:clamp(1.05rem,1.5vw,1.18rem);line-height:1.65;color:var(--deep);font-weight:600;letter-spacing:-.01em}

/* Misión y visión */
.qs .mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.qs .mv article{display:flex;flex-direction:column;gap:var(--s3);background:#fff;border:var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:var(--s6)}
.qs .mv h3{font-size:1.7rem;color:var(--blue)}.qs .mv p{color:var(--mut)}
.qs .vals{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s6)}
.qs .vals b{font-weight:800;color:var(--deep);margin-right:var(--s2)}
.qs .vals li{background:#fff;border:var(--bd);border-radius:99px;padding:var(--s2) var(--s4);font-weight:700;color:var(--deep);font-size:.95rem}
.qs .vals a{font-weight:700;margin-left:var(--s2)}

/* Línea de tiempo */
.qs .tl{position:relative;display:grid;gap:0}
.qs .tl::before{content:"";position:absolute;left:176px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(180deg,var(--blue) 0 8px,transparent 8px 16px);opacity:.45}
.qs .tl li{display:grid;grid-template-columns:150px 52px minmax(0,1fr);gap:0;align-items:start;padding:var(--s3) 0}
.qs .tl .y{font:800 1.25rem/1.2 'Manrope',sans-serif;color:var(--blue);letter-spacing:-.02em;padding-top:var(--s2);text-align:right}
.qs .tl .node{width:14px;height:14px;border-radius:50%;background:var(--deep);box-shadow:0 0 0 5px var(--mist);margin:14px auto 0;position:relative}
.qs .tl .c{background:#fff;border:var(--bd);border-radius:var(--rs);padding:var(--s4) var(--s5);box-shadow:var(--sh)}
.qs .tl h3{font-size:1.1rem}.qs .tl p{color:var(--mut);font-size:.96rem;margin-top:var(--s1)}

/* Capítulos */
.qs .prose p{color:var(--mut);margin-top:var(--s4)}.qs .prose p:first-of-type{margin-top:0}.qs .prose strong{color:var(--deep)}
.qs .prose h3{font-size:1.5rem;margin-bottom:var(--s3)}
.qs .founder{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid #c9d7f2;font-weight:800;color:var(--deep)}
.qs .photos{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:var(--s3);align-items:stretch}
.qs .photos .ph:first-child{aspect-ratio:auto}.qs .photos .ph{min-height:220px}
.qs .photos .col{display:grid;grid-template-rows:1fr;gap:var(--s3)}
.qs .cap{font-size:.85rem;color:var(--mut);margin-top:var(--s2)}

.qs .log{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}
.qs .log li{display:flex;flex-direction:column;gap:var(--s2);background:#fff;border:var(--bd);border-top:4px solid var(--blue);border-radius:var(--rs);box-shadow:var(--sh);padding:var(--s5)}
.qs .log .tag{align-self:flex-start;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--blue);background:var(--mist);border-radius:99px;padding:4px var(--s3)}
.qs .log h3{font-size:1.2rem}.qs .log p{color:var(--mut);font-size:.97rem}

.qs .four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--s5)}
.qs .four li{padding:var(--s4) 0;border-top:3px solid var(--blue)}.qs .four h3{font-size:1.15rem;margin-top:var(--s3)}.qs .four p{color:var(--mut);font-size:.96rem;margin-top:var(--s2)}

.qs .qband{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:var(--s7);align-items:center}
.qs .qband p{color:#d6e4ff;margin-top:var(--s4);max-width:66ch}.qs .qband strong{color:#fff}

.qs .awards{border-top:1px solid #c9d7f2}
.qs .awards li{display:grid;grid-template-columns:130px minmax(0,1fr);gap:var(--s5);padding:var(--s4) 0;border-bottom:1px solid #c9d7f2}
.qs .awards .d{font-weight:800;color:var(--blue);line-height:1.3}
.qs .awards h3{font-size:1.1rem}.qs .awards p{color:var(--mut);font-size:.96rem;margin-top:var(--s1)}

.qs .rs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--s5);align-items:stretch}
.qs .rs>div{display:flex;flex-direction:column;justify-content:center;gap:var(--s2);background:#fff;border:var(--bd);border-radius:var(--r);padding:var(--s6);box-shadow:var(--sh)}
.qs .rs span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--mut)}.qs .rs strong{font-size:1.4rem;line-height:1.2;color:var(--deep)}
.qs .rs>div:last-child{background:var(--deep);border-color:var(--deep)}.qs .rs>div:last-child span{color:var(--cyan)}.qs .rs>div:last-child strong{color:#fff}
.qs .rs .ar{align-self:center;font-size:2rem;color:var(--blue);font-weight:800}

.qs .gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-top:var(--s7)}
.qs .gal .ph{aspect-ratio:4/3;border-radius:var(--rs)}
.qs .video{margin:var(--s3) auto 0;max-width:820px;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:4/3}.qs .video video{width:100%;height:100%;object-fit:contain}

.qs .band{padding:var(--sec) 0;background:#fff}
.qs .band-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s7);align-items:center;background:linear-gradient(150deg,#001a5e,var(--deep) 60%,var(--blue));color:#fff;border-radius:var(--r);padding:var(--s7)}
.qs .band h2{margin:0;color:#fff;font-size:clamp(1.7rem,3.2vw,2.4rem)}.qs .band p{color:#d6e4ff;margin-top:var(--s4);max-width:60ch}
.qs .band .acts{flex-direction:column;min-width:290px}

@media(max-width:1000px){
  .qs .split,.qs .qband{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .qs .four{grid-template-columns:repeat(2,minmax(0,1fr))}.qs .four li:nth-child(n+3){margin-top:var(--s4)}
  .qs .facts{grid-template-columns:repeat(2,minmax(0,1fr))}.qs .facts li:nth-child(3){border-left:0}.qs .facts li:nth-child(n+3){border-top:1px solid #e3ebfa}
  .qs .tl::before{left:7px}.qs .tl li{grid-template-columns:28px minmax(0,1fr)}.qs .tl .y{grid-column:2;text-align:left;padding:0}.qs .tl .node{grid-column:1;grid-row:1/3;margin:6px 0 0 0}.qs .tl .c{grid-column:2}
}
@media(max-width:900px){
  .qs .hgrid,.qs .band-in{grid-template-columns:minmax(0,1fr)}
  .qs .band-in{padding:var(--s6)}.qs .band .acts{flex-direction:row;min-width:0}
  .qs .mv,.qs .log{grid-template-columns:minmax(0,1fr)}
  .qs .rs{grid-template-columns:minmax(0,1fr)}.qs .rs .ar{transform:rotate(90deg);justify-self:center}
}
@media(max-width:600px){
  .qs{font-size:16px}
  .qs .acts>.btn{flex:1 1 100%}
  .qs .facts{grid-template-columns:minmax(0,1fr)}.qs .facts li{border-left:0;border-top:1px solid #e3ebfa;padding:var(--s4) var(--s5)}.qs .facts li:first-child{border-top:0}
  .qs .four{grid-template-columns:minmax(0,1fr)}.qs .four li:nth-child(n+2){margin-top:var(--s2)}
  .qs .awards li{grid-template-columns:minmax(0,1fr);gap:var(--s1)}
  .qs .gal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qs .mv article,.qs .log li,.qs .rs>div{padding:var(--s5)}
  .qs .photos{grid-template-columns:minmax(0,1fr)}
  .qs .collage{aspect-ratio:1/1}
}
@media(prefers-reduced-motion:reduce){.qs .btn{transition:none}.qs .btn:hover{transform:none}}