/* ============================================================
   JobIn — Aurora · presentaciones de la portada sin sesión (28/10/2026)
   Prácticas, Summer 2027 y el hueco de «Quiénes somos» (jobin-previa.js). Mismo lenguaje que la portada y que
   Quiénes somos: Manrope, cristal, cifras con degradado --num-from → --num-to y el botón de la portada.
============================================================ */
/* --pv-acento: el color de marca como texto; en oscuro, su versión clara para que se lea sobre negro. */
.landing{--pv-fade:rgba(245,247,251,.97);--pv-acento:var(--blue)}
:root[data-theme="dark"] .landing{--pv-fade:rgba(4,5,10,.94);--pv-acento:var(--p1-light)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .landing{--pv-fade:rgba(4,5,10,.94);--pv-acento:var(--p1-light)}}

/* Portada ↔ presentación */
.landing[data-vista] .hero,.landing[data-vista] .globo-wrap{display:none}
.landing .nav a.logo{text-decoration:none;color:inherit;cursor:pointer}
.landing:not([data-vista]) .nav-links button:first-child,.landing .nav-links button[aria-current]{color:var(--text)}@media (hover:hover) and (pointer:fine){.landing .nav-links button:hover{color:var(--text)}}
@media (hover:hover) and (pointer:fine){.landing[data-vista] .nav-links button:first-child:not([aria-current]):not(:hover){color:var(--muted)}}
.landing .nav-links button{position:relative}
.landing .nav-links button[aria-current]{font-weight:700}
.landing .nav-links button[aria-current]::after{content:"";position:absolute;left:50%;bottom:-9px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--blue)}

