/* ==========================================================================
   Quantum Futura · estilo "Misión"
   Capa SOLO de formato para las páginas interiores (no agrega ni quita
   contenido). Se carga después de los estilos propios de cada página.
   Blanco y negro, títulos en mayúsculas condensadas, botones píldora.
   ========================================================================== */
:root{
  --qf-ink:#fff;--qf-ink-2:rgba(240,240,250,.78);--qf-ink-3:rgba(240,240,250,.58);
  --qf-line:rgba(255,255,255,.12);--qf-line-2:rgba(255,255,255,.24);
  --qf-display:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --qf-text:'Barlow',Arial,sans-serif;
}

/* base */
body{font-family:var(--qf-text)!important;color:var(--qf-ink)}
::selection{background:#fff!important;color:#000!important}
:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:4px}
.mono{font-family:var(--qf-text)!important;font-weight:600;text-transform:uppercase}

/* títulos: mayúsculas condensadas */
h1,h2,h3{font-family:var(--qf-display)!important;text-transform:uppercase;font-weight:700!important;letter-spacing:.015em!important;text-wrap:balance}
h1,h1.t{line-height:.96!important;color:#fff!important;text-shadow:none!important}
h1.t{font-size:clamp(46px,7.4vw,96px)!important}
h2{line-height:1.02!important}
h3{letter-spacing:.04em!important}

/* etiquetas "// ..." y rótulos: gris claro, espaciado amplio */
.kicker,.team-kicker,.label,.updated{font-family:var(--qf-text)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.28em!important;color:var(--qf-ink-2)!important}
.label{letter-spacing:.2em!important}

/* textos */
.sub,.lead,p,p.body{color:var(--qf-ink-2)}
/* textos justificados; los párrafos que estaban centrados mantienen centrada su última línea */
p,li{text-align:justify!important;-webkit-hyphens:auto;hyphens:auto}
p[style*="text-align:center"],.incog-note{text-align:justify!important;text-align-last:center}

/* acentos de color de la versión anterior -> monocromo */
.qf,.amber,.blue{color:#fff!important}
.qf{font-weight:700}
[style*="color:#8fe0d0"],[style*="color: #8fe0d0"]{color:var(--qf-ink-2)!important}
[style*="color:#ffcb3d"],[style*="color: #ffcb3d"],[style*="color:#5b9dff"]{color:#fff!important}
[style*="border:2px solid #8fe0d0"]{border-color:#fff!important}
[style*="border:2px solid rgba(143,224,208"]{border-color:rgba(255,255,255,.45)!important}
[style*="background:#8fe0d0"],[style*="background:linear-gradient(135deg,#8fe0d0"]{background:#fff!important;color:#000!important}
[style*="box-shadow:0 0 50px rgba(143,224,208"],[style*="box-shadow:0 0 40px rgba(143,224,208"],[style*="box-shadow:0 0 60px rgba(143,224,208"]{box-shadow:none!important}
[style*="background:#ffcb3d"]{background:transparent!important;color:#fff!important;border:1px solid #fff!important;border-radius:32px!important;font-family:var(--qf-text)!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase;font-size:13px!important;transition:background-color .3s,color .3s}
[style*="background:#ffcb3d"]:hover{background:#fff!important;color:#000!important}

/* navegación */
nav{background:rgba(0,0,0,.5)!important;border-bottom:1px solid rgba(255,255,255,.08)}
.logo,nav>a:first-child{font-family:var(--qf-display)!important;font-weight:700!important;font-size:20px!important;letter-spacing:.22em!important;text-transform:uppercase;color:#fff!important}
/* logo v3 */
.logo-img{display:block;height:40px;width:auto}
@media(max-width:600px){.logo-img{height:34px}}
.logo:has(.logo-img),nav>a:first-child:has(.logo-img){padding:0!important;line-height:0}
.dot,nav>a:first-child>span:first-child{width:6px!important;height:6px!important;background:#fff!important;box-shadow:none!important}
.back{font-family:var(--qf-text)!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--qf-ink-2)!important}
.back:hover{color:#fff!important}

/* tarjetas y superficies */
.card{background:rgba(10,10,12,.55)!important;border:1px solid var(--qf-line)!important;border-radius:8px!important}
.card a.mono,.card a[style*="color:#8fe0d0"]{color:#fff!important;letter-spacing:.16em;font-size:12.5px;text-decoration:underline!important;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35)!important}
.photo,.origin-photo,.shot,.video,.vslot,.card .logo-slot{border-radius:8px!important;box-shadow:none!important;border-color:var(--qf-line)!important}
.vslot{border-style:dashed!important;border-color:var(--qf-line-2)!important}
.member-photo{border:1px solid rgba(255,255,255,.35)!important;box-shadow:none!important}
.member .role{color:var(--qf-ink-2)!important;letter-spacing:.2em!important}
.member h3{color:#fff!important}
.lead[style],.lead{border-left-color:#fff}
main .lead{border-left-color:rgba(255,255,255,.6)!important;background:rgba(255,255,255,.03)!important}
.yt-link{color:#fff!important;font-family:var(--qf-text);font-weight:600;letter-spacing:.14em!important;text-transform:uppercase;font-size:12.5px!important}
.method .num,.shot .cap span,.fail .ft{font-family:var(--qf-text)!important;font-weight:600;letter-spacing:.2em!important}
.method .num{color:var(--qf-ink-2)!important}

/* formulario de verificación (Quiénes somos) */
.verify-form input{border-radius:4px!important;border-color:var(--qf-line-2)!important;font-family:var(--qf-text)!important}
.verify-form input:focus{outline:none;border-color:#fff!important}
.verify-form button{background:transparent!important;color:#fff!important;border:1px solid #fff!important;border-radius:32px!important;font-family:var(--qf-text)!important;font-weight:700!important;letter-spacing:.16em;text-transform:uppercase;font-size:13px!important;transition:background-color .3s,color .3s}
.verify-form button:hover{background:#fff!important;color:#000!important}
.verify-result.ok{background:rgba(255,255,255,.06)!important;border-color:var(--qf-line-2)!important}

/* pie */
footer{border-top-color:rgba(255,255,255,.1)!important}
footer>.foot>span:first-child,footer span[style*="font-size:24px"]{font-family:var(--qf-display)!important;font-weight:700!important;letter-spacing:.14em!important}
.foot-links{font-family:var(--qf-text)!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--qf-ink-2)!important}
.foot-links a:hover{color:#fff!important}
footer .mono{letter-spacing:.2em!important;color:var(--qf-ink-3)!important}

/* menú compartido (site-menu.js) */
#qf-burger{width:auto!important;height:42px!important;padding:0 18px!important;border-radius:32px!important;border-color:rgba(255,255,255,.5)!important;font-family:var(--qf-text)!important;font-weight:700!important;font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;gap:10px;transition:background-color .25s,color .25s}
#qf-burger:hover{background:#fff!important;color:#000!important}
#qf-menu{background:rgba(0,0,0,.96)!important;overscroll-behavior:contain}
#qf-menu a[data-mi]{font-family:var(--qf-display)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.02em!important;line-height:1.15;transition:opacity .2s}
#qf-menu a[data-mi]:hover{opacity:.6}
#qf-menu button{font-family:var(--qf-text)!important}
#qf-menu>button[aria-label]{border-radius:32px!important}

/* móvil: márgenes más ajustados y sin desbordes laterales */

@media(max-width:600px){
  nav,footer{padding-left:20px!important;padding-right:20px!important}
  main,.wrap,.team{padding-left:20px!important;padding-right:20px!important}
  .col,.origin-text,.verify-form input{min-width:0!important}
  .card{padding:24px!important}
}

/* páginas dc (Avance): React serializa los estilos en rgb(), así que se cubren ambas formas */
[style*="color: rgb(143, 224, 208)"]{color:var(--qf-ink-2)!important}
[style*="border: 2px solid rgb(143, 224, 208)"],[style*="border-color: rgb(143, 224, 208)"]{border-color:#fff!important}
[style*="border: 2px solid rgba(143, 224, 208"]{border-color:rgba(255,255,255,.45)!important}
[style*="background: rgb(143, 224, 208)"]{background:#fff!important}
[style*="rgba(143, 224, 208"][style*="box-shadow"]{box-shadow:none!important}
[style*="background: linear-gradient"][style*="143, 224, 208"]{background:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.08))!important}
footer a{color:var(--qf-ink-2)!important;text-decoration:none}
footer a:hover{color:#fff!important}

/* correos (Contacto): se mantienen en minúsculas y en fuente de texto */
.card:has(a[href^="mailto:"]) h2.s{font-family:var(--qf-text)!important;text-transform:none;font-weight:600!important;font-size:clamp(17px,1.6vw,19px)!important;letter-spacing:0!important;overflow-wrap:anywhere}