/* Ajustes propios del inicio COLJET sobre la hoja de la landing (landing.css es generada: no se edita).
   Secciones alternadas azul / #F1F1F1:
   aerolínea gris · staff azul · rangos gris · (cita en foto) · roster gris · aeronaves azul ·
   vuelos en vivo (gris + mapa oscuro) · comentarios gris · MGO azul · vuela con nosotros gris · pie azul. */

/* ---------- Rangos sobre #F1F1F1 ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) #rangos .ranks b{color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) #rangos .ranks span{color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) #rangos .ranks svg.ins{filter:drop-shadow(0 8px 14px rgba(0,17,45,.28))}

/* ---------- Roster de pilotos activos sobre #F1F1F1 ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster{background:var(--mist);color:var(--on-light)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster h3{color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster h3 + p{color:#5d5f62}
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster .btn.line{color:var(--navy);border-color:rgba(0,17,45,.45)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster .btn.line:hover,
html body #page-contents :is(#cj-landing,#cj-landing-2) .roster .rbtn[aria-expanded="true"]{color:var(--navy);border-color:var(--gold);background:rgba(252,207,0,.18)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-head{border-top-color:var(--fog)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-head b{color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-head b span{color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-head a{color:var(--navy);border-bottom-color:rgba(0,17,45,.3)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-head a:hover{color:#7d6a08;border-color:#7d6a08}
/* tarjetas de los pilotos en azul marino sobre el gris */
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list li{background:var(--navy);border-color:var(--navy);box-shadow:0 14px 28px -18px rgba(0,17,45,.7)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list li:hover{border-color:var(--gold);background:#06214a}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-av{box-shadow:0 0 0 2px var(--navy),0 6px 14px rgba(0,0,0,.45);border-color:rgba(203,217,228,.5)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-top a{color:var(--white)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-top a:hover{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-call{color:var(--sky);border-color:var(--haze)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-rank{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-meta{color:var(--sky)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-meta b{color:var(--white)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-msg{color:var(--slate)}

/* ---------- Comentarios sobre #F1F1F1: tarjetas en blanco para que resalten ---------- */


/* ---------- Podio del mes: oro, plata y bronce ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3{margin:2.6rem 0 .6rem;padding-top:2.4rem;border-top:1px solid var(--fog)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head{text-align:center;margin-bottom:2.2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head h4{display:inline-flex;align-items:center;gap:.7rem;margin:0;font:400 clamp(2rem,3.6vw,2.7rem)/1 var(--display);color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head h4 i{color:var(--gold-deep);font-size:.8em}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head p{margin:.6rem 0 0;font:400 1.15rem var(--display);letter-spacing:.03em;color:#5d5f62;text-transform:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium{--m1:#FFF3A8;--m2:#FCCF00;--m3:#A18A10;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;align-items:end}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-silver{--m1:#ffffff;--m2:#c7ced5;--m3:#7b8590}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-bronze{--m1:#ffd9b0;--m2:#cd8a4f;--m3:#7a4520}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3.2rem 1.4rem 1.6rem;background:var(--navy);color:var(--white);border-radius:10px;border-top:4px solid var(--m2);box-shadow:0 22px 40px -26px rgba(0,17,45,.85)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold{order:2;padding-top:3.8rem;padding-bottom:2.2rem;background:radial-gradient(120% 70% at 50% 0%,#163a63 0%,var(--navy) 65%);box-shadow:0 0 0 1px rgba(252,207,0,.35),0 30px 50px -24px rgba(0,17,45,.95)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-silver{order:1}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-bronze{order:3}
/* medalla con cinta */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-medal{position:absolute;top:-28px;left:50%;width:56px;height:70px;margin-left:-28px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-medal-ribbon{position:absolute;left:50%;top:-6px;width:34px;height:30px;margin-left:-17px;background:linear-gradient(90deg,#B5121B 0 33%,var(--navy) 33% 66%,#B5121B 66%);clip-path:polygon(0 0,100% 0,100% 100%,50% 70%,0 100%)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-medal-disc{position:absolute;left:0;bottom:0;width:56px;height:56px;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,var(--m1) 0%,var(--m2) 45%,var(--m3) 100%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.45);
  font:400 1.9rem/1 var(--display);color:var(--navy);text-shadow:0 1px 0 rgba(255,255,255,.5)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-crown{position:absolute;top:44px;right:18px;color:var(--gold);font-size:1.3rem;filter:drop-shadow(0 0 6px rgba(252,207,0,.6))}
/* avatar con aro metálico */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-av{display:block;width:112px;height:112px;padding:5px;border-radius:50%;background:conic-gradient(from 210deg,var(--m3),var(--m1),var(--m2),var(--m3),var(--m1),var(--m3));box-shadow:0 10px 22px rgba(0,0,0,.5)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold .cj-podium-av{width:132px;height:132px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--navy);background:#0d2548;display:block}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-name{margin-top:1rem;font:400 1.7rem/1.05 var(--display);color:var(--white);text-decoration:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-name:hover{color:var(--m2)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-call{margin-top:.4rem;padding:.05rem .55rem;border:1px solid var(--haze);border-radius:2px;font:400 .95rem var(--display);letter-spacing:.1em;color:var(--sky)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-rank{margin-top:.35rem;font:400 1.05rem var(--display);letter-spacing:.04em;color:var(--m2)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--edge)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-stats div + div{border-left:1px solid var(--edge)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-stats b{display:block;font:400 1.6rem/1.1 var(--display);color:var(--white)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold .cj-podium-stats b{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-stats small{font:400 .8rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--sky)}
@media (max-width:760px){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium{grid-template-columns:1fr;gap:2.6rem}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold{order:1}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-silver{order:2}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-bronze{order:3}
}
@media (prefers-reduced-motion:no-preference){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item{transition:transform .25s}html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item:hover{transform:translateY(-4px)}}

/* ---------- Pilotos nuevos (30 días o menos): bienvenida ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp{margin:2.4rem 0 .4rem;padding-top:2.4rem;border-top:1px solid var(--fog)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
/* reparto según cuántos pilotos nuevos haya: 1 ancho · 2 y 3 en fila · 4 en 2×2 · 5 y 6 en filas de 3 */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-1{grid-template-columns:minmax(0,1fr);max-width:640px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-2,html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media (max-width:980px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list,html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list[class*="n-"]{grid-template-columns:minmax(0,1fr)}}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card{position:relative;display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:center;padding:1.4rem 1.4rem 1.3rem;background:var(--navy);color:var(--white);border-radius:10px;border-left:4px solid var(--gold);box-shadow:0 18px 34px -24px rgba(0,17,45,.85);overflow:hidden}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card::after{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(252,207,0,.16),rgba(252,207,0,0) 70%);pointer-events:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-tag{position:absolute;top:.8rem;right:.9rem;padding:.12rem .6rem;border-radius:999px;background:var(--gold);color:var(--navy);font:400 .85rem var(--display);letter-spacing:.12em;text-transform:uppercase}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-av{display:block;width:84px;height:84px;padding:4px;border-radius:50%;background:conic-gradient(from 200deg,var(--gold-deep),#fff3a8,var(--gold),var(--gold-deep));box-shadow:0 8px 18px rgba(0,0,0,.45)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--navy);background:#0d2548;display:block}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-body{min-width:0;padding-right:3.4rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-name{display:block;font:400 1.55rem/1.05 var(--display);color:var(--white);text-decoration:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-name:hover{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-meta{display:block;margin-top:.35rem;font:400 .95rem var(--display);letter-spacing:.04em;color:var(--sky)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-call{padding:.02rem .45rem;border:1px solid var(--haze);border-radius:2px;letter-spacing:.1em}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-msg{margin:.7rem 0 .3rem;font-size:.95rem;line-height:1.45;color:var(--white)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-since{display:block;font-size:.8rem;color:var(--sky)}
@media (max-width:420px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card{grid-template-columns:1fr;justify-items:start}html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-body{padding-right:0}}


/* ---------- Vuelos en vivo en el inicio (fuera de #cj-landing para no afectar a Leaflet) ---------- */
#page-container #vuelos_vivo{position:relative;background:var(--mist);padding:clamp(4.5rem,9vw,8rem) 0 0;color:var(--on-light);font:300 1.0625rem/1.75 var(--text)}
#page-container #vuelos_vivo .wrap{width:min(1200px,100% - 3rem);margin-inline:auto}
#page-container #vuelos_vivo .head h2{margin:0;font:400 clamp(2.8rem,6.2vw,5rem)/1 var(--display);color:var(--navy)}
#page-container #vuelos_vivo .head p{margin:.5rem 0 0;font:400 1.5rem var(--display);letter-spacing:.03em;color:#5d5f62}
#page-container #vuelos_vivo .lead p{max-width:42rem;margin:0}
#page-container #vuelos_vivo .cj-livemap-wrap{border-radius:0;box-shadow:none}
#page-container #vuelos_vivo #map{min-height:560px}

/* ---------- Comentarios sobre #F1F1F1: tarjetas en blanco para que resalten ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) #comentarios .voices figure{background:var(--white);box-shadow:0 14px 30px -24px rgba(0,17,45,.5)}
/* el mapa de vuelos en vivo sobre gris: borde redondeado abajo para la lista en móvil */
#page-container #vuelos_vivo .cj-livemap-wrap{border-top:1px solid var(--fog)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .on-mist .pass small{color:var(--sky)}
/* en el inicio la pestaña "Enlaces importantes" va completa a la izquierda: la lista de vuelos se corre para no quedar debajo */
@media (min-width:992px){
  #page-container #vuelos_vivo .cj-live-list{left:58px}
  #page-container #vuelos_vivo .cj-livemap-wrap .leaflet-top.leaflet-left{left:370px}
}

/* ---------- Hero: franja "COLJET en cifras" (5 cifras dinámicas desde la BD) ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .chips.cj-figures{grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div{padding:1.2rem 1rem 1.5rem 1.4rem;border-left:1px solid var(--edge);margin-left:-1px;font-size:.92rem;line-height:1.35}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div+div{padding-left:1.4rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div:first-child{padding-left:0;border-left:0;margin-left:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures b{font:400 clamp(1.7rem,2.6vw,2.3rem)/1.1 var(--display);color:var(--gold);letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-bottom:.25rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures b small{font-size:.5em;color:var(--sky);margin-left:.15em}
@media (max-width:1100px){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .chips.cj-figures{grid-template-columns:repeat(3,minmax(0,1fr))}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div{padding-left:1.2rem;border-left:1px solid var(--edge);border-top:1px solid var(--edge);margin:-1px 0 0 -1px}
}
@media (max-width:560px){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .chips.cj-figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div{padding:1rem .8rem 1.1rem 1rem}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-figures div:first-child{grid-column:1/-1;padding-left:1rem}
}

/* ---------- La aerolínea: logo IVAO Colombia (PNG transparente en azul COLJET, sin caja oscura) ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .partner img{height:56px;width:auto;background:none;padding:0;border-radius:0}
@media (max-width:560px){html body #page-contents :is(#cj-landing,#cj-landing-2) .partner img{height:46px}}

/* ---------- Roster: tarjeta compacta (opción B aprobada). Foto 84px a la izquierda;
   nombre, callsign, placa de rango, horas y base a la derecha; punto verde = voló en 7 días ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list li.rp-card{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto auto;gap:.1rem .9rem;align-items:center;padding:.85rem .9rem;border-radius:12px;transition:opacity .5s,transform .5s,border-color .2s,background .2s,box-shadow .2s}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list li.rp-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px -12px rgba(0,17,45,.55)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-av{grid-row:1/4;width:84px;height:84px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-name{align-self:end;padding-right:14px;font:400 1.2rem/1.1 var(--display);color:var(--white);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-name:hover,html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-name:focus-visible{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-call{justify-self:start;align-self:start;padding:0;border:0;font:400 .9rem var(--display);letter-spacing:.08em;color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-bot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem;padding-top:.45rem;border-top:1px solid var(--edge);min-width:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-plate{flex:none;display:block;width:60px;line-height:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-plate svg{display:block;width:100%;height:auto}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-hrs{font:400 .92rem var(--display);letter-spacing:.03em;color:var(--sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-hrs b{font-weight:400;color:var(--white)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-dot{position:absolute;top:11px;right:11px;width:8px;height:8px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 3px rgba(46,204,113,.22)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-dot.off{background:#7f8c99;box-shadow:none}
@media (max-width:1180px){html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:880px){html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-list{grid-template-columns:1fr}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .rp-card .rp-plate{width:64px}
}

/* Podio: placa de rango debajo del callsign */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium .cj-rankplate{display:block;width:96px;margin:.55rem auto .15rem;line-height:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium .cj-rankplate svg{display:block;width:100%;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}

/* ---------- Nuevos en la tripulación: tarjetas compactas (misma escala que el roster) ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list,
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list[class*="n-"]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;max-width:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-1{grid-template-columns:minmax(0,1fr);max-width:380px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-list.n-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card{grid-template-columns:64px minmax(0,1fr);gap:.4rem .8rem;align-items:start;padding:.9rem .9rem .8rem;border-radius:12px;border-left-width:3px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card::after{width:100px;height:100px;right:-34px;top:-34px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-tag{top:.6rem;right:.6rem;padding:.05rem .45rem;font-size:.7rem;letter-spacing:.1em}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-av{width:64px;height:64px;padding:3px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-av img{border-width:2px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-body{padding-right:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-name{padding-right:3.6rem;font-size:1.2rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-meta{margin-top:.15rem;font-size:.85rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-call{padding:0;border:0;color:var(--gold);letter-spacing:.08em}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-msg{margin:.45rem 0 .25rem;font-size:.82rem;line-height:1.4;color:rgba(255,255,255,.92)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-since{font-size:.72rem}
/* Responsivo: el selector .cj-newp .cj-newp-list[class] supera a las reglas por cantidad (n-1, n-2, n-3) */
@media (max-width:1180px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class]:not(.n-1):not(.n-2){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:880px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class]:not(.n-1):not(.n-2),html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class].n-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class]:not(.n-1):not(.n-2),html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class].n-2,html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp .cj-newp-list[class].n-1{grid-template-columns:minmax(0,1fr);max-width:none}}
@media (max-width:420px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-newp-card{grid-template-columns:64px minmax(0,1fr);justify-items:stretch}}

/* ---------- Podio v2: medallas COLJET (oro, plata, bronce) como protagonistas ----------
   La medalla sobresale por encima de la tarjeta; el 1.er lugar es más grande y va elevado. */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head{margin-bottom:7.4rem}  /* el oro va elevado 22px y su medalla sobresale 56px */
@media (max-width:900px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3-head{margin-bottom:4.4rem}}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium{gap:1.6rem;align-items:end;max-width:1120px;margin:0 auto}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item{--glow:rgba(252,207,0,.32);padding:0 1.4rem 1.5rem;border-top:0;border-radius:16px;overflow:visible;
  background:radial-gradient(90% 55% at 50% 0%,color-mix(in srgb,var(--m2) 22%,transparent) 0%,transparent 70%),linear-gradient(180deg,#0a2650 0%,var(--navy) 60%);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m2) 45%,transparent),inset 0 1px 0 color-mix(in srgb,var(--m1) 60%,transparent),0 26px 44px -26px rgba(0,17,45,.9)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-silver{--glow:rgba(199,206,213,.3)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-bronze{--glow:rgba(205,138,79,.32)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold{padding:0 1.6rem 1.9rem;transform:translateY(-22px);
  background:radial-gradient(90% 55% at 50% 0%,rgba(252,207,0,.24) 0%,transparent 70%),linear-gradient(180deg,#0c2a57 0%,var(--navy) 60%);
  box-shadow:inset 0 0 0 1px rgba(252,207,0,.6),inset 0 1px 0 #fff3a8,0 0 0 4px rgba(252,207,0,.08),0 36px 60px -26px rgba(0,17,45,1)}
/* fuera el disco, la cinta y la corona de la versión anterior */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-medal,
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-crown{display:none}
/* medalla */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-medal{position:relative;flex:none;width:92px;height:auto;margin:-46px auto .6rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .is-gold .cj-pod-medal{width:112px;margin-top:-56px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-medal::before{content:"";position:absolute;inset:6%;border-radius:50%;background:var(--glow);filter:blur(14px);z-index:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-medal img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:480/470;object-fit:contain;max-width:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));transition:transform .35s}
@media (prefers-reduced-motion:no-preference){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .is-gold .cj-pod-medal img{animation:cj-medal-float 4.5s ease-in-out infinite}
  @keyframes cj-medal-float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-3px) rotate(1.5deg)}}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item:not(.is-gold):hover .cj-pod-medal img{transform:scale(1.05) rotate(-3deg)}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold:hover{transform:translateY(-28px)}
}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-best{display:inline-block;margin:0 auto .9rem;padding:.18rem .9rem;border-radius:999px;background:linear-gradient(180deg,#fff3a8,#fccf00 55%,#c9a400);color:var(--navy);font:400 .9rem var(--display);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 14px -6px rgba(252,207,0,.7)}
/* piloto: foto con aro del metal + nombre, callsign y placa de rango */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-pilot{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;padding:.9rem 1rem;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(203,217,228,.1)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-podium-av,
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold .cj-podium-av{flex:none;width:76px;height:76px;padding:3px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-who{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-podium-name{margin:0;max-width:100%;font-size:1.45rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-podium-call{margin-top:.2rem;padding:0;border:0;color:var(--m2);font-size:.95rem;letter-spacing:.1em}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pod-rank{display:flex;align-items:center;gap:.5rem;margin-top:.45rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium .cj-pod-rank .cj-rankplate{width:62px;margin:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-pod-rank .cj-podium-rank{margin:0;font-size:.95rem;color:var(--sky)}
/* cifras del mes */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-podium-stats{margin-top:1rem;padding-top:.9rem;border-top:1px solid color-mix(in srgb,var(--m2) 30%,transparent)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item .cj-podium-stats b{font-size:1.75rem;color:var(--m1)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold .cj-podium-stats b{color:var(--gold);font-size:2rem}
@media (max-width:900px){
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium{grid-template-columns:1fr;gap:3.6rem;max-width:460px}
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold,
  html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-podium-item.is-gold:hover{transform:none}
}

/* ---------- Top 3 de los últimos 3 meses: podio pequeño bajo el del año ---------- */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m{max-width:1120px;margin:3.4rem auto 0;padding-top:2rem;border-top:1px solid var(--fog)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head{text-align:center;margin-bottom:1.4rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head h5{margin:0;font:400 1.8rem/1.1 var(--display);color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head p{margin:.3rem 0 0;font:400 1.05rem var(--display);letter-spacing:.03em;color:#5d5f62}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list li{display:grid;grid-template-columns:44px 48px minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.8rem 1rem;border-radius:12px;background:var(--navy);color:var(--white);box-shadow:inset 0 0 0 1px rgba(203,217,228,.14)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list li.is-gold{box-shadow:inset 0 0 0 1px rgba(252,207,0,.55)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-medal{width:44px;height:auto;display:block}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-av img{width:48px;height:48px;border-radius:50%;object-fit:cover;display:block;border:2px solid rgba(203,217,228,.45);background:#0d2548}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list .is-gold .cj-t3-av img{border-color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-who{min-width:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-name{display:block;font:400 1.15rem/1.1 var(--display);color:var(--white);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-name:hover{color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-call{display:block;margin-top:.1rem;font:400 .85rem var(--display);letter-spacing:.05em;color:var(--sky);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-stat{text-align:right}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-stat b{display:block;font:400 1.3rem/1.1 var(--display);color:var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-stat small{font:400 .75rem var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--sky)}
@media (max-width:980px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* Top 3 por mes: tres columnas (un mes cada una), filas compactas */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month h6{margin:0 0 .7rem;font:400 1.3rem var(--display);letter-spacing:.04em;color:var(--navy);text-align:center;padding-bottom:.5rem;border-bottom:2px solid var(--gold)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list{grid-template-columns:1fr;gap:.6rem;max-width:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list li{grid-template-columns:36px 40px minmax(0,1fr) auto;gap:.6rem;padding:.6rem .75rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-medal{width:36px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-av img{width:40px;height:40px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-name{font-size:1.05rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-stat b{font-size:1.1rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-empty{text-align:center;color:#6b7785}
@media (max-width:980px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-months{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* Top 3 por mes, versión sutil: filas planas sobre el fondo claro, sin fotos (el protagonista es el podio del año) */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m{margin-top:2.6rem;padding-top:1.6rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head{margin-bottom:1rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head h5{font-size:1.35rem;color:#3c4a5c}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head p{font-size:.92rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-months{gap:2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month h6{font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:#5d5f62;border-bottom:1px solid var(--fog);margin-bottom:.2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list{gap:0}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list li,
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list li.is-gold{grid-template-columns:22px minmax(0,1fr) auto;gap:.6rem;padding:.45rem .2rem;border-radius:0;background:none;box-shadow:none;border-bottom:1px solid rgba(0,17,45,.08);color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-medal{width:22px}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-av{display:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-who{display:flex;align-items:baseline;gap:.5rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-name{font-size:1rem;color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-name:hover{color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-call{margin:0;font-size:.78rem;color:#6b7785}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-stat b{display:inline;font-size:.95rem;color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-stat small{display:none}

/* Top 3 por mes, tamaño intermedio con insignia propia (círculo de metal con el número) */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head h5{font-size:1.7rem;color:var(--navy)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-head p{font-size:1.02rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month h6{font-size:1.15rem;color:var(--navy);border-bottom:2px solid var(--fog);padding-bottom:.55rem;margin-bottom:.3rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list li,
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-top3m-list li.is-gold{grid-template-columns:34px minmax(0,1fr) auto;gap:.8rem;padding:.75rem .3rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-pos{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:400 1.1rem/1 var(--display);color:var(--navy);background:radial-gradient(circle at 35% 30%,#fff 0,rgba(255,255,255,0) 45%),var(--m2,#c7ced5);box-shadow:inset 0 0 0 2px rgba(0,0,0,.12),0 3px 8px -3px rgba(0,17,45,.45)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list .is-gold .cj-t3-pos{--m2:#FCCF00}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list .is-silver .cj-t3-pos{--m2:#c7ced5}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-top3m-list .is-bronze .cj-t3-pos{--m2:#d79a63}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-who{display:block}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-name{font-size:1.2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-call{display:block;margin-top:.1rem;font-size:.85rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-stat b{display:block;font-size:1.2rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-t3-month .cj-t3-stat small{display:block;font-size:.72rem;color:#6b7785}

/* Pilotos de cada mes (propuesta C): tarjeta blanca por mes, el ganador destacado y 2.º/3.º debajo */
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.3rem 1.2rem 1rem;background:var(--white);border-radius:16px;box-shadow:0 14px 28px -20px rgba(0,17,45,.6)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-month{display:inline-block;font:400 1.15rem var(--display);letter-spacing:.12em;text-transform:uppercase;color:#fccf00;background:#0a1f3c;padding:.35rem 1.1rem;border-radius:999px;margin-bottom:.4rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-av img{display:block;width:80px;height:80px;margin:.8rem auto .4rem;border-radius:50%;object-fit:cover;border:3px solid var(--gold);background:#0d2548;box-shadow:0 8px 16px -8px rgba(0,17,45,.6)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-name{font:400 1.4rem/1.1 var(--display);color:var(--navy);text-decoration:none}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-name:hover{color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-hours{margin-top:.15rem;font:400 1.6rem/1.1 var(--display);color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-meta{font-size:.82rem;color:#6b7785}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-rest{list-style:none;width:100%;margin:.9rem 0 0;padding:.7rem 0 0;border-top:1px solid #e4e8ec;display:flex;flex-direction:column;gap:.35rem}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-rest li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:#3c4a5c}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-rest a{color:var(--navy);text-decoration:none;font-weight:400}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-rest a:hover{color:#7d6a08}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-h{margin-left:auto;font:400 1rem var(--display)}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-pos{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font:400 .85rem var(--display);color:var(--navy);background:#C9D0D6}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-rest .is-bronze .cj-pm-pos{background:#d79a63}
html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-empty{margin:1rem 0;color:#6b7785}
@media (max-width:860px){html body #page-contents :is(#cj-landing,#cj-landing-2) .cj-pm-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}