/* Estructura */
.previa{position:relative;z-index:2;padding:0 40px 72px;color:var(--text);font-family:var(--font)}
.previa[hidden]{display:none}
.pv-hero{position:relative;padding:76px 0 0;max-width:1000px}
.pv-eyebrow{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pv-h1{margin:20px 0 22px;font:800 clamp(44px,6.2vw,92px)/.95 var(--font);letter-spacing:-.05em;color:var(--text)}
.pv-h1 .soft,.pv-frase .soft{color:var(--titular-2)}
.pv-lead{margin:0;max-width:58ch;font-size:19px;line-height:1.5;color:var(--muted)}

/* Prácticas y Summer: las ofertas se ven nada más entrar (2/11/2026). Cabecera más baja y las destacadas
   justo debajo, antes que las cifras; «Quiénes somos» no lleva .pv-hero y no cambia. */
.previa .pv-hero{padding-top:40px}
.previa .pv-h1{margin:0 0 14px;font-size:clamp(38px,4.6vw,66px)}
.previa .pv-lead{max-width:72ch;font-size:17px}
.previa .ds{margin:36px 0 0}

/* Cifras */
.pv-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:56px 0 72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pv-cifras>div{padding:40px 28px 36px;min-width:0}
.pv-cifras>div:first-child{padding-left:0}
.pv-cifras>div+div{border-left:1px solid var(--line)}
.pv-cifras b{display:block;font:800 clamp(44px,5.2vw,80px)/1 var(--font);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:transparent;background:linear-gradient(180deg,var(--num-from),var(--num-to));-webkit-background-clip:text;background-clip:text;margin-bottom:12px;white-space:nowrap}
.pv-cifras span{display:block;font-size:15px;line-height:1.35;color:var(--muted)}

/* Texto + ilustración */
.pv-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.pv-puntos{list-style:none;margin:0;padding:0}
.pv-puntos li{display:grid;grid-template-columns:44px 1fr;column-gap:18px;row-gap:4px;padding:20px 0;border-top:1px solid var(--line)}
.pv-puntos li:first-child{border-top:0;padding-top:0}
.pv-puntos i{grid-row:span 2;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(var(--p1-rgb),.1);color:var(--pv-acento)}
.pv-puntos svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pv-puntos b{font:700 17px/1.3 var(--font);letter-spacing:-.015em;color:var(--text)}
.pv-puntos span{font-size:14.5px;line-height:1.45;color:var(--muted)}

/* Ventanas de cristal (ilustraciones, sin datos) */
.pv-ventana,.pv-ficha{position:relative;margin:0;padding:16px;border-radius:24px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(var(--glass-blur)) saturate(1.2);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.2);box-shadow:0 30px 80px rgba(var(--p1-rgb),.14);overflow:hidden}
.pv-ventana::before,.pv-ficha::before{content:"";position:absolute;inset:-30% -10% auto auto;width:60%;height:70%;background:radial-gradient(closest-side,rgba(var(--p2-rgb),.28),transparent);pointer-events:none}
.pv-barra{display:flex;align-items:center;gap:6px;margin:2px 4px 14px;font:500 11px var(--font-mono);letter-spacing:.06em;color:var(--muted)}
.pv-barra i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.pv-barra span{margin-left:8px}
.pv-buscador{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--white);font-size:14px;color:var(--muted)}
.pv-buscador svg{width:17px;height:17px;fill:none;stroke:var(--blue);stroke-width:2;stroke-linecap:round}
.pv-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 6px}
.pv-chips span{padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--white);font:600 12.5px var(--font);color:var(--muted-strong)}
.pv-chips .on{background:var(--blue);border-color:var(--blue);color:#fff}
.pv-oferta,.pv-ficha-top{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px}
.pv-oferta{margin-top:10px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--white)}
.pv-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);color:var(--pv-acento);font:800 17px var(--font)}
.pv-oferta i,.pv-ficha-top i,.pv-ficha dd i{display:block;width:var(--w);height:9px;border-radius:5px;background:var(--line)}
.pv-oferta i.sub,.pv-ficha-top i.sub{height:7px;margin-top:8px;opacity:.6}
.pv-oferta em,.pv-ficha-top em{padding:5px 10px;border-radius:999px;background:var(--p2);color:#0b1020;font:700 11px var(--font);font-style:normal;white-space:nowrap}
.pv-oferta s{width:14px;height:18px;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%)}
.pv-candado{position:absolute;left:0;right:0;bottom:0;height:48%;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding-bottom:22px;background:linear-gradient(180deg,transparent,var(--pv-fade) 62%);font:600 13px var(--font);color:var(--text)}
.pv-candado svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Cierre */
.pv-cierre{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:88px;padding-top:72px;border-top:1px solid var(--line)}
.pv-frase{margin:0;max-width:22ch;font:800 clamp(34px,4.4vw,64px)/1 var(--font);letter-spacing:-.045em;color:var(--text)}
.pv-frase-larga{max-width:30ch;font-size:clamp(28px,3.2vw,46px);line-height:1.08}
.pv-cta{margin-top:34px;height:56px;padding:0 28px;border:0;border-radius:999px;background:var(--blue);color:var(--btn-ink);font:600 16px var(--font);letter-spacing:-.01em;box-shadow:var(--btn-shadow);cursor:pointer;transition:transform .15s ease,filter .2s ease}
@media (hover:hover) and (pointer:fine){.pv-cta:hover{filter:brightness(1.06)}}
.pv-cta:active{transform:scale(.98)}
/* Escaparate (seo.mjs → homeSectionLinks): guías públicas de la sección, bajo el botón. */
.pv-guias{margin:18px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:14px}
.pv-guias a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}
@media (hover:hover) and (pointer:fine){.pv-guias a:hover{color:var(--ink)}}
.pv-cta:focus-visible{outline:3px solid var(--p2);outline-offset:3px}

