/* =====================================================================
   COLJET Main - Crew Center (phpVMS 7 / Disposable_v3)
   Diseño fiel a https://coljet.com.co (css/styles.css): paleta, tipografía,
   franjas cromadas, brillos, placa del logo, colgante PILOT CHECK IN.
   Este archivo REEMPLAZA a theme_v3.css en el tema Coljet_V1_0 (las
   utilidades que necesitan las vistas de Disposable se copian al final).
   ===================================================================== */
:root{
  --navy:#00112D; --navy-2:#001a40; --navy-3:#06214a; --white:#fff; --mist:#F1F1F1; --fog:#D4D4D4;
  --slate:#484848; --steel:#888A8C; --sky:#CBD9E4; --haze:#BECDD6; --gold:#FCCF00; --gold-deep:#A18A10; --red:#B5121B;
  --glass:rgba(203,217,228,.07); --glass-2:rgba(203,217,228,.04); --edge:rgba(203,217,228,.22); --edge-soft:rgba(203,217,228,.12);
  --on-navy:rgba(255,255,255,.82); --on-light:rgba(0,17,45,.82);
  --ok:#5BC98E; --bad:#FF6B72; --info:#8EC5F0;
  --display:"Ubuntu Condensed","Arial Narrow",Arial,sans-serif;
  --text:"Ubuntu","Segoe UI",Helvetica,Arial,sans-serif;
  --nav-h:80px;
  --chrome:
    linear-gradient(100deg,transparent 36%,rgba(255,255,255,.55) 45%,#fff 50%,rgba(255,255,255,.55) 55%,transparent 64%),
    linear-gradient(180deg,rgba(255,255,255,.95) 0,rgba(255,255,255,.4) 16%,rgba(255,255,255,0) 38%,rgba(0,0,0,.4) 54%,rgba(255,255,255,.28) 76%,rgba(0,0,0,.5) 100%),
    linear-gradient(90deg,#4b535e 0%,#c8d0d8 7%,#fbfcfd 15%,#8a949f 25%,#e8edf1 37%,#ffffff 45%,#98a2ad 56%,#d6dce2 67%,#707a86 79%,#e7ecef 90%,#4b535e 100%);
}

/* ---------- Base ---------- */
html{height:100%;scroll-padding-top:var(--nav-h);background:var(--navy)}
html,body{overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body,#page-container{
  font-family:var(--text);font-weight:300;font-size:.95rem;line-height:1.6;color:var(--on-navy);
  background:var(--navy);background-image:none;
}
#page-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:0}
#page-contents{flex:0 0 auto;min-height:min(55vh,620px);width:min(1440px,100% - 2rem);margin-inline:auto;padding:2rem 0 3rem}
body.cj-home #page-contents{width:100%;max-width:none;padding:0}
:is(b,strong,.fw-bold):not(#cj-landing *):not(#cj-landing-2 *){font-weight:500 !important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--display);font-weight:400;line-height:1.05;color:var(--white);letter-spacing:.01em}
a{color:var(--white);font-weight:400;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
a:hover,a:focus{color:var(--gold)}
p a,.card-text a,li > a:not([class]){color:var(--gold)}
p a:hover,.card-text a:hover{color:var(--white)}
hr{border-color:var(--edge);opacity:1}
::selection{background:var(--gold);color:var(--navy)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.small,small{font-size:.85em}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}}

/* texto / fondos de utilidad (Bootstrap) adaptados a fondo navy */
.text-muted{color:var(--steel) !important}
.text-primary{color:var(--gold) !important}
.text-info{color:var(--info) !important}
.text-success{color:var(--ok) !important}
.text-danger{color:var(--bad) !important}
.text-warning{color:var(--gold) !important}
.text-secondary{color:var(--steel) !important}
.text-232c46{color:var(--sky) !important}
.text-dark:not(.badge):not(.btn):not(.bg-warning):not(.bg-light):not(.bg-white){color:var(--on-navy) !important}
.bg-primary{background-color:var(--gold) !important;color:var(--navy)}
.bg-info{background-color:var(--sky) !important}
.bg-success{background-color:var(--ok) !important}
.bg-warning{background-color:var(--gold) !important}
.bg-danger{background-color:#E2545C !important}
.bg-secondary{background-color:var(--haze) !important}
.bg-dark{background-color:var(--navy) !important}
.bg-light{background-color:var(--glass) !important;color:var(--on-navy)}
.border-dark{border-color:var(--edge) !important}
.border{border-color:var(--edge) !important}

/* ---------- Divisores cromados y brillos (copiados del sitio) ---------- */
.cj-chrome::before,.cj-nav::after,.cj-sec::before,.cj-pagehead::after,#footer::before,.cj-roster::before{
  content:"";position:absolute;left:0;right:0;height:7px;pointer-events:none;z-index:6;
  background:var(--chrome);background-size:300% 100%,100% 100%,100% 100%;background-repeat:no-repeat;
  box-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.3),0 0 14px rgba(190,205,214,.28);
  animation:cj-sheen 6s linear infinite}
.cj-sec::before,#footer::before,.cj-roster::before{top:0}
.cj-nav::after,.cj-pagehead::after{bottom:0}
.cj-nav::before,.cj-sec::after,#footer::after,.cj-roster::after,.cj-pagehead::before{
  content:"";position:absolute;left:0;width:68px;height:68px;pointer-events:none;z-index:7;opacity:0;
  background:radial-gradient(circle,#fff 0 3px,rgba(255,255,255,.95) 4px,rgba(255,255,255,0) 17px),linear-gradient(90deg,transparent 0,#fff 50%,transparent 100%) center/100% 3px no-repeat,linear-gradient(0deg,transparent 0,#fff 50%,transparent 100%) center/3px 100% no-repeat;
  filter:drop-shadow(0 0 5px #fff) drop-shadow(0 0 14px rgba(190,205,214,.95));animation:cj-starlight 6s linear infinite}
.cj-sec::after,#footer::after,.cj-roster::after{top:-30.5px}
.cj-nav::before,.cj-pagehead::before{top:calc(100% - 37.5px)}
.cj-sec:nth-of-type(2n)::before,.cj-sec:nth-of-type(2n)::after{animation-delay:-2.3s}
.cj-sec:nth-of-type(3n)::before,.cj-sec:nth-of-type(3n)::after{animation-delay:-4.6s}
.cj-roster::before,.cj-roster::after{animation-delay:-3.4s}
.cj-pagehead::before,.cj-pagehead::after{animation-delay:-1.1s}
#footer::before,#footer::after{animation-delay:-5.5s}
@keyframes cj-sheen{0%{background-position:0% 0,0 0,0 0}55%,100%{background-position:100% 0,0 0,0 0}}
@keyframes cj-starlight{0%{left:150%;opacity:0;rotate:0deg;scale:.4}7%{opacity:1;scale:1.15}48%{opacity:1;scale:1}55%{left:-50%;opacity:0;rotate:150deg;scale:.4}100%{left:-50%;opacity:0}}
.cj-nav,.cj-sec,#footer,.cj-roster,.cj-pagehead,.cj-hero{overflow-x:clip}
.cj-glint{position:absolute;width:42px;height:42px;color:#fff;pointer-events:none;opacity:0;z-index:10;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 12px rgba(190,205,214,.95));animation:cj-twinkle 3.6s ease-in-out infinite}
.cj-glint svg{width:100%;height:100%;display:block}
@keyframes cj-twinkle{0%,50%,100%{opacity:0;transform:scale(.2) rotate(0)}66%{opacity:1;transform:scale(1.3) rotate(40deg)}76%{opacity:.9;transform:scale(.9) rotate(62deg)}90%{opacity:0;transform:scale(.3) rotate(100deg)}}
.cj-sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- Barra de navegación ---------- */
#Dispo_NavBar.cj-nav{position:sticky;top:0;z-index:1030;height:var(--nav-h);padding:0;margin:0;background:var(--navy);box-shadow:0 10px 30px -10px rgba(0,0,0,.55);flex-wrap:nowrap}
.cj-nav-in{position:relative;z-index:9;display:flex;align-items:center;gap:1.2rem;width:min(1440px,100% - 3rem);height:100%;margin-inline:auto}
.cj-plate{position:relative;overflow:hidden;flex:none;align-self:stretch;display:flex;align-items:center;padding:0 46px 0 24px;margin-left:-24px;margin-right:0;background:var(--white);
  clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);text-decoration:none}
.cj-plate img{height:58px;width:auto;max-width:none;display:block}
.cj-plate::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(105deg,rgba(255,255,255,0) 36%,rgba(140,160,185,.3) 41%,rgba(200,212,226,.65) 46%,rgba(228,236,246,.92) 49.4%,rgba(238,244,251,.96) 50%,rgba(228,236,246,.92) 50.6%,rgba(200,212,226,.6) 53%,rgba(140,160,185,.25) 55.5%,rgba(255,255,255,0) 57%,rgba(190,205,222,.5) 58.6%,rgba(255,255,255,0) 60.4%);
  background-size:300% 100%;background-repeat:no-repeat;background-position:0% 0;animation:cj-logoShine 5.5s cubic-bezier(.45,.05,.35,1) .6s infinite}
.cj-plate:hover::after{animation-duration:2.2s;animation-delay:0s}
@keyframes cj-logoShine{0%{background-position:0% 0}30%,100%{background-position:100% 0}}
.cj-plate .lglint{position:absolute;left:12%;top:24%;width:30px;height:30px;translate:-50% -50%;color:#fff;pointer-events:none;opacity:0;z-index:2;
  filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 10px rgba(150,190,235,.95));animation:cj-logoGlint 5.5s ease-out .6s infinite}
.cj-plate .lglint svg{display:block;width:100%;height:100%}
@keyframes cj-logoGlint{0%,22%{opacity:0;transform:scale(.2) rotate(0)}29%{opacity:1;transform:scale(1.15) rotate(45deg)}38%,100%{opacity:0;transform:scale(.3) rotate(110deg)}}

#Dispo_NavBar .navbar-nav{align-items:center;gap:0 1.25rem}
#Dispo_NavBar .nav-link,#Dispo_NavBar .cj-clock{font:400 1.1rem var(--display);letter-spacing:.02em;color:var(--steel);padding:.3rem 0 !important;border-bottom:2px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}
#Dispo_NavBar .nav-link:hover,#Dispo_NavBar .nav-link:focus,#Dispo_NavBar .nav-link.show,#Dispo_NavBar .nav-link.active{color:var(--white);border-color:var(--haze)}
#Dispo_NavBar .nav-link.cj-reg{color:var(--gold)}
#Dispo_NavBar .nav-link.cj-reg:hover{border-color:var(--gold)}
#Dispo_NavBar .nav-link > i{display:none}
#Dispo_NavBar .dropdown-toggle::after{border:0;content:"";width:7px;height:7px;margin-left:.45rem;vertical-align:.2em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
#Dispo_NavBar .dropdown-toggle.show::after{transform:rotate(-135deg);vertical-align:-.05em}
#Dispo_NavBar .cj-clock{display:flex;align-items:center;gap:.4rem;color:var(--sky);font-size:1rem;pointer-events:none}
#Dispo_NavBar .cj-clock i{color:var(--gold);font-size:.85rem}
#Dispo_NavBar .cj-icon-only .cj-lbl{display:none}
#Dispo_NavBar .cj-icon-only > .nav-link > i{display:inline-block;float:none !important;margin:0 !important;font-size:1rem}
.cj-divider{width:1px;height:28px;background:var(--edge);display:block}

#Dispo_NavBar .dropdown-menu{min-width:15rem;margin-top:0;padding:.5rem 0;background:linear-gradient(180deg,#00112D,#001a40);border:1px solid var(--edge);border-top:2px solid var(--gold);border-radius:0 0 4px 4px;box-shadow:0 22px 40px rgba(0,0,0,.55)}
#Dispo_NavBar .dropdown-item{display:flex;align-items:center;gap:.7rem;padding:.55rem 1.2rem;font:400 1.08rem var(--display);letter-spacing:.02em;color:var(--sky);white-space:nowrap;position:relative}
#Dispo_NavBar .dropdown-item i{float:none !important;margin:0 !important;width:1.1rem;text-align:center;font-size:.9rem;color:var(--steel);transition:color .2s}
#Dispo_NavBar .dropdown-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transition:transform .2s}
#Dispo_NavBar .dropdown-item:hover,#Dispo_NavBar .dropdown-item:focus{background:var(--glass);color:var(--white)}
#Dispo_NavBar .dropdown-item:hover::before{transform:scaleY(1)}
#Dispo_NavBar .dropdown-item:hover i{color:var(--gold)}

/* banderas ES / EN */
.cj-langs{display:flex;gap:1rem;align-items:center;flex:none}
.cj-langs a{display:flex;flex-direction:column;align-items:center;gap:2px;font:400 .62rem var(--text);color:var(--sky);line-height:1;opacity:.55}
.cj-langs a b{display:flex;align-items:center;gap:3px;font:400 1rem var(--display) !important;color:var(--white)}
.cj-langs svg{width:22px;height:15px;border-radius:2px}
.cj-langs a.on,.cj-langs a:hover{opacity:1;color:var(--sky)}
.cj-mlang{display:none !important}

/* colgante PILOT CHECK IN */
.cj-tagwrap{position:relative;width:72px;align-self:stretch;flex:none}
.cj-tag{position:absolute;top:0;left:50%;width:62px;margin-left:-31px;display:block;transform-origin:50% 11px;cursor:pointer;filter:drop-shadow(0 10px 14px rgba(0,0,0,.5));-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cj-tag svg{display:block;width:100%;height:auto;overflow:visible}
.cj-tag .cloth{transform-box:view-box;transform-origin:32px 40px}
.cj-tag:hover{filter:drop-shadow(0 12px 16px rgba(0,0,0,.55)) brightness(1.06)}

/* hamburguesa (estilo sitio) */
#Dispo_NavBar .cj-burger{display:none;place-items:center;flex:none;width:46px;height:46px;margin-left:auto;padding:0;border:1px solid var(--edge);border-radius:12px;background:var(--glass);color:var(--white);box-shadow:none;transition:border-color .2s,background .2s}
#Dispo_NavBar .cj-burger:hover,#Dispo_NavBar .cj-burger:focus{outline:0;border-color:var(--gold);box-shadow:none}
.cj-burger i{grid-area:1/1;display:block;width:22px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,#f4f4f4,#adadad);transition:transform .3s,opacity .2s}
.cj-burger i:nth-child(1){transform:translateY(-7px)}
.cj-burger i:nth-child(3){transform:translateY(7px)}
.cj-burger[aria-expanded="true"]{border-color:var(--gold) !important;background:rgba(252,207,0,.1) !important}
.cj-burger[aria-expanded="true"] i{background:linear-gradient(90deg,#FFF3A8,#FCCF00)}
.cj-burger[aria-expanded="true"] i:nth-child(1){transform:rotate(45deg)}
.cj-burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.cj-burger[aria-expanded="true"] i:nth-child(3){transform:rotate(-45deg)}

@media (min-width:1200px){
  #Dispo_NavBar .navbar-collapse{align-self:stretch}
  #Dispo_NavBar .navbar-nav{align-self:stretch}
  #Dispo_NavBar .navbar-nav > .nav-item{align-self:stretch;display:flex;align-items:center}
  #Dispo_NavBar .navbar-nav .dropdown-menu{top:100%}
  #Dispo_NavBar .navbar-nav .dropdown-menu-end{right:0;left:auto}
}
@media (min-width:1200px) and (max-width:1399.98px){
  .cj-plate img{height:46px}
  #Dispo_NavBar .navbar-nav{gap:0 1rem}
  .cj-langs a{font-size:0}
  .cj-langs a b{font-size:0 !important;gap:0}
  .cj-langs{gap:.6rem}
}
@media (max-width:1199.98px){
  #Dispo_NavBar .cj-burger{display:grid}
  .cj-nav-in{gap:.8rem}
  .cj-langs{display:none}
  #Dispo_NavBar .navbar-collapse{position:absolute;top:100%;left:calc(50% - 50vw);width:100vw;z-index:5;background:linear-gradient(180deg,#00112D,#001a40);border-bottom:1px solid var(--edge);box-shadow:0 22px 40px rgba(0,0,0,.55);max-height:calc(100vh - var(--nav-h));overflow-y:auto}
  #Dispo_NavBar .navbar-nav{align-items:stretch;gap:0;padding:.6rem 1.4rem 1rem}
  #Dispo_NavBar .navbar-nav > .nav-item{border-bottom:1px solid var(--edge-soft)}
  #Dispo_NavBar .navbar-nav > .nav-item:last-child{border-bottom:0}
  #Dispo_NavBar .nav-link,#Dispo_NavBar .cj-clock{display:flex;align-items:center;gap:.7rem;padding:.85rem .2rem !important;font-size:1.3rem;border-bottom:0;min-height:48px}
  #Dispo_NavBar .nav-link > i{display:inline-block;float:none !important;margin:0 !important;width:1.3rem;text-align:center;font-size:1rem;color:var(--steel)}
  #Dispo_NavBar .nav-link:hover > i{color:var(--gold)}
  #Dispo_NavBar .cj-icon-only .cj-lbl{display:inline}
  #Dispo_NavBar .dropdown-toggle::after{margin-left:auto}
  #Dispo_NavBar .dropdown-menu{position:static;border:0;border-left:2px solid var(--gold);border-radius:0;box-shadow:none;background:var(--glass-2);margin:0 0 .6rem .5rem;padding:.2rem 0}
  #Dispo_NavBar .dropdown-item{font-size:1.15rem;padding:.6rem 1rem;white-space:normal}
  .cj-divider{display:none}
  .cj-mlang{display:flex !important;gap:.8rem;padding:.9rem 0 .2rem;border-bottom:0 !important}
  .cj-mlang a{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.7rem .4rem;font:400 1.05rem var(--text);color:var(--white);border:1px solid var(--edge);border-radius:10px;min-height:48px}
  .cj-mlang a.on{border-color:var(--gold);color:var(--gold)}
  .cj-mlang svg{width:26px;height:18px;border-radius:2px}
}
@media (max-width:700px){
  .cj-nav-in{width:calc(100% - 1.6rem)}
  .cj-tagwrap{width:52px}
  .cj-tag{width:46px;margin-left:-23px}
  .cj-plate img{height:30px}
  .cj-plate{padding:0 32px 0 14px;margin-left:-14px}
  .cj-plate .lglint{width:18px;height:18px}
}
@media (max-width:360px){.cj-plate img{height:24px}}

/* ---------- Encabezado de páginas internas ---------- */
.cj-pagehead{position:relative;padding:clamp(1.1rem,2vw,1.6rem) 0 clamp(1.3rem,2.3vw,1.9rem);background:radial-gradient(120% 140% at 80% 0%,#1a3a5e 0%,rgba(0,17,45,0) 60%),linear-gradient(90deg,rgba(0,17,45,.6) 0%,rgba(0,17,45,0) 55%),var(--navy);color:var(--on-navy)}
.cj-pagehead .cj-wrap{width:min(1440px,100% - 2rem);margin-inline:auto;padding-right:0}
.cj-pagehead h1{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:.95;margin:0;color:var(--white);letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,17,45,.45)}
.cj-pagehead p{display:flex;align-items:center;gap:1rem;margin:.45rem 0 0;font:400 clamp(.95rem,1.5vw,1.15rem) var(--display);color:var(--haze);letter-spacing:.05em}
.cj-pagehead p::before{content:"";width:56px;height:2px;background:var(--gold);flex:none}

/* ---------- Tarjetas ---------- */
.card{background:linear-gradient(180deg,rgba(203,217,228,.075),rgba(203,217,228,.035));border:1px solid var(--edge);border-radius:4px;color:var(--on-navy);box-shadow:0 22px 40px -30px rgba(0,0,0,.85)}
.card.bg-transparent,.card.border-0{box-shadow:none}
.card-header{position:relative;background:rgba(0,8,24,.55);border-bottom:1px solid var(--edge);color:var(--white);box-shadow:inset 3px 0 0 var(--gold);padding:.55rem .9rem !important;font-family:var(--display);font-size:1.15rem}
.card-header:first-child{border-radius:4px 4px 0 0}
.card-header h5,.card-header .h5,.card-header h4,.card-header h6{margin:0 !important;font:400 1.22rem var(--display);letter-spacing:.03em;color:var(--white);line-height:1.3}
.card-header i,.card-header .fas,.card-header .far{color:var(--gold)}
.card-header a{color:var(--white)}
.card-header a:hover{color:var(--gold)}
.card-body{color:inherit}
.card-title{color:var(--white)}
.card-footer{background:rgba(0,8,24,.35);border-top:1px solid var(--edge);color:var(--sky);font-size:.82rem;font-weight:400 !important;letter-spacing:.02em}
.card-footer:last-child{border-radius:0 0 4px 4px}
.card-img,.card-img-top{border-radius:3px 3px 0 0}
.card-body .rotate i{color:rgba(203,217,228,.1)}
.card .card-body .nav-tabs .nav-item .nav-link{color:var(--steel)}
.card .card-body .nav-tabs .nav-item .active{color:var(--white)}
/* iconos de cifras del dashboard (dashboard/icons) */
.card.bg-transparent.text-dark .card-body{padding:.9rem 1rem !important;border:1px solid var(--edge);border-radius:4px;background:linear-gradient(180deg,rgba(203,217,228,.08),rgba(203,217,228,.03)) !important;min-height:84px;position:relative;overflow:hidden}
.card.bg-transparent.text-dark .card-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.card.bg-transparent.text-dark h6{text-align:left !important;font:400 1.7rem var(--display);color:var(--white)}
.card.bg-transparent.text-dark h6.small{font:300 .8rem var(--text);color:var(--sky);letter-spacing:.03em;margin-top:.2rem !important}
.card.bg-transparent.text-dark .fa-2x{opacity:.85;font-size:1.6em}

/* ---------- Tablas ---------- */
.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--on-navy);--bs-table-striped-bg:rgba(203,217,228,.045);--bs-table-active-color:var(--white);--bs-table-active-bg:rgba(252,207,0,.08);--bs-table-hover-color:var(--white);--bs-table-hover-bg:rgba(252,207,0,.06);color:var(--on-navy);border-color:var(--edge-soft);margin-bottom:0;font-size:.9rem}
.table>:not(caption)>*>*{border-bottom-color:var(--edge-soft);padding:.5rem .7rem}
.table-sm>:not(caption)>*>*{padding:.38rem .6rem}
.table>:not(:first-child){border-top:1px solid var(--edge)}
.table th{font:400 .98rem var(--display);letter-spacing:.04em;color:var(--haze)}
.table thead th,.table tr:first-child > th:only-child{color:var(--sky)}
.table thead th{text-transform:uppercase;font-size:.9rem;border-bottom:1px solid var(--edge) !important;background:rgba(0,8,24,.35)}
.table td a{color:var(--white)}
.table td a:hover{color:var(--gold)}
.table-hover>tbody>tr:hover>*{color:var(--white)}
.table-borderless>:not(caption)>*>*{border-bottom-width:0}
.table-striped.table-borderless>tbody>tr>*{border-bottom:1px solid rgba(203,217,228,.06)}
.table-responsive{scrollbar-width:thin;scrollbar-color:var(--edge) transparent}

/* ---------- Formularios ---------- */
label,.form-label,.col-form-label{color:var(--sky);font-weight:400;letter-spacing:.01em}
.form-control,.form-select,textarea.form-control{background-color:rgba(0,8,24,.55);color:var(--white);border:1px solid var(--edge);border-radius:2px;font-weight:300}
.form-control::placeholder{color:var(--steel);opacity:1}
.form-control:focus,.form-select:focus{background-color:rgba(0,8,24,.8);color:var(--white);border-color:var(--gold);box-shadow:0 0 0 .18rem rgba(252,207,0,.18)}
.form-control:disabled,.form-control[readonly],.form-select:disabled{background-color:rgba(203,217,228,.06);color:var(--steel);border-color:var(--edge-soft)}
.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CBD9E4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}
.form-control-color{background:transparent}
option,optgroup{background:var(--navy-2);color:var(--white)}
.input-group-text{background:rgba(203,217,228,.1);color:var(--sky);border:1px solid var(--edge);border-radius:2px;font-family:var(--display);font-size:.95rem;letter-spacing:.02em}
.input-group-text i{color:var(--gold)}
.input-group>.form-control,.input-group>.form-select,.input-group>.input-group-text,.input-group>.btn{border-radius:0}
.input-group>:first-child{border-top-left-radius:2px !important;border-bottom-left-radius:2px !important}
.input-group>:last-child{border-top-right-radius:2px !important;border-bottom-right-radius:2px !important}
.form-check-input{background-color:rgba(0,8,24,.6);border-color:var(--edge)}
.form-check-input:checked{background-color:var(--gold);border-color:var(--gold)}
.form-check-input:focus{border-color:var(--gold);box-shadow:0 0 0 .18rem rgba(252,207,0,.18)}
.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300112D'/%3e%3c/svg%3e")}
.form-check-label{color:var(--on-navy)}
.invalid-feedback,.text-danger.help-block{color:var(--bad)}
.form-text,.help-block{color:var(--steel)}
.form-container{color:var(--on-navy)}
input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #031a3d inset;caret-color:#fff}

/* Select2 */
.select2-container{margin-top:2px}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background:rgba(0,8,24,.55);border:1px solid var(--edge);border-radius:2px;min-height:31px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--white);line-height:29px;font-weight:300}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--steel)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:29px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--sky) transparent transparent transparent}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent var(--gold) transparent}
.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--open .select2-selection--single{border-color:var(--gold)}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background:rgba(252,207,0,.14);border:1px solid rgba(252,207,0,.45);color:var(--white);border-radius:2px}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--gold)}
.select2-container--default .select2-search--inline .select2-search__field{color:var(--white)}
.select2-dropdown{background:var(--navy-2);border:1px solid var(--edge);border-radius:2px;color:var(--white);box-shadow:0 18px 36px rgba(0,0,0,.5)}
.select2-container--default .select2-search--dropdown .select2-search__field{background:rgba(0,8,24,.6);border:1px solid var(--edge);color:var(--white);border-radius:2px}
.select2-container--default .select2-results__option{color:var(--sky)}
.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option--selected{background:var(--glass);color:var(--white)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:var(--gold);color:var(--navy)}
.select2-container--default .select2-results__group{color:var(--gold);font-family:var(--display)}
.input-group .select2-container{margin:0;width:auto;flex:1 1 auto}
.input-group .select2-container .select2-selection--single{height:100%;line-height:inherit;border-radius:0 2px 2px 0}

/* ---------- Botones (como .btn del sitio) ---------- */
.btn{font:400 1.05rem var(--display);letter-spacing:.04em;border-radius:2px;border-width:1px;box-shadow:none !important;transition:background .2s,color .2s,border-color .2s}
.btn-sm,.btn-group-sm>.btn{font-size:.92rem;letter-spacing:.03em}
.btn-lg{font-size:1.25rem;padding:.8rem 1.8rem}
.btn-primary,.btn-success{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn-primary:hover,.btn-success:hover,.btn-primary:focus,.btn-success:focus,.btn-primary:active,.btn-success:active,.btn-primary.active,.btn-success.active,.show>.btn-primary.dropdown-toggle,.btn-check:checked+.btn-primary,.btn-check:active+.btn-primary,.btn-check:checked+.btn-success{background:transparent;border-color:var(--gold);color:var(--gold)}
.btn-primary:disabled,.btn-primary.disabled,.btn-success:disabled,.btn-success.disabled{background:rgba(252,207,0,.35);border-color:transparent;color:var(--navy)}
.btn-secondary,.btn-info,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-info,.btn-outline-light,.btn-outline-dark,.btn-secundary,.btn-profile{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.55)}
.btn-secondary:hover,.btn-info:hover,.btn-light:hover,.btn-outline-secondary:hover,.btn-outline-primary:hover,.btn-outline-info:hover,.btn-outline-light:hover,.btn-outline-dark:hover,.btn-secundary:hover,.btn-profile:hover,
.btn-secondary:focus,.btn-info:focus,.btn-light:focus,.btn-outline-secondary:focus,.btn-outline-primary:focus,.btn-outline-info:focus,
.btn-secondary:active,.btn-info:active,.btn-secondary.active,.btn-info.active,.btn-outline-primary.active,.btn-check:checked+.btn-outline-primary,.btn-check:checked+.btn-outline-secondary{background:rgba(252,207,0,.06);border-color:var(--gold);color:var(--gold)}
.btn-warning{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--white)}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active{background:transparent;border-color:var(--gold);color:var(--gold)}
.btn-danger{background:var(--red);border-color:var(--red);color:var(--white)}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active{background:transparent;border-color:var(--bad);color:var(--bad)}
.btn-outline-danger{color:var(--bad);border-color:var(--bad)}
.btn-outline-danger:hover{background:var(--red);border-color:var(--red);color:#fff}
.btn-dark{background:var(--navy);border-color:var(--edge);color:var(--white)}
.btn-dark:hover{border-color:var(--gold);color:var(--gold);background:var(--navy)}
.btn-link{color:var(--gold)}
.btn.bg-danger{background:#E2545C !important}
.btn.bg-white,.btn.bg-warning{opacity:1}
.btn-close{filter:invert(1) grayscale(1) brightness(2);opacity:.7}
.btn-close:hover{opacity:1}
.cj-btn{display:inline-flex;align-items:center;gap:.6rem;font:400 1.2rem var(--display);letter-spacing:.04em;padding:.8rem 1.8rem;border:1px solid var(--gold);background:var(--gold);color:var(--navy) !important;border-radius:2px;transition:background .2s,color .2s,border-color .2s}
.cj-btn:hover{background:transparent;color:var(--gold) !important}
.cj-btn.line{background:transparent;color:var(--white) !important;border-color:rgba(255,255,255,.55)}
.cj-btn.line:hover{border-color:var(--gold);color:var(--gold) !important}
.cj-btn.deep{background:var(--navy);color:var(--white) !important;border-color:var(--navy)}
.cj-btn.deep:hover{background:transparent;color:var(--navy) !important}

/* ---------- Insignias ---------- */
.badge{font:400 .82rem var(--display);letter-spacing:.05em;border-radius:2px;padding:.3em .55em;vertical-align:.08em}
.badge.bg-primary{background:var(--gold) !important;color:var(--navy)}
.badge.bg-info{background:var(--sky) !important;color:var(--navy)}
.badge.bg-secondary{background:var(--haze) !important;color:var(--navy)}
.badge.bg-success{background:var(--ok) !important;color:#00230f}
.badge.bg-danger{background:#E2545C !important;color:#fff}
.badge.bg-danger.text-black{color:#1a0002 !important}
.badge.bg-warning{background:var(--gold) !important;color:var(--navy)}
.badge.bg-dark{background:var(--navy) !important;border:1px solid var(--edge);color:var(--white)}
.badge.bg-light,.badge.bg-white{background:var(--white) !important;color:var(--navy) !important}

/* ---------- Navegación secundaria: pills / tabs / acordeón / list-group ---------- */
.nav-pills .nav-link{color:var(--sky);background:transparent;border:1px solid var(--edge);border-radius:2px;font:400 1.05rem var(--display);letter-spacing:.03em;margin:0 .2rem .3rem 0}
.nav-pills .nav-link:hover{color:var(--white);border-color:var(--haze)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--gold) !important;border-color:var(--gold);color:var(--navy) !important}
.nav-tabs{border-bottom:1px solid var(--edge)}
.nav-tabs .nav-link{color:var(--steel);border:0;border-bottom:2px solid transparent;border-radius:0;font:400 1.05rem var(--display);letter-spacing:.03em;background:transparent}
.nav-tabs .nav-link:hover{color:var(--white);border-color:var(--haze)}
.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:var(--white) !important;background:transparent !important;border-bottom-color:var(--gold)}
.accordion-item{background:transparent;border:1px solid var(--edge);color:var(--on-navy)}
.accordion-button,.accordion-button.collapsed{background:rgba(0,8,24,.55);color:var(--white);font:400 1.15rem var(--display);letter-spacing:.03em;box-shadow:none !important}
.accordion-button:not(.collapsed){background:rgba(252,207,0,.08);color:var(--gold);box-shadow:inset 3px 0 0 var(--gold) !important}
.accordion-button::after{filter:invert(1) brightness(2)}
.accordion-button:not(.collapsed)::after{filter:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FCCF00'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.accordion-body{background:transparent;color:var(--on-navy)}
.list-group-item{background:transparent;border-color:var(--edge-soft);color:var(--on-navy)}
.list-group-item.active{background:rgba(252,207,0,.1);border-color:var(--gold);color:var(--gold)}
.list-group-item-action:hover{background:var(--glass);color:var(--white)}

/* menús desplegables fuera de la barra */
.dropdown-menu{background:linear-gradient(180deg,#00112D,#001a40);border:1px solid var(--edge);border-radius:2px;box-shadow:0 18px 36px rgba(0,0,0,.5)}
.dropdown-item{color:var(--sky);font-weight:300}
.dropdown-item:hover,.dropdown-item:focus{background:var(--glass);color:var(--gold)}
.dropdown-divider{border-color:var(--edge)}

/* ---------- Modales ---------- */
.modal-backdrop.show{opacity:.75;background:#000814}
.modal-content{background:linear-gradient(180deg,#00112D,#001a40);border:1px solid var(--edge);border-top:2px solid var(--gold);border-radius:4px;color:var(--on-navy);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.modal .modal-header{background:transparent;border-bottom:1px solid var(--edge);color:var(--white)}
.modal-title{font:400 1.5rem var(--display);color:var(--white)}
.modal .modal-body{background:transparent;color:var(--on-navy)}
.modal .modal-footer{background:rgba(0,8,24,.35);border-top:1px solid var(--edge);color:var(--sky)}

/* ---------- Alertas ---------- */
.alert{position:relative;background:rgba(203,217,228,.07);border:1px solid var(--edge);border-left:3px solid var(--sky);border-radius:2px;color:var(--white);font-weight:400 !important;padding:.75rem 1rem !important}
.alert-success{border-left-color:var(--ok);background:rgba(91,201,142,.09)}
.alert-danger,.alert-error{border-left-color:var(--bad);background:rgba(181,18,27,.16)}
.alert-warning{border-left-color:var(--gold);background:rgba(252,207,0,.08)}
.alert-info,.alert-primary{border-left-color:var(--info);background:rgba(142,197,240,.08)}
.alert a,.alert .alert-link{color:var(--gold)}
.alert .close{float:right;background:none;border:0;color:var(--sky);font-size:1.3rem;line-height:1;opacity:.8}
.alert .close:hover{color:var(--gold)}
#page-contents > .alert{margin-top:1rem}
body.cj-home #page-contents > .alert{width:min(1200px,100% - 2rem);margin:1rem auto}

/* ---------- Paginación ---------- */
.pagination{gap:.3rem;flex-wrap:wrap;margin:1rem 0}
.page-link,.pag-items,.page-item .page-link.pag-items{background:transparent !important;border:1px solid var(--edge) !important;color:var(--sky) !important;border-radius:2px !important;font:400 1rem var(--display);min-width:2.2rem;text-align:center;box-shadow:none !important}
.page-item.pag-items,.page-item.pag-items-curr{background:transparent !important;border:0 !important}
.page-link:hover,a.page-link.pag-items:hover{border-color:var(--gold) !important;color:var(--gold) !important;background:rgba(252,207,0,.06) !important}
.page-item.active .page-link,.page-link.pag-items-curr{background:var(--gold) !important;border-color:var(--gold) !important;color:var(--navy) !important}
.page-item.disabled .page-link{opacity:.4}

/* ---------- Progreso / varios ---------- */
.progress{background:rgba(203,217,228,.12);border-radius:2px;height:1.1rem}
.progress-bar{background-color:var(--gold);color:var(--navy);font-family:var(--display)}
.progress-bar.bg-success{background-color:var(--ok) !important}
.popover{background:var(--navy-2);border:1px solid var(--edge)}
.popover-body{color:var(--on-navy)}
.popover-header{background:rgba(0,8,24,.6);color:var(--white);border-bottom-color:var(--edge)}
.tooltip-inner{background:var(--navy);border:1px solid var(--edge);font-family:var(--display);letter-spacing:.03em}
code{color:var(--gold)}
pre{color:var(--sky)}
.blockquote-footer{color:var(--steel)}
.overflow-auto{max-height:30vh;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
img.rounded-circle{border:2px solid rgba(203,217,228,.5);box-shadow:0 0 0 2px var(--navy),0 6px 14px rgba(0,0,0,.45)}

/* Mapas Leaflet: popups legibles */
.leaflet-container{font-family:var(--text);background:#0a1f3d}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--navy-2);color:var(--white);border:1px solid var(--edge);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.leaflet-popup-content a{color:var(--gold)}
.leaflet-container a.leaflet-popup-close-button{color:var(--sky)}
.leaflet-control-attribution{background:rgba(0,17,45,.7) !important;color:var(--steel)}
.leaflet-control-attribution a{color:var(--sky) !important}
.leaflet-bar a,.leaflet-bar a:hover{color:#00112D}
.leaflet-tooltip{background:var(--navy-2);color:var(--white);border-color:var(--edge)}
.map-info-box{position:absolute;bottom:0;padding:20px;height:100px;z-index:9999;background-color:rgba(0,17,45,.92) !important;color:var(--white);border-top:2px solid var(--gold)}
.map-info-label{display:block;padding:5px;background-color:rgba(0,17,45,.92);color:var(--white)}

/* clima metar-taf (dashboard) */
.widgetwx{background-color:var(--navy-2) !important;font-weight:400}
.widgetwx a{color:var(--sky);font-weight:400}
.widgetwx a:hover{color:var(--gold)}

/* ---------- Portada ---------- */
.cj-wrap{width:min(1200px,100% - 3rem);margin-inline:auto}
.cj-hero{position:relative;min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(120% 100% at 75% 0%,#1a3a5e 0%,var(--navy) 62%)}
.cj-slides{position:absolute;inset:0}
.cj-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 1.1s ease-in-out,transform 8s linear;max-width:none}
.cj-slides img.on{opacity:1;transform:scale(1)}
.cj-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,17,45,.32) 0%,rgba(0,17,45,0) 24%,rgba(0,17,45,.15) 48%,rgba(0,17,45,.86) 82%,var(--navy) 100%),linear-gradient(90deg,rgba(0,17,45,.6) 0%,rgba(0,17,45,0) 55%)}
.cj-wake{position:absolute;right:-2%;top:8%;height:76%;width:auto;pointer-events:none;overflow:visible;opacity:.4}
.cj-wake path{fill:none;stroke:var(--white);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:cj-draw 2.4s cubic-bezier(.4,0,.2,1) forwards}
.cj-wake path:nth-child(2){animation-delay:.25s;opacity:.7}
.cj-wake path:nth-child(3){animation-delay:.5s;opacity:.5}
.cj-wake path:nth-child(4){animation-delay:.75s;opacity:.32}
.cj-wake path:nth-child(5){animation-delay:1s;opacity:.18}
@keyframes cj-draw{to{stroke-dashoffset:0}}
.cj-hero-in{position:relative;z-index:2;padding:clamp(5rem,14vh,9rem) 0 0}
.cj-hero h1{font-size:clamp(3.2rem,7.6vw,7.2rem);line-height:.95;color:var(--white);letter-spacing:.005em;text-shadow:0 2px 30px rgba(0,17,45,.45);margin:0}
.cj-tagline{display:flex;align-items:center;gap:1rem;margin:1.6rem 0 0;font:400 clamp(1.3rem,2.6vw,1.9rem) var(--display);color:var(--gold);letter-spacing:.04em}
.cj-tagline::before{content:"";width:56px;height:2px;background:var(--gold);flex:none}
.cj-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.cj-hero-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}
.cj-hero-row .cj-cta{margin-top:0}
.cj-dots{display:flex;gap:.2rem;align-items:center}
.cj-dot{width:32px;height:32px;padding:0;border:0;background:none;cursor:pointer;color:#fff;display:grid;place-items:center;opacity:.6;transition:opacity .25s}
.cj-dot:hover{opacity:1}
.cj-dot svg{width:22px;height:22px;overflow:visible}
.cj-dot .ring{fill:none;stroke:currentColor;stroke-width:1.1;opacity:.55}
.cj-dot .core{fill:currentColor;opacity:.7}
.cj-dot .prog{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%}
.cj-dot[aria-current]{opacity:1}
.cj-dot[aria-current] .core{opacity:1}
.cj-dot[aria-current] .prog{animation:cj-fill 6.5s linear forwards}
@keyframes cj-fill{to{stroke-dashoffset:0}}
.cj-chips{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(2.5rem,7vh,5rem);border-top:1px solid var(--edge)}
.cj-chips div{padding:1.2rem 1.4rem 1.6rem 0;font-size:.98rem}
.cj-chips div+div{padding-left:1.6rem;border-left:1px solid var(--edge)}
.cj-chips b{display:block;font:400 1.6rem var(--display) !important;color:var(--white)}
@media(max-width:700px){.cj-chips{grid-template-columns:1fr}.cj-chips div{padding:1rem 0}.cj-chips div+div{padding-left:0;border-left:0;border-top:1px solid var(--edge)}.cj-wake{opacity:.18}}

/* secciones alternas */
.cj-sec{position:relative;padding:clamp(4rem,8vw,7rem) 0;background:var(--navy);font-size:1.02rem}
.cj-sec.on-mist{background:var(--mist);color:var(--on-light)}
.cj-sec.on-fog{background:var(--fog);color:var(--on-light)}
.cj-sec.on-white{background:var(--white);color:var(--on-light)}
.cj-head{margin-bottom:2.6rem}
.cj-head h2{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--white);margin:0}
.cj-head p{margin:.5rem 0 0;font:400 1.5rem var(--display);color:var(--sky);letter-spacing:.03em}
.on-mist .cj-head h2,.on-fog .cj-head h2,.on-white .cj-head h2{color:var(--navy)}
.on-mist .cj-head p,.on-fog .cj-head p,.on-white .cj-head p{color:var(--steel)}
.cj-lead{max-width:42rem}
.cj-lead p+p{margin-top:1.1rem}

/* tarjetas de pilotos (idcard del sitio) */
.cj-crew{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem}
.cj-idcard{position:relative;background:var(--glass);border:1px solid var(--edge);padding:2.4rem 1.4rem 1.6rem;text-align:center;overflow:hidden;transition:border-color .25s,transform .25s,background .25s}
.cj-idcard:hover{border-color:rgba(252,207,0,.55);background:linear-gradient(180deg,rgba(252,207,0,.07),var(--glass));transform:translateY(-3px)}
.cj-idcard::before{content:"";position:absolute;top:14px;left:50%;width:64px;height:8px;margin-left:-32px;border-radius:4px;background:var(--navy);box-shadow:inset 0 0 0 1px var(--edge)}
.cj-idcard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.cj-idcard .ph{width:128px;height:128px;margin:0 auto 1.2rem;padding:4px;border-radius:50%;background:conic-gradient(from 200deg,var(--gold-deep),#fff3a8,var(--gold),var(--gold-deep))}
.cj-idcard .ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0d2548;display:block}
.cj-idcard h3{font-size:1.9rem;color:var(--white);margin:0}
.cj-idcard h3 a{color:inherit}
.cj-idcard h3 a:hover{color:var(--gold)}
.cj-idcard .role{margin-top:.35rem;font:400 1.1rem var(--display);color:var(--gold);letter-spacing:.03em;line-height:1.2}
.cj-idcard .call{display:inline-block;margin:.9rem 0 .4rem;padding:.1rem .7rem;border:1px solid var(--haze);border-radius:2px;font:400 1.05rem var(--display);letter-spacing:.1em;color:var(--sky)}
.cj-idcard .meta{font-size:.85rem;color:var(--sky)}

/* banda de foto + roster */
.cj-pilotband{position:relative;height:clamp(260px,40vw,540px);overflow:hidden;background:var(--navy);-webkit-clip-path:inset(0);clip-path:inset(0)}
.cj-pilotband .fx{position:fixed;top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:35% 0;display:block;max-width:none}
.cj-pilotband::after{content:"";position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(0deg,var(--navy),rgba(0,17,45,0));z-index:1;pointer-events:none}
@media (prefers-reduced-motion:reduce){.cj-pilotband .fx{position:absolute;height:100%;object-position:35% 22%}}
.cj-roster{position:relative;padding:clamp(3rem,6vw,5rem) 0;background:var(--navy)}
.cj-roster .in{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}
.cj-roster h3{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--white);margin:0}
.cj-roster h3+p{font:400 1.4rem var(--display);color:var(--sky);margin:.4rem 0 1.4rem}
.cj-badge{--a:0deg;display:grid;place-items:center;width:clamp(180px,22vw,240px);aspect-ratio:1;padding:9px;border-radius:50%;background:conic-gradient(from var(--a),var(--gold-deep),#fff3a8,var(--gold),var(--gold-deep),#fff3a8,var(--gold-deep));animation:cj-spin 7s linear infinite;box-shadow:0 0 50px rgba(252,207,0,.25);transition:transform .3s}
.cj-badge:hover{transform:scale(1.05)}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes cj-spin{to{--a:360deg}}
.cj-badge .in2{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 35%,#0a1f40,#000 70%);border:3px solid #000;box-shadow:inset 0 0 0 2px rgba(252,207,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}
.cj-badge .in2 b{font:400 clamp(2.2rem,4vw,3.2rem)/.95 var(--display) !important;text-align:center;background:linear-gradient(180deg,#fff3a8,var(--gold) 45%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.cj-badge .bars{display:flex;gap:6px;align-items:flex-end;height:30px;margin-top:.5rem}
.cj-badge .bars i{display:block;width:8px;background:linear-gradient(180deg,#fff3a8,var(--gold-deep));border-radius:1px}
.cj-badge .bars i:nth-child(1){height:60%}.cj-badge .bars i:nth-child(2){height:100%}.cj-badge .bars i:nth-child(3){height:75%}
@media(max-width:760px){.cj-roster .in{grid-template-columns:1fr;justify-items:start}}

/* rejilla de widgets en portada */
.cj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:1.4rem;align-items:start}
.cj-grid > .card,.cj-grid .card{margin-bottom:0 !important}
.cj-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
@media(max-width:900px){.cj-split{grid-template-columns:1fr}}
.cj-sub{font-size:2rem;margin:0 0 1.2rem;display:flex;align-items:center;gap:.8rem}
.cj-sub::after{content:"";flex:1;height:1px;background:var(--edge)}
:is(.on-mist,.on-white,.on-fog) .cj-sub{color:var(--navy)}
:is(.on-mist,.on-white,.on-fog) .cj-sub::after{background:rgba(0,17,45,.15)}
.cj-awards > h3 + .card{display:none}
.cj-awards .card{margin-bottom:.8rem !important;overflow:hidden}
.cj-awards .card .row{align-items:center}
.cj-awards .card img{border:0 !important;max-height:80px;object-fit:cover}
.cj-awards .card-title{font-size:1.4rem}
.cj-awards .card-text.fw-bold{color:var(--gold);font-family:var(--display);font-size:1.05rem;font-weight:400 !important}


/* ---------- Login (Coljet) ---------- */
body.cj-auth #page-contents{width:100%;max-width:none;padding:0;display:flex;flex-direction:column}
body.cj-auth #page-contents > .alert{margin:0;border-radius:0}
.cj-login{position:relative;flex:1;display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}
.cj-login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(2rem,5vw,4.5rem);background:var(--navy)}
.cj-login-art > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 30%;max-width:none}
.cj-login-art::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,17,45,.25) 0%,rgba(0,17,45,0) 30%,rgba(0,17,45,.85) 85%,var(--navy) 100%),linear-gradient(90deg,rgba(0,17,45,.55),rgba(0,17,45,0) 60%)}
.cj-login-art > *:not(img){position:relative;z-index:2}
.cj-login-art h1{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95;margin:0;text-shadow:0 2px 30px rgba(0,17,45,.45)}
.cj-login-plate{position:absolute !important;top:0;left:0;margin-left:0;z-index:3 !important;height:80px}
.cj-login-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,5vw,4rem) clamp(1.2rem,4vw,3.5rem);background:radial-gradient(120% 90% at 100% 0%,#0c2a52 0%,var(--navy) 60%)}
.cj-login-panel::before{content:"";position:absolute;top:0;bottom:0;left:0;width:7px;background:var(--chrome);background-size:100% 300%,100% 100%,100% 100%;box-shadow:1px 0 0 rgba(0,0,0,.6),0 0 14px rgba(190,205,214,.28)}
.cj-login-box{width:min(440px,100%)}
.cj-login-box h2{font-size:clamp(2.4rem,4vw,3.2rem);margin:0}
.cj-login-box .cj-tagline{margin:.8rem 0 2rem;font-size:1.3rem}
.cj-field{margin-bottom:1.1rem}
.cj-field label{display:block;font:400 1rem var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--sky);margin-bottom:.4rem}
.cj-field .input-group-text{min-width:46px;justify-content:center}
.cj-field .form-control{height:50px;font-size:1rem}
.cj-login-box .cj-btn{width:100%;justify-content:center;margin-top:.6rem}
.cj-login-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--edge);font-size:.9rem}
.cj-login-links a{color:var(--sky);border-bottom:1px solid var(--edge)}
.cj-login-links a:hover{color:var(--gold);border-color:var(--gold)}
.cj-login-back{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;font:400 1rem var(--display);letter-spacing:.04em;color:var(--steel)}
@media(max-width:900px){
  .cj-login{grid-template-columns:1fr;min-height:0}
  .cj-login-art{min-height:42vh;padding-top:7rem}
  .cj-login-panel::before{top:0;left:0;right:0;bottom:auto;width:auto;height:7px;background-size:300% 100%,100% 100%,100% 100%;animation:cj-sheen 6s linear infinite}
}

/* ---------- Pie de página ---------- */
#footer{position:relative;flex:1 0 auto;width:100%;height:auto;padding:3.4rem 0 2rem;background:var(--navy);color:var(--on-navy);font-size:.92rem;margin-top:0}
#footer .cj-cols{display:grid;grid-template-columns:auto 1fr auto;gap:2.5rem;align-items:center}
#footer .cj-flogo{display:block;width:clamp(200px,22vw,300px)}
#footer .cj-flogo img{display:block;width:100%;height:auto}
#footer .cj-ivao{display:flex;align-items:center;gap:1.2rem}
#footer .cj-ivao img{height:46px;width:auto}
#footer p{margin:0;line-height:1.6}
#footer a{color:var(--sky);font-weight:400}
#footer a:hover{color:var(--gold)}
#footer .cj-soc{display:flex;gap:.8rem;list-style:none;padding:0;margin:0}
#footer .cj-soc a{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--edge);border-radius:50%;color:var(--sky)}
#footer .cj-soc a:hover{color:var(--gold);border-color:var(--gold)}
#footer .cj-soc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#footer .cj-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--edge-soft);font-size:.82rem;color:rgba(255,255,255,.6)}
#footer .cj-legal a{border-bottom:1px solid var(--edge)}
@media(max-width:760px){#footer .cj-cols{grid-template-columns:1fr;gap:1.4rem}#footer .cj-flogo{width:min(240px,70vw)}#footer .cj-legal{flex-direction:column}}

/* cookie consent */
.cc-window{font-family:var(--text) !important}
.cc-window .cc-btn{font-family:var(--display) !important;font-weight:400 !important;border-radius:2px}

/* ---------- Utilidades heredadas de Disposable (theme_v3.css) ---------- */
.HoverImage{position:relative}
.HoverImage a{position:absolute;bottom:0;left:2px;z-index:1978}
.HoverImage img{display:none}
.HoverImage:hover img{display:block;opacity:.99;z-index:1978}
#stage a{position:relative}
#stage a img{border:none;background:transparent}
#stage a:nth-of-type(1){animation-name:fader;animation-duration:10s;z-index:2100}
#stage a:nth-of-type(2){z-index:2200;display:none}
@keyframes fader{0%{opacity:0}25%{opacity:1}75%{opacity:1}100%{opacity:0}}
.card-body .rotate{z-index:8;float:right;height:100%}
.card-body .rotate i{position:absolute;left:auto;right:-10px;bottom:0;display:block;transform:rotate(-45deg)}
.img-h20{width:auto;height:20px}.img-h25{width:auto;height:25px}.img-h30{width:auto;height:30px}.img-h35{width:auto;height:35px}.img-h40{width:auto;height:40px}.img-h45{width:auto;height:45px}.img-h50{width:auto;height:50px}.img-h60{width:auto;height:60px}.img-h70{width:auto;height:70px}.img-h80{width:auto;height:80px}.img-h90{width:auto;height:90px}.img-h100{width:auto;height:100px}.img-h125{width:auto;height:125px}.img-h150{width:auto;height:150px}.img-h175{width:auto;height:175px}.img-h200{width:auto;height:200px}
.img-mh20{width:auto;max-height:20px}.img-mh25{width:auto;max-height:25px}.img-mh30{width:auto;max-height:30px}.img-mh35{width:auto;max-height:35px}.img-mh40{width:auto;max-height:40px}.img-mh45{width:auto;max-height:45px}.img-mh50{width:auto;max-height:50px}.img-mh60{width:auto;max-height:60px}.img-mh70{width:auto;max-height:70px}.img-mh80{width:auto;max-height:80px}.img-mh90{width:auto;max-height:90px}.img-mh100{width:auto;max-height:100px}.img-mh125{width:auto;max-height:125px}.img-mh150{width:auto;max-height:150px}.img-mh175{width:auto;max-height:175px}.img-mh200{width:auto;max-height:200px}
#clock{font-size:.825rem;font-weight:500}

/* ---------- Ajustes móviles generales ---------- */
@media (max-width:768px){
  body,#page-container{font-size:.92rem}
  #page-contents{width:calc(100% - 1.2rem);padding-top:1.2rem}
  .cj-wrap{width:calc(100% - 2rem)}
  .card-header h5{font-size:1.12rem}
  .table{font-size:.85rem}
}
img,video,iframe{max-width:100%}

/* contenido HTML de noticias/páginas (CKEditor) y colores en línea oscuros */
[style*="background:#eee"],[style*="background: #eee"],[style*="background-color:#eee"],[style*="background-color: #eee"],[style*="background:#fff"]:not(a),[style*="background-color:#fff"],[style*="background-color: rgb(255, 255, 255)"]{color:var(--navy) !important}
[style*="background:#eee"] *,[style*="background-color:#eee"] *{color:inherit !important}
[style*="color: darkgreen"],[style*="color:darkgreen"],[style*="color:  darkgreen"]{color:var(--ok) !important}
[style*="color: darkred"],[style*="color:darkred"],[style*="color:  darkred"]{color:var(--bad) !important}
[style*="color: indigo"],[style*="color:#000"],[style*="color: #000"],[style*="color:black"],[style*="color: black"]{color:var(--white) !important}
.marker{background:rgba(252,207,0,.22);color:inherit;padding:0 .15em}

/* =====================================================================
   VERSIÓN CLARA (como las secciones mist / blanco / fog de coljet.com.co)
   Aplica al cuerpo de las páginas internas (body.cj-inner) y a las
   secciones claras de la portada (L = :is(...) abajo). Navy queda solo en
   navbar, hero, cabeceras de página, encabezados de tarjeta/modal y footer.
   ===================================================================== */
#page-container.cj-inner{background:var(--mist)}
body.cj-inner #page-contents{padding-top:2.4rem}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog){color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.card-title){color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) a{color:var(--navy);font-weight:500}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(a:hover,a:focus){color:var(--gold-deep)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(p,.card-text) a{color:var(--navy);border-bottom:1px solid rgba(252,207,0,.8)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) hr{border-color:var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(label,.form-label,.col-form-label){color:var(--slate)}

/* utilidades de color legibles sobre claro */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.text-muted,.text-secondary){color:#66686b !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.text-primary,.text-warning){color:var(--gold-deep) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.text-info,.text-232c46){color:var(--navy) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .text-success{color:#1d7a4a !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .text-danger{color:var(--red) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .text-dark:not(.badge):not(.btn){color:var(--on-light) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .bg-light{background-color:var(--mist) !important;color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .bg-dark{color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.border,.border-dark,.border-end,.border-start){border-color:var(--fog) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-body .rotate i{color:rgba(0,17,45,.07)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) img.rounded-circle{border-color:var(--white);box-shadow:0 0 0 2px var(--fog),0 6px 14px rgba(0,17,45,.2)}

/* tarjetas blancas con encabezado navy */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card{background:var(--white);border:1px solid var(--fog);color:var(--on-light);box-shadow:0 14px 34px -24px rgba(0,17,45,.45)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.card.bg-transparent,.card.border-0,.card .card){box-shadow:none}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header{background:var(--navy);border-bottom:0;color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header :is(h1,h2,h3,h4,h5,h6,.h5,a,span,td,th,small){color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header a:hover{color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .table{--bs-table-striped-color:#fff;color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .table>:not(caption)>*>*{border:0;background:transparent}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-footer{background:var(--mist);border-top:1px solid var(--fog);color:#66686b}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-footer a{color:var(--navy)}
/* cifras del dashboard */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card.bg-transparent.text-dark .card-body{background:var(--white) !important;border:1px solid var(--fog);box-shadow:0 14px 30px -24px rgba(0,17,45,.5)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card.bg-transparent.text-dark h6{color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card.bg-transparent.text-dark h6.small{color:#66686b}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card.bg-transparent.text-dark .fa-2x{color:var(--gold-deep) !important;opacity:.9}

/* tablas: cabecera haze, zebra suave */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table{--bs-table-striped-color:var(--on-light);--bs-table-striped-bg:rgba(0,17,45,.035);--bs-table-hover-color:var(--navy);--bs-table-hover-bg:rgba(252,207,0,.14);--bs-table-active-color:var(--navy);--bs-table-active-bg:rgba(252,207,0,.18);color:var(--on-light);border-color:#e6e6e6}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table>:not(caption)>*>*{border-bottom-color:#e8e8e8}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table th{color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table thead th{background:var(--haze);color:var(--navy);border-bottom:0 !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table > tbody > tr:first-child:has(> th + th) > th{background:var(--haze);color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table td a{color:var(--navy);font-weight:500}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table td a:hover{color:var(--gold-deep)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table-striped.table-borderless>tbody>tr>*{border-bottom-color:rgba(0,17,45,.05)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .table>:not(:first-child){border-top-color:var(--fog)}

/* formularios claros */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.form-control,.form-select){background-color:var(--white);color:var(--navy);border:1px solid var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-control::placeholder{color:#66686b}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.form-control:focus,.form-select:focus){background-color:var(--white);color:var(--navy);border-color:var(--gold);box-shadow:0 0 0 .18rem rgba(252,207,0,.28)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.form-control:disabled,.form-control[readonly],.form-select:disabled){background-color:var(--mist);color:#66686b;border-color:var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2300112D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(option,optgroup){background:var(--white);color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .input-group-text{background:var(--mist);color:var(--navy);border:1px solid var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .input-group-text i{color:var(--gold-deep)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-check-input{background-color:var(--white);border-color:#b9bbbe}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-check-input:checked{background-color:var(--gold);border-color:var(--gold-deep)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-check-label{color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .form-text{color:#66686b}
.cj-inner input:-webkit-autofill,.cj-inner input:-webkit-autofill:focus{-webkit-text-fill-color:var(--navy);-webkit-box-shadow:0 0 0 1000px #fffbe6 inset;caret-color:var(--navy)}

/* select2 claro (el desplegable se inserta en <body>) */
:is(.cj-inner,.cj-auth) .select2-container--default :is(.select2-selection--single,.select2-selection--multiple){background:var(--white);border:1px solid var(--fog)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-selection--single .select2-selection__rendered{color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#66686b}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-selection--multiple .select2-selection__choice{background:rgba(252,207,0,.2);border-color:var(--gold);color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:var(--gold-deep)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-search--inline .select2-search__field{color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-dropdown{background:var(--white);border:1px solid var(--fog);color:var(--navy);box-shadow:0 18px 36px -12px rgba(0,17,45,.35)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-search--dropdown .select2-search__field{background:var(--white);border:1px solid var(--fog);color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-results__option{color:var(--on-light)}
:is(.cj-inner,.cj-auth) .select2-container--default :is(.select2-results__option[aria-selected=true],.select2-results__option--selected){background:var(--mist);color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default :is(.select2-results__option--highlighted[aria-selected],.select2-results__option--highlighted.select2-results__option--selectable){background:var(--gold);color:var(--navy)}
:is(.cj-inner,.cj-auth) .select2-container--default .select2-results__group{color:var(--gold-deep)}

/* botones sobre claro: dorado sólido y navy (como .btn.deep del sitio) */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.btn-primary,.btn-success):is(:hover,:focus,:active,.active){background:var(--navy);border-color:var(--navy);color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.btn-secondary,.btn-info,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-info,.btn-outline-light,.btn-outline-dark,.btn-secundary,.btn-profile){background:transparent;color:var(--navy);border:1px solid rgba(0,17,45,.45)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.btn-secondary,.btn-info,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-info,.btn-outline-light,.btn-outline-dark,.btn-secundary,.btn-profile):is(:hover,:focus,:active,.active){background:var(--navy);border-color:var(--navy);color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-warning:is(:hover,:focus,:active){background:var(--navy);border-color:var(--navy);color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-danger:is(:hover,:focus,:active){background:#8f0d15;border-color:#8f0d15;color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-outline-danger{color:var(--red);border-color:var(--red)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-dark{background:var(--navy);border-color:var(--navy);color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-link{color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .btn-close{filter:none;opacity:.6}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.card-header,.modal-header) .btn-close{filter:invert(1) grayscale(1) brightness(2);opacity:.8}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header :is(.btn-secondary,.btn-info,.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn-outline-light,.btn-secundary,.btn-profile){background:transparent;color:var(--white);border-color:rgba(255,255,255,.55)}
.btn :is([style*="color: #ffffff"],[style*="color:#ffffff"],[style*="color: #fff;"]){color:inherit !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .cj-btn.line{color:var(--navy) !important;border-color:rgba(0,17,45,.45)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .cj-btn.line:hover{background:var(--navy);color:var(--white) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .cj-btn:not(.line):hover{background:var(--navy);border-color:var(--navy);color:var(--gold) !important}

/* insignias sobre claro */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .badge.bg-dark{border-color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.badge.bg-light,.badge.bg-white){background:var(--mist) !important;border:1px solid var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .badge.bg-secondary{background:var(--fog) !important}

/* pills / tabs / acordeón / list-group / dropdowns */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-pills .nav-link{color:var(--navy);border-color:var(--fog);background:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-pills .nav-link:hover{border-color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-pills .nav-link.active{background:var(--gold) !important;border-color:var(--gold);color:var(--navy) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-tabs{border-bottom-color:var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-tabs .nav-link{color:#66686b}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-tabs .nav-link:hover{color:var(--navy);border-bottom-color:var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .nav-tabs .nav-link.active{color:var(--navy) !important;border-bottom-color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .nav-tabs .nav-link{color:var(--haze)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .nav-tabs .nav-link.active{color:var(--white) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .accordion-item{background:var(--white);border-color:var(--fog);color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.accordion-button,.accordion-button.collapsed){background:var(--white);color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .accordion-button::after{filter:none}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .accordion-button:not(.collapsed){background:var(--navy);color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .accordion-body{color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .list-group-item{background:var(--white);border-color:var(--fog);color:var(--on-light)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .list-group-item.active{background:rgba(252,207,0,.16);border-color:var(--gold);color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .dropdown-menu{background:var(--white);border:1px solid var(--fog);border-top:2px solid var(--gold);box-shadow:0 18px 36px -12px rgba(0,17,45,.35)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .dropdown-item{color:var(--navy);font-weight:400}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.dropdown-item:hover,.dropdown-item:focus){background:var(--mist);color:var(--gold-deep)}

/* modales claros con cabecera navy */
.cj-inner .modal-backdrop.show{background:#000814;opacity:.6}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .modal-content{background:var(--white);border:1px solid var(--fog);border-top:0;color:var(--on-light);box-shadow:0 30px 70px rgba(0,17,45,.35);overflow:hidden}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .modal .modal-header{background:var(--navy);color:var(--white);border-bottom:2px solid var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .modal-header :is(.modal-title,h1,h2,h3,h4,h5,h6,a,span){color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .modal .modal-body{color:var(--on-light);background:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .modal .modal-footer{background:var(--mist);border-top:1px solid var(--fog);color:#66686b}

/* alertas claras */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .alert{background:var(--white);border:1px solid var(--fog);border-left:4px solid var(--navy);color:var(--navy);box-shadow:0 10px 24px -20px rgba(0,17,45,.5)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .alert-success{border-left-color:#1d7a4a;background:#f1faf5}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.alert-danger,.alert-error){border-left-color:var(--red);background:#fdf1f2}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .alert-warning{border-left-color:var(--gold);background:#fffbe6}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.alert-info,.alert-primary){border-left-color:var(--haze);background:#f6f9fb}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .alert :is(a,.alert-link){color:var(--navy);border-bottom:1px solid var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .alert .close{color:var(--navy)}

/* paginación clara */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.page-link,.page-link.pag-items){background:var(--white) !important;border-color:var(--fog) !important;color:var(--navy) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.page-link:hover,a.page-link.pag-items:hover){background:var(--navy) !important;border-color:var(--navy) !important;color:var(--white) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.page-item.active .page-link,.page-link.pag-items-curr){background:var(--gold) !important;border-color:var(--gold) !important;color:var(--navy) !important}

/* varios */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .progress{background:var(--fog)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) code{color:var(--red)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) pre{color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .marker{background:rgba(252,207,0,.35)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.table-responsive,.overflow-auto){scrollbar-color:var(--fog) transparent}

/* islas oscuras que deben seguir legibles sobre el fondo claro */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .widgetwx{background:var(--navy) !important;color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .widgetwx a{color:var(--sky);font-weight:400}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .widgetwx a:hover{color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.map-info-box,.map-info-label,.leaflet-popup-content-wrapper,.leaflet-tooltip){color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.map-info-box,.leaflet-popup-content-wrapper) :is(a,h1,h2,h3,h4,h5,h6,td,th,span,b){color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .leaflet-popup-content-wrapper a:hover{color:var(--gold)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .leaflet-bar a{color:var(--navy)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .bg-dark :is(a,h1,h2,h3,h4,h5,h6,td,th){color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is(.bg-primary,.bg-warning){color:var(--navy)}
/* colores en línea (pensados para otro fondo) */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is([style*="color:#000"],[style*="color: #000"],[style*="color:black"],[style*="color: black"],[style*="color: indigo"]){color:var(--navy) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is([style*="color: darkgreen"],[style*="color:darkgreen"],[style*="color:  darkgreen"]){color:#1d7a4a !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is([style*="color: darkred"],[style*="color:darkred"],[style*="color:  darkred"]){color:var(--red) !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is([style*="color: darkorange"],[style*="color:darkorange"]){color:#b35c00 !important}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) :is([style*="color:#fff"],[style*="color: #fff"],[style*="color:white"],[style*="color: white"]):not(.widgetwx *):not(.card-header *):not(.btn *):not(.bg-dark *):not(.map-info-box *){color:var(--navy) !important}

/* portada: tarjetas de pilotos y premios sobre blanco / fog */
:is(.on-mist,.on-white,.on-fog) .cj-idcard{background:var(--white);border:1px solid var(--fog);box-shadow:0 18px 40px -30px rgba(0,17,45,.6)}
.on-white .cj-idcard{background:var(--mist);border-color:#e3e3e3}
:is(.on-mist,.on-white,.on-fog) .cj-idcard:hover{border-color:var(--gold);background:var(--white)}
:is(.on-mist,.on-white,.on-fog) .cj-idcard::before{background:var(--fog);box-shadow:inset 0 0 0 1px rgba(0,17,45,.12)}
:is(.on-mist,.on-white,.on-fog) .cj-idcard :is(h3,h3 a){color:var(--navy)}
:is(.on-mist,.on-white,.on-fog) .cj-idcard h3 a:hover{color:var(--gold-deep)}
:is(.on-mist,.on-white,.on-fog) .cj-idcard .role{color:#7a6608;font-weight:500}
:is(.on-mist,.on-white,.on-fog) .cj-idcard .call{border-color:var(--navy);color:var(--navy)}
:is(.on-mist,.on-white,.on-fog) .cj-idcard .meta{color:var(--slate)}
:is(.on-mist,.on-white,.on-fog) .cj-awards .card-text.fw-bold{color:var(--gold-deep)}
:is(.on-mist,.on-white,.on-fog) .cj-lead{color:var(--on-light)}
.on-fog .cj-head p{color:var(--slate)}

/* =====================================================================
   DISEÑO FINAL "EQUILIBRADO" (antes propuesta B)
   Cuerpo claro mist/blanco/fog, un bloque navy por página, franja cromada
   como divisor entre todas las secciones.
   ===================================================================== */

/* divisores cromados adicionales */
.cj-pilotband::before{content:"";position:absolute;left:0;right:0;top:0;height:7px;pointer-events:none;z-index:6;background:var(--chrome);background-size:300% 100%,100% 100%,100% 100%;background-repeat:no-repeat;box-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.3),0 0 14px rgba(190,205,214,.28);animation:cj-sheen 6s linear infinite;animation-delay:-1.1s}

/* textos de acento sobre fondo claro */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .cj-tagline{color:var(--gold-deep)}
:is(.on-white,.on-mist) .cj-login-back{color:var(--slate)}
:is(.on-mist,.on-white,.on-fog) .cj-head p{color:#6e7073}
.on-fog .cj-head p{color:var(--slate)}


/* banda de Pilotos activos (navy) en portada */
.cj-roster .cj-lead{color:var(--on-navy)}

/* login: panel mist con el formulario en tarjeta blanca */
.cj-login-panel.on-mist{background:var(--mist)}
.cj-login-panel.on-mist .cj-login-box{background:var(--white);padding:2.4rem 2.2rem;border-top:3px solid var(--navy);box-shadow:0 24px 50px -34px rgba(0,17,45,.6)}
@media (max-width:420px){.cj-login-panel.on-mist .cj-login-box{padding:1.8rem 1.2rem}.cj-login-panel{padding:1.6rem .8rem}}

/* ---------- Bloques a todo el ancho en páginas internas (como las secciones del sitio) ---------- */
.cj-block,
#page-container.cj-inner #page-contents > .row + .tab-content,
#page-container.cj-inner #page-contents > hr + .row{position:relative;padding:2.6rem 0 2.4rem;--cj-bg:var(--mist)}
.cj-block::after,
#page-container.cj-inner #page-contents > .row + .tab-content::after,
#page-container.cj-inner #page-contents > hr + .row::after{content:"";position:absolute;top:0;bottom:0;left:-100vmax;right:-100vmax;z-index:-1;background:var(--cj-bg);pointer-events:none}
.cj-block::before,
#page-container.cj-inner #page-contents > .row + .tab-content::before,
#page-container.cj-inner #page-contents > hr + .row::before{content:"";position:absolute;top:0;left:-100vmax;right:-100vmax;height:7px;width:auto;margin:0;padding:0;z-index:6;pointer-events:none;background:var(--chrome);background-size:300% 100%,100% 100%,100% 100%;background-repeat:no-repeat;box-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.3),0 0 14px rgba(190,205,214,.28);animation:cj-sheen 6s linear infinite}
.cj-b-white{--cj-bg:var(--white)}
.cj-b-mist{--cj-bg:var(--mist)}
.cj-b-fog{--cj-bg:var(--fog)}
.cj-b-navy{--cj-bg:var(--navy)}
.cj-block:nth-child(2)::before{animation-delay:-2.3s}
.cj-block:nth-child(3)::before{animation-delay:-4.6s}
.cj-block:nth-child(4)::before{animation-delay:-1.2s}
/* segundo bloque genérico (perfil, estadísticas, premios) sobre blanco */
#page-container.cj-inner #page-contents > .row + .tab-content,
#page-container.cj-inner #page-contents > hr + .row{--cj-bg:var(--white);margin-top:2rem}
#page-container.cj-inner #page-contents > hr:has(+ .row){display:none}
/* el primer y el último bloque tocan la cabecera y el footer (sus franjas ya separan) */
.cj-blocks > .cj-block:first-child{margin-top:-2.4rem}
.cj-blocks > .cj-block:first-child::before{display:none}
.cj-blocks > .cj-block:last-child{margin-bottom:-3rem;padding-bottom:3rem}
.cj-blocks > .cj-block > .row:last-child > [class*="col"] > :last-child{margin-bottom:0}
/* encabezado de bloque: título condensado navy + subtítulo inglés gris */
.cj-bhead{margin-bottom:1.6rem}
#page-container .cj-bhead h2{font-size:clamp(2rem,4.2vw,3.2rem);color:var(--navy);margin:0}
.cj-bhead p{margin:.3rem 0 0;font:400 1.25rem var(--display);color:#6e7073;letter-spacing:.03em}
.cj-b-fog .cj-bhead p{color:var(--slate)}
#page-container .cj-b-navy .cj-bhead h2{color:var(--white)}
.cj-b-navy .cj-bhead p{color:var(--sky)}
/* tarjetas: borde superior navy 3px (el encabezado navy continúa ese borde) */
#page-container.cj-inner #page-contents .card:not(.bg-transparent):not(.border-0){border-top:3px solid var(--navy)}
#page-container.cj-inner #page-contents .card:not(.bg-transparent):not(.border-0) > .card-header:first-child{border-radius:0}
.cj-b-fog .card{box-shadow:0 14px 30px -22px rgba(0,17,45,.55)}
/* bloque navy: cifras (KPIs) */
.cj-b-navy{padding:2.2rem 0 1.6rem;color:var(--on-navy)}
#page-container .cj-b-navy .card.bg-transparent.text-dark .card-body{background:linear-gradient(180deg,rgba(203,217,228,.09),rgba(203,217,228,.03)) !important;border:1px solid var(--edge);box-shadow:none}
#page-container .cj-b-navy .card.bg-transparent.text-dark :is(h6,h6 *,a){color:var(--white)}
#page-container .cj-b-navy .card.bg-transparent.text-dark h6.small{color:var(--sky)}
#page-container .cj-b-navy .card.bg-transparent.text-dark .fa-2x{color:var(--gold) !important}
.cj-b-navy > .row{margin-bottom:0}
/* clima METAR: isla navy */
.cj-wx{border:0 !important;overflow:hidden;box-shadow:0 14px 30px -22px rgba(0,17,45,.55) !important}
@media (max-width:768px){
  .cj-block{padding:2rem 0 1.8rem}
  .cj-blocks > .cj-block:first-child{margin-top:-2.4rem}
}

/* dashboard: cifras en tarjetas navy sobre bloque blanco (evita dos bloques navy seguidos) */
.cj-kpis{padding:2.2rem 0 1.4rem}
#page-container .cj-kpis .card.bg-transparent.text-dark .card-body{background:linear-gradient(180deg,#00163a,#00112D) !important;border:0;border-top:3px solid var(--gold);border-radius:2px;box-shadow:0 16px 30px -20px rgba(0,17,45,.7)}
#page-container .cj-kpis .card.bg-transparent.text-dark .card-body::after{display:none}
#page-container .cj-kpis .card.bg-transparent.text-dark :is(h6,h6 *,a){color:var(--white)}
#page-container .cj-kpis .card.bg-transparent.text-dark h6.small{color:var(--sky)}
#page-container .cj-kpis .card.bg-transparent.text-dark .fa-2x{color:var(--gold) !important}
.cj-kpis > .row{margin-bottom:0}

/* ---------- Dashboard compacto ---------- */
.cj-kpis .cj-bhead{margin-bottom:1.2rem}
.cj-kpis .row-cols-xl-8 .card{margin-bottom:.75rem !important}
.cj-kpis .card.mb-2{margin-bottom:.9rem !important}
/* noticias en fila (como "Comentarios" del sitio) */
.cj-voices{display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.3rem 0 .6rem;outline:0}
.cj-voices::-webkit-scrollbar{display:none}
.cj-voice{position:relative;flex:0 0 min(380px,86%);scroll-snap-align:start;display:flex;flex-direction:column;gap:.7rem;padding:1.6rem 1.6rem 1.3rem;background:var(--white);border-top:3px solid var(--navy);box-shadow:0 14px 30px -24px rgba(0,17,45,.5)}
.cj-voice::before{content:"\201C";position:absolute;top:.1rem;right:1rem;font:400 4.6rem/1 var(--display);color:var(--gold)}
.cj-voice-date{font:400 .95rem var(--display);letter-spacing:.08em;color:#6e7073}
#page-container .cj-voice h3{font-size:1.55rem;line-height:1.1;margin:0;padding-right:2.4rem;color:var(--navy)}
.cj-voice p{margin:0;font-size:.95rem;line-height:1.55;color:var(--on-light);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cj-voice-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;font:400 1rem var(--display);color:var(--slate)}
.cj-more{background:none;border:0;padding:0;font:400 1.05rem var(--display);letter-spacing:.04em;color:var(--navy);border-bottom:2px solid var(--gold)}
.cj-more:hover{color:var(--gold-deep)}
.cj-more i{font-size:.8rem;margin-left:.3rem}
.cj-arrows{display:flex;align-items:center;gap:.6rem;margin-top:1rem}
.cj-arrows button{width:46px;height:46px;border:1px solid var(--navy);background:none;color:var(--navy);border-radius:2px;display:grid;place-items:center;transition:background .2s,color .2s}
.cj-arrows button:hover{background:var(--navy);color:var(--white)}
.cj-arrows svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#page-container .cj-arrows .cj-all{margin-left:auto;font:400 1.05rem var(--display);letter-spacing:.03em;color:var(--navy);border-bottom:1px solid var(--gold)}
/* panel de pestañas compacto (fog) */
.cj-tabsblock{padding:2rem 0 2.6rem}
.cj-pills{gap:.4rem;margin-bottom:1.2rem;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.cj-pills::-webkit-scrollbar{display:none}
.cj-pills .nav-link{white-space:nowrap}
.cj-tabsblock .tab-content .card{margin-bottom:0 !important}
.cj-tabsblock .tab-pane > :not(.row){max-width:100%}
.cj-blocks > .cj-block{padding-top:2.2rem;padding-bottom:2rem}
.cj-blocks > .cj-block:last-child{padding-bottom:2.6rem}
.cj-blocks .cj-bhead{margin-bottom:1.1rem}

/* =====================================================================
   AUDITORÍA POR PÁGINA (correcciones)
   ===================================================================== */
/* global: sin gris vacío; el footer navy se estira tras el contenido */
#page-contents:has(> .cj-blocks){min-height:0}
/* tarjetas de igual altura en cuadrículas */
.cj-eqcards > .col > .card,.cj-eqcards > .col > form > .card{height:100%;margin-bottom:0 !important}
.cj-eqcards > .col > form{height:100%}
.cj-eqcards > .col > .card > .card-body{flex:1 1 auto}

/* botones diminutos de Disposable (p-0 px-1) fuera de tablas: tamaño normal del tema */
#page-container.cj-inner #page-contents .btn.p-0:not(:is(td,th) .btn):not(.card-header .btn){padding:.42rem 1rem !important;font-size:.98rem;line-height:1.2}
#page-container.cj-inner #page-contents .card-header .btn.p-0{padding:.18rem .65rem !important;font-size:.9rem}
#page-container.cj-inner #page-contents .card-footer .btn{margin:.15rem .2rem}
/* campos pequeños (input-group-sm) a altura cómoda */
#page-container.cj-inner #page-contents .input-group-sm > :is(.form-control,.form-select,.input-group-text,.btn){min-height:38px;font-size:.95rem;padding:.4rem .7rem}
#page-container.cj-inner #page-contents .form-control-sm,#page-container.cj-inner #page-contents .form-select-sm{min-height:36px;font-size:.92rem}
#page-container.cj-inner .input-group .select2-container .select2-selection--single{min-height:38px}
#page-container.cj-inner .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px}
#page-container.cj-inner .select2-container--default .select2-selection--single{min-height:38px}
#page-container.cj-inner .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}
.input-group > .input-group-text.col-lg-4{white-space:normal;font-size:.9rem}

/* encabezados de tarjeta que contienen tablas (bids, tours): sin franja haze */
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .table > tbody > tr > th{background:transparent !important;color:var(--white)}
:is(.cj-inner #page-contents,.on-mist,.on-white,.on-fog) .card-header .table :is(h5,h6,a,i){color:var(--white)}
[id^="Details"].row{row-gap:1rem;margin-top:.4rem;margin-bottom:1.2rem}
[id^="Details"].row .card{height:auto}

/* ---------- dashboard ---------- */
.cj-kpis .row-cols-xl-8 > [class*="col"]{display:flex}
.cj-kpis .row-cols-xl-8 > [class*="col"] > .card{flex:1 1 auto;width:100%;margin-bottom:.75rem !important}
#page-container .cj-kpis .card.bg-transparent.text-dark .card-body{position:relative;height:100%;min-height:92px;display:flex;flex-direction:column;justify-content:center;padding:.85rem 2.4rem .85rem .95rem !important}
#page-container .cj-kpis .card.bg-transparent.text-dark h6{margin:0 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(1.1rem,1.4vw,1.55rem);line-height:1.15}
#page-container .cj-kpis .card.bg-transparent.text-dark h6.small{font-size:clamp(.68rem,.74vw,.8rem);margin-top:.3rem !important;letter-spacing:.02em}
#page-container .cj-kpis .card.bg-transparent.text-dark .fa-2x{position:absolute;top:.8rem;right:.8rem;float:none !important;font-size:1.2rem;padding:0 !important}
.cj-wx .widgetwx:first-child{overflow:hidden}
.cj-wx #metartaf-DispoThM{max-width:100%;overflow:hidden}
/* comunidad: ranking a la altura de las noticias; flechas arriba a la derecha */
@media (min-width:992px){
  .cj-community .cj-news{position:relative}
  .cj-community .cj-arrows{position:absolute;right:0;top:-4.1rem;margin:0}
  .cj-community .cj-arrows .cj-all{order:-1;margin-right:.6rem}
}
.cj-community .row > .col-lg-4{display:flex;flex-direction:column}
.cj-community .row > .col-lg-4 > .card{flex:1 1 auto;margin-bottom:0 !important;display:flex;flex-direction:column}
.cj-community .row > .col-lg-4 > .card > .card-body{flex:1 1 auto}
.cj-community .cj-voices{padding-bottom:.2rem}
.cj-tabsblock .tab-pane .card .card-body{min-height:0}

/* ---------- livemap ---------- */
.cj-livemap .card{margin-bottom:1rem !important}
.cj-livemap #map{min-height:420px}

/* ---------- insignias de rango (cuando la imagen del rango no carga) ---------- */
.cj-ins{display:inline-flex;align-items:center;gap:.5rem;vertical-align:middle;white-space:nowrap}
.cj-ins-plate{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:34px;min-height:34px;padding:5px 0;background:linear-gradient(180deg,#0a2350,#00112D);border:1px solid rgba(252,207,0,.45);border-radius:3px;box-shadow:0 3px 8px rgba(0,17,45,.3)}
.cj-ins-plate i{display:block;width:22px;height:3px;border-radius:1px;background:linear-gradient(90deg,#A18A10,#FFF3A8,#FCCF00,#A18A10)}
.cj-ins-plate b{display:block;font-size:.62rem;line-height:1;color:var(--gold)}
.cj-ins-name{font:400 1rem var(--display);letter-spacing:.03em;color:inherit}
td > .cj-ins{justify-content:center}

/* ---------- premios ---------- */
.cj-medals{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}
.cj-medal{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;padding:1.6rem 1.2rem 1.4rem;background:var(--white);border-top:3px solid var(--navy);box-shadow:0 14px 30px -24px rgba(0,17,45,.55);transition:transform .25s,box-shadow .25s}
.cj-medal:hover{transform:translateY(-3px);box-shadow:0 20px 36px -24px rgba(0,17,45,.7)}
.cj-medal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.cj-medal-img{width:100%;height:170px;display:grid;place-items:center}
.cj-medal-img img{max-width:100%;max-height:170px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,17,45,.25))}
.cj-medal-img i{font-size:4rem;color:var(--gold-deep)}
#page-container .cj-medal h3{font-size:1.35rem;line-height:1.15;margin:0;color:var(--navy)}
.cj-medal p{margin:0;font-size:.85rem;line-height:1.45;color:#5a5c5f;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cj-b-white .cj-medal{background:var(--mist)}
.cj-medals.is-old .cj-medal{opacity:.85}
.cj-medals.is-old .cj-medal h3 i{font-size:.9rem;color:var(--steel)}

/* ---------- estadísticas: rankings en 2 columnas hasta pantallas muy anchas ---------- */
.cj-ranktabs .tab-pane > .row{row-gap:1.2rem;--bs-gutter-x:1.5rem}
@media (min-width:768px) and (max-width:1599.98px){.cj-ranktabs .tab-pane > .row > *{flex:0 0 auto;width:50%}}
.cj-ranktabs .tab-pane > .row > * > .card{margin-bottom:1rem !important}

/* ---------- perfil ---------- */
.cj-pilotcard .card-body{padding:2rem 1.6rem 1.4rem !important}
.cj-avatar{width:150px;height:150px;margin:0 auto 1.1rem;padding:4px;border-radius:50%;background:conic-gradient(from 200deg,var(--gold-deep),#fff3a8,var(--gold),var(--gold-deep))}
.cj-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0d2548;display:block;border:0 !important;box-shadow:none !important}
#page-container .cj-pname{font-size:2rem;margin:0;color:var(--navy);display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}
.cj-pname .flag-icon{font-size:1.1rem}
.cj-prank{margin-top:.35rem;font:400 1.15rem var(--display);color:var(--gold-deep);letter-spacing:.03em}
.cj-pcall{display:inline-block;margin:.8rem 0 .2rem;padding:.1rem .7rem;border:1px solid var(--navy);border-radius:2px;font:400 1.05rem var(--display);letter-spacing:.1em;color:var(--navy)}
.cj-pmeta{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:1.2rem 0 0;text-align:left;font-size:.9rem}
.cj-pmeta dt{font:400 .95rem var(--display);letter-spacing:.04em;color:#6e7073;text-transform:uppercase;font-weight:400}
.cj-pmeta dd{margin:0;color:var(--navy);min-width:0}
.cj-pmeta dd i{color:var(--gold-deep);cursor:pointer}
.cj-break{word-break:break-all}
.cj-pactions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;padding:.9rem !important}
.cj-pactions .btn{margin:0 !important}
.cj-statgrid > .col > .card{height:100%;margin-bottom:0 !important;display:flex;flex-direction:column;justify-content:center}
.cj-statgrid .card .card-body{display:flex;align-items:center;justify-content:center;min-height:68px;padding:.9rem .6rem .5rem !important;font:400 clamp(1.25rem,1.8vw,1.7rem) var(--display);color:var(--navy);line-height:1.1;word-break:break-word}
.cj-statgrid .card .card-footer{background:transparent !important;border-top:0 !important;padding:0 .6rem .8rem !important;font:400 .82rem var(--text) !important;letter-spacing:.04em;text-transform:uppercase;color:#6e7073 !important}
.cj-statgrid .card .card-body a{color:var(--navy)}
.cj-statgrid .card .table{font-size:.85rem}

/* ---------- vuelo libre ---------- */
@media (min-width:1200px){.cj-ffgrid > .col-xl-4 > .card{position:sticky;top:100px}}
.cj-ffgrid .card-body p{margin-bottom:.8rem;line-height:1.6}

/* ---------- descargas ---------- */
[id^="Downloads"].row{row-gap:1.2rem;--bs-gutter-x:1.4rem}
[id^="Downloads"] .card{height:100%;margin-bottom:0 !important}
[id^="Downloads"] .table td{padding:.75rem 1rem !important;font-size:.95rem;white-space:normal}
[id^="Downloads"] .table td a{display:inline-flex;align-items:center;gap:.5rem;font:400 1.15rem var(--display);letter-spacing:.02em}
[id^="Downloads"] .table td a::before{content:"";width:9px;height:9px;flex:none;border-right:2px solid var(--gold-deep);border-bottom:2px solid var(--gold-deep);transform:rotate(45deg) translateY(-3px)}
#pills-tab.nav-justified{gap:.4rem;margin-bottom:1.6rem !important}
#pills-tab.nav-justified .nav-link{padding:.55rem .8rem !important;font-size:1.1rem}

/* ---------- móvil ---------- */
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
@media (max-width:575.98px){
  .cj-kpis .row-cols-2 > [class*="col"]{width:50%}
  #page-container .cj-kpis .card.bg-transparent.text-dark h6{font-size:1.15rem}
  .cj-voice{flex-basis:88%}
  .cj-medals{grid-template-columns:repeat(2,1fr);gap:.9rem}
  .cj-medal{padding:1.1rem .7rem}
  .cj-medal-img{height:120px}
  .cj-medal-img img{max-height:120px}
  .cj-pmeta{grid-template-columns:1fr;gap:.1rem}
  .cj-pmeta dd{margin-bottom:.5rem}
}

/* Acciones de la tabla de vuelos (Reservar / ACARS): siempre visibles aunque la tabla haga scroll horizontal */
.table-responsive table td:last-child:has(.save_flight, .btn-warning),
.table-responsive table th:last-child { position: sticky; right: 0; z-index: 2; background: #fff; box-shadow: -8px 0 8px -8px rgba(0,17,45,.25); white-space: nowrap; }
.table-responsive table thead th:last-child { background: var(--haze, #BECDD6); }
.table-responsive .save_flight, .table-responsive a.btn-warning { min-width: 2rem; padding: .3rem .5rem !important; margin: 0 .15rem !important; }

/* =====================================================================
   RANGOS Y MEDALLAS EN FORMATO HORIZONTAL
   ===================================================================== */
/* charretera horizontal: galones dorados verticales lado a lado, botón al extremo */
.cj-ins{display:inline-flex;align-items:center;gap:.6rem;vertical-align:middle;white-space:nowrap}
.cj-ins-plate{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;width:84px;height:30px;min-height:0;padding:0 18px 0 12px;background:linear-gradient(180deg,#0d2a5c 0%,#00112D 70%);border:1px solid rgba(252,207,0,.7);border-radius:3px 15px 15px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 10px rgba(0,17,45,.3)}
.cj-ins-plate::after{content:"";position:absolute;right:6px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF3A8,#A18A10)}
.cj-ins-plate i{display:block;width:4px;height:18px;border-radius:1px;background:linear-gradient(180deg,#FFF3A8,#FCCF00 45%,#A18A10)}
.cj-ins-plate b{display:block;margin-left:2px;font-size:.78rem;line-height:1;color:var(--gold);text-shadow:0 0 4px rgba(252,207,0,.5)}
.cj-ins.is-lg .cj-ins-plate{width:124px;height:44px;gap:7px;padding:0 26px 0 16px;border-radius:4px 22px 22px 4px}
.cj-ins.is-lg .cj-ins-plate::after{right:9px;width:10px;height:10px;margin-top:-5px}
.cj-ins.is-lg .cj-ins-plate i{width:6px;height:26px}
.cj-ins.is-lg .cj-ins-plate b{font-size:1.05rem}
.cj-ins-name{font:400 1.02rem var(--display);letter-spacing:.03em;color:inherit}
.cj-idcard .role .cj-ins{justify-content:center}
.cj-prank .cj-ins-name{font-size:1.15rem}

/* /dranks: filas horizontales */
.cj-ranklist{display:grid;gap:.8rem}
.cj-rankrow{display:grid;grid-template-columns:150px 1fr 170px 190px;align-items:center;gap:1rem 1.4rem;padding:1rem 1.4rem;background:var(--white);border-left:3px solid var(--navy);box-shadow:0 12px 26px -22px rgba(0,17,45,.6)}
.cj-rankrow.cj-rankhead{background:transparent;border:0;box-shadow:none;padding:0 1.4rem;font:400 .9rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:#6e7073}
.cj-rankrow.cj-rankhead span:nth-child(n+3){text-align:right}
#page-container .cj-rankrow h3{font-size:1.7rem;margin:0;color:var(--navy)}
.cj-rankrow-more{display:inline-flex;align-items:center;gap:.35rem;margin-top:.25rem;font:400 .95rem var(--display);letter-spacing:.03em;color:var(--gold-deep) !important}
.cj-rankrow-val{text-align:right;line-height:1.1}
.cj-rankrow-val b{display:block;font:400 1.5rem var(--display) !important;color:var(--navy)}
.cj-rankrow-val small{font-size:.75rem;color:#6e7073;letter-spacing:.03em}
.cj-rankrow-fleet{grid-column:1 / -1}
.cj-rankrow-fleet.show,.cj-rankrow-fleet.collapsing{display:flex;flex-wrap:wrap;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--fog)}
.cj-rankrow-fleet a{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--mist);border-radius:2px;font-size:.9rem}
@media (max-width:767.98px){
  .cj-rankrow{grid-template-columns:auto 1fr;padding:1rem}
  .cj-rankrow.cj-rankhead{display:none}
  .cj-rankrow-val{grid-column:auto;text-align:left}
  .cj-rankrow-val b{font-size:1.2rem !important}
  #page-container .cj-rankrow h3{font-size:1.35rem}
}

/* medallas: tarjetas horizontales (imagen a la izquierda, texto a la derecha) */
.cj-medals.is-row{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:1.2rem}
.cj-medals.is-row .cj-medal{flex-direction:row;align-items:center;text-align:left;gap:1.2rem;padding:1.1rem 1.3rem}
.cj-medals.is-row .cj-medal-img{flex:0 0 112px;width:112px;height:112px;padding:6px;background:radial-gradient(circle,#fff 0%,var(--mist) 75%);border-radius:50%}
.cj-medals.is-row .cj-medal-img img{max-height:100px}
.cj-medals.is-row .cj-medal-img i{font-size:2.6rem}
.cj-medal-txt{min-width:0;display:flex;flex-direction:column;gap:.35rem}
#page-container .cj-medals.is-row .cj-medal h3{font-size:1.3rem}
.cj-medal-date{font:400 .9rem var(--display);letter-spacing:.05em;color:var(--gold-deep)}
.cj-b-white .cj-medals.is-row .cj-medal-img{background:radial-gradient(circle,#fff 0%,#e6e6e6 80%)}
@media (max-width:575.98px){
  .cj-medals.is-row{grid-template-columns:1fr}
  .cj-medals.is-row .cj-medal-img{flex-basis:80px;width:80px;height:80px}
  .cj-medals.is-row .cj-medal-img img{max-height:70px}
}

/* widget LatestAwards (home / dashboard): lista horizontal compacta */
.cj-awardlist{display:grid;gap:.8rem}
.cj-award{display:grid;grid-template-columns:64px 1fr 42px;align-items:center;gap:1rem;padding:.8rem 1rem;background:var(--white);border-left:3px solid var(--navy);box-shadow:0 12px 26px -22px rgba(0,17,45,.6)}
.cj-award-img{width:64px;height:64px;display:grid;place-items:center}
.cj-award-img img{max-width:64px;max-height:64px;object-fit:contain}
.cj-award-img i{font-size:1.8rem;color:var(--gold-deep)}
#page-container .cj-award h4{font-size:1.2rem;line-height:1.15;margin:0;color:var(--navy)}
.cj-award p{margin:.2rem 0 0;font-size:.85rem;color:#5a5c5f}
.cj-award-av img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--white);box-shadow:0 0 0 2px var(--fog)}
/* las medallas son fotografías apaisadas: marco rectangular navy en vez de círculo */
.cj-medals.is-row .cj-medal-img{flex:0 0 132px;width:132px;height:96px;padding:0;border-radius:4px;overflow:hidden;background:linear-gradient(180deg,#0d2a5c,#00112D);box-shadow:inset 0 0 0 1px rgba(252,207,0,.35)}
.cj-b-white .cj-medals.is-row .cj-medal-img{background:linear-gradient(180deg,#0d2a5c,#00112D)}
.cj-medals.is-row .cj-medal-img img{width:100%;height:100%;max-height:none;object-fit:cover;filter:none}
.cj-medals.is-row .cj-medal-img i{color:var(--gold)}
.cj-award-img{width:64px;height:48px;border-radius:3px;overflow:hidden;background:linear-gradient(180deg,#0d2a5c,#00112D)}
.cj-award-img img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.cj-award-img i{color:var(--gold)}
@media (max-width:575.98px){.cj-medals.is-row .cj-medal-img{flex-basis:96px;width:96px;height:72px}}

/* =====================================================================
   Etapa 1 · Armazón unificado (sitio coljet.com.co + crew center)
   Igual a la landing: colgante con balanceo CSS, pestaña y panel de
   enlaces, idiomas y avatar del piloto en el menú.
   ===================================================================== */
.cj-langs a[aria-current]{opacity:1}
.cj-mlang{display:none}
.cj-mlang a[aria-current]{border-color:var(--gold);color:var(--gold)}

/* Colgante Crew Center (igual al tag de la landing: balancea, brilla al pasar y cae al hacer clic) */
.cj-tagwrap{margin-left:.4rem}
.cj-tagwrap::before{content:"";position:absolute;top:0;left:50%;width:20px;height:6px;margin-left:-10px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#6f7986,#f7f9fb 45%,#7d8794);box-shadow:0 2px 4px rgba(0,0,0,.45);z-index:2;pointer-events:none}
.cj-tag{width:46px;margin-left:-23px;transform-origin:50% 8px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5));animation:cj-tag-swing 3.4s ease-in-out infinite alternate;transition:filter .2s}
.cj-tag .hook{display:block;width:100%;height:auto;overflow:visible;position:relative;z-index:1}
.cj-tag .cloth{display:block;width:100%;height:auto;margin-top:-9px;-webkit-user-drag:none;user-select:none}
.cj-tag:hover{animation-play-state:paused;filter:brightness(1.2) drop-shadow(0 0 14px rgba(232,0,42,.8)) drop-shadow(0 10px 12px rgba(0,0,0,.5))}
.cj-tag.fall{animation:cj-tag-fall 1s cubic-bezier(.55,.05,.9,.5) forwards;pointer-events:none}
.cj-tag.back{animation:cj-tag-swing 3.4s ease-in-out infinite alternate,cj-tag-back .8s cubic-bezier(.2,.8,.3,1)}
@keyframes cj-tag-swing{0%{transform:rotate(9deg)}100%{transform:rotate(-9deg)}}
@keyframes cj-tag-fall{0%{transform:rotate(9deg) translateY(0)}12%{transform:rotate(-6deg) translateY(8px)}100%{transform:rotate(38deg) translateY(115vh)}}
@keyframes cj-tag-back{0%{translate:0 -60px;opacity:0}60%{opacity:1}100%{translate:0 0;opacity:1}}
@media (prefers-reduced-motion:reduce){.cj-tag,.cj-tag.back{animation:none}}
@media (max-width:700px){.cj-tagwrap{width:52px;margin-left:0}.cj-tag{width:38px;margin-left:-19px}}

/* Avatar del piloto en el menú */
#Dispo_NavBar .cj-me > .nav-link{display:flex;align-items:center;gap:.6rem;color:var(--white)}
#Dispo_NavBar .cj-me > .nav-link > i{display:none !important}
.cj-avatar{margin:0 !important;width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--haze);background:var(--navy-3)}
.cj-me .nav-link:hover .cj-avatar,.cj-me .nav-link.show .cj-avatar{border-color:var(--gold)}
.cj-me-name{display:flex;flex-direction:column;line-height:1.05}
.cj-me-name small{font:400 .72rem var(--text);color:var(--sky);letter-spacing:.06em}
#Dispo_NavBar .dropdown-item-text.cj-clock{padding:.4rem 1.2rem;font-size:.95rem}
@media (min-width:1200px) and (max-width:1399.98px){.cj-me-name{display:none}}

/* Pestaña lateral y panel de enlaces importantes */
.cj-sidetab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1020;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:.7rem .55rem 1rem;background:var(--navy);border:1px solid var(--edge);border-left:0;border-radius:0 12px 12px 0;color:var(--white);cursor:pointer;box-shadow:6px 0 24px rgba(0,0,0,.35);transition:padding .2s,background .2s}
.cj-sidetab:hover{padding-left:.9rem;background:var(--navy-3)}
.cj-sidetab svg{width:26px;height:18px;border-radius:2px}
.cj-sidetab span{writing-mode:vertical-rl;transform:rotate(180deg);font:400 1.05rem var(--display);letter-spacing:.08em;white-space:nowrap}
@media (max-width:700px){.cj-sidetab{top:auto;bottom:1rem;left:1rem;transform:none;flex-direction:row;gap:.6rem;padding:.6rem 1rem;border:1px solid var(--edge);border-radius:999px}.cj-sidetab:hover{padding:.6rem 1rem}.cj-sidetab span{writing-mode:horizontal-tb;transform:none;font-size:1.1rem}}
.cj-drawer{position:fixed;inset:0;z-index:1060;visibility:hidden}
.cj-drawer.open{visibility:visible}
.cj-drawer .veil{position:absolute;inset:0;background:rgba(0,17,45,.7);opacity:0;transition:opacity .3s}
.cj-drawer.open .veil{opacity:1}
.cj-drawer aside{position:absolute;left:0;top:0;bottom:0;width:min(380px,92vw);background:var(--navy);border-right:3px solid var(--haze);padding:1.6rem 1.4rem;overflow:auto;transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.cj-drawer.open aside{transform:none}
.cj-drawer header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}
.cj-drawer h2{font:400 2rem var(--display);color:var(--white);margin:0}
.cj-drawer .close{width:40px;height:40px;border:1px solid var(--edge);background:none;color:var(--white);border-radius:50%;cursor:pointer;font-size:1.3rem;line-height:1}
.cj-drawer .close:hover{border-color:var(--gold);color:var(--gold)}
.cj-drawer ul{list-style:none;padding:0;margin:0}
.cj-drawer li a{display:flex;gap:1rem;align-items:center;padding:.9rem .4rem;border-bottom:1px solid var(--edge);text-decoration:none;transition:background .2s}
.cj-drawer li a:hover{background:var(--glass)}
.cj-drawer li .ico{width:38px;height:38px;flex:none;color:var(--sky);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cj-drawer li .ico .acc{stroke:var(--gold)}
.cj-drawer li b{display:block;font:400 1.4rem var(--display);color:var(--white);line-height:1.05}
.cj-drawer li span{font-size:.82rem;color:var(--sky)}

/* =====================================================================
   Etapa 3 · Pantallas de acceso (login, registro, contraseña, estados)
   Marco común: foto con el lema a la izquierda, tarjeta a la derecha,
   con el menú del sitio arriba.
   ===================================================================== */
body.cj-auth #page-contents{display:block}
.cj-login{width:100%;min-height:calc(100vh - var(--nav-h));grid-template-columns:1.1fr 1fr}
.cj-login-wide{grid-template-columns:.75fr 1.25fr}
.cj-login-art{position:sticky;top:var(--nav-h);height:calc(100vh - var(--nav-h));min-height:420px}
.cj-login-kicker{font:400 1rem var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--sky);margin:0 0 .6rem}
.cj-login-slogan{font:400 clamp(2.8rem,5.6vw,5.4rem) var(--display);line-height:.95;color:var(--white);margin:0;text-shadow:0 2px 30px rgba(0,17,45,.45)}
.cj-login-art .cj-tagline{margin-top:1.2rem}
.cj-login-panel{align-items:flex-start;padding-top:clamp(2.2rem,6vh,4.5rem);padding-bottom:clamp(2.2rem,6vh,4.5rem)}
.cj-login-panel .cj-login-box{width:min(460px,100%)}
.cj-login-wide .cj-login-panel .cj-login-box{width:min(760px,100%)}
.cj-login-box h1{font:400 clamp(2.3rem,3.6vw,3rem) var(--display);line-height:1;color:var(--navy);margin:0}
.cj-login-box > .cj-tagline{margin:.7rem 0 1.8rem;font-size:1.25rem}
.cj-login-ico{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1rem;border-radius:50%;background:var(--navy);color:var(--gold);font-size:1.3rem;box-shadow:0 0 0 4px rgba(252,207,0,.25)}
.cj-login-intro{color:var(--slate);font-size:.98rem;line-height:1.6;margin:0 0 1.3rem}
.cj-login-errors,.cj-login-ok{margin:0 0 1.3rem;padding:.8rem 1rem;border-left:3px solid;font-size:.95rem}
.cj-login-errors{background:#fdecee;border-color:var(--red);color:#7a0d13}
.cj-login-errors p{margin:0;display:flex;gap:.55rem;align-items:baseline}
.cj-login-errors p + p{margin-top:.35rem}
.cj-login-ok{display:flex;gap:.55rem;align-items:baseline;background:#e8f7ee;border-color:#2f9e5b;color:#18542f}
.cj-login-box .cj-field label{color:var(--slate)}
.cj-field small{display:block;margin-top:.35rem;color:#66686b;font-size:.82rem}
.cj-login-box .is-invalid{border-color:var(--red) !important}
.cj-reveal{cursor:pointer;min-width:48px;justify-content:center}
.cj-reveal:hover i{color:var(--navy) !important}
.cj-check{display:flex;gap:.65rem;align-items:flex-start;margin:.3rem 0 1rem;font-size:.95rem;line-height:1.45;color:var(--slate);cursor:pointer}
.cj-check input[type=checkbox]{flex:none;width:18px;height:18px;margin-top:.12rem;accent-color:var(--navy);cursor:pointer}
.cj-login-box .cj-btn{width:100%;justify-content:center;margin-top:.4rem}
.cj-login-box .cj-btn[disabled]{opacity:.45;pointer-events:none}
.cj-login-or{display:flex;align-items:center;gap:.8rem;margin:1.4rem 0 1rem;color:#66686b;font-size:.85rem}
.cj-login-or::before,.cj-login-or::after{content:"";flex:1;height:1px;background:var(--fog)}
.cj-login-oauth{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem}
.cj-login-oauth .cj-btn{margin:0;padding:.7rem 1rem;font-size:1.05rem}
.cj-login-box .cj-login-links{border-color:var(--fog);color:var(--slate);align-items:baseline}
.cj-login-box .cj-login-links a{color:var(--navy);border-color:var(--fog);font-weight:400}
.cj-login-box .cj-login-links a:hover{color:var(--gold-deep);border-color:var(--gold-deep)}
.cj-login-box .cj-login-back{color:var(--slate)}
.cj-login-box .cj-login-back:hover{color:var(--navy)}
/* Registro: secciones en dos columnas */
.cj-register fieldset{margin:0 0 1.6rem;padding:0;border:0}
.cj-register legend{float:none;width:100%;display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;font:400 1.35rem var(--display);color:var(--navy)}
.cj-register legend::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.cj-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.2rem}
.cj-register .cj-field .form-control{height:46px}
.cj-register .select2-container{width:100% !important}
/* Términos */
.cj-toc{max-height:190px;overflow:auto;margin:0 0 1rem;padding:1rem 1.1rem;background:var(--mist);border:1px solid var(--fog);font-size:.85rem;line-height:1.55;color:var(--slate)}
.cj-toc h2{font:400 1.2rem var(--display);color:var(--navy);margin:0 0 .6rem}
.cj-toc h3{font:500 .85rem var(--text);color:var(--navy);margin:1rem 0 .3rem}
.cj-toc p{margin:0 0 .6rem}
.cj-toc:focus-visible{outline:2px solid var(--gold)}
/* Estados de cuenta */
.cj-login-state{margin:0 0 1.2rem;padding:1.1rem 1.2rem;background:var(--mist);border-left:3px solid var(--gold);font-size:1.02rem;color:var(--navy)}
.cj-login-state p{margin:0}
.cj-login-state.good{border-color:#2f9e5b}
.cj-login-state.bad{border-color:var(--red);background:#fdecee;color:#7a0d13}
@media (max-width:991.98px){
  .cj-login,.cj-login-wide{grid-template-columns:1fr}
  .cj-login-art{position:relative;top:0;height:auto;min-height:34vh;padding-top:3rem}
}
@media (max-width:640px){
  .cj-grid{grid-template-columns:1fr}
  .cj-login-art{min-height:26vh}
  .cj-login-slogan{font-size:2.6rem}
}
.cj-register .select2-container--default .select2-selection--single{height:46px;display:flex;align-items:center}
.cj-register .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:44px;padding-left:.75rem}
.cj-register .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
body.cj-auth .cj-tagwrap{display:none}

/* =====================================================================
   Etapa 4 · Panel del piloto: patrón de páginas internas
   Ancho centrado igual para el título y el contenido; pestaña lateral
   compacta para no tapar el contenido.
   ===================================================================== */
:root{--cj-page:min(1320px,100% - 3rem)}
body.cj-inner #page-contents,.cj-pagehead .cj-wrap{width:var(--cj-page)}
@media (max-width:700px){:root{--cj-page:calc(100% - 1.6rem)}}
body.cj-inner .cj-sidetab{gap:0;padding:.6rem .45rem}
body.cj-inner .cj-sidetab span{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s,opacity .2s,margin .3s}
body.cj-inner .cj-sidetab:hover span,body.cj-inner .cj-sidetab:focus-visible span{max-height:16rem;opacity:1;margin-top:.8rem}
@media (max-width:700px){body.cj-inner .cj-sidetab span{max-height:none;opacity:1;margin:0}body.cj-inner .cj-sidetab{gap:.6rem;padding:.6rem 1rem}}
/* Accesos rápidos (dashboard) */
.cj-quick{margin-top:1.4rem}
.cj-quick-title{font:400 1.35rem var(--display);color:var(--navy);margin:0 0 .8rem;display:flex;align-items:center;gap:.8rem}
.cj-quick-title::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}
.cj-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
@media (max-width:560px){.cj-quick-grid{grid-template-columns:1fr}}
.cj-quick-item{display:flex;gap:.9rem;align-items:center;padding:1rem 1.1rem;background:var(--navy);color:var(--white) !important;border-top:2px solid var(--gold);text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.cj-quick-item i{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(252,207,0,.12);color:var(--gold);font-size:1.05rem}
.cj-quick-item b{display:block;font:400 1.2rem var(--display);line-height:1.1;color:var(--white)}
.cj-quick-item small{display:block;font-size:.78rem;color:var(--sky);line-height:1.35;margin-top:.15rem}
.cj-quick-item:hover{transform:translateY(-2px);background:var(--navy-3);box-shadow:0 14px 28px -16px rgba(0,17,45,.7)}
/* Estado vacío de listas */
.cj-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding:2.6rem 1.5rem;background:var(--white);border:1px dashed var(--fog);border-top:3px solid var(--gold)}
.cj-empty > i{font-size:2rem;color:var(--gold-deep)}
.cj-empty p{max-width:46ch;margin:0;color:var(--slate)}
.table td.cj-wrap-cell{white-space:normal;min-width:11rem;max-width:20rem}

/* Vuelos: tarjeta de filtros (etiqueta encima del campo) */
.cj-filters .form-label{display:block;margin:0 0 .25rem;font:400 .95rem var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--navy-3)}
.cj-filters .select2-container{width:100% !important}
.cj-filters .card-footer .cj-btn{padding:.55rem 1.4rem;font-size:1.05rem}

/* =====================================================================
   Etapa 5 · Páginas de error (401, 403, 404, 419, 429)
   ===================================================================== */
.cj-error{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;max-width:920px;margin:clamp(1rem,4vh,3rem) auto;padding:clamp(1.5rem,4vw,3rem);background:var(--white);border-top:3px solid var(--navy);box-shadow:0 24px 50px -34px rgba(0,17,45,.6)}
.cj-error-code{position:relative;display:grid;place-items:center;min-width:clamp(150px,22vw,230px)}
.cj-error-code span{font:400 clamp(5rem,13vw,8.5rem)/1 var(--display);color:var(--navy);letter-spacing:.02em}
.cj-error-code i{position:absolute;right:-.4rem;bottom:.2rem;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-size:1.25rem;box-shadow:0 0 0 5px var(--white)}
#page-container .cj-error-body h2{font:400 clamp(1.9rem,3.6vw,2.7rem)/1.05 var(--display);color:var(--navy);margin:0 0 .8rem}
.cj-error-body p{color:var(--slate);max-width:52ch;margin:0 0 1.4rem}
.cj-error-actions{display:flex;flex-wrap:wrap;gap:.7rem}
@media (max-width:640px){.cj-error{grid-template-columns:1fr;text-align:center}.cj-error-code{margin:0 auto}.cj-error-actions{justify-content:center}}

/* Mapa en vivo: ancho completo del bloque, 70vh en escritorio y 60vh en móvil */
.cj-livemap .card{border-radius:0}
.cj-livemap #map{width:100% !important;height:70vh;min-height:420px}
@media (max-width:767.98px){.cj-livemap #map{height:60vh !important;min-height:320px}}

/* =====================================================================
   Etapa 6 · Pulido
   ===================================================================== */
/* Móvil: las pestañas pasan a otra línea y las tablas anchas se deslizan dentro de su tarjeta */
#page-contents .nav-pills{flex-wrap:wrap;row-gap:.45rem}
@media (max-width:767.98px){
  #page-contents .card-body{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #page-contents .nav-pills.nav-justified > .nav-link,#page-contents .nav-pills.nav-justified .nav-item{flex:1 1 40%}
}

/* ---------- Mapas: controles de Leaflet con estilo COLJET ---------- */
.leaflet-container{background:#1b1b1d;font-family:var(--text)}
.leaflet-bar,.leaflet-control-layers{border:1px solid var(--edge) !important;border-radius:4px !important;box-shadow:0 10px 24px -10px rgba(0,0,0,.7) !important}
.leaflet-bar a,.leaflet-bar a:hover{background:var(--navy) !important;color:var(--white) !important;border-bottom-color:var(--edge) !important}
.leaflet-bar a:hover{color:var(--gold) !important}
.leaflet-control-layers{background:var(--navy) !important;color:var(--sky)}
.leaflet-control-layers-toggle{filter:invert(1) brightness(1.4);width:34px !important;height:34px !important}
.leaflet-control-layers-expanded{padding:.6rem .8rem !important;font:400 1rem var(--display);letter-spacing:.02em}
.leaflet-control-layers-separator{border-top-color:var(--edge) !important}
.leaflet-control-layers input{accent-color:var(--gold)}
.leaflet-control-attribution{background:rgba(0,17,45,.75) !important;color:var(--steel) !important;font-size:.68rem}
.leaflet-control-attribution a{color:var(--sky) !important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--navy);color:var(--white);border-radius:4px;box-shadow:0 14px 30px -12px rgba(0,0,0,.7)}
.leaflet-popup-content-wrapper{border-top:2px solid var(--gold)}
.leaflet-popup-content a{color:var(--gold)}
.leaflet-container a.leaflet-popup-close-button{color:var(--sky)}

/* ---------- Mapa en vivo: tarjeta del vuelo (como las de las referencias, con los colores del sitio) ---------- */
.cj-livemap-wrap{position:relative;overflow:hidden;border-radius:4px;box-shadow:0 24px 50px -30px rgba(0,17,45,.7)}
.cj-livemap-map{display:block}
.cj-flight{position:absolute;z-index:500;top:14px;right:14px;width:min(370px,calc(100% - 28px));max-height:calc(100% - 28px);overflow:auto;overscroll-behavior:contain;
  background:linear-gradient(180deg,#071c3d 0%,var(--navy) 38%);color:var(--white);border:1px solid var(--edge);border-radius:14px;box-shadow:0 30px 60px -20px rgba(0,0,0,.85);scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.cj-flight.cj-closed{display:none !important}
.cj-flight-photo{position:relative;height:150px;background:linear-gradient(180deg,rgba(0,17,45,0) 40%,#071c3d 100%),var(--navy-3) center/cover no-repeat;border-radius:13px 13px 0 0}
.cj-flight-photo{background-blend-mode:normal}
.cj-flight-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(0,17,45,.05) 35%,#071c3d 100%)}
.cj-flight-photo.no-photo{height:56px;background:none}
.cj-flight-photo.no-photo::after{display:none}
.cj-flight-close{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:1px solid var(--edge);border-radius:50%;background:rgba(0,17,45,.75);color:var(--white);font-size:1.4rem;line-height:1;cursor:pointer;transition:border-color .2s,color .2s}
.cj-flight-close:hover,.cj-flight-close:focus-visible{border-color:var(--gold);color:var(--gold);outline:0}
.cj-flight-head{position:relative;z-index:1;text-align:center;padding:0 1.2rem 1rem;margin-top:-1.6rem}
.cj-flight-photo.no-photo + .cj-flight-head{margin-top:0}
.cj-flight-head h3{display:inline-flex;align-items:center;gap:.6rem;margin:0;font:400 2.1rem/1 var(--display);color:var(--white);letter-spacing:.02em}
.cj-flight-locate{width:34px;height:34px;border:0;border-radius:50%;background:rgba(203,217,228,.12);color:var(--sky);font-size:.9rem;cursor:pointer}
.cj-flight-locate:hover{background:rgba(252,207,0,.18);color:var(--gold)}
.cj-flight-head p{margin:.35rem 0 .7rem;color:var(--sky);font-size:.92rem;letter-spacing:.03em}
.cj-flight-status{display:inline-block;padding:.2rem .7rem;border:1px solid rgba(252,207,0,.55);border-radius:4px;background:rgba(252,207,0,.12);color:var(--gold);font:400 .95rem var(--display);letter-spacing:.08em;text-transform:uppercase}
.cj-flight-sched,.cj-flight-times{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;padding:1rem 1.2rem;border-top:1px solid var(--edge-soft)}
.cj-flight-times{grid-template-columns:repeat(3,1fr)}
.cj-flight small{display:block;font:400 .78rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.cj-flight-sched b{display:block;font:400 2rem/1.05 var(--display);color:var(--white)}
.cj-flight-times b{display:block;font:400 1.3rem/1.1 var(--display);color:var(--white)}
.cj-flight-sched-ico{width:44px;height:44px;transform:rotate(90deg);opacity:.9}
.cj-flight-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--edge-soft)}
.cj-flight-tabs button{padding:.85rem .5rem;border:0;border-bottom:2px solid transparent;background:none;color:var(--steel);font:400 1.05rem var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.cj-flight-tabs button[aria-selected="true"]{color:var(--white);border-bottom-color:var(--gold)}
.cj-flight-tabs button:hover{color:var(--white)}
.cj-flight-legs{list-style:none;margin:0;padding:1rem 1.2rem .4rem;position:relative}
.cj-flight-legs li{position:relative;padding-left:1.8rem;margin-bottom:1.1rem}
.cj-flight-legs li::before{content:"";position:absolute;left:0;top:.35rem;width:14px;height:14px;border-radius:50%;border:2px solid var(--gold)}
.cj-flight-legs li:last-child::before{background:var(--gold)}
.cj-flight-legs li:first-child::after{content:"";position:absolute;left:6px;top:1.5rem;bottom:-1.1rem;width:2px;background:var(--edge)}
.cj-flight-legs b{display:block;font:400 1.15rem/1.2 var(--display);color:var(--white)}
.cj-flight-legs small{margin-top:.15rem;letter-spacing:.06em}
.cj-flight-block{padding:.9rem 1.2rem;border-top:1px solid var(--edge-soft)}
.cj-flight-route{margin:.35rem 0 0;font:400 .95rem/1.5 var(--text);letter-spacing:.04em;color:var(--sky);word-break:break-word}
.cj-flight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem 1rem;margin:0;padding:1rem 1.2rem}
.cj-flight-grid dt{font:400 .78rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.cj-flight-grid dd{margin:.1rem 0 0;font:400 1.25rem var(--display);color:var(--white)}
.cj-flight-progress{height:6px;margin-top:.5rem;border-radius:3px;background:rgba(203,217,228,.15);overflow:hidden}
.cj-flight-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .6s}
.cj-flight-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem 1.2rem 1.2rem;border-top:1px solid var(--edge-soft)}
.cj-flight-actions .cj-btn{justify-content:center;padding:.7rem .6rem;font-size:1.05rem}
@media (max-width:767.98px){
  .cj-flight{top:auto;bottom:10px;right:10px;left:10px;width:auto;max-height:68%}
  .cj-flight-photo{height:110px}
  .cj-flight-sched b{font-size:1.6rem}
}
#page-container .cj-flight .cj-flight-head h3{color:var(--white);text-shadow:0 2px 14px rgba(0,17,45,.9)}
/* Accesibilidad: enlace para saltar al contenido (visible solo con teclado) */
.cj-skip{position:absolute;left:1rem;top:-100px;z-index:2000;padding:.7rem 1.2rem;background:var(--gold);color:var(--navy) !important;font:400 1.1rem var(--display);border-radius:2px;transition:top .2s}
.cj-skip:focus{top:1rem}
#page-contents:focus{outline:0}
/* Accesibilidad: contraste mínimo 4.5:1 de grises sobre fondos claros (los fondos azul marino no cambian) */
.cj-bhead p{color:#5d5f62}
body.cj-inner #page-contents :is(.card-body,.table,.cj-empty){--steel:#606265}
html body #page-contents :is(#cj-landing,#cj-landing-2) :is(.on-mist,.on-white) :is(small,.head p){color:#5d5f62}
html body #page-contents :is(#cj-landing,#cj-landing-2) .on-fog .head p{color:#3f4144}
html body #page-contents :is(#cj-landing,#cj-landing-2) .voices figcaption span{color:#5d5f62}
body.cj-inner #page-contents .cj-ins-name{color:#5d5f62}

/* ---------- Tarjeta del vuelo v2: todo en una pantalla (ruta, datos, recorrido y plan) ---------- */
#page-container .cj-flight .cj-flight-photo{height:118px}
#page-container .cj-flight .cj-flight-head{margin-top:-1.4rem;padding-bottom:.8rem}
#page-container .cj-flight .cj-flight-head h3{font-size:1.9rem}
#page-container .cj-flight .cj-flight-head p{margin:.25rem 0 .55rem;font-size:.85rem}
.cj-flight-route-bar{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:start;gap:.5rem;padding:.9rem 1.2rem .8rem;border-top:1px solid var(--edge-soft)}
.cj-fr-apt{min-width:0}
.cj-fr-apt b{display:block;font:400 2.1rem/1 var(--display);color:var(--white);letter-spacing:.02em}
.cj-fr-apt small{display:block;margin-top:.2rem;font:400 .95rem var(--display);letter-spacing:.03em;text-transform:none;color:var(--gold)}
.cj-fr-apt em{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.1rem;font:300 .72rem/1.3 var(--text);font-style:normal;color:var(--steel)}
.cj-fr-track{position:relative;height:2.1rem}
.cj-fr-line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:repeating-linear-gradient(90deg,rgba(203,217,228,.45) 0 6px,transparent 6px 11px);border-radius:2px}
.cj-fr-line i{display:block;height:100%;width:0;background:var(--gold);border-radius:2px;transition:width .6s}
.cj-fr-plane{position:absolute;top:50%;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;transform:rotate(90deg);transition:left .6s;filter:drop-shadow(0 0 6px rgba(252,207,0,.45))}
#page-container .cj-flight .cj-flight-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.8rem 1.2rem;border-top:1px solid var(--edge-soft)}
#page-container .cj-flight .cj-flight-grid dd{font-size:1.35rem}
#page-container .cj-flight .cj-flight-grid dd small{font-size:.8rem;color:var(--sky);letter-spacing:.04em;text-transform:none}
#page-container .cj-flight .cj-flight-block{padding:.75rem 1.2rem}
.cj-flight-dist{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;flex-wrap:wrap}
.cj-flight-dist span{font:400 1rem var(--display);letter-spacing:.03em;color:var(--sky)}
.cj-flight-dist span b{font:400 1.15rem var(--display);color:var(--white)}
#page-container .cj-flight .cj-flight-route{margin-top:.25rem;font-size:.82rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#page-container .cj-flight .cj-flight-actions{padding:.8rem 1.2rem 1rem}
#page-container .cj-flight .cj-flight-actions .cj-btn{padding:.6rem .5rem;font-size:1rem}
/* Tarjeta compacta: todo cabe sin scroll en el mapa (mínimo 560px de alto) */
#page-container .cj-flight .cj-flight-photo{height:84px}
#page-container .cj-flight .cj-flight-head{margin-top:-1.2rem;padding:0 1rem .6rem}
#page-container .cj-flight .cj-flight-head h3{font-size:1.65rem}
#page-container .cj-flight .cj-flight-locate{width:28px;height:28px;font-size:.8rem}
#page-container .cj-flight .cj-flight-head p{margin:.15rem 0 .4rem;font-size:.8rem}
#page-container .cj-flight .cj-flight-status{padding:.1rem .6rem;font-size:.85rem}
#page-container .cj-flight .cj-flight-route-bar{padding:.6rem 1rem .55rem;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}
#page-container .cj-flight .cj-fr-apt b{font-size:1.75rem}
#page-container .cj-flight .cj-fr-apt small{font-size:.85rem;margin-top:.1rem}
#page-container .cj-flight .cj-fr-apt em{-webkit-line-clamp:1;font-size:.7rem}
#page-container .cj-flight .cj-fr-track{height:1.75rem}
#page-container .cj-flight .cj-flight-grid{padding:.55rem 1rem;gap:.3rem}
#page-container .cj-flight .cj-flight-grid dd{font-size:1.2rem}
#page-container .cj-flight .cj-flight-block{padding:.5rem 1rem}
#page-container .cj-flight .cj-flight-progress{margin-top:.35rem}
#page-container .cj-flight .cj-flight-route{-webkit-line-clamp:2;font-size:.78rem;line-height:1.4}
#page-container .cj-flight .cj-flight-actions{padding:.6rem 1rem .75rem;gap:.5rem}
#page-container .cj-flight .cj-flight-actions .cj-btn{padding:.45rem .5rem;font-size:.95rem}
#page-container .cj-flight .cj-flight-close{top:8px;right:8px;width:32px;height:32px;font-size:1.2rem}

/* ---------- Mapa en vivo: lista de vuelos en el aire (izquierda del mapa; debajo en móvil) ---------- */
.cj-live-list{position:absolute;z-index:500;top:14px;left:14px;width:300px;max-height:calc(100% - 28px);display:flex;flex-direction:column;
  background:rgba(0,17,45,.92);backdrop-filter:blur(6px);color:var(--white);border:1px solid var(--edge);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.8);overflow:hidden}
.cj-livemap-wrap .leaflet-top.leaflet-left{left:326px}
.cj-ll-head{display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;border-bottom:1px solid var(--edge-soft)}
.cj-ll-head b{font:400 1.25rem var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--white)}
.cj-ll-dot{width:10px;height:10px;border-radius:50%;background:#2fd17c;box-shadow:0 0 0 0 rgba(47,209,124,.6);animation:cj-live-pulse 1.8s infinite}
@keyframes cj-live-pulse{0%{box-shadow:0 0 0 0 rgba(47,209,124,.55)}70%{box-shadow:0 0 0 9px rgba(47,209,124,0)}100%{box-shadow:0 0 0 0 rgba(47,209,124,0)}}
@media (prefers-reduced-motion:reduce){.cj-ll-dot{animation:none}}
.cj-ll-count{margin-left:auto;min-width:28px;padding:.05rem .5rem;border-radius:999px;background:var(--gold);color:var(--navy);font:400 1rem var(--display);text-align:center}
.cj-ll-items{list-style:none;margin:0;padding:.5rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--edge) transparent}
.cj-ll-items li + li{margin-top:.45rem}
.cj-ll-row{display:block;width:100%;padding:.7rem .8rem .75rem;text-align:left;background:rgba(203,217,228,.05);border:1px solid var(--edge-soft);border-radius:10px;color:var(--white);cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.cj-ll-row:hover,.cj-ll-row:focus-visible{background:rgba(252,207,0,.08);border-color:rgba(252,207,0,.45);outline:0}
.cj-ll-row.is-active{border-color:var(--gold);background:rgba(252,207,0,.12);box-shadow:inset 3px 0 0 var(--gold)}
.cj-ll-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.cj-ll-top b{font:400 1.15rem var(--display);letter-spacing:.03em;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-ll-ac{flex:none;padding:0 .4rem;border:1px solid var(--haze);border-radius:2px;font:400 .8rem var(--display);letter-spacing:.08em;color:var(--sky)}
.cj-ll-route{display:flex;align-items:center;gap:.5rem;margin-top:.2rem;font:400 1.35rem/1.1 var(--display);color:var(--gold)}
.cj-ll-route i{flex:1;height:2px;background:repeating-linear-gradient(90deg,rgba(203,217,228,.5) 0 5px,transparent 5px 9px);position:relative}
.cj-ll-route i::after{content:"\2708";position:absolute;right:-4px;top:-.7rem;font-size:.85rem;font-style:normal;color:var(--gold)}
.cj-ll-meta{display:block;margin-top:.25rem;font-size:.75rem;color:var(--sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-ll-bar{display:block;height:4px;margin-top:.5rem;border-radius:2px;background:rgba(203,217,228,.15);overflow:hidden}
.cj-ll-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .6s}
.cj-ll-empty{margin:0;padding:1.2rem 1rem;color:var(--sky);font-size:.92rem}
.cj-ll-empty i{color:var(--steel);margin-right:.4rem}
.cj-ll-hint{margin:0;padding:.55rem 1rem .7rem;border-top:1px solid var(--edge-soft);font-size:.74rem;color:var(--steel)}
@media (max-width:991.98px){
  .cj-live-list{position:static;width:auto;max-height:none;margin-top:0;border-radius:0 0 14px 14px;backdrop-filter:none;background:var(--navy)}
  .cj-livemap-wrap .leaflet-top.leaflet-left{left:0}
  .cj-ll-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.5rem}
  .cj-ll-items li + li{margin-top:0}
}

/* Accesos rápidos: con número impar de accesos, el último ocupa todo el ancho */
.cj-quick-grid > .cj-quick-item:last-child:nth-child(odd){grid-column:1/-1}
/* Jumpseat señalado al llegar desde Accesos rápidos */
#cj-jumpseat.cj-flash > *{animation:cj-flash 1.6s ease-out}
@keyframes cj-flash{0%,30%{box-shadow:0 0 0 3px var(--gold)}100%{box-shadow:0 0 0 3px rgba(252,207,0,0)}}
@media (prefers-reduced-motion:reduce){#cj-jumpseat.cj-flash > *{animation:none}}

/* ==========================================================================
   Dashboard "Cabina de mando" (propuesta A): cabecera navy, mis vuelos + herramientas, anuncios, más herramientas
   ========================================================================== */
.cj-b-deep{--cj-bg:#001a40;color:var(--white)}
.cj-dash .cj-dhero{padding:2.4rem 0 2.2rem}
.cj-dhero-top{display:flex;flex-wrap:wrap;gap:1.6rem 2rem;align-items:center;justify-content:space-between}
.cj-dhero-who{display:flex;gap:1.2rem;align-items:center;flex:1 1 420px;min-width:0}
.cj-dhero-av{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--gold);background:var(--navy-3);box-shadow:0 10px 22px rgba(0,0,0,.4)}
.cj-dhero-hi{margin:0;font:400 .9rem var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--sky)}
#page-container #page-contents .cj-dhero .cj-dhero-name{margin:.1rem 0 .3rem;font:400 clamp(2.2rem,4vw,3rem)/1 var(--display);color:var(--white)}
.cj-dhero-meta{margin:0;font-size:.95rem;color:var(--sky)}
.cj-dhero-meta b{font-weight:500;color:var(--white)}
.cj-dhero-call{color:var(--gold);font:400 1.05rem var(--display);letter-spacing:.08em}
.cj-dhero-actions{display:flex;flex-wrap:wrap;gap:.7rem}
.cj-dbtn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.2rem;border-radius:10px;font:400 1.15rem var(--display);letter-spacing:.03em;text-decoration:none;color:var(--white) !important;box-shadow:inset 0 0 0 1px rgba(203,217,228,.45);transition:background .2s,box-shadow .2s,color .2s}
.cj-dbtn:hover,.cj-dbtn:focus-visible{background:rgba(252,207,0,.12);box-shadow:inset 0 0 0 1px var(--gold);color:var(--gold) !important;outline:0}
.cj-dbtn.is-primary{background:var(--gold);color:var(--navy) !important;box-shadow:none}
.cj-dbtn.is-primary:hover,.cj-dbtn.is-primary:focus-visible{background:#ffe066;color:var(--navy) !important}
.cj-dbtn.is-navy{background:var(--navy);color:var(--white) !important;box-shadow:none}
.cj-dbtn.is-navy:hover,.cj-dbtn.is-navy:focus-visible{background:#06214a;color:var(--gold) !important}
/* franja de cifras */
.cj-dstats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:2rem 0 0;border-radius:12px;overflow:hidden;background:rgba(203,217,228,.16)}
.cj-dstats > div{display:flex;flex-direction:column-reverse;justify-content:flex-end;background:#001a40;padding:1rem 1.1rem}
.cj-dstats dd{margin:0;font:400 1.75rem/1.1 var(--display);color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-dstats dd.is-gold{color:var(--gold)}
.cj-dstats dt{margin-top:.15rem;font:400 .82rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
@media (max-width:1100px){.cj-dstats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.cj-dstats{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-dhero-actions{width:100%}.cj-dhero-actions .cj-dbtn{flex:1 1 calc(50% - .35rem)}}
/* cuerpo: dos columnas de tarjetas */
.cj-dmain{padding:2.4rem 0 2.6rem}
.cj-dcol{display:flex;flex-direction:column;gap:1.4rem}
.cj-dcol > *{margin-bottom:0 !important}
.cj-dcol .card{margin-bottom:0 !important}
.cj-dcard{background:var(--white);border-radius:14px;padding:1.4rem 1.5rem;box-shadow:0 14px 30px -24px rgba(0,17,45,.55)}
.cj-dcard-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
#page-container #page-contents .cj-dcard .cj-dcard-head h2{margin:0;font:400 1.75rem/1.1 var(--display);color:var(--navy)}
.cj-dcard-head a{font:400 1.05rem var(--display);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.cj-dcard-head a:hover{color:#7d6a08}
.cj-dempty{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;align-items:center;margin-top:1rem;padding:1.3rem;border-radius:12px;background:var(--mist)}
.cj-dempty > i{font-size:2rem;color:#7a8a9c}
.cj-dempty > div{flex:1 1 240px}
.cj-dempty p{margin:0;font-size:.92rem;color:#4a5a6c}
.cj-dempty p b{font-weight:500;color:var(--navy)}
.cj-dlist{list-style:none;margin:.8rem 0 0;padding:0}
.cj-dlist li{display:flex;align-items:center;gap:1rem;padding:.7rem 0;border-top:1px solid #e4e8ec}
.cj-dlist-id{font:400 1.15rem var(--display);color:var(--navy);min-width:7rem}
.cj-dlist-main{flex:1;font:400 1.1rem var(--display);color:var(--navy)}
.cj-dlist-sub{font-size:.85rem;color:#4a5a6c}
.cj-dlist-go{font:400 1rem var(--display);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.cj-dfigs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 0}
.cj-dfigs dt{font:400 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#4a5a6c}
.cj-dfigs dd{margin:.1rem 0 0;font:400 1.35rem/1.15 var(--display);color:var(--navy)}
.cj-dfigs .is-ok{color:#0b6b36}
.cj-dnote{margin:.8rem 0 0;font-size:.85rem;color:#4a5a6c}
@media (max-width:700px){.cj-dfigs{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-dlist-sub{display:none}}
/* widgets de módulos dentro de las columnas: misma sombra y esquinas que las tarjetas propias */
.cj-dwidget > .card{border-radius:14px !important;overflow:hidden;box-shadow:0 14px 30px -24px rgba(0,17,45,.55)}
#cj-jumpseat{scroll-margin-top:110px}

/* ---------- Dashboard v2: más fiel a la propuesta A (asignaciones, jumpseat, aeropuerto y clima compacto) ---------- */
.cj-dsub{margin:.25rem 0 .9rem;font-size:.9rem;color:#4a5a6c}
.cj-flabel{display:block;margin-bottom:.25rem;font:400 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#4a5a6c}
.cj-dbtn.is-soft{background:var(--mist);color:var(--navy) !important;box-shadow:none}
.cj-dbtn.is-soft:hover,.cj-dbtn.is-soft:focus-visible{background:#e2e7ec;color:var(--navy) !important}
/* asignaciones */
.cj-asg-count{font:400 1.4rem var(--display);color:var(--navy)}
.cj-asg-count span{color:#7a8794}
.cj-asg-bar{height:8px;margin-top:.8rem;border-radius:4px;background:#e4e8ec;overflow:hidden}
.cj-asg-bar i{display:block;height:100%;border-radius:4px;background:var(--gold)}
.cj-asg-tag{flex:0 0 auto;font-size:.82rem;font-weight:500;color:#0b6b36}
.cj-asg-tag.is-muted{flex:0 0 0}
.cj-asg-tag.is-done{color:#4a5a6c;font-weight:400}
.cj-dlist li.is-done .cj-dlist-id,.cj-dlist li.is-done .cj-dlist-main{color:#7a8794}
.cj-asg-all{display:inline-block;margin-top:.6rem;font:400 1.05rem var(--display);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
/* jumpseat */
.cj-js-price{font-size:1.1rem}
.cj-js-fields{display:flex;gap:.7rem;align-items:flex-end}
.cj-js-from{flex:0 0 92px}
.cj-js-fromval{display:flex;align-items:center;min-height:44px;padding:0 .8rem;border-radius:8px;background:var(--mist);border:1px solid #cdd5dd;font:400 1.15rem var(--display);color:var(--navy)}
.cj-js-to{flex:1 1 auto;min-width:0}
.cj-js-btns{display:flex;gap:.6rem;margin-top:.8rem}
.cj-js-btns .cj-dbtn{flex:1 1 0}
/* aeropuerto */
.cj-aptinfo .cj-flabel{margin-top:.6rem}
.cj-apt-row{display:flex;gap:.6rem;align-items:center}
.cj-apt-sel{flex:1 1 auto;min-width:0}
.cj-aptinfo .cj-dsub{margin:.7rem 0 0}
/* select2 dentro de las tarjetas del dashboard: misma altura y borde que un campo normal */
.cj-dcard .select2-container .select2-selection--single{height:44px;border:1px solid #cdd5dd;border-radius:8px;display:flex;align-items:center}
.cj-dcard .select2-container .select2-selection--single .select2-selection__rendered{line-height:42px;padding-left:.8rem;color:var(--navy)}
.cj-dcard .select2-container .select2-selection--single .select2-selection__arrow{height:42px}
/* clima compacto: tarjeta navy como en la propuesta */
#page-container .cj-wxcard.is-compact{background:var(--navy);color:var(--white);border:0 !important;border-radius:14px;overflow:hidden}
#page-container .cj-wxcard.is-compact > .card-header{background:transparent !important;border:0;padding:1.3rem 1.4rem 0}
#page-container .cj-wxcard.is-compact .cj-wx-title{margin:0;font:400 1.75rem/1.1 var(--display);color:var(--white)}
#page-container .cj-wxcard.is-compact > .card-body{background:transparent;padding:.4rem 1.4rem 1.2rem}
#page-container .cj-wxcard.is-compact .cj-wx-name,#page-container .cj-wxcard.is-compact .cj-wx-name span{color:var(--sky);font:300 .85rem Ubuntu,sans-serif}
#page-container .cj-wxcard.is-compact .cj-wx-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.1rem;margin-top:.6rem}
#page-container .cj-wxcard.is-compact .cj-wx-cell{background:none;border:0;padding:0}
#page-container .cj-wxcard.is-compact .cj-wx-cell small,#page-container .cj-wxcard.is-compact .cj-wx-clouds small,#page-container .cj-wxcard.is-compact .cj-wx-raw small,#page-container .cj-wxcard.is-compact .cj-wx-taf small{font:400 .8rem var(--display);letter-spacing:.12em;color:var(--sky)}
#page-container .cj-wxcard.is-compact .cj-wx-cell b{font:400 1.4rem var(--display);color:var(--white)}
#page-container .cj-wxcard.is-compact .cj-wx-cell em{color:var(--sky)}
#page-container .cj-wxcard.is-compact .cj-wx-arrow{color:var(--gold);top:0;right:0}
#page-container .cj-wxcard.is-compact .cj-wx-chip{background:rgba(255,255,255,.08)}
#page-container .cj-wxcard.is-compact .cj-wx-raw code{background:rgba(255,255,255,.06);color:var(--sky);border-left:0;border-radius:8px;font-family:Consolas,monospace}
#page-container .cj-wxcard.is-compact .cj-wx-more{margin-top:.9rem}
#page-container .cj-wxcard.is-compact .cj-wx-more summary{cursor:pointer;font:400 1.05rem var(--display);color:var(--gold);list-style:none}
#page-container .cj-wxcard.is-compact .cj-wx-more summary::-webkit-details-marker{display:none}
#page-container .cj-wxcard.is-compact .cj-wx-more summary::after{content:" \25BE"}
#page-container .cj-wxcard.is-compact .cj-wx-more[open] summary::after{content:" \25B4"}
#page-container .cj-wxcard.is-compact .cj-wx-taf table{--bs-table-bg:transparent;--bs-table-color:var(--sky);color:var(--sky)}
#page-container .cj-wxcard.is-compact .cj-wx-taf th{color:var(--white);border-color:rgba(203,217,228,.2)}
#page-container .cj-wxcard.is-compact .cj-wx-taf td{border-color:rgba(203,217,228,.12)}
#page-container .cj-wxcard.is-compact > .card-footer{background:rgba(255,255,255,.04);border:0;padding:.6rem 1.4rem}
#page-container .cj-wxcard.is-compact > .card-footer a{color:var(--sky)}
#page-container .cj-wxcard.is-compact > .card-footer a:hover{color:var(--gold)}
#page-container .cj-wxcard.is-compact > .card-header{border-left:0 !important;box-shadow:none !important}
#page-container .cj-wxcard.is-compact > .card-header::before,#page-container .cj-wxcard.is-compact > .card-header::after{display:none !important}
/* listas del dashboard en el celular: la ruta no se parte y la etiqueta baja a su propia línea */
.cj-dlist-main{white-space:nowrap}
@media (max-width:560px){.cj-dlist li{flex-wrap:wrap;gap:.2rem .8rem}.cj-dlist-id{min-width:5.6rem}.cj-asg-tag{order:5;flex-basis:100%}.cj-asg-tag.is-muted{display:none}}
.cj-dfigs > div{min-width:0}
.cj-dfigs dd{overflow-wrap:anywhere}

/* Dashboard · últimos 3 PIREPs */
.cj-lpireps li{flex-wrap:wrap;gap:.3rem 1rem}
.cj-lp-meta{display:flex;gap:.9rem;font-size:.85rem;color:#4a5a6c;white-space:nowrap}
.cj-lp-state{font:400 .85rem var(--display);letter-spacing:.06em;text-transform:uppercase;padding:.1rem .55rem;border-radius:999px;background:#eef1f4;color:#4a5a6c}
.cj-lp-state.is-ok{background:#e3f3e8;color:#0b6b36}
.cj-lp-state.is-bad{background:#fbe6e4;color:#a5281d}
.cj-lp-when{margin-left:auto;font-size:.8rem;color:#6b7785;white-space:nowrap}
@media (max-width:700px){.cj-lp-meta{order:5;flex-basis:100%}.cj-lp-when{margin-left:0}}

/* ---------- Ventana de confirmación del jumpseat ---------- */
.cj-jsm{padding:0;border:0;background:transparent;max-width:min(560px,calc(100vw - 24px));width:100%}
.cj-jsm::backdrop{background:rgba(0,17,45,.7);backdrop-filter:blur(3px)}
.cj-jsm-card{position:relative;padding:1.6rem 1.6rem 1.4rem;border-radius:18px;color:var(--white);background:radial-gradient(120% 60% at 50% 0%,#163a63 0%,var(--navy) 70%);box-shadow:inset 0 0 0 1px rgba(252,207,0,.35),0 30px 60px -20px rgba(0,0,0,.7)}
.cj-jsm-x{position:absolute;top:.8rem;right:.8rem;width:38px;height:38px;border-radius:50%;border:1px solid rgba(203,217,228,.35);background:none;color:var(--white);font-size:1.4rem;line-height:1;cursor:pointer}
.cj-jsm-x:hover{border-color:var(--gold);color:var(--gold)}
.cj-jsm-kicker{margin:0;font:400 .85rem var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
#page-container .cj-jsm-title,.cj-jsm-title{margin:.2rem 0 1.2rem;font:400 2rem/1.1 var(--display);color:var(--white)}
.cj-jsm-route{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);align-items:end;gap:.6rem}
.cj-jsm-apt{position:relative;min-width:0;padding:2.4rem .8rem .8rem;border-radius:12px;background:rgba(255,255,255,.05);overflow:hidden}
.cj-jsm-apt.is-to{text-align:right}
.cj-jsm-sky{position:absolute;left:0;right:0;top:0;width:100%;height:38px;fill:rgba(203,217,228,.18)}
.cj-jsm-apt.is-to .cj-jsm-sky{fill:rgba(252,207,0,.22);transform:scaleX(-1)}
.cj-jsm-city{position:relative;display:block;font:400 1rem var(--display);letter-spacing:.04em;color:var(--sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-jsm-flag{margin-right:.35rem;font-size:1.25rem;vertical-align:-2px}
.cj-jsm-apt.is-to .cj-jsm-flag{margin:0 .35rem 0 0}
.cj-jsm-apt b{display:block;font:400 2.4rem/1 var(--display);letter-spacing:.03em}
.cj-jsm-apt.is-to b{color:var(--gold)}
.cj-jsm-apt small{display:block;margin-top:.2rem;font-size:.78rem;color:var(--sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-jsm-line{position:relative;height:3rem;align-self:center}
.cj-jsm-line i{position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,rgba(203,217,228,.5) 0 6px,transparent 6px 11px)}
.cj-jsm-line img{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;transform:rotate(90deg);filter:drop-shadow(0 0 6px rgba(252,207,0,.5));animation:cj-jsm-fly 2.4s ease-in-out infinite}
@keyframes cj-jsm-fly{0%,100%{left:30%}50%{left:70%}}
@media (prefers-reduced-motion:reduce){.cj-jsm-line img{animation:none}}
.cj-jsm-figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;margin:1.3rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(203,217,228,.16)}
.cj-jsm-figs dt{font:400 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
.cj-jsm-figs dd{margin:.1rem 0 0;font:400 1.4rem var(--display)}
.cj-jsm-figs .is-price dd{font-size:1.8rem;color:var(--gold)}
.cj-jsm-note{margin:1rem 0 0;font-size:.85rem;color:var(--sky)}
.cj-jsm-note.is-bad{color:#ff9b8f}
.cj-jsm-result{margin:1rem 0 0;padding:.8rem 1rem;border-radius:10px;font-size:.95rem}
.cj-jsm-result.is-ok{background:rgba(46,204,113,.15);color:#9df0bf}
.cj-jsm-result.is-bad{background:rgba(255,107,91,.15);color:#ffb3a8}
.cj-jsm-btns{display:flex;gap:.7rem;margin-top:1.3rem}
.cj-jsm-btns .cj-dbtn{flex:1}
.cj-jsm .cj-dbtn.is-soft{background:rgba(255,255,255,.08);color:var(--white) !important}
.cj-jsm .cj-dbtn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:520px){.cj-jsm-route{grid-template-columns:1fr}.cj-jsm-line{height:2rem}.cj-jsm-apt.is-to{text-align:left}}
.cj-jsm-flag img{display:inline-block;width:24px;height:18px;border-radius:2px;vertical-align:-3px;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
html body .cj-jsm .cj-jsm-card h3.cj-jsm-title{color:var(--white) !important}
/* jumpseat: foto icónica de la ciudad de fondo (Wikipedia), con velo azul para leer el texto */
.cj-jsm-apt{background-size:cover;background-position:center;transition:background-image .3s}
.cj-jsm-apt.has-photo{padding-top:4.6rem;box-shadow:inset 0 -90px 60px -20px rgba(0,17,45,.95),inset 0 0 0 999px rgba(0,17,45,.35)}
.cj-jsm-apt.has-photo .cj-jsm-sky{display:none}
.cj-jsm-apt.has-photo .cj-jsm-city{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.cj-jsm-apt.has-photo b,.cj-jsm-apt.has-photo small{text-shadow:0 1px 8px rgba(0,0,0,.8)}
.cj-jsm-credit{position:absolute;top:.35rem;right:.5rem;z-index:2;max-width:85%;font-size:.62rem;color:rgba(255,255,255,.85) !important;text-decoration:none;text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-jsm-credit:hover{text-decoration:underline}
.cj-jsm-apt.is-to .cj-jsm-credit{right:auto;left:.5rem}
/* velo más suave para que el lugar icónico se vea; el texto se protege solo con la sombra inferior */
.cj-jsm-apt.has-photo{background-position:center 35%;box-shadow:inset 0 -80px 50px -22px rgba(0,17,45,.92),inset 0 0 0 999px rgba(0,17,45,.12)}

/* ---------- Perfil del piloto con el lenguaje del dashboard ---------- */
.cj-prof .cj-prof-av{width:120px;height:120px}
.cj-prof .cj-dhero-meta a{color:var(--gold)}
.cj-prof .cj-dhero-meta .cj-ins-name{color:var(--white)}
.cj-prof-prog{max-width:440px;margin-top:.9rem}
.cj-prof-prog>div:first-child{display:flex;justify-content:space-between;font-size:.82rem;color:var(--sky);margin-bottom:.35rem}
.cj-prof-bar{height:8px;border-radius:4px;background:rgba(203,217,228,.18);overflow:hidden}
.cj-prof-bar i{display:block;height:100%;border-radius:4px;background:var(--gold)}
.cj-prof-actions{flex-direction:column;align-items:stretch}
@media (max-width:1100px){.cj-prof-actions{flex-direction:row}}
.cj-prof-main .cj-pills{margin-bottom:1rem}
.cj-prof-rows{margin:0}
.cj-prof-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0;border-top:1px solid #e4e8ec}
.cj-prof-rows>div:first-child{border-top:0}
.cj-prof-rows dt{font-size:.92rem;font-weight:300;color:#4a5a6c}
.cj-prof-rows dd{margin:0;font:400 1.15rem var(--display);color:var(--navy);text-align:right}
.cj-prof-sub{margin-top:1rem}
.cj-prof-sub .card{box-shadow:none !important}
.cj-prof-lock{font-size:.9rem;color:#6b7785;margin-left:.3rem}
.cj-prof-eye{border:0;background:none;padding:0 .4rem 0 0;color:#6b7785;cursor:pointer}
.cj-prof-eye:hover{color:var(--navy)}
.cj-prof-link{display:inline-flex;gap:.4rem;align-items:center;margin-top:.8rem;font:400 1rem var(--display);color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.cj-prof .cj-break{word-break:break-all}
.cj-prof .cj-dhero-name .flag-icon{width:1.4rem;height:1rem;font-size:0;vertical-align:.3rem;margin-left:.4rem;border-radius:2px;background-size:cover}
#page-container .cj-prof .cj-dhero-meta a{color:var(--gold) !important}
#page-container .cj-prof .cj-dhero-meta .cj-ins-name{color:var(--white) !important}
.cj-prof-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cj-prof-chips li{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .85rem;border-radius:999px;background:var(--mist);font-size:.9rem;color:#3c4a5c}
.cj-prof-chips li i{color:#7d6a08}
.cj-prof-chips li b{font:400 1.05rem var(--display);color:var(--navy)}
.cj-prof-mapw > .row{display:none}
button.cj-dbtn{border:0;background:none;cursor:pointer}
/* perfil: estadísticas por período en tabla */
#page-container .cj-pst-title{margin:1.4rem 0 .6rem;font:400 1.35rem var(--display);color:var(--navy)}
.cj-pst-wrap{overflow-x:auto;border-radius:12px;box-shadow:inset 0 0 0 1px #e4e8ec}
.cj-pst{width:100%;border-collapse:collapse;min-width:560px}
.cj-pst th,.cj-pst td{padding:.6rem .9rem;text-align:right;border-bottom:1px solid #eef1f4;white-space:nowrap}
.cj-pst thead th{background:var(--navy);color:var(--white);font:400 .9rem var(--display);letter-spacing:.08em;text-transform:uppercase}
.cj-pst thead th:first-child{border-top-left-radius:12px}.cj-pst thead th:last-child{border-top-right-radius:12px}
.cj-pst tbody th{text-align:left;font-weight:300;color:#4a5a6c}
.cj-pst td{font:400 1.05rem var(--display);color:var(--navy)}
.cj-pst tbody tr:last-child th,.cj-pst tbody tr:last-child td{border-bottom:0}
.cj-pst tbody tr:hover{background:#f7f9fa}
.cj-pst-na{color:#9aa5b1}
.cj-pst-note{margin:.6rem 0 0;font-size:.8rem;color:#6b7785}
.cj-prof-pireps .cj-lp-meta i{color:#9aa5b1;margin-right:.15rem}
@media (max-width:1300px){.cj-prof-pireps .cj-lp-meta{order:5;flex-basis:100%;flex-wrap:wrap}.cj-prof-pireps .cj-lp-when{margin-left:auto}}
/* perfil · datos del perfil y bloque de administración */
.cj-prof-info{color:#7d6a08;font-size:.8rem;margin-left:.3rem}
.cj-prof-admin{margin-top:1.4rem;padding-top:1rem;border-top:1px dashed #cdd5dd}
.cj-prof-admin-tag{margin:0 0 .8rem;font:400 .82rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:#a5281d}
.cj-prof-admin .cj-dcard{box-shadow:none;padding:0}
.cj-prof-reassign{display:flex;justify-content:flex-end;margin:.8rem 0 1.2rem}
.cj-dbtn.is-danger{background:#c0392b;color:#fff !important;box-shadow:none}
.cj-dbtn.is-danger:hover{background:#a93226;color:#fff !important}
/* "Por período" en el celular: cada métrica es una tarjeta con sus 4 períodos (sin scroll lateral) */
@media (max-width:640px){
  .cj-pst-wrap{overflow:visible;box-shadow:none}
  .cj-pst{min-width:0}
  .cj-pst thead{display:none}
  .cj-pst,.cj-pst tbody,.cj-pst tr,.cj-pst th,.cj-pst td{display:block;width:100%}
  .cj-pst tbody{display:grid;gap:.7rem}
  .cj-pst tr{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;box-shadow:inset 0 0 0 1px #e4e8ec;overflow:hidden}
  .cj-pst tbody th{grid-column:1/-1;padding:.55rem .8rem;background:var(--navy);color:var(--white);font:400 1rem var(--display);border:0}
  .cj-pst td{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.5rem .8rem;text-align:left;border-bottom:1px solid #eef1f4;white-space:normal}
  .cj-pst td::before{content:attr(data-label);font:400 .72rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:#6b7785}
  .cj-pst tbody tr:hover{background:none}
}

/* ---------- Vuelos programados (lenguaje del dashboard) ---------- */
.cj-fl-icon{display:grid;place-items:center;width:84px;height:84px;flex:none;border-radius:50%;border:3px solid var(--gold);background:var(--navy-3);color:var(--gold);font-size:2rem}
.cj-fl .cj-dmain{display:flex;flex-direction:column;gap:1.4rem}
#page-container .cj-fl-filters .cj-dcard-head h2{font-size:1.4rem}
.cj-fl-main{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:flex-end;margin-top:.8rem}
.cj-fl-f{flex:1 1 220px;min-width:0}
.cj-fl-f.is-sm{flex:0 1 160px}
.cj-fl-go{display:flex;gap:.6rem}
.cj-fl-more{margin-top:1rem;border-top:1px solid #e4e8ec;padding-top:.8rem}
.cj-fl-more summary{cursor:pointer;font:400 1.05rem var(--display);color:var(--navy);list-style:none}
.cj-fl-more summary::-webkit-details-marker{display:none}
.cj-fl-more summary::before{content:"\25B8";display:inline-block;margin-right:.4rem;transition:transform .2s}
.cj-fl-more[open] summary::before{transform:rotate(90deg)}
.cj-fl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.8rem 1rem;margin-top:.8rem}
.cj-fl-pair{display:flex;gap:.4rem}
.cj-fl .form-control,.cj-fl .select2-container .select2-selection--single{min-height:44px;border:1px solid #cdd5dd;border-radius:8px}
.cj-fl .select2-container .select2-selection--single{display:flex;align-items:center}
.cj-fl-sort{font-size:.85rem;color:#6b7785}
.cj-fl-sort a{margin-left:.6rem;font:400 1rem var(--display);color:var(--navy);text-decoration:none;border-bottom:1px solid rgba(0,17,45,.25)}
.cj-fl-sort a:hover{color:#7d6a08}
/* lista de vuelos */
.cj-fl-list{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.cj-fl-row{display:grid;grid-template-columns:150px minmax(0,1.6fr) minmax(0,1fr) auto;align-items:center;gap:.6rem 1.2rem;padding:.8rem 1rem;border-radius:12px;background:var(--mist);transition:box-shadow .2s,background .2s}
.cj-fl-row:hover{background:#fff;box-shadow:0 10px 24px -16px rgba(0,17,45,.55),inset 0 0 0 1px #e4e8ec}
.cj-fl-row.is-saved{box-shadow:inset 3px 0 0 var(--gold)}
.cj-fl-id a{font:400 1.25rem var(--display);color:var(--navy);text-decoration:none}
.cj-fl-id a:hover{color:#7d6a08}
.cj-fl-tag{display:inline-block;margin:.2rem .3rem 0 0;padding:.05rem .5rem;border-radius:999px;font:400 .72rem var(--display);letter-spacing:.08em;text-transform:uppercase;background:var(--gold);color:var(--navy)}
.cj-fl-tag.is-saved{background:#e3f3e8;color:#0b6b36}
.cj-fl-route{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:center;gap:.6rem}
.cj-fl-apt{min-width:0;text-decoration:none}
.cj-fl-apt.is-to{text-align:right}
.cj-fl-apt b{display:block;font:400 1.4rem/1 var(--display);color:var(--navy)}
.cj-fl-apt small{display:block;font-size:.78rem;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-fl-mid{display:flex;align-items:center;gap:.35rem;font:400 .9rem var(--display);color:#4a5a6c}
.cj-fl-mid i{flex:1;height:2px;background:repeating-linear-gradient(90deg,#b9c2cb 0 5px,transparent 5px 9px);position:relative}
.cj-fl-mid i::after{content:"\2708";position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);font-style:normal;font-size:.9rem;color:#7d6a08}
.cj-fl-info{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.85rem;color:#4a5a6c}
.cj-fl-info i{color:#9aa5b1;margin-right:.15rem}
.cj-fl-actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.cj-fl-actions .btn{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:0 .8rem;border-radius:8px;border:0;font:400 .95rem var(--display);letter-spacing:.02em;white-space:nowrap}
.cj-fl-actions .btn-primary{background:var(--gold);color:var(--navy)}
.cj-fl-actions .btn-danger{background:#fbe6e4;color:#a5281d}
.cj-fl-actions .btn-sb,.cj-fl-actions .btn-secondary{background:var(--navy);color:#fff}
.cj-fl-actions .btn-acars{background:#fff;color:var(--navy);box-shadow:inset 0 0 0 1px #cdd5dd}
.cj-fl-actions .btn-info{background:#e7f0fb;color:#1d4f91}
.cj-fl-na{font-size:.82rem;color:#6b7785}
@media (max-width:1200px){.cj-fl-row{grid-template-columns:130px minmax(0,1fr) auto}.cj-fl-info{grid-column:2/-1;grid-row:2}}
@media (max-width:700px){
  .cj-fl-row{grid-template-columns:1fr;gap:.6rem}
  .cj-fl-info{grid-column:auto;grid-row:auto}
  .cj-fl-actions{justify-content:flex-start}
  .cj-fl-route{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}
  .cj-fl-go{width:100%}.cj-fl-go .cj-dbtn{flex:1}
}

/* ---------- Vuelos asignados ---------- */
.cj-asgp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.cj-asgp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cj-asgp-list li{gap:.4rem 1rem;flex-wrap:wrap}
.cj-asgp-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mist);font:400 .9rem var(--display);color:#4a5a6c;flex:none}
.cj-asgp-list li.is-done .cj-asgp-n{background:#e3f3e8;color:#0b6b36}
.cj-asgp-list .cj-dlist-id{min-width:5.8rem}
.cj-asgp-route{flex:1 1 220px;display:flex;align-items:center;gap:.6rem;min-width:0}
.cj-asgp-route>span{min-width:0}
.cj-asgp-route b{display:block;font:400 1.15rem/1 var(--display);color:var(--navy)}
.cj-asgp-route small{display:block;font-size:.75rem;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.cj-asgp-route i{color:#9aa5b1}
.cj-asgp-time{font-size:.85rem;color:#4a5a6c;white-space:nowrap}
.cj-asgp-time i{color:#9aa5b1}
.cj-asgp-end{display:flex;align-items:center;gap:.8rem;margin-left:auto}
a.cj-lp-state{text-decoration:none}
.cj-asgp-months{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.cj-asgp-mh{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.35rem}
.cj-asgp-mh b{font:400 1.1rem var(--display);color:var(--navy)}
.cj-asgp-mh span{font-size:.85rem;color:#4a5a6c}
.cj-asgp-admin{display:flex;flex-wrap:wrap;gap:.6rem}
.cj-asgp-admin form{flex:1 1 auto}
.cj-asgp-admin .cj-dbtn{width:100%}
@media (max-width:560px){.cj-asgp-end{margin-left:0;width:100%;justify-content:space-between}}
.cj-asgp-end{min-width:0;flex-wrap:wrap}
.cj-asgp-end .cj-asg-tag{white-space:normal;min-width:0}

/* ---------- Mis reservas ---------- */
.cj-bk-card+.cj-bk-card{margin-top:1.2rem}
.cj-bk-top{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 2rem}
.cj-bk-top .cj-fl-id h2{margin:0;font:400 1.5rem var(--display)}
.cj-bk-route{flex:1 1 320px;min-width:0}
.cj-bk-info{margin:.9rem 0;flex-wrap:wrap}
.cj-bk-actions{flex-wrap:wrap;justify-content:flex-start}
.cj-bk-more{margin-top:1rem}
.cj-bk-rows{margin:.8rem 0}
.cj-bk-rows dd{min-width:0;overflow-wrap:anywhere}
.cj-bk-code{white-space:normal;word-break:break-word;font-size:.82rem}
.cj-bk-wx .cj-dwidget{min-width:0;overflow:hidden}
#page-contents .cj-fl-actions a.btn-sb,#page-contents .cj-fl-actions a.btn-secondary{color:#fff}

/* ---------- Vuelo chárter ---------- */
.cj-ff-step{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 .7rem;font:400 1.15rem var(--display);color:var(--navy)}
.cj-ff-step span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--gold,#f5c400);color:var(--navy);font-size:.9rem}
.cj-ff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:640px){.cj-ff-grid{grid-template-columns:minmax(0,1fr)}}
.cj-ff-grid .cj-fl-f{min-width:0}
.cj-ff-grid .select2-container{width:100%!important;max-width:100%}
.cj-ff-icao{text-transform:uppercase;font:400 1.3rem var(--display);letter-spacing:.05em}
.cj-ff-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid #e6ebf1}
.cj-ff-foot .cj-dnote{margin:0}
.cj-ff-foot .cj-dbtn{margin-left:auto}
.cj-ff-foot .cj-dbtn.disabled{opacity:.45;pointer-events:none}
.cj-ff-steps{margin:.6rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.7rem;font-size:.92rem;color:#3a4a5c}
.cj-ff-steps li::marker{color:var(--navy);font-weight:700}
.cj-bk-wx{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-items:start}
.cj-bk-wxcol{min-width:0}
.cj-bk-wxcol .cj-dwidget{display:flex;flex-direction:column;gap:.8rem}
.cj-bk-wxcol .card{margin:0!important}
@media (max-width:400px){.cj-bk-wx{grid-template-columns:minmax(0,1fr)}}

/* ---------- Roster ---------- */
.cj-ros-sort{margin:1.2rem 0 0;font-size:.85rem;color:#c9d3e0;display:flex;flex-wrap:wrap;gap:.4rem .9rem}
.cj-ros-sort a{color:#fff!important;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.4)}
.cj-ros-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}
.cj-ros-card{margin:0!important;display:flex;flex-direction:column;gap:.8rem;min-width:0}
.cj-ros-top{display:flex;align-items:center;gap:.8rem;min-width:0}
.cj-ros-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;border:2px solid var(--mist)}
.cj-ros-who{min-width:0;flex:1}
.cj-ros-name{display:block;font:400 1.2rem/1.15 var(--display);color:var(--navy);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-ros-id{display:block;font-size:.8rem;color:#6b7785;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-ros-id .flag-icon{width:1.1em;height:.8em;vertical-align:-1px;margin-right:.2rem}
.cj-ros-figs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:0;padding:.6rem 0;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}
.cj-ros-figs div{display:flex;flex-direction:column-reverse;text-align:center}
.cj-ros-figs dd{margin:0;font:400 1.25rem var(--display);color:var(--navy)}
.cj-ros-figs dt{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7785;font-weight:400}
.cj-ros-loc{margin:0;display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.82rem;color:#4a5a6c}
.cj-ros-loc i{color:#9aa5b1}
.cj-ros-last{margin-left:auto}
.cj-ros .cj-dnote{margin-top:1.2rem}
.cj-ros-name .flag-icon{width:1em;height:.75em;vertical-align:1px;margin-left:.3rem}
.cj-ros-rank{font-size:.85rem;color:#4a5a6c;min-height:1.6rem}
.cj-ros-card.is-off{opacity:.7}
.cj-ros-loc a{font-weight:600;text-decoration:none}

/* ---------- Flota ---------- */
.cj-flt-cat{display:flex;align-items:center;gap:.6rem;margin:2rem 0 1rem;font:400 1.6rem var(--display);color:var(--navy)}
.cj-flt-cat:first-child{margin-top:0}
.cj-flt-cat i{color:#c9a400;font-size:1.1rem}
.cj-flt-cat span{font-size:.95rem;background:#fff;border-radius:999px;padding:.1rem .6rem;color:#4a5a6c}
.cj-flt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.2rem;align-items:start}
@media (max-width:420px){.cj-flt-grid{grid-template-columns:minmax(0,1fr)}}
.cj-flt-card{margin:0!important;padding:0!important;overflow:hidden;min-width:0}
.cj-flt-stage{position:relative;aspect-ratio:16/8;background:var(--navy);display:grid;place-items:center}
.cj-flt-stage img{width:100%;height:100%;object-fit:cover;display:block}
.cj-flt-stage.is-plain i{font-size:3rem;color:rgba(255,255,255,.25)}
.cj-flt-count{position:absolute;left:.8rem;bottom:.8rem;background:rgba(0,17,45,.82);color:#fff;font:400 .9rem var(--display);letter-spacing:.04em;padding:.2rem .7rem;border-radius:999px}
.cj-flt-body{padding:1.1rem 1.2rem 1.2rem;min-width:0}
.cj-flt-title{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.cj-flt-title h3{margin:0;font:400 1.35rem var(--display);min-width:0}
.cj-flt-title h3 a{color:var(--navy);text-decoration:none}
.cj-flt-logo{max-height:26px;max-width:90px;object-fit:contain;flex:none}
.cj-flt-desc{font-size:.9rem;color:#3a4a5c;margin:.6rem 0 .8rem}
.cj-flt-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1rem;margin:0;padding:.8rem 0;border-top:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1}
.cj-flt-specs div{display:flex;flex-direction:column-reverse;min-width:0}
.cj-flt-specs dd{margin:0;font-size:.95rem;color:var(--navy);font-weight:600;overflow-wrap:anywhere}
.cj-flt-specs dt{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7785;font-weight:400}
.cj-flt-more{margin-top:.9rem}
.cj-flt-acs{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-direction:column}
.cj-flt-acs li{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .8rem;padding:.45rem 0;border-bottom:1px solid #eef1f5}
.cj-flt-acs li:last-child{border-bottom:0}
.cj-flt-icao{font-size:.8rem;color:#6b7785}
.cj-flt-at{font-size:.85rem;color:#4a5a6c;margin-left:auto}
.cj-flt-at i{color:#9aa5b1}
.cj-lp-state.is-air{background:#e4eefc;color:#0b4aa8}

/* ---------- Rangos ---------- */
svg.cj-plate{display:block;width:100%;height:auto;filter:drop-shadow(0 6px 12px rgba(0,17,45,.3))}
svg.cj-plate .star{transform-box:fill-box;transform-origin:center;animation:cjPlatePulse 2.6s ease-in-out infinite}
svg.cj-plate .chev{animation:cjPlateChev .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n) * .12s);transform-box:fill-box;transform-origin:center}
svg.cj-plate .sweepg{opacity:0}
.cj-rk-card:hover svg.cj-plate .sweepg,.cj-rk-me:hover svg.cj-plate .sweepg{opacity:1;animation:cjPlateSweep 1.1s ease-out}
@keyframes cjPlateChev{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes cjPlateSweep{from{transform:translateX(-60px)}to{transform:translateX(260px)}}
@keyframes cjPlatePulse{50%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){svg.cj-plate *{animation:none!important}}
.cj-rk-me{display:flex;align-items:center;gap:1rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.8rem 1rem;min-width:0;flex:0 1 420px}
.cj-rk-me svg.cj-plate{width:120px;flex:none}
.cj-rk-me>div{min-width:0;flex:1}
.cj-rk-me b{display:block;font:400 1.3rem var(--display);color:#fff}
.cj-rk-me span{display:block;font-size:.82rem;color:#c9d3e0;margin-bottom:.4rem}
.cj-rk-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.cj-rk-card{margin:0!important;display:grid;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:1rem 1.6rem}
.cj-rk-card.is-me{outline:2px solid #fccf00;outline-offset:-2px}
.cj-rk-plate{width:170px}
.cj-rk-main h2{margin:0;font:400 1.5rem var(--display);color:var(--navy);display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.cj-rk-hours{margin:.2rem 0 0;font:400 1.15rem var(--display);color:#7d6a08;letter-spacing:.03em}
.cj-rk-figs{display:grid;grid-template-columns:repeat(3,minmax(84px,auto));gap:1.2rem;margin:0}
.cj-rk-figs div{display:flex;flex-direction:column-reverse;text-align:center}
.cj-rk-figs dd{margin:0;font:400 1.3rem var(--display);color:var(--navy);white-space:nowrap}
.cj-rk-figs dd small{font-size:.7rem;color:#6b7785}
.cj-rk-figs dt{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7785;font-weight:400}
.cj-rk-more{grid-column:1/-1;margin:0}
@media (max-width:860px){.cj-rk-card{grid-template-columns:130px minmax(0,1fr)}.cj-rk-plate{width:130px}.cj-rk-figs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e6ebf1;padding-top:.8rem}}
@media (max-width:480px){.cj-rk-card{grid-template-columns:100px minmax(0,1fr)}.cj-rk-plate{width:100px}.cj-rk-main h2{font-size:1.25rem}.cj-rk-me{flex-basis:100%}.cj-rk-me svg.cj-plate{width:90px}}

/* ---------- Reportes de vuelo ---------- */
.cj-rep .cj-dcard-head{flex-wrap:wrap;gap:.5rem 1rem}
.cj-rep-who{display:flex;align-items:center;gap:.55rem;min-width:0;flex:0 1 190px}
.cj-rep-who img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.cj-rep-who>span{min-width:0;display:flex;flex-direction:column;line-height:1.15}
.cj-rep-who a{color:var(--navy);text-decoration:none;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-rep-who small{font-size:.72rem;color:#6b7785}
.cj-rep-list .cj-dlist-main{min-width:7.5rem}
.cj-rep-list .cj-lp-meta i{color:#9aa5b1;margin-right:.15rem}
@media (max-width:1200px){.cj-rep-list .cj-lp-meta{order:5;flex-basis:100%;flex-wrap:wrap}}
@media (max-width:560px){.cj-rep-who{flex-basis:100%}}
.cj-rep .cj-dstats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.cj-rep .cj-dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reportes de vuelo: columnas alineadas */
.cj-rep-table{margin-top:.4rem}
.cj-rep-row{display:grid;grid-template-columns:minmax(150px,1.3fr) minmax(140px,1.3fr) .9fr .7fr 1fr .5fr .9fr .9fr;align-items:center;gap:.8rem;padding:.75rem .4rem;border-bottom:1px solid #eef1f5;font-size:.9rem;color:#3a4a5c}
.cj-rep-row:not(.is-head):hover{background:#f7f9fb}
.cj-rep-row.is-head{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785;padding-top:.3rem;border-bottom:2px solid #e6ebf1}
.cj-rep-row>span{min-width:0}
.cj-rep-row small{display:block;font-size:.75rem;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-rep-flight a{font:400 1.1rem var(--display);color:var(--navy);text-decoration:none}
.cj-rep-flight small i{color:#9aa5b1}
.cj-rep-pilot a{display:block;color:var(--navy);text-decoration:none;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-rep-row .is-hard{color:#a5281d;font-weight:600}
.cj-rep-com{color:#9aa5b1;font-size:.8rem}
.cj-rep-when{font-size:.8rem;color:#6b7785}
@media (max-width:900px){
  .cj-rep-row.is-head{display:none}
  .cj-rep-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem .8rem;padding:.9rem .2rem}
  .cj-rep-flight,.cj-rep-pilot{grid-column:span 2}
  .cj-rep-st{grid-column:span 2}
  .cj-rep-when{grid-column:span 2;text-align:right}
  .cj-rep-row>[data-label]::before{content:attr(data-label);display:block;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785}
}
@media (max-width:420px){.cj-rep-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-rep-flight,.cj-rep-pilot{grid-column:span 1}.cj-rep-st,.cj-rep-when{grid-column:span 1}}

/* ---------- Ficha de un reporte ---------- */
.cj-rpt .cj-dhero-name small{font-size:.55em;color:#c9d3e0;margin-left:.4rem;white-space:nowrap}
.cj-rpt .cj-dhero-meta a{color:#fccf00}
.cj-rpt .cj-dhero-hi .cj-lp-state{font-size:.72rem;vertical-align:1px}
.cj-rpt .cj-dhero-actions form{display:contents}
.cj-rpt-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.cj-rpt-stats dd.is-bad{color:#ff9b8f}
@media (max-width:900px){.cj-rpt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.cj-rpt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cj-rpt-route .cj-fl-route{margin-bottom:.8rem}
.cj-rpt-route .cj-fl-apt small{white-space:normal;max-width:220px}
.cj-rpt-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0}
.cj-rpt-tags .btn,.cj-rpt-tags .badge{margin:0!important}
.cj-rpt-plan{margin:.9rem 0 0;padding-top:.8rem;border-top:1px solid #e6ebf1}
.cj-rpt-plan code{display:block;white-space:normal;word-break:break-word;font-size:.82rem;color:#3a4a5c;background:#f3f6f9;border-radius:8px;padding:.5rem .7rem;margin-top:.3rem}
.cj-rpt-tabs .cj-pills{margin-bottom:1rem;flex-wrap:wrap}
.cj-rpt-tabs .tab-content{min-width:0}
.cj-rpt-scroll{max-height:56vh;overflow-y:auto;overflow-x:hidden}
.cj-rpt-log{list-style:none;margin:0;padding:0}
.cj-rpt-log li{display:grid;grid-template-columns:3.8rem minmax(0,1fr);gap:.8rem;padding:.45rem 0;border-bottom:1px solid #eef1f5;font-size:.88rem;color:#3a4a5c}
.cj-rpt-log time{font:400 .95rem var(--display);color:var(--navy)}
.cj-rpt-log span{overflow-wrap:anywhere}
#comments .cj-rpt-log li{grid-template-columns:6.5rem minmax(0,1fr)}
.cj-rpt dl.cj-prof-rows dd{overflow-wrap:anywhere}
.cj-rpt-bal{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0}
.cj-rpt-bal span{font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785}
.cj-rpt-bal b{font:400 1.6rem var(--display);color:#0b6b36}
.cj-rpt-bal.is-neg b{color:#a5281d}
.cj-rpt-fin{list-style:none;margin:.5rem 0 0;padding:0}
.cj-rpt-fin li{display:flex;justify-content:space-between;gap:.8rem;padding:.4rem 0;border-bottom:1px solid #eef1f5;font-size:.84rem;color:#3a4a5c}
.cj-rpt-fin li span{min-width:0;overflow-wrap:anywhere}
.cj-rpt-fin b{white-space:nowrap;font-weight:600}
.cj-rpt-fin .is-in{color:#0b6b36}.cj-rpt-fin .is-out{color:#a5281d}
.cj-rpt-fin .is-total{border-bottom:0;font-weight:600}
#page-contents .cj-rpt .cj-dhero-meta a{color:#fccf00;text-decoration:none}
@media (max-width:520px){.cj-rpt-stats>div:last-child:nth-child(odd){grid-column:1/-1}}

/* ---------- parte: rep2 ---------- */
/* ---------- Mis reportes y formulario de PIREP (cj-myr) ---------- */
.cj-myr .cj-dstats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.cj-myr .cj-dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cj-myr .cj-dcard-head{flex-wrap:wrap;gap:.5rem 1rem}
.cj-myr-table{margin-top:.4rem}
.cj-myr-row{display:grid;grid-template-columns:minmax(150px,1.3fr) .9fr .8fr 1fr .5fr minmax(150px,1.3fr) .9fr;align-items:center;gap:.8rem;padding:.75rem .4rem;border-bottom:1px solid #eef1f5;font-size:.9rem;color:#3a4a5c}
.cj-myr-row:not(.is-head):hover{background:#f7f9fb}
.cj-myr-row.is-head{font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785;padding-top:.3rem;border-bottom:2px solid #e6ebf1}
.cj-myr-row>span{min-width:0}
.cj-myr-row small{display:block;font-size:.75rem;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-myr-flight a{font:400 1.1rem var(--display);color:var(--navy);text-decoration:none}
.cj-myr-flight small i{color:#9aa5b1}
.cj-myr-row .is-hard{color:#a5281d;font-weight:600}
.cj-myr-st{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}
.cj-myr-st .cj-dbtn{padding:.2rem .6rem;font-size:.75rem}
.cj-myr-when{font-size:.8rem;color:#6b7785}
@media (max-width:900px){
  .cj-myr-row.is-head{display:none}
  .cj-myr-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem .8rem;padding:.9rem .2rem}
  .cj-myr-flight,.cj-myr-st,.cj-myr-when{grid-column:span 2}
  .cj-myr-when{text-align:right}
  .cj-myr-row>[data-label]::before{content:attr(data-label);display:block;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785}
}
@media (max-width:420px){.cj-myr-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cj-myr-flight,.cj-myr-st,.cj-myr-when{grid-column:span 1}}
/* Formulario */
.cj-myr-form{max-width:100%}
.cj-myr-form .cj-ff-step:first-child{margin-top:0}
.cj-myr-form .cj-ff-step span i{font-size:.7rem}
.cj-myr-form .cj-fl-f .input-group{flex-wrap:nowrap}
.cj-myr-form textarea{resize:vertical}
.cj-myr-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.cj-myr-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cj-myr-grid3{grid-template-columns:minmax(0,1fr)}}
.cj-myr-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}
.cj-myr-errors{margin-top:1rem}


/* ---------- parte: fsb ---------- */
/* ---------- Vuelo programado y formulario SimBrief (cj-fsb) ---------- */
.cj-fsb .cj-dhero-name small{display:block;margin-top:.2rem;font-size:.55em;opacity:.85}
.cj-fsb .cj-dhero-meta .badge,.cj-fsb .cj-dhero-meta .btn{margin-right:.3rem}
.cj-fsb .cj-fsb-jump{display:inline-flex;align-items:center}
.cj-fsb .cj-dhero-actions .save_flight{cursor:pointer}
.cj-fsb .cj-fsb-route .cj-fl-route{margin-bottom:.8rem}
.cj-fsb .cj-fsb-plan{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem;margin:.4rem 0 0}
.cj-fsb .cj-fsb-plan .cj-flabel{margin:0}
.cj-fsb .cj-fsb-plan code{flex:1 1 220px;min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.cj-fsb .cj-fsb-map #map{border-radius:12px;overflow:hidden;max-width:100%}
.cj-fsb .cj-fsb-wx .cj-pills{flex-wrap:wrap}
.cj-fsb .cj-fsb-wx .tab-content,.cj-fsb .cj-fsb-rawwx{min-width:0;overflow-wrap:anywhere}
.cj-fsb .cj-fsb-wx img,.cj-fsb .cj-fsb-wx table{max-width:100%}
.cj-fsb .cj-dcard .cj-ff-step{margin-top:.2rem}
.cj-fsb .cj-ff-grid+.cj-ff-grid{margin-top:1rem}
.cj-fsb .cj-ff-grid .form-control,.cj-fsb .cj-ff-grid .form-select{min-width:0;max-width:100%}
.cj-fsb .cj-ff-grid .input-group{flex-wrap:nowrap}
.cj-fsb .cj-fsb-route-row{grid-template-columns:minmax(0,1fr)}
.cj-fsb .cj-fsb-specs .form-control{text-align:right}
.cj-fsb form .cj-ff-foot{margin-top:1.4rem}
.cj-fsb .cj-fsb-pick .cj-fl-f{max-width:520px}
.cj-fsb .cj-fsb-pick .select2-container{width:100%!important}
@media (max-width:640px){
  .cj-fsb .cj-dhero-actions{width:100%}
  .cj-fsb .cj-ff-foot .cj-dbtn{margin-left:0;width:100%;justify-content:center}
}


/* ---------- parte: dbx ---------- */
/* ---------- DBasic: premios, estadísticas, noticias, SAP, clima (cj-dbx) ---------- */
.cj-dbx .cj-dmain { display: flex; flex-direction: column; gap: 1.25rem; }
.cj-dbx .cj-dmain > .cj-dcard { margin: 0; }
.cj-dbx img, .cj-dbx iframe { max-width: 100%; }

/* Premios */
.cj-dbx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 1rem; }
.cj-dbx-award { display: flex; flex-direction: column; align-items: center; text-align: center; gap: .5rem;
  padding: 1rem; border: 1px solid rgba(15, 35, 70, .1); border-radius: 12px; background: #fff; min-width: 0; }
.cj-dbx-award-img { width: 84px; height: 84px; display: flex; align-items: center; justify-content: center; font-size: 2.4rem; color: #f2b705; }
.cj-dbx-award-img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.cj-dbx-award h3 { font-size: 1rem; margin: 0; overflow-wrap: anywhere; }
.cj-dbx-award p { font-size: .85rem; margin: 0; opacity: .8; overflow-wrap: anywhere; }
.cj-dbx-grid.is-old .cj-dbx-award { opacity: .65; }

/* Estadísticas */
.cj-dbx-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
.cj-dbx-cards .cj-dcard { margin: 0; min-width: 0; }

/* Noticias */
.cj-dbx-news { display: flex; flex-direction: column; gap: 1.25rem; }
.cj-dbx-new { margin: 0; }
.cj-dbx-body { overflow-wrap: anywhere; line-height: 1.6; }
.cj-dbx-body img, .cj-dbx-body table, .cj-dbx-body iframe { max-width: 100%; height: auto; }

/* SAP */
.cj-dbx-sap { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }
.cj-dbx-sapitem { min-width: 0; }
.cj-dbx-sapitem .card { margin: 0 !important; height: 100%; }

/* Clima */
.cj-dbx-map { overflow: hidden; }


/* ---------- parte: geo ---------- */
/* ---------- Geografía y flota: bases, aerolíneas, subflotas, aviones, aeropuertos (cj-geo) ---------- */
.cj-geo .cj-dstats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.cj-geo .cj-dhero-name,.cj-geo .cj-dhero-meta{overflow-wrap:anywhere}
.cj-geo .cj-dcol,.cj-geo .cj-dmain .row>*{min-width:0}
.cj-geo .cj-dcard{min-width:0}
.cj-geo .cj-dhero-logo{max-height:46px;max-width:140px;background:#fff;border-radius:8px;padding:.3rem .5rem;object-fit:contain}

/* Índices: tarjetas */
.cj-geo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;list-style:none;margin:0;padding:0}
.cj-geo-card{margin:0!important;display:flex;flex-direction:column;gap:.8rem;min-width:0}
.cj-geo-card-top{display:flex;align-items:center;gap:.8rem;min-width:0}
.cj-geo-flag{width:34px;height:23px;object-fit:cover;border-radius:3px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.1)}
.cj-geo-logo{max-width:90px;max-height:34px;object-fit:contain;flex:none}
.cj-geo-card h2{margin:0;font:400 1.3rem/1.15 var(--display);color:var(--navy);min-width:0;overflow-wrap:anywhere}
.cj-geo-card h2 a{color:var(--navy);text-decoration:none}
.cj-geo-code{margin-left:auto;font:400 1.5rem var(--display);color:#7d6a08;flex:none}
.cj-geo-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.6rem;margin:0}
.cj-geo-figs>div{display:flex;flex-direction:column-reverse;min-width:0}
.cj-geo-figs dd{margin:0;font:400 1.3rem var(--display);color:var(--navy)}
.cj-geo-figs dt{font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.cj-geo-card .cj-dbtn{align-self:flex-start;margin-top:auto}

/* Pestañas, subtítulos y listas */
.cj-geo .cj-pills{flex-wrap:wrap;overflow:visible}
.cj-geo .tab-content{min-width:0}
.cj-geo-sub{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1.2rem 0 .8rem;font:400 1.15rem var(--display);color:var(--navy)}
.cj-geo-sub:first-child{margin-top:0}
.cj-geo-sub small{font-size:.8rem;color:#6b7785;font-family:inherit}
.cj-geo-scroll{max-height:70vh;overflow-y:auto;overflow-x:hidden}
.cj-geo-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.cj-geo-grid3>*{min-width:0}
.cj-geo-notes{overflow-wrap:anywhere;color:#3a4a5c}
.cj-geo-notes img{max-width:100%;height:auto}
.cj-geo .cj-prof-rows dd{overflow-wrap:anywhere;min-width:0}
.cj-geo .cj-prof-rows dd a{color:var(--navy)}
.cj-geo-sun{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.8rem 0 0;padding:.7rem 0 0;border-top:1px solid #e4e8ec;font-size:.9rem;color:#3a4a5c}
.cj-geo-sun i{color:#7d6a08;margin-right:.3rem}
.cj-geo-embed{border-radius:12px;overflow:hidden;min-width:0}
.cj-geo-embed .card{margin-bottom:0!important}
.cj-geo-photo{position:relative;border-radius:12px;overflow:hidden;background:var(--navy);margin-bottom:1rem}
.cj-geo-photo img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.cj-geo-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:.5rem .9rem;background:linear-gradient(transparent,rgba(0,26,64,.85));color:#fff;font-size:.82rem}
.cj-geo-desc{color:#3a4a5c;margin:0 0 .8rem}
.cj-geo .cj-flt-specs{margin:0 0 1rem}

/* Filas alineadas (aviones, reportes, vuelos): pasan a tarjeta en móvil */
.cj-geo-tbl{margin-top:.2rem}
.cj-geo-row{display:grid;align-items:center;gap:.8rem;padding:.7rem .4rem;border-bottom:1px solid #eef1f5;font-size:.9rem;color:#3a4a5c}
.cj-geo-tbl.is-ac .cj-geo-row{grid-template-columns:minmax(110px,1.2fr) .6fr minmax(80px,.9fr) .7fr 1fr 1fr minmax(100px,1fr)}
.cj-geo-tbl.is-rep .cj-geo-row{grid-template-columns:minmax(120px,1.2fr) minmax(120px,1.3fr) minmax(90px,.9fr) .7fr .9fr 1fr}
.cj-geo-tbl.is-rep.no-ac .cj-geo-row{grid-template-columns:minmax(120px,1.2fr) minmax(120px,1.4fr) .7fr .9fr 1fr}
.cj-geo-tbl.is-flt .cj-geo-row{grid-template-columns:minmax(120px,1.2fr) minmax(130px,1.6fr) .7fr .7fr}
.cj-geo-row:not(.is-head):hover{background:#f7f9fb}
.cj-geo-row.is-head{font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785;padding-top:.3rem;border-bottom:2px solid #e6ebf1}
.cj-geo-row>span{min-width:0}
.cj-geo-row small{display:block;font-size:.75rem;color:#6b7785;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-geo-row a{color:var(--navy);text-decoration:none}
.cj-geo-main>a{font:400 1.1rem var(--display)}
.cj-geo-who>a{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cj-geo-main small i{color:#9aa5b1}
.cj-geo-st{display:flex;flex-wrap:wrap;gap:.25rem}
.cj-geo-when{font-size:.8rem;color:#6b7785}
@media (max-width:900px){
  .cj-geo-row.is-head{display:none}
  .cj-geo-tbl .cj-geo-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.6rem .8rem;padding:.9rem .2rem}
  .cj-geo-main,.cj-geo-who{grid-column:span 2}
  .cj-geo-st,.cj-geo-when{grid-column:span 2}
  .cj-geo-when{text-align:right}
  .cj-geo-row>[data-label]::before{content:attr(data-label);display:block;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:#6b7785}
}
@media (max-width:420px){
  .cj-geo-tbl .cj-geo-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cj-geo-main,.cj-geo-who,.cj-geo-st,.cj-geo-when{grid-column:span 1}
}


/* ---------- parte: acc ---------- */
/* ---------- Descargas, mapa en vivo y editar perfil (acc) ---------- */
.cj-acc .cj-acc-files li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.cj-acc .cj-acc-files .cj-dlist-main{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}
.cj-acc .cj-acc-files .cj-dlist-main small{display:block}
.cj-acc .cj-acc-card{height:100%}
.cj-acc .cj-acc-slim .cj-dhero-meta{margin-bottom:0}
.cj-acc .cj-acc-map{padding:0;overflow:hidden}
.cj-acc .cj-acc-map .cj-livemap #map{width:100% !important;max-width:100%}
.cj-acc .cj-acc-block{margin-bottom:1.5rem}
.cj-acc .cj-acc-form{max-width:56rem;margin:0 auto}
.cj-acc .cj-acc-form .form-control,.cj-acc .cj-acc-form .select2-container{max-width:100%}
.cj-acc .cj-acc-form .select2-container{width:100% !important}
.cj-acc .cj-acc-avatar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.cj-acc .cj-acc-avatar>div{flex:1 1 14rem;min-width:0}
.cj-acc .cj-acc-av{width:96px;height:96px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}

/* Tablas de widgets dentro de rejillas: sin scroll lateral, el texto se parte */
.cj-geo-grid3 table,.cj-dbx .cj-eqcards table{width:100%;table-layout:fixed}
.cj-geo-grid3 table :is(td,th),.cj-dbx .cj-eqcards table :is(td,th){white-space:normal!important;overflow-wrap:anywhere;min-width:0}
.cj-geo-grid3>*,.cj-dbx .cj-eqcards>*{min-width:0}
.cj-dash .tab-pane table{width:100%;table-layout:fixed}
.cj-dash .tab-pane table :is(td,th){white-space:normal!important;overflow-wrap:anywhere}
/* ---------- Estadísticas: clasificaciones con podio ---------- */
.cj-lb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-bottom:1rem}
.cj-lb-grid.is-two{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.cj-lb{margin:0;min-width:0}
.cj-lb .cj-dcard-head{flex-wrap:wrap;gap:.2rem .6rem;align-items:baseline}
.cj-lb .cj-dcard-head h2{font-size:1.05rem}
.cj-lb-sub{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7785}
.cj-lb-list{list-style:none;margin:0;padding:0}
.cj-lb-list li{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid #eef1f5}
.cj-lb-list li:last-child{border-bottom:0}
.cj-lb-pos{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem;background:#eef1f5;color:#3a4a5c}
.cj-lb-pos.is-p1{background:#fccf00;color:#0a1f3c}.cj-lb-pos.is-p2{background:#cfd6df;color:#0a1f3c}.cj-lb-pos.is-p3{background:#e3b48a;color:#0a1f3c}
#page-contents .cj-lb-name{min-width:0;color:var(--navy);text-decoration:none;display:flex;flex-direction:column;line-height:1.2}
.cj-lb-name b{font-size:.72rem;color:#6b7785;font-weight:600}
.cj-lb-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}
.cj-lb-val{font-weight:600;font-size:.88rem;color:#0a1f3c;white-space:nowrap}
.cj-dbx .cj-dstats{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:640px){.cj-dbx .cj-dstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Dashboard: foto de la ciudad del piloto detrás de la cabecera (de borde a borde, sobre la banda navy).
   Nítida y con un acercamiento lento; el degradado oscurece solo la zona del texto (izquierda) y la de las cifras (abajo). */
.cj-dash .cj-dhero{position:relative;isolation:isolate}
.cj-dash .cj-dhero::after{z-index:-2}
.cj-dhero-city{position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;clip-path:inset(0);opacity:0;transition:opacity 1s}
.cj-dhero-city::before{content:"";position:absolute;inset:0;background:var(--cj-city) center 45%/cover no-repeat;filter:saturate(1.15) contrast(1.05);transform:scale(1.04);animation:cj-city-zoom 30s ease-in-out infinite alternate}
.cj-dhero-city::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,17,45,.94) 0%,rgba(0,17,45,.82) calc(50% - 380px),rgba(0,17,45,.35) calc(50% + 120px),rgba(0,17,45,.12) 100%),
  linear-gradient(0deg,rgba(0,17,45,.85) 0%,rgba(0,17,45,0) 55%),
  linear-gradient(180deg,rgba(0,17,45,.55) 0%,rgba(0,17,45,0) 25%)}
@keyframes cj-city-zoom{to{transform:scale(1.12) translateX(-1.5%)}}
@media (prefers-reduced-motion:reduce){.cj-dhero-city::before{animation:none}}
.cj-dhero.has-city .cj-dhero-city{opacity:1}
.cj-dash .cj-dhero.has-city{padding-top:3.4rem;padding-bottom:2.6rem}
.cj-dhero-place{position:absolute;top:1rem;right:0;display:none;align-items:center;gap:.45rem;padding:.35rem .8rem;border-radius:999px;background:rgba(0,17,45,.6);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font:400 .95rem var(--display);letter-spacing:.04em}
.cj-dhero-place i{color:#fccf00}
.cj-dhero-place small{font-size:.72rem;color:#c9d3e0;letter-spacing:.1em}
.cj-dhero.has-city .cj-dhero-place{display:inline-flex}
@media (max-width:767px){
  .cj-dhero-city::after{background:linear-gradient(0deg,rgba(0,17,45,.95) 0%,rgba(0,17,45,.7) 60%,rgba(0,17,45,.45) 100%)}
  .cj-dhero-place{top:.6rem;right:.2rem;font-size:.82rem}
}
#page-contents .cj-dhero-credit{position:absolute;right:.8rem;bottom:.4rem;font-size:.68rem;color:rgba(255,255,255,.55);text-decoration:none}

/* Cabecera con foto: texto y botones legibles sobre la imagen */
.cj-dhero.has-city :is(.cj-dhero-hi,.cj-dhero-name,.cj-dhero-meta){text-shadow:0 1px 3px rgba(0,10,30,.85),0 0 18px rgba(0,10,30,.6)}
.cj-dhero.has-city .cj-dhero-hi{color:#fff;opacity:.9}
.cj-dhero.has-city .cj-dhero-meta{color:#e8eef6}
#page-contents .cj-dhero.has-city .cj-dhero-actions .cj-dbtn:not(.is-primary){background:rgba(0,17,45,.72);border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#page-contents .cj-dhero.has-city .cj-dhero-actions .cj-dbtn:not(.is-primary):hover{background:rgba(0,17,45,.9)}
.cj-dhero.has-city .cj-dstats{background:rgba(0,17,45,.7);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cj-dhero.has-city .cj-dhero-av{box-shadow:0 4px 18px rgba(0,10,30,.6)}
/* ---------- Ventana: elegir avión al reservar ---------- */
.cj-bidm .modal-dialog{max-width:520px;padding:0 .75rem}
.cj-bidm .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,17,45,.6)}
.cj-bidm-head{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.2rem;background:#0a1f3c;color:#fff;border-bottom:3px solid #fccf00}
.cj-bidm-head>div{flex:1;min-width:0}
.cj-bidm-title{margin:0;font:400 1.35rem var(--display);color:#fff}
.cj-bidm-sub{margin:.15rem 0 0;font-size:.82rem;color:#c9d3e0}
.cj-bidm-x{background:none;border:0;color:#c9d3e0;font-size:1.1rem;width:2.2rem;height:2.2rem;border-radius:50%;flex:none}
.cj-bidm-x:hover{background:rgba(255,255,255,.1);color:#fff}
.cj-bidm-body{padding:1.3rem 1.2rem .6rem;background:#fff}
.cj-bidm-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;padding:.9rem 1.2rem 1.2rem;background:#fff}
@media (max-width:480px){.cj-bidm-foot .cj-dbtn{flex:1 1 100%;justify-content:center}}
/* select2 dentro de la ventana */
.cj-bidm .select2-container{width:100%!important}
.cj-bidm .select2-container .select2-selection--single{height:auto;min-height:3rem;border:1px solid #d5dde6;border-radius:10px;display:flex;align-items:center;padding:.3rem .5rem}
.cj-bidm .select2-container .select2-selection__rendered{white-space:normal;line-height:1.3;color:#0a1f3c;font-weight:600}
.cj-bidm .select2-container .select2-selection__arrow{height:100%;top:0}
.cj-bidm .select2-dropdown{border:1px solid #d5dde6;border-radius:10px;overflow:hidden;box-shadow:0 18px 30px -18px rgba(0,17,45,.5)}
.cj-bidm .select2-search__field{border-radius:8px!important;border:1px solid #d5dde6!important;padding:.4rem .6rem}
.cj-bidm .select2-results__option{padding:.55rem .8rem;color:#0a1f3c;white-space:normal}
.cj-bidm .select2-results__option--highlighted{background:#fccf00!important;color:#0a1f3c!important}
.cj-bidm .select2-results__option[aria-selected=true]{background:#eef3f8}
/* ---------- NOTAM y salida/puesta del sol (widgets) ---------- */
.cj-ntm,.cj-sun{margin:0 0 1rem;min-width:0}
.cj-ntm .cj-dcard-head h2,.cj-sun .cj-dcard-head h2{font-size:1.15rem}
.cj-ntm .cj-dcard-head i,.cj-sun .cj-dcard-head i{color:#c99a00}
.cj-ntm-n{background:#0a1f3c;color:#fccf00;border-radius:999px;padding:.1rem .6rem;font-weight:700;font-size:.8rem}
.cj-ntm-list{max-height:320px;overflow-y:auto;display:grid;gap:.5rem}
.cj-ntm-item{background:#f3f6f9;border-left:3px solid #fccf00;border-radius:6px;padding:.5rem .7rem;font:400 .78rem/1.4 ui-monospace,Consolas,monospace;color:#0a1f3c;white-space:pre-wrap;overflow-wrap:anywhere}
.cj-ntm-none{margin:0;color:#3a4a5c;font-size:.9rem}
.cj-ntm-none i{color:#237a3d;margin-right:.3rem}
.cj-ntm-foot{margin:.7rem 0 0;padding-top:.5rem;border-top:1px solid #eef1f5;font-size:.72rem;color:#6b7785}
.cj-sun-note{font-size:.72rem;color:#6b7785}
.cj-sun-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:0}
.cj-sun-grid>div{background:rgba(0,17,45,.05);border-top:2px solid #0a1f3c;padding:.5rem .6rem;border-radius:0 0 6px 6px}
.cj-sun-grid dt{font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:#606265;font-weight:400}
.cj-sun-grid dt i{color:#c99a00;margin-right:.2rem}
.cj-sun-grid dd{margin:.15rem 0 0;font:500 1.05rem var(--display);color:#0a1f3c}
.cj-sun-grid.is-strip{margin:.4rem 0}
.cj-dhero-place b{font-weight:400}
.cj-dhero-place small{margin-left:.15rem}
/* ---------- Aeropuerto: aeronaves, pilotos y reportes (listas) ---------- */
.cj-aa{margin:0;min-width:0;display:flex;flex-direction:column}
.cj-aa .cj-dcard-head h2{font-size:1.15rem}
.cj-aa .cj-dcard-head i{color:#c99a00}
.cj-aa-n{background:#0a1f3c;color:#fccf00;border-radius:999px;padding:.1rem .6rem;font-weight:700;font-size:.8rem}
.cj-aa-list{list-style:none;margin:0;padding:0;max-height:380px;overflow-y:auto}
.cj-aa-list li{display:grid;grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #eef1f5}
.cj-aa-list li:last-child{border-bottom:0}
.cj-aa-ico{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:#eef3f8;color:#0a1f3c;font-size:.85rem}
.cj-aa-list li.is-bad .cj-aa-ico{background:#fde8e6;color:#a5281d}
.cj-aa-list li.is-busy .cj-aa-ico{background:#fff4c2}
.cj-aa-av{width:2.2rem;height:2.2rem;border-radius:50%;object-fit:cover;border:2px solid #fccf00}
.cj-aa-main{min-width:0;display:flex;flex-direction:column;line-height:1.25}
#page-contents .cj-aa-id{font-weight:700;color:#0a1f3c;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-aa-main small{font-size:.76rem;color:#6b7785;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-contents .cj-aa-main small a,#page-contents .cj-aa-route a{color:#3a4a5c}
.cj-aa-route{font-size:.82rem;color:#0a1f3c;display:flex;align-items:center;gap:.3rem}
.cj-aa-route i{color:#c99a00;font-size:.75rem}
.cj-aa-side{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;text-align:right}
.cj-aa-side b{font:500 .95rem var(--display);color:#0a1f3c;white-space:nowrap}
.cj-aa-side small{font-size:.72rem;color:#6b7785;white-space:nowrap}
.cj-aa-side .cj-lp-state{font-size:.65rem}
/* ---------- Roster de pilotos en lista (/pilots) ---------- */
.cj-rl{padding:0;overflow:hidden}
.cj-rl-head,.cj-rl-list li{display:grid;grid-template-columns:7rem minmax(0,2.2fr) minmax(0,1.4fr) 5.5rem 4.5rem 4.5rem;gap:.8rem;align-items:center;padding:.55rem 1.1rem}
.cj-rl-head{background:#0a1f3c;color:#fccf00;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.cj-rl-head span:nth-child(n+5),.cj-rl-num{text-align:right}
.cj-rl-list{list-style:none;margin:0;padding:0}
.cj-rl-list li{border-bottom:1px solid #eef1f5}
.cj-rl-list li:nth-child(even){background:#f8fafc}
.cj-rl-list li:hover{background:#fff8d9}
.cj-rl-list li.is-off{opacity:.65}
.cj-rl-cs{font:600 1rem var(--display);color:#0a1f3c;letter-spacing:.03em}
#page-contents .cj-rl-who{display:flex;align-items:center;gap:.55rem;min-width:0;color:#0a1f3c;font-weight:600;text-decoration:none}
.cj-rl-who img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fccf00}
.cj-rl-who>span:first-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-rl-who .cj-lp-state{font-size:.62rem}
.cj-rl-rank{font-size:.85rem;color:#3a4a5c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cj-rl-base{font-size:.85rem;color:#3a4a5c;white-space:nowrap}
.cj-rl-base i{color:#c99a00;font-size:.75rem}
.cj-rl-num{font:500 .95rem var(--display);color:#0a1f3c}
@media (max-width:760px){
  .cj-rl-head{display:none}
  .cj-rl-list li{grid-template-columns:5.5rem minmax(0,1fr) auto auto;grid-template-areas:"cs who who who" "cs rank rank base" "cs . f h";row-gap:.2rem;padding:.7rem 1rem}
  .cj-rl-cs{grid-area:cs;align-self:start}.cj-rl-who{grid-area:who}.cj-rl-rank{grid-area:rank}.cj-rl-base{grid-area:base;text-align:right}
  .cj-rl-num:nth-last-child(2){grid-area:f}.cj-rl-num:last-child{grid-area:h}
  .cj-rl-num::before{content:attr(data-l) " ";font:400 .68rem var(--body,inherit);color:#6b7785}
}
.cj-rl-rank .cj-ins{max-width:100%}.cj-rl-rank .cj-ins-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- Login a pantalla completa (sin menú ni pie) ---------- */
body.cj-nonav .cj-login{min-height:100vh}
body.cj-nonav .cj-login-art{top:0;height:100vh}
.cj-login-logo{position:absolute;top:clamp(1.2rem,3vw,2.2rem);left:clamp(1.2rem,3vw,2.5rem);z-index:2}
.cj-login-logo img{height:clamp(44px,5vw,64px);width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.45))}
@media (max-width:991px){body.cj-nonav .cj-login-art{height:auto;min-height:34vh;padding-top:6rem}body.cj-nonav .cj-login{min-height:100vh}}
/* ---------- Perfil: pestañas como barra segmentada ---------- */
#page-container #page-contents .cj-pills{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;background:#eef2f7;border-radius:12px;padding:4px;margin-bottom:1.2rem;border:0}
#page-container #page-contents .cj-pills .nav-item{flex:1 1 0;min-width:max-content}
#page-container #page-contents .cj-pills .nav-link{width:100%;margin:0;border:0;border-radius:9px;background:transparent;color:#4a5a6c;font-weight:600;padding:.55rem 1rem;box-shadow:none;outline-offset:-3px;transition:background .2s,color .2s}
#page-container #page-contents .cj-pills .nav-link:hover{color:#0a1f3c;background:rgba(255,255,255,.6)}
#page-container #page-contents .cj-pills .nav-link.active{background:#fccf00 !important;color:#0a1f3c !important;box-shadow:0 2px 8px rgba(10,31,60,.15)}
#page-container #page-contents .cj-pills .nav-link:focus:not(:focus-visible){outline:0}
/* ---------- Vuelos del aeropuerto agrupados por destino/origen ---------- */
.cj-fg-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.cj-fg-search{flex:1 1 260px;display:flex;align-items:center;gap:.5rem;background:#f3f6fa;border:1px solid #e1e7ef;border-radius:10px;padding:.45rem .8rem;margin:0}
.cj-fg-search i{color:#8a96a5}
.cj-fg-search input{border:0;background:transparent;outline:0;width:100%;color:#0a1f3c;font-size:.95rem}
.cj-fg-sum{font-size:.82rem;color:#6b7785;white-space:nowrap}
.cj-fg-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem;max-height:620px;overflow-y:auto;padding-right:2px}
.cj-fg-card{border:1px solid #e6ebf2;border-radius:12px;padding:.75rem .85rem;background:#fff;min-width:0}
.cj-fg-card[hidden]{display:none}
.cj-fg-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:center;margin-bottom:.55rem}
#page-container #page-contents a.cj-fg-icao{background:#0a1f3c;color:#fccf00;font:600 .95rem var(--display);border-radius:7px;padding:.2rem .5rem;text-decoration:none;letter-spacing:.03em}
.cj-fg-name{min-width:0;display:flex;flex-direction:column;font-weight:600;color:#0a1f3c;line-height:1.2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cj-fg-name .flag-icon{margin-left:.3rem;font-size:.8rem}
.cj-fg-name small{font-weight:400;font-size:.74rem;color:#6b7785;overflow:hidden;text-overflow:ellipsis}
.cj-fg-n{min-width:1.9rem;text-align:center;background:#fff4c2;color:#7a5c00;font-weight:700;font-size:.8rem;border-radius:999px;padding:.1rem .45rem}
.cj-fg-chips{display:flex;flex-wrap:wrap;gap:.3rem}
#page-container #page-contents .cj-fg-chips a{font:500 .8rem var(--display);color:#0a1f3c;background:#eef2f7;border-radius:6px;padding:.15rem .45rem;text-decoration:none;white-space:nowrap}
#page-container #page-contents .cj-fg-chips a:hover{background:#fccf00}
.cj-fg-none{color:#6b7785;text-align:center;padding:1.2rem 0;margin:0}
.cj-fg-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ---------- Mapas de vuelos (DBasic::Map) ---------- */
.cj-map-open{width:100%;justify-content:center}
.cj-mapm .modal-dialog{max-width:min(1200px,94vw);margin-left:auto;margin-right:auto}
.cj-mapm .modal-content{border:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,17,45,.55);background:#fff}
.cj-mapm-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:linear-gradient(120deg,#0a1f3c,#12325f);color:#fff}
.cj-mapm-ico{width:2.6rem;height:2.6rem;border-radius:12px;display:grid;place-items:center;background:#fccf00;color:#0a1f3c;font-size:1.15rem}
.cj-mapm-title h2{margin:0;font:500 1.45rem var(--display);color:#fff;line-height:1.1}
.cj-mapm-stats{list-style:none;margin:.35rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.cj-mapm-stats li{font-size:.76rem;color:#c9d6ea;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.12rem .6rem;white-space:nowrap}
.cj-mapm-stats i{color:#fccf00;margin-right:.25rem;font-size:.7rem}
.cj-mapm-stats b{color:#fff}
.cj-mapm-close{width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;transition:background .2s}
.cj-mapm-close:hover{background:#fccf00;color:#0a1f3c;border-color:#fccf00}
.cj-mapm-body{position:relative}
.cj-mapm-map{width:100%;height:min(74vh,760px);background:#e8eef3}
.cj-mapm-legend{position:absolute;left:12px;bottom:12px;z-index:500;list-style:none;margin:0;padding:.45rem .7rem;display:flex;gap:.8rem;flex-wrap:wrap;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:10px;box-shadow:0 6px 18px rgba(0,17,45,.15);font-size:.75rem;color:#0a1f3c}
.cj-mapm-legend li{display:flex;align-items:center;gap:.35rem}
.cj-mapm-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.cj-mapm-legend .is-hub{background:#fccf00;width:13px;height:13px}
.cj-mapm-legend .is-apt{background:#0a1f3c}
.cj-mapm-legend .is-route{width:18px;height:3px;border:0;border-radius:2px;background:#1d5fbf;box-shadow:none}
.cj-mapm-legend .is-flown{width:18px;height:3px;border:0;border-radius:2px;background:#1f9d63;box-shadow:none}
.cj-mapm-x .leaflet-control-layers,.cj-mapm .leaflet-bar{border:0!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(0,17,45,.18)!important;overflow:hidden}
.cj-mapm-x .leaflet-bar a{width:34px;height:34px;line-height:34px;color:#0a1f3c;border-color:#eef1f5}
.cj-mapm-x .leaflet-control-layers-expanded{padding:.6rem .8rem;font-size:.85rem;color:#0a1f3c}
.cj-mapm-x .leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 12px 30px rgba(0,17,45,.25)}
.cj-mapm-x .leaflet-popup-content{margin:.7rem .9rem;font-size:.82rem;line-height:1.45;max-height:220px;overflow:auto}
.cj-mapm-x .leaflet-popup-content a{color:#0a1f3c;font-weight:600}
.cj-mapm-x .leaflet-popup-content hr{margin:.4rem 0;opacity:.15}
.cj-mapm-x .leaflet-interactive{cursor:pointer}
@media (max-width:767px){
  .cj-mapm .modal-dialog{max-width:100%;margin:0;height:100%}
  .cj-mapm .modal-content{border-radius:0;height:100%}
  .cj-mapm-map{height:calc(100vh - 110px)}
  .cj-mapm-title h2{font-size:1.15rem}
}
/* ---------- Todos los mapas: tema claro moderno (mismo diseño que la ventana de mapas) ---------- */
html body .leaflet-container{background:#e8eef3;font-family:var(--text)}
html body #map,html body .cj-prof-mapw .leaflet-container,html body .cj-geo-embed .leaflet-container{border-radius:14px;overflow:hidden}
html body .leaflet-bar,html body .leaflet-control-layers{border:0!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(0,17,45,.18)!important;overflow:hidden;background:#fff!important}
html body .leaflet-bar a,html body .leaflet-bar a:hover{width:34px;height:34px;line-height:34px;background:#fff!important;color:#0a1f3c!important;border-bottom:1px solid #eef1f5!important}
html body .leaflet-bar a:hover{background:#fccf00!important}
html body .leaflet-control-layers{color:#0a1f3c!important}
html body .leaflet-control-layers-toggle{filter:none;width:36px!important;height:36px!important;background-size:20px}
html body .leaflet-control-layers-expanded{padding:.6rem .85rem!important;font:400 .88rem var(--text);color:#0a1f3c}
html body .leaflet-control-layers-separator{border-top-color:#eef1f5!important}
html body .leaflet-control-attribution{background:rgba(255,255,255,.75)!important;color:#6b7785!important;font-size:.66rem;border-radius:6px 0 0 0}
html body .leaflet-control-attribution a{color:#3a4a5c!important}
html body .leaflet-popup-content-wrapper,html body .leaflet-popup-tip{background:#fff;color:#0a1f3c;border:0;border-radius:12px;box-shadow:0 12px 30px rgba(0,17,45,.25)}
html body .leaflet-popup-tip{border-radius:0}
html body .leaflet-popup-content{margin:.7rem .9rem;font-size:.82rem;line-height:1.45;max-height:220px;overflow:auto}
html body .leaflet-popup-content-wrapper :is(a,h1,h2,h3,h4,h5,h6,td,th,span,b){color:#0a1f3c!important}
html body .leaflet-popup-content a{font-weight:600}
html body .leaflet-popup-content a:hover{color:#c99a00}
html body .leaflet-popup-content hr{margin:.4rem 0;opacity:.15}
html body .leaflet-container a.leaflet-popup-close-button{color:#6b7785}
html body .leaflet-tooltip{background:#0a1f3c;color:#fff;border:0;border-radius:6px;box-shadow:0 6px 16px rgba(0,17,45,.25)}
html body .leaflet-interactive{cursor:pointer}
/* Ventana al tocar una ruta o aeropuerto: lista de vuelos como botones */
html body .leaflet-popup-content br{display:none}
html body .leaflet-popup-content > a{display:flex;align-items:center;gap:.45rem;padding:.35rem .6rem;margin:.25rem 0;border-radius:8px;background:#f3f6fa;text-decoration:none;font:500 .85rem var(--display);letter-spacing:.02em;white-space:nowrap}
html body .leaflet-popup-content > a::before{content:"\f072";font:900 .7rem "Font Awesome 5 Free";color:#c99a00}
html body .leaflet-popup-content > a::after{content:"\f35d";font:900 .62rem "Font Awesome 5 Free";color:#8a96a5;margin-left:auto;padding-left:.6rem}
html body .leaflet-popup-content > a:hover{background:#fccf00;color:#0a1f3c}
html body .leaflet-popup-content > a:hover::before,html body .leaflet-popup-content > a:hover::after{color:#0a1f3c}
html body .leaflet-popup-content-wrapper,html body .leaflet-popup-content{color:#0a1f3c!important}
.cj-wpt{display:flex;flex-direction:column;gap:.1rem;min-width:9rem}
.cj-wpt b{font:600 1rem var(--display);letter-spacing:.03em;color:#0a1f3c!important}
.cj-wpt small{font-size:.74rem;color:#6b7785}
.cj-wpt small i{color:#c99a00;margin-right:.3rem}
.cj-acp{gap:.35rem;min-width:13rem}
.cj-acp > div{display:grid;grid-template-columns:1rem auto 1fr;align-items:center;gap:.5rem}
.cj-acp i{color:#c99a00;font-size:.75rem;text-align:center}
.cj-acp small{font-size:.74rem;color:#6b7785}
.cj-acp b{font:600 .92rem var(--display)!important;text-align:right;white-space:nowrap}
.cj-prof-mapw > .cj-map-open{display:none!important}
/* ---------- Insignia de rango aprobada (placa negra, galones plateados, estrella Senior) ---------- */
.cj-ins-svg{display:block;width:78px;height:auto;flex:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}
.cj-ins.is-lg .cj-ins-svg{width:120px}
.cj-dhero .cj-ins-svg{width:64px}
.cj-rl-rank .cj-ins-svg{width:70px}

/* ---------- Briefing SimBrief ---------- */
.cj-bf .cj-dhero-name small{font-size:.55em;color:#c9d3e0;margin-left:.4rem;white-space:nowrap}
.cj-bf .cj-dhero-meta{overflow-wrap:anywhere}
.cj-bf .cj-bf-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.cj-bf .cj-bf-stats dd{overflow-wrap:anywhere}
.cj-bf .cj-dhero-actions{flex-wrap:wrap}
.cj-bf .cj-dcard{min-width:0}
.cj-bf .cj-dcard-head i{color:#c99a00}
.cj-bf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 2rem;margin-top:.8rem}
.cj-bf-grid>div{min-width:0}
.cj-bf-grid .cj-flabel{margin-top:.2rem}
.cj-bf-grid .cj-prof-rows+.cj-flabel{margin-top:1rem}
.cj-bf .cj-prof-rows dd{overflow-wrap:anywhere;min-width:0}
.cj-bf .cj-prof-rows dt{flex:none;max-width:55%}
.cj-bf-lbl{margin-top:1rem}
.cj-bf .cj-bf-pre{display:block;margin:.3rem 0 0;padding:.6rem .8rem;background:#f3f6fa;border:1px solid #eef1f5;border-radius:10px;font:400 .82rem/1.5 Consolas,"Courier New",monospace;color:#0a1f3c;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}
.cj-bf .cj-bf-scroll{max-height:32rem;overflow:auto}
.cj-bf-tabs .cj-pills{flex-wrap:wrap;overflow:visible}
.cj-bf-wx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}
.cj-bf-wxc{min-width:0}
.cj-bf-frame{display:block;width:100%;height:380px;border:0;border-radius:10px;margin-top:.4rem;background:#eef1f5}
.cj-bf-imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.4rem}
.cj-bf-imgs figure{margin:0;min-width:0}
.cj-bf-imgs img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid #eef1f5}
.cj-bf-imgs figcaption{margin-top:.3rem;font-size:.8rem;color:#6b7785;text-align:center}
.cj-bf-tlrcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;margin-bottom:1.4rem}
.cj-bf-tlrcol,.cj-bf-tlrc{min-width:0}
.cj-bf-tlrc .cj-flabel{margin-bottom:.4rem}
.cj-bf-tlrc .accordion{margin-top:.8rem;--bs-accordion-border-color:#eef1f5;--bs-accordion-btn-padding-y:.55rem}
.cj-bf-tlrc .accordion-button{font:400 1.05rem var(--display);color:#0a1f3c;background:#f3f6fa;border-radius:8px}
.cj-bf-tlrc .accordion-button:not(.collapsed){background:#fff7cc;box-shadow:none}
.cj-bf-tlrc .accordion-item{border:0;margin-bottom:.4rem;background:none}
.cj-bf-tlrc .accordion-body{padding:.2rem .4rem}
.cj-bf-note{margin:.6rem 0 0;font-size:.8rem;color:#6b7785;text-align:right}
.cj-bf-dl select{width:100%;max-width:100%;margin-bottom:.8rem}
.cj-bf-dl .select2-container{width:100% !important;max-width:100%;margin-bottom:.8rem}
.cj-bf-dl .cj-dbtn{width:100%;border:0;cursor:pointer}
.cj-bf-crew{list-style:none;margin:.6rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem}
.cj-bf-crew li{min-width:0;overflow-wrap:anywhere;font:400 1.1rem var(--display);color:#0a1f3c}
.cj-bf-crew small{display:block;font:300 .78rem sans-serif;color:#6b7785;text-transform:uppercase;letter-spacing:.06em}
.cj-bf-qr canvas{display:block;width:140px;height:140px;max-width:100%;margin:.8rem auto 0;border:1px solid #eef1f5;border-radius:10px;padding:6px;background:#fff}
@media (max-width:1199.98px){.cj-bf .cj-bf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767.98px){
  .cj-bf-grid,.cj-bf-wx,.cj-bf-imgs,.cj-bf-tlrcols{grid-template-columns:minmax(0,1fr)}
  .cj-bf .cj-dhero-actions .cj-dbtn{flex:1 1 calc(50% - .35rem)}
  .cj-bf-frame{height:300px}
}
@media (max-width:560px){.cj-bf .cj-bf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* OFP de SimBrief: ventana del panel con el plan en "papel" (formato original) */
.cj-ofpm .modal-dialog{max-width:min(860px,94vw)}
.cj-ofpm .modal-content{max-height:92vh}
.cj-ofp-body{background:#e9eef4;padding:1rem}
.cj-ofp-note{margin:0 auto .7rem;max-width:760px;font-size:.8rem;color:#7a5c00;background:#fff4c2;border-radius:8px;padding:.4rem .7rem;text-transform:uppercase;font-weight:600}
.cj-ofp-paper{max-width:760px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 8px 24px rgba(0,17,45,.12);padding:1.2rem 1.4rem;overflow-x:auto}
#page-container .cj-ofp-paper,#page-container .cj-ofp-paper *{background:transparent!important;color:#0a1f3c!important}
.cj-ofp-paper pre,.cj-ofp-paper{font-family:"Courier New",Consolas,monospace!important;font-size:12.5px!important;line-height:1.45!important}
.cj-ofp-paper pre{margin:0;white-space:pre;border:0}
.cj-ofp-paper img{max-width:100%;height:auto}
.cj-ofp-paper b,.cj-ofp-paper strong{font-weight:700}
@media (max-width:767px){.cj-ofp-body{padding:.5rem}.cj-ofp-paper{padding:.8rem;font-size:11px!important}.cj-ofp-paper pre{font-size:11px!important}}
/* Roster: todo un poco más grande */
@media (min-width:761px){
  .cj-rl-head,.cj-rl-list li{grid-template-columns:8rem minmax(0,1.8fr) minmax(0,2fr) 6.5rem 5.5rem 5.5rem;padding:.8rem 1.4rem;gap:1rem}
}
.cj-rl-head{font-size:.82rem}
.cj-rl-cs{font-size:1.2rem}
#page-contents .cj-rl-who{font-size:1.1rem;gap:.7rem}
.cj-rl-who img{width:42px;height:42px}
.cj-rl-rank,.cj-rl-base{font-size:1rem}
.cj-rl-rank .cj-ins-svg{width:92px}
.cj-rl-rank .cj-ins-name{font-size:1.1rem}
.cj-rl-num{font-size:1.15rem}
/* Avisos COLJET */
.cj-toasts{position:fixed;top:calc(var(--nav-h,70px) + 1rem);right:1rem;z-index:3000;display:flex;flex-direction:column;gap:.6rem;max-width:min(380px,calc(100vw - 2rem))}
.cj-toast{display:flex;align-items:center;gap:.75rem;background:#fff;color:var(--navy);border-left:5px solid #1f9d63;border-radius:12px;padding:.85rem 1rem;box-shadow:0 12px 30px rgba(0,17,45,.25);font:500 1rem var(--display);animation:cjToastIn .3s ease}
.cj-toast i{font-size:1.3rem;color:#1f9d63}
.cj-toast.is-bad{border-color:var(--red)} .cj-toast.is-bad i{color:var(--red)}
.cj-toast span{flex:1}
.cj-toast button{background:none;border:0;font-size:1.4rem;line-height:1;color:var(--steel);cursor:pointer}
.cj-toast.is-out{opacity:0;transform:translateX(20px);transition:.3s}
@keyframes cjToastIn{from{opacity:0;transform:translateX(20px)}}

/* ===== Análisis de llegada (ficha del PIREP) ===== */
#page-container #page-contents .cj-fdm{min-width:0;overflow:hidden}
#page-container #page-contents .cj-fdm .cj-fdm-rwy{font:400 1.05rem var(--display);color:#667085}
#page-container #page-contents .cj-fdm .cj-fdm-verdict{display:inline-block;margin:.75rem 0 .25rem;padding:.4rem 1.1rem;border-radius:99px;font:400 1.35rem/1.2 var(--display);letter-spacing:.02em}
#page-container #page-contents .cj-fdm .cj-fdm-verdict[hidden]{display:none}
#page-container #page-contents .cj-fdm .cj-fdm-verdict.is-ok{background:rgba(31,157,99,.14);color:#1f9d63;border:1px solid #1f9d63}
#page-container #page-contents .cj-fdm .cj-fdm-verdict.is-bad{background:rgba(181,18,27,.12);color:#B5121B;border:1px solid #B5121B}
#page-container #page-contents .cj-fdm .cj-fdm-h3{margin:1.1rem 0 .5rem;font:400 1.2rem/1.2 var(--display);color:#00112D}
.cj-fdm-gates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.75rem}
.cj-fdm-gate{min-width:0;border:1px solid #e1e5ec;border-top:4px solid #667085;border-radius:12px;padding:.75rem .9rem}
.cj-fdm-gate.is-ok{border-top-color:#1f9d63}
.cj-fdm-gate.is-bad{border-top-color:#B5121B}
.cj-fdm-gh{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin-bottom:.4rem}
#page-container #page-contents .cj-fdm .cj-fdm-gh h3{margin:0;font:400 1.3rem/1.1 var(--display);color:#00112D}
.cj-fdm-gh small{flex:1 0 100%;color:#667085;font-size:.8rem}
.cj-fdm-gate ul{list-style:none;margin:0;padding:0}
.cj-fdm-gate li{display:flex;align-items:center;gap:.6rem;padding:.4rem 0;border-top:1px solid #eceff4;min-width:0}
.cj-fdm-rt{flex:1;min-width:0}
.cj-fdm-rt b{display:block;font-weight:500;font-size:.88rem;color:#00112D}
.cj-fdm-rt small{display:block;color:#667085;font-size:.74rem}
.cj-fdm-rt small:empty{display:none}
.cj-fdm-rv{flex:0 1 auto;text-align:right;font-size:.88rem;color:#00112D;overflow-wrap:anywhere;max-width:55%}
.cj-fdm-mk{flex:0 0 auto;display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:50%;font-size:.8rem;font-weight:700;color:#fff}
.cj-fdm-mk.is-ok{background:#1f9d63}
.cj-fdm-mk.is-bad{background:#B5121B}
.cj-fdm-na{margin:0;color:#667085;font-size:.9rem}
.cj-fdm-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.cj-fdm-g2>div{min-width:0}
.cj-fdm-cv{position:relative;width:100%;height:320px}
.cj-fdm-cv-low{height:210px}
.cj-fdm-cv canvas{max-width:100%}
.cj-fdm-perf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.cj-fdm-perf>div{background:#F1F3F6;border-radius:10px;padding:.6rem .8rem;min-width:0}
.cj-fdm-pl{display:block;color:#667085;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}
.cj-fdm-pn{display:block;font:400 1.4rem/1.2 var(--display);color:#00112D;overflow-wrap:anywhere}
.cj-fdm-note{margin:.9rem 0 0;color:#667085;font-size:.8rem}
@media(max-width:700px){
  .cj-fdm-gates,.cj-fdm-g2{grid-template-columns:minmax(0,1fr)}
  .cj-fdm-perf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cj-fdm-cv{height:290px}.cj-fdm-cv-low{height:200px}
}