/* Summer 2027 */
.pv-sol{width:10px;height:10px;border-radius:50%;background:var(--p2);box-shadow:0 0 0 4px rgba(var(--p2-rgb),.25),0 0 18px rgba(var(--p2-rgb),.8)}
.previa-summer .pv-hero::before{content:"";position:absolute;left:-10%;top:10%;width:70%;height:90%;background:radial-gradient(closest-side,rgba(var(--p2-rgb),.22),transparent);pointer-events:none;z-index:-1}
.pv-areas{margin:-24px -40px 72px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.pv-cinta>div{display:flex;gap:12px;width:max-content;animation:pv-cinta 38s linear infinite}
.pv-cinta span{padding:13px 22px;border-radius:999px;border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:600 16px var(--font);letter-spacing:-.01em;color:var(--text);white-space:nowrap}
.pv-cinta span:nth-child(3n+1){border-color:rgba(var(--p1-rgb),.35);color:var(--pv-acento)}
.pv-cinta span:nth-child(4n+3){background:rgba(var(--p2-rgb),.22)}
@keyframes pv-cinta{to{transform:translateX(calc(-50% - 6px))}}
.pv-dentro .pv-eyebrow{margin-bottom:10px}
.pv-lista{list-style:none;margin:0;padding:0}
.pv-lista li{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line);font:600 18px/1.3 var(--font);letter-spacing:-.015em;color:var(--text)}
.pv-lista li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat}
.pv-ficha{padding:22px}
.pv-ficha dl{margin:16px 0 0}
.pv-ficha dl>div{display:grid;grid-template-columns:120px 1fr;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pv-ficha dt{font:500 11px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pv-ficha dd{margin:0}
.pv-ficha .dl dt{color:var(--pv-acento)}
.pv-ficha .dl dd i{background:rgba(var(--p1-rgb),.35)}
.pv-estado{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--blue-soft);color:var(--pv-acento);font:700 12px var(--font)}
.pv-aplicar{display:grid;place-items:center;height:46px;margin-top:14px;border-radius:14px;background:var(--text);color:var(--bg);font:600 14px var(--font)}
.pv-ficha .pv-candado{position:static;height:auto;padding:14px 0 0;background:none;color:var(--muted)}

/* «Quiénes somos» prestado: sin los márgenes que lo encajan dentro de la plataforma */
.previa-quienes{padding:0}
.landing #quienes .qs{margin:0}

/* Aparición */
.pv-in{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.pv-in.in{opacity:1;transform:none}
.pv-in[data-d="1"]{transition-delay:.08s}.pv-in[data-d="2"]{transition-delay:.16s}.pv-in[data-d="3"]{transition-delay:.24s}

@media (max-width:1100px),(pointer:coarse) and (max-height:1100px){
  .pv-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pv-cifras>div:nth-child(3){padding-left:0;border-left:0}
  .pv-cifras>div:nth-child(n+3){border-top:1px solid var(--line)}
  .pv-duo{grid-template-columns:1fr;gap:40px}
}
@media (max-width:760px),(pointer:coarse) and (max-height:760px){
  /* El menú de la portada también existe en el móvil: segunda fila bajo el logo. */
  .landing .nav{display:grid;grid-template-columns:1fr auto;align-items:center;height:auto;padding:12px 16px;gap:12px}
  .landing .nav .logo{position:static;transform:none}
  .landing .nav .tema-btn,.landing .nav #temaBtnLanding{position:static;transform:none;grid-column:2;grid-row:1}
  /* Cuatro enlaces (con «Inicio»): cada uno en una pieza; si no caben en una fila, pasan a una segunda. */
  .landing .nav-links{display:flex;flex-wrap:wrap;grid-column:1/-1;grid-row:2;justify-content:center;gap:6px 16px;height:auto;min-height:40px;padding:8px 18px;border-radius:22px;justify-self:center}
  .landing .nav-links button{font-size:13.5px;white-space:nowrap;line-height:24px}
  .previa{padding:0 16px 48px}
  .previa .pv-hero{padding-top:18px}
  .previa .pv-h1{font-size:32px;margin-bottom:10px}
  .previa .pv-lead{font-size:15px}
  .previa .ds{margin-top:24px}
  .pv-cifras{margin:36px 0 48px}
  .pv-cifras>div{padding:24px 14px 22px}
  .pv-cifras>div:nth-child(odd){padding-left:0}
  .pv-cifras b{font-size:38px}
  .pv-cifras span{font-size:13px}
  .pv-areas{margin:-16px -16px 48px}
  .pv-cinta span{font-size:14px;padding:11px 18px}
  .pv-lista li{font-size:16px}
  .pv-ficha dl>div{grid-template-columns:96px 1fr}
  .pv-cierre{margin-top:56px;padding-top:48px}
  .pv-frase{font-size:32px}
  .pv-frase-larga{font-size:24px}
  .pv-cta{width:100%;height:54px;font-size:15px;padding:0 18px}
}
@media (prefers-reduced-motion:reduce){
  .pv-in{opacity:1;transform:none;transition:none}
  .pv-cinta>div{animation:none;flex-wrap:wrap;width:auto;justify-content:center;padding:0 40px}
  .pv-cinta span[aria-hidden]{display:none}
}