/* ==========================================================
   APLICACIÓN v3 — barra lateral + espacio de trabajo (estilo aiapply)
   Outfit · verde #05664a · superficies blancas sobre gris cálido
   ========================================================== */
:root{
  --ap-bg:#f3f4f2; --ap-sup:#ffffff; --ap-tinta:#16181d; --ap-tinta-2:#5b6070; --ap-tinta-3:#8b919c;
  --ap-linea:rgba(5,60,40,.09); --ap-acento:#05664a; --ap-acento-2:#1fa06e; --ap-acento-claro:#e7f2ee;
  --ap-radio:16px; --ap-ease:cubic-bezier(.23,1,.32,1);
  --ap-luz:inset 0 1px 0 rgba(255,255,255,.8);
  --ap-sombra:0 1px 2px rgba(16,24,20,.04), 0 12px 32px -22px rgba(5,60,40,.35);
}
body{background:var(--ap-bg)}
.app{display:grid; grid-template-columns:236px 1fr; min-height:100vh; font-family:Outfit,Inter,system-ui,sans-serif; color:var(--ap-tinta); -webkit-font-smoothing:antialiased}
.app *{box-sizing:border-box}

/* ---------- barra lateral ---------- */
.app-nav{position:sticky; top:0; height:100vh; display:flex; flex-direction:column; padding:18px 12px 14px; background:var(--ap-bg); border-right:1px solid var(--ap-linea)}
.app-logo{display:flex; align-items:center; gap:9px; font-weight:800; font-size:19px; letter-spacing:-.03em; color:var(--ap-acento); text-decoration:none; padding:4px 8px 18px}
.app-logo .logo-icon{width:28px;height:28px; border-radius:9px; background:var(--ap-acento); color:#fff; display:grid; place-items:center; box-shadow:0 8px 18px -8px rgba(5,102,74,.7)}
.app-nav .nav{display:flex; flex-direction:column; gap:2px; background:none; padding:0; border-radius:0}
.nav-grupo{font-size:10.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; color:var(--ap-tinta-3); padding:14px 10px 6px}
.nav-grupo:first-child{padding-top:0}
.app-nav .nav-link{display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:11px; color:var(--ap-tinta-2); font-size:14px; font-weight:500; text-decoration:none; transition:background .14s var(--ap-ease), color .14s; position:relative}
.app-nav .nav-link i{font-size:18px; color:var(--ap-tinta-3); transition:color .14s}
.app-nav .nav-link:hover{background:rgba(5,60,40,.06); color:var(--ap-tinta)}
.app-nav .nav-link:hover i{color:var(--ap-acento)}
.app-nav .nav-link.active{background:#fff; color:var(--ap-acento); font-weight:600; box-shadow:var(--ap-luz), 0 6px 16px -12px rgba(5,60,40,.5)}
.app-nav .nav-link.active i{color:var(--ap-acento)}
.app-nav .nav-link .nav-ext{margin-left:auto; font-size:13px}
.nav-usuario{margin-top:auto; display:flex; align-items:center; gap:10px; padding:10px 10px; border-radius:12px; background:#fff; border:1px solid var(--ap-linea); box-shadow:var(--ap-luz)}
.nav-avatar{width:30px;height:30px; border-radius:50%; background:linear-gradient(135deg,var(--ap-acento),var(--ap-acento-2)); color:#fff; font-weight:800; font-size:13px; display:grid; place-items:center; flex:none}
.nav-usuario .user-name{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:600; color:var(--ap-tinta)}
.nav-usuario .btn-icon{width:30px;height:30px; background:transparent; color:var(--ap-tinta-3); border-radius:8px}
.nav-usuario .btn-icon:hover{background:rgba(5,60,40,.08); color:var(--ap-tinta)}

/* ---------- cuerpo ---------- */
.app-cuerpo{padding:22px 28px 60px; min-width:0}
.vista[hidden]{display:none}
.vista-cab,.pn-hola{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:0 0 20px}
.vista-cab h1,.pn-hola h1{font-size:26px; font-weight:800; letter-spacing:-.03em; margin:0 0 3px}
.vista-cab p,.pn-hola p{margin:0; color:var(--ap-tinta-2); font-size:14px}

/* superficies genéricas dentro de la app */
.app .card{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:var(--ap-radio); box-shadow:var(--ap-sombra); padding:22px}
.app .card-title{font-family:inherit}

/* ---------- buscador ---------- */
.bb{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; padding:12px; box-shadow:var(--ap-sombra); margin-bottom:16px}
.bb-fila{display:grid; grid-template-columns:1.5fr 1fr auto; gap:10px}
.bb-campo{display:flex; align-items:center; gap:8px; background:var(--ap-bg); border:1px solid transparent; border-radius:12px; padding:0 12px; transition:border-color .14s, background .14s, box-shadow .14s}
.bb-campo i{font-size:18px; color:var(--ap-tinta-3)}
.bb-campo input{flex:1; min-width:0; border:0; background:transparent; font:inherit; font-size:15px; padding:12px 0; outline:0; color:var(--ap-tinta)}
.bb-campo:focus-within{background:#fff; border-color:var(--ap-acento); box-shadow:0 0 0 3px rgba(5,102,74,.14)}
.bb-btn{border:0; border-radius:12px; padding:0 22px; font:inherit; font-size:15px; font-weight:700; color:#fff; cursor:pointer; display:inline-flex; align-items:center; gap:8px; background:linear-gradient(180deg,#0b7a58,#05664a); box-shadow:0 1px 0 rgba(255,255,255,.25) inset, 0 12px 26px -12px rgba(5,102,74,.7); transition:transform .14s var(--ap-ease)}
.bb-btn:hover{background:linear-gradient(180deg,#0d8862,#066f51)}.bb-btn:active{transform:scale(.98)}
.bb-filtros{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:10px}
.bb-pill{display:inline-flex; align-items:center; gap:6px; border:1px solid var(--ap-linea); border-radius:99px; padding:6px 12px; font-size:13px; color:var(--ap-tinta-2); background:#fff; cursor:pointer; transition:border-color .14s}
.bb-pill:hover{border-color:rgba(5,102,74,.4)}
.bb-pill i{font-size:15px; color:var(--ap-tinta-3)}
.bb-pill select,.bb-pill input{border:0; background:transparent; font:inherit; font-size:13px; color:var(--ap-tinta); outline:0; padding:0; max-width:120px}
.bb-pill input[type=number]{width:96px}
.bb-toggle input{position:absolute; opacity:0; width:0; height:0}
.bb-toggle > span{width:30px; height:18px; border-radius:99px; background:#cfd7d2; position:relative; transition:background .2s; flex:none}
.bb-toggle > span::after{content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .2s var(--ap-ease)}
.bb-toggle input:checked + span{background:var(--ap-acento)}
.bb-toggle input:checked + span::after{transform:translateX(12px)}
.bb-toggle:has(input:checked){border-color:var(--ap-acento); color:var(--ap-acento); background:var(--ap-acento-claro)}
.bb-estado{margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; color:var(--ap-acento)}

/* ---------- resultados ---------- */
.app .results-section{background:transparent; padding:0}
.app .results-header{display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 10px; padding:0 4px}
.app .results-header h2{font-size:15px; font-weight:700; margin:0; color:var(--ap-tinta)}
.app .results-count{font-size:13px; color:var(--ap-tinta-2); background:#fff; border:1px solid var(--ap-linea); border-radius:99px; padding:3px 10px}
.app .masivo-btn{margin-left:auto; border-radius:99px; padding:8px 14px; font-size:13px; font-weight:700; background:linear-gradient(180deg,#0b7a58,#05664a); border:0; box-shadow:0 10px 22px -12px rgba(5,102,74,.7)}
.app .masivo-estado{width:100%; font-size:14px; font-weight:600; color:#05664a; background:#e8f5ef; border:1px solid #bfe3d2; border-radius:12px; padding:12px 14px; margin-bottom:12px; animation:fx-up .4s both}
.app .masivo-estado::before{content:''; display:inline-block; width:9px; height:9px; border-radius:50%; background:#1fa06e; margin-right:8px; animation:fx-pulse 1.2s infinite}
.app .results-list{display:flex; flex-direction:column; gap:10px; background:transparent; border:0; box-shadow:none; padding:0}
.app .job-card{display:grid; grid-template-columns:auto auto 1fr auto; gap:14px; align-items:center; background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:16px; padding:14px 16px; box-shadow:var(--ap-sombra); transition:transform .16s var(--ap-ease), box-shadow .16s, border-color .16s; cursor:default}
.app .job-card:hover{transform:translateY(-1px); border-color:rgba(5,102,74,.3); box-shadow:var(--ap-luz), 0 18px 40px -24px rgba(5,60,40,.45)}
.app .job-card.selected{border-color:var(--ap-acento); box-shadow:0 0 0 3px rgba(5,102,74,.14)}
.app .job-checkbox{width:18px; height:18px; accent-color:var(--ap-acento); cursor:pointer}
.app .job-logo{width:44px; height:44px; border-radius:12px; background:linear-gradient(180deg,#f2f6f4,#e6efeb); color:var(--ap-acento); font-weight:800; font-size:17px; display:grid; place-items:center; box-shadow:var(--ap-luz); flex:none}
.app .job-info{min-width:0}
.app .job-title{font-size:15.5px; font-weight:700; letter-spacing:-.01em; margin:0 0 2px; color:var(--ap-tinta); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.app .job-company{font-size:13.5px; color:var(--ap-tinta-2); margin:0 0 4px}
.app .job-meta{display:flex; gap:12px; font-size:12.5px; color:var(--ap-tinta-3); flex-wrap:wrap}
.app .job-snippet{display:none}
.app .job-actions{display:flex; flex-direction:row; align-items:center; gap:8px}
.app .job-directa{order:0; margin:0}
.app .job-source-badge{order:1; font-size:11.5px; color:var(--ap-tinta-2); background:var(--ap-bg); border-radius:99px; padding:4px 9px; border:1px solid var(--ap-linea); text-transform:none}
.app .job-btn{order:2; border-radius:99px; padding:8px 14px; font-size:13px; font-weight:700; border:1px solid var(--ap-linea); background:#fff; color:var(--ap-tinta); display:inline-flex; align-items:center; gap:6px; white-space:nowrap; transition:all .14s var(--ap-ease)}
.app .job-btn:hover{border-color:var(--ap-acento); color:var(--ap-acento); background:var(--ap-acento-claro)}
.app .job-btn.directa{background:linear-gradient(180deg,#0b7a58,#05664a); color:#fff; border-color:transparent; box-shadow:0 10px 22px -12px rgba(5,102,74,.7)}
.app .job-btn.directa:hover{background:linear-gradient(180deg,#0d8862,#066f51); color:#fff}
.app .job-btn:active{transform:scale(.97)}
.app .empty-state,.app .loading-state{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; box-shadow:var(--ap-sombra)}

/* ---------- panel de una oferta (generación) ---------- */
.app .generation-panel{background:transparent; border:0; box-shadow:none; padding:0}
.app .panel-header{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; padding:18px 22px; box-shadow:var(--ap-sombra); margin-bottom:14px}
.app .btn-back{color:var(--ap-tinta-2); font-family:inherit}
.app .panel-header h2{font-size:22px; letter-spacing:-.02em}

/* ---------- postulaciones ---------- */
.app .applications-section{background:transparent; padding:0}
.app .applications-list{display:flex; flex-direction:column; gap:8px}
.app .post-item{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:14px; box-shadow:var(--ap-sombra)}

/* ---------- preferencias ---------- */
.pref-grid{display:grid; grid-template-columns:1.2fr .8fr; gap:16px; align-items:start}
.app .autopilot-card{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; box-shadow:var(--ap-sombra); padding:22px; margin:0}
.app .aviso-sesion{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; box-shadow:var(--ap-sombra); padding:18px 20px; margin:0; font-size:14px; line-height:1.55}

/* ---------- panel (inicio) ---------- */
.panel-section{display:block}
.pn-kpis{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:14px}
.pn-kpi{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:16px; padding:16px 18px; box-shadow:var(--ap-sombra)}
.pn-kpi small{display:block; font-size:12px; font-weight:600; color:var(--ap-tinta-2); letter-spacing:.02em}
.pn-kpi b{display:block; font-size:32px; font-weight:800; letter-spacing:-.03em; line-height:1.1; margin:6px 0 4px; font-variant-numeric:tabular-nums}
.pn-kpi span{font-size:12px; color:var(--ap-tinta-3)}
.pn-kpi.on b{color:var(--ap-acento)}
.pn-hero{display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:center; background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:22px; padding:28px 30px; box-shadow:var(--ap-luz), 0 30px 70px -40px rgba(5,60,40,.45); margin-bottom:14px; position:relative; overflow:hidden}
.pn-hero::before{content:""; position:absolute; right:-140px; top:-160px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle, rgba(31,160,110,.20), rgba(58,123,255,.08) 45%, transparent 68%); filter:blur(30px); pointer-events:none}
.pn-hero-txt{position:relative}
.pn-hero h2{font-size:clamp(24px,2.6vw,34px); font-weight:800; letter-spacing:-.035em; line-height:1.05; margin:10px 0 12px; text-wrap:balance}
.pn-hero h2 em{font-style:normal; background:linear-gradient(92deg,#05664a 0%,#1fa06e 60%,#3a7bff 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.pn-hero p{font-size:15px; line-height:1.55; color:var(--ap-tinta-2); margin:0 0 18px; max-width:52ch}
.pn-hero p small{font-size:13px; color:var(--ap-tinta-3)}
.pn-estado{display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:5px 10px; border-radius:99px; background:#eceff0; color:var(--ap-tinta-2)}
.pn-estado.on{background:var(--ap-acento-claro); color:var(--ap-acento)}
.pn-estado.on::before{content:""; width:7px;height:7px; border-radius:50%; background:var(--ap-acento); box-shadow:0 0 0 3px rgba(5,102,74,.18); animation:pn-late 2s infinite}
@keyframes pn-late{0%,100%{box-shadow:0 0 0 3px rgba(5,102,74,.18)}50%{box-shadow:0 0 0 6px rgba(5,102,74,.06)}}
.pn-acciones{display:flex; gap:8px; flex-wrap:wrap}
.pn-btn{border:1px solid var(--ap-linea); background:#fff; border-radius:99px; padding:9px 15px; font:inherit; font-size:14px; font-weight:600; color:var(--ap-tinta); cursor:pointer; display:inline-flex; align-items:center; gap:7px; text-decoration:none; transition:all .14s var(--ap-ease); box-shadow:var(--ap-luz)}
.pn-btn:hover{border-color:var(--ap-acento); color:var(--ap-acento)}
.pn-btn:active{transform:scale(.98)}
.pn-btn.solido{background:linear-gradient(180deg,#0b7a58,#05664a); color:#fff; border-color:transparent; box-shadow:0 12px 26px -12px rgba(5,102,74,.7)}
.pn-btn.solido:hover{color:#fff; background:linear-gradient(180deg,#0d8862,#066f51)}
.pn-btn.grande{padding:12px 20px; font-size:15px}
.pn-btn.aviso{border-color:#f3c98b; background:#fff7e8; color:#8a5a00}
/* mini escena de la derecha del hero */
.pn-hero-vis{position:relative; display:flex; flex-direction:column; gap:10px; padding:8px 0 8px 10px}
.pn-tj{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; background:#fff; border:1px solid var(--ap-linea); border-radius:14px; padding:11px 14px; box-shadow:var(--ap-luz), 0 14px 30px -20px rgba(5,60,40,.5); transform:translateX(var(--dx,0)); animation:pn-entra .6s var(--ap-ease) both}
.pn-tj.t1{--dx:0; animation-delay:.05s}.pn-tj.t2{--dx:18px; animation-delay:.18s}.pn-tj.t3{--dx:36px; animation-delay:.31s}
@keyframes pn-entra{from{opacity:0; transform:translate(calc(var(--dx,0) + 24px),0)}to{opacity:1; transform:translateX(var(--dx,0))}}
.pn-tj b{width:34px;height:34px; border-radius:10px; background:linear-gradient(180deg,#f2f6f4,#e6efeb); color:var(--ap-acento); display:grid; place-items:center; font-weight:800; font-size:14px}
.pn-tj strong{display:block; font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px}
.pn-tj em{font-style:normal; font-size:12px; color:var(--ap-tinta-3)}
.pn-tj > i{font-size:20px; color:var(--ap-acento)}
.pn-tj .ph-spinner{color:var(--ap-tinta-3); animation:pn-gira 1.2s linear infinite}
@keyframes pn-gira{to{transform:rotate(360deg)}}
.pn-tj-nota{align-self:flex-end; display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--ap-acento); background:var(--ap-acento-claro); border-radius:99px; padding:7px 12px; margin-top:4px; animation:pn-entra .6s var(--ap-ease) .5s both}
@media (prefers-reduced-motion:reduce){.pn-tj,.pn-tj-nota{animation:none}}

.pn-dos{display:grid; grid-template-columns:1.15fr .85fr; gap:14px; align-items:start}
.pn-col{display:flex; flex-direction:column; gap:14px}
.pn-card{background:var(--ap-sup); border:1px solid var(--ap-linea); border-radius:18px; padding:18px 20px; box-shadow:var(--ap-sombra)}
.pn-card-cab{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px}
.pn-card h3{margin:0; font-size:14px; font-weight:700; display:flex; align-items:center; gap:7px; color:var(--ap-tinta)}
.pn-card h3 i{font-size:17px; color:var(--ap-acento)}
.pn-link{border:0; background:none; font:inherit; font-size:13px; font-weight:600; color:var(--ap-acento); cursor:pointer; display:inline-flex; align-items:center; gap:4px; text-decoration:none; padding:4px 6px; border-radius:8px}
.pn-link:hover{background:var(--ap-acento-claro)}
.pn-cuenta{font-size:12px; font-weight:700; color:var(--ap-tinta-2); background:var(--ap-bg); border-radius:99px; padding:3px 9px}
.pn-ultimas{list-style:none; margin:0; padding:0; display:flex; flex-direction:column}
.pn-ultimas li{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:10px 4px; border-top:1px solid var(--ap-linea)}
.pn-ultimas li:first-child{border-top:0; padding-top:2px}
.pn-ultimas li b{width:36px;height:36px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(180deg,#f2f6f4,#e6efeb); color:var(--ap-acento); font-weight:800}
.pn-ultimas li span{min-width:0}
.pn-ultimas li strong{display:block; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pn-ultimas li em{font-style:normal; font-size:12px; color:var(--ap-tinta-3)}
.pn-pill{font-style:normal; font-size:11.5px; font-weight:700; padding:4px 9px; border-radius:99px; background:#eceff0; color:var(--ap-tinta-2); white-space:nowrap}
.pn-pill.enviada{background:#e8effd; color:#2a4fb3}.pn-pill.entrevista{background:#fff1dc; color:#8a5a00}.pn-pill.oferta{background:var(--ap-acento-claro); color:var(--ap-acento)}.pn-pill.rechazada{background:#fde8e8; color:#a13030}
.pn-vacio{text-align:center; padding:26px 10px 10px; color:var(--ap-tinta-2); font-size:14px; line-height:1.5}
.pn-vacio > i{font-size:34px; color:var(--ap-acento); display:block; margin-bottom:8px}
.pn-vacio p{margin:0 0 14px}
.pn-vacio-txt{font-size:14px; color:var(--ap-tinta-2); margin:0}
.pn-pasos{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px}
.pn-pasos li{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:10px 12px; border-radius:12px; background:var(--ap-bg)}
.pn-pasos li > i{font-size:22px; color:var(--ap-acento)}
.pn-pasos li strong{display:block; font-size:13.5px}
.pn-pasos li small{font-size:12.5px; color:var(--ap-tinta-2); line-height:1.35}
.pn-pasos li.hecho{opacity:.55}
.pn-mini{border:1px solid var(--ap-linea); background:#fff; border-radius:99px; padding:6px 11px; font:inherit; font-size:12.5px; font-weight:700; color:var(--ap-acento); cursor:pointer; text-decoration:none; white-space:nowrap}
.pn-mini:hover{background:var(--ap-acento-claro)}
.pn-pref{display:flex; flex-wrap:wrap; gap:8px}
.pn-pref span{background:var(--ap-acento-claro); color:var(--ap-acento); border-radius:99px; padding:5px 11px; font-size:13px; font-weight:600}
.pn-pref span.gris{background:var(--ap-bg); color:var(--ap-tinta-2)}

/* entrevistas */
.ent-section{display:block}
.ent-section .pn-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px}
.ent-section .pn-big{font-size:22px; font-weight:800; letter-spacing:-.02em; margin:6px 0 8px}
.ent-section .pn-sub{font-size:14px; color:var(--ap-tinta-2); line-height:1.5; margin:0 0 14px}
.ent-section .pn-halo{display:none}

/* ---------- móvil ---------- */
@media (max-width:980px){
  .app{grid-template-columns:1fr}
  .app-nav{position:sticky; top:0; height:auto; z-index:50; flex-direction:row; align-items:center; gap:8px; padding:10px 12px; border-right:0; border-bottom:1px solid var(--ap-linea); background:rgba(243,244,242,.92); backdrop-filter:blur(14px)}
  .app-logo{padding:0 6px 0 0}
  .app-nav .nav{flex-direction:row; overflow-x:auto; flex:1; gap:4px; scrollbar-width:none}
  .app-nav .nav::-webkit-scrollbar{display:none}
  .nav-grupo{display:none}
  .app-nav .nav-link{padding:8px 10px; white-space:nowrap}
  .app-nav .nav-link span{display:none}
  .nav-usuario{margin:0; padding:4px; border:0; background:transparent; box-shadow:none}
  .nav-usuario .user-name{display:none}
  .app-cuerpo{padding:16px 16px 60px}
  .bb-fila{grid-template-columns:1fr}
  .pn-kpis{grid-template-columns:1fr 1fr}
  .pn-hero{grid-template-columns:1fr}
  .pn-hero-vis{display:none}
  .pn-dos,.pref-grid,.ent-section .pn-grid{grid-template-columns:1fr}
  .app .job-card{grid-template-columns:auto 1fr; }
  .app .job-checkbox{display:none}
  .app .job-actions{grid-column:1/-1; justify-content:flex-start; flex-wrap:wrap}
  .app .job-title{white-space:normal}
}

/* prioridad sobre las reglas viejas de #app-main label/input */
#app-main .bb-campo,#app-main .bb-pill{display:inline-flex; margin:0; font-weight:500}
#app-main .bb-campo{display:flex}
#app-main .bb-campo input,#app-main .bb-pill input,#app-main .bb-pill select{background:transparent; border:0; box-shadow:none; padding:0; margin:0; width:auto; border-radius:0}
#app-main .bb-campo input{padding:12px 0; width:100%}
#app-main .bb-campo input:focus,#app-main .bb-pill input:focus,#app-main .bb-pill select:focus{box-shadow:none; border:0; outline:0}
#app-main .bb-toggle{gap:8px}

#app-main .job-checkbox{position:static; margin:0}
.app .job-actions{justify-content:flex-end}

/* inscripción desde el servidor */
.fin-servidor{border:1px solid rgba(5,102,74,.25); background:linear-gradient(180deg,#ffffff,#eef7f3); border-radius:16px; padding:16px 18px; display:flex; gap:16px; align-items:center; justify-content:space-between; margin-bottom:12px}
.fin-servidor[hidden]{display:none}
.fin-servidor .btn{white-space:nowrap}
.cola-servidor{margin-bottom:18px}
.cola-lista{display:flex; flex-direction:column; gap:8px}
.cola-item{display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; background:#fff; border:1px solid var(--ap-linea); border-radius:14px; padding:12px 14px; box-shadow:var(--ap-sombra)}
.cola-estado{display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; padding:5px 10px; border-radius:99px; background:#eceff0; color:var(--ap-tinta-2); white-space:nowrap}
.cola-item.hecha .cola-estado{background:var(--ap-acento-claro); color:var(--ap-acento)}
.cola-item.en_curso .cola-estado{background:#e8effd; color:#2a4fb3}.cola-item.en_curso .cola-estado i{animation:pn-gira 1s linear infinite}
.cola-item.error .cola-estado,.cola-item.no_posible .cola-estado{background:#fde8e8; color:#a13030}
.cola-item .post-tit{margin:0; font-weight:700; font-size:14.5px}
.cola-item .post-sub{margin:2px 0 0; font-size:12.5px; color:var(--ap-tinta-2); display:flex; gap:6px; flex-wrap:wrap}
.cola-res{color:var(--ap-tinta)}
.cola-links{display:flex; gap:10px; font-size:13px; font-weight:600}
.cola-links a{color:var(--ap-acento); text-decoration:none}

.job-directa.servidor{background:#e8effd; color:#2a4fb3}

.fin-directo[hidden],.final-action [hidden]{display:none !important}
.fin-directo.si-ext.para-portal{display:none !important}

/* ===== "Postulando por ti": feed animado del panel ===== */
.pn-feed{position:relative; background:#fff; border:1px solid var(--ap-linea); border-radius:20px; padding:16px; box-shadow:var(--ap-luz), 0 24px 50px -28px rgba(5,60,40,.45); display:flex; flex-direction:column; gap:10px}
.pn-feed-cab{display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--ap-tinta-2)}
.pn-feed-cab em{margin-left:auto; font-style:normal; font-size:10px; letter-spacing:.06em; text-transform:uppercase; background:var(--ap-bg); border-radius:99px; padding:3px 8px; color:var(--ap-tinta-3)}
.pn-feed-punto{position:relative; width:8px; height:8px; border-radius:50%; background:var(--ap-acento); flex:none}
.pn-feed-punto::before{content:""; position:absolute; inset:0; border-radius:50%; background:var(--ap-acento); opacity:.6; animation:pn-ping 1.4s cubic-bezier(0,0,.2,1) infinite}
@keyframes pn-ping{75%,100%{transform:scale(2.6); opacity:0}}
.pn-feed-cont{display:flex; align-items:baseline; gap:8px; background:var(--ap-bg); border:1px solid var(--ap-linea); border-radius:14px; padding:10px 14px}
.pn-feed-cont b{font-size:26px; font-weight:800; letter-spacing:-.03em; font-variant-numeric:tabular-nums; line-height:1; transition:transform .25s var(--ap-ease), color .25s}
.pn-feed-cont b.sube{transform:scale(1.18); color:var(--ap-acento)}
.pn-feed-cont > span{font-size:13px; color:var(--ap-tinta-2)}
.pn-feed-cont small{margin-left:auto; font-size:11.5px; color:var(--ap-acento); font-weight:600; display:inline-flex; gap:4px; align-items:center; white-space:nowrap}
.pn-feed-cont small i{animation:pn-gira 3s linear infinite}
.pn-feed-lista{display:flex; flex-direction:column; gap:6px; min-height:212px}
.pn-fila{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; height:48px; padding:0 10px; border-radius:12px; background:rgba(243,244,242,.7); transition:transform .5s var(--ap-ease), opacity .5s var(--ap-ease), max-height .5s var(--ap-ease); overflow:hidden}
.pn-fila.nueva{opacity:0; transform:translateY(-14px)}
.pn-fila-logo{width:34px; height:34px; border-radius:9px; background:#fff; display:grid; place-items:center; overflow:hidden; box-shadow:var(--ap-luz), 0 4px 10px -6px rgba(5,60,40,.4); color:var(--ap-acento); font-weight:800}
.pn-fila-logo img{width:22px; height:22px; object-fit:contain}
.pn-fila-txt{min-width:0; display:flex; flex-direction:column; line-height:1.2}
.pn-fila-txt strong{font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pn-fila-txt em{font-style:normal; font-size:11.5px; color:var(--ap-tinta-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pn-pill-estado{display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:700; padding:4px 8px; border-radius:99px; white-space:nowrap}
.pn-pill-estado.postulando{background:#e8effd; color:#2a4fb3}.pn-pill-estado.postulando i{animation:pn-gira 1s linear infinite}
.pn-pill-estado.postulado{background:var(--ap-acento-claro); color:var(--ap-acento)}
.pn-pill-estado.entrevista{background:#fff1dc; color:#8a5a00}
.pn-fila.entrevista{background:linear-gradient(90deg,#fff7ea,#fff); border:1px solid #f3dcb3}
.pn-fila.entrevista .pn-fila-logo{color:#c77d00; background:#fff3dd}
.pn-feed-pasos{display:flex; align-items:center; justify-content:space-between; gap:6px; font-size:11px; color:var(--ap-tinta-2); padding-top:4px}
.pn-feed-pasos > span{display:inline-flex; align-items:center; gap:5px; font-weight:600}
.pn-feed-pasos > span i{color:var(--ap-acento); font-size:14px}
.pn-feed-pasos > i{color:var(--ap-tinta-3); font-size:12px}
@media (max-width:980px){.pn-hero .pn-feed{display:flex}}

/* ancho máximo del espacio de trabajo: no se estira en pantallas grandes */
.app-cuerpo{max-width:1320px; width:100%; margin:0 auto}
/* datos de contacto plegados */
.perfil-detalles{margin-top:18px; border:1px solid var(--ap-linea); border-radius:16px; background:#fff; box-shadow:var(--ap-sombra)}
.perfil-detalles summary{list-style:none; display:flex; align-items:center; gap:14px; padding:14px 18px; cursor:pointer}
.perfil-detalles summary::-webkit-details-marker{display:none}
.pd-ico{width:40px;height:40px; border-radius:12px; background:var(--ap-acento-claro); color:var(--ap-acento); display:grid; place-items:center; font-size:20px; flex:none}
.pd-txt{flex:1; min-width:0}
.pd-txt strong{display:block; font-size:14.5px}
.pd-txt small{display:block; font-size:12.5px; color:var(--ap-tinta-2); line-height:1.4}
.pd-btn{pointer-events:none}
.perfil-detalles[open] .pd-btn{background:var(--ap-acento-claro); color:var(--ap-acento); border-color:transparent}
.pd-cuerpo{padding:6px 18px 18px; border-top:1px solid var(--ap-linea)}
#app-main .pd-cuerpo .profile-photo-container{margin-top:10px}
#app-main .pd-cuerpo .profile-summary{max-width:none}
#app-main .pd-cuerpo #save-profile-btn{margin-top:12px}

.ap-ahora{display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:14px; padding-top:14px; border-top:1px solid var(--ap-linea)}
.ap-ahora small{width:100%; font-size:12px; color:var(--ap-tinta-2)}

.pn-btn[hidden],.ap-ahora [hidden]{display:none !important}

/* actividad en directo */
.pn-log{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; max-height:420px; overflow:auto}
.pn-log-vacio{font-size:13.5px; color:var(--ap-tinta-2); line-height:1.5; padding:14px 6px; display:flex; gap:8px}
.pn-log-vacio i{font-size:20px; color:var(--ap-acento); flex:none}
.pn-log-item{display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:flex-start; padding:9px 6px; border-top:1px solid var(--ap-linea); animation:fx-up .35s var(--ap-ease) both}
.pn-log-item:first-child{border-top:0}
.pn-log-item > i{width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-size:16px; background:var(--ap-bg); color:var(--ap-tinta-2)}
.pn-log-item.enviada > i{background:var(--ap-acento-claro); color:var(--ap-acento)}
.pn-log-item.encolada > i{background:#e8effd; color:#2a4fb3}
.pn-log-item.preparando > i,.pn-log-item.busqueda > i{background:#fff1dc; color:#8a5a00}
.pn-log-item.enviando > i{background:#e8effd; color:#2a4fb3}
.pn-log-item.error > i,.pn-log-item.no_posible > i{background:#fde8e8; color:#a13030}
.pn-log-item.vivo > i{animation:fx-pulse 1.2s infinite}
.pn-log-item strong{display:block; font-size:13.5px; line-height:1.3}
.pn-log-item strong em{font-style:normal; color:var(--ap-tinta-3); font-weight:500}
.pn-log-item small{display:block; font-size:12.5px; color:var(--ap-tinta-2); line-height:1.4; margin-top:2px}
.pn-log-item > span{font-size:11.5px; color:var(--ap-tinta-3); white-space:nowrap; font-variant-numeric:tabular-nums; padding-top:2px}

.pn-pill-estado.pendiente{background:#eceff0; color:var(--ap-tinta-2)}
.pn-pill-estado.fallo{background:#fde8e8; color:#a13030}
.pn-fila-vacia{font-size:13px; color:var(--ap-tinta-2); line-height:1.5; padding:18px 8px; text-align:center}

.cola-codigo{display:inline-flex; gap:6px; align-items:center}
#app-main .cola-codigo input{width:130px; border:1px solid var(--ap-acento); border-radius:99px; padding:6px 12px; font:inherit; font-size:13px; background:#fff; letter-spacing:.1em}
.cola-item.espera_codigo{border-color:#f3c98b; background:#fffaf0}
.cola-item.espera_codigo .cola-estado{background:#fff1dc; color:#8a5a00}
.pn-pill-estado.codigo{background:#fff1dc; color:#8a5a00}
.pn-log-item.codigo > i{background:#fff1dc; color:#8a5a00}

.pn-mini.rojo{color:#a13030}
.pn-mini.rojo:hover{background:#fde8e8}

/* En proceso (oferta actual) */
.pn-proceso{display:flex; align-items:center; gap:12px; padding:12px 14px; margin-bottom:8px; border-radius:14px; background:linear-gradient(90deg,#e8f5ef,#f3faf6); border:1px solid #bfe3d2; animation:fx-up .4s both}
.pn-proceso-punto{width:12px; height:12px; border-radius:50%; background:#1fa06e; flex:none; position:relative}
.pn-proceso-punto::before{content:''; position:absolute; inset:0; border-radius:50%; background:#1fa06e; opacity:.6; animation:fx-ping 1.2s cubic-bezier(0,0,.2,1) infinite}
.pn-proceso strong{display:block; font-size:14px; color:#05664a}
.pn-proceso strong em{font-style:normal; font-weight:500; color:var(--ap-tinta-2)}
.pn-proceso small{display:block; font-size:12.5px; color:#0b7a58; margin-top:2px}

.pn-ext-estado{margin:10px 0 0; font-size:13.5px; font-weight:600; color:#05664a; background:#e8f5ef; border:1px solid #bfe3d2; border-radius:12px; padding:10px 12px; display:flex; gap:8px; align-items:flex-start; animation:fx-up .35s both}

/* En proceso: animación de estados */
.pn-proceso{align-items:flex-start}
.pn-proceso-cuerpo{flex:1; min-width:0}
.pn-proceso small .girando{animation:pn-gira 1s linear infinite; display:inline-block; vertical-align:-2px}
@keyframes pn-gira{to{transform:rotate(360deg)}}
.pn-etapas{display:flex; gap:6px; margin-top:8px; flex-wrap:wrap}
.pn-etapas span{display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:700; color:#8a9a92; letter-spacing:.2px}
.pn-etapas span b{width:8px; height:8px; border-radius:50%; background:#cfe3d8; display:inline-block}
.pn-etapas span.hecha{color:#05664a}.pn-etapas span.hecha b{background:#05664a}
.pn-etapas span.activa{color:#0b7a58}.pn-etapas span.activa b{background:#1fa06e; box-shadow:0 0 0 0 rgba(31,160,110,.6); animation:pn-late 1.2s ease-out infinite}
@keyframes pn-late{0%{box-shadow:0 0 0 0 rgba(31,160,110,.6)}100%{box-shadow:0 0 0 8px rgba(31,160,110,0)}}
.pn-barra{height:5px; border-radius:99px; background:#d9ece3; margin-top:8px; overflow:hidden; position:relative}
.pn-barra i{display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#0b7a58,#1fa06e); transition:width .6s cubic-bezier(.23,1,.32,1); position:relative; overflow:hidden}
.pn-barra i::after{content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent); transform:translateX(-100%); animation:pn-brillo 1.4s ease-in-out infinite}
@keyframes pn-brillo{to{transform:translateX(100%)}}

/* Respuestas de empresas */
.pn-correos{display:flex; flex-direction:column; gap:6px}
.pn-correo{display:flex; align-items:center; gap:10px; width:100%; text-align:left; background:#fff; border:1px solid var(--ap-linea); border-radius:12px; padding:9px 10px; cursor:pointer; font:inherit; transition:transform .16s ease, box-shadow .16s ease}
.pn-correo:hover{transform:translateY(-1px); box-shadow:0 8px 20px -14px rgba(0,0,0,.3)}
.pn-correo.nuevo{border-color:#bfe3d2; background:#f3faf6}
.pn-correo.nuevo strong::before{content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:#1fa06e; margin-right:6px; vertical-align:middle}
.pn-correo-txt{flex:1; min-width:0; display:flex; flex-direction:column}
.pn-correo-txt strong{font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pn-correo-txt em{font-style:normal; font-size:12.5px; color:var(--ap-tinta-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pn-correo small{color:var(--ap-tinta-2); font-size:11.5px; flex:none}
.pn-pill-estado.codigo{background:#fff4d6; color:#8a5a00}
.pn-modal{position:fixed; inset:0; background:rgba(10,20,16,.45); display:flex; align-items:center; justify-content:center; z-index:1000; padding:20px; animation:fx-fade-scale .2s ease-out}
.pn-modal[hidden]{display:none}
.pn-modal-caja{background:#fff; border-radius:18px; width:min(820px,100%); max-height:88vh; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.pn-modal-cab{display:flex; justify-content:space-between; gap:12px; padding:16px 18px; border-bottom:1px solid var(--ap-linea)}
.pn-modal-cab strong{display:block; font-size:16px}.pn-modal-cab small{color:var(--ap-tinta-2); font-size:12.5px}
.pn-modal-x{border:0; background:#f0f4f2; border-radius:50%; width:34px; height:34px; cursor:pointer; font-size:16px}
.pn-modal-cuerpo{flex:1; overflow:auto; padding:0}
.pn-modal-cuerpo iframe{width:100%; height:60vh; border:0}
.pn-modal-cuerpo pre{white-space:pre-wrap; font:14px/1.5 inherit; padding:18px; margin:0}
.pn-modal-pie{padding:12px 18px; border-top:1px solid var(--ap-linea); display:flex; justify-content:flex-end}

.pn-ext-estado.aviso{background:#fff4e5; border-color:#f3c98b; color:#7a4a00}
.pn-ext-estado.aviso .pn-mini{display:inline-flex; align-items:center; gap:5px; margin-top:8px; margin-right:6px; text-decoration:none; background:#fff; border:1px solid #e6c48a; border-radius:99px; padding:6px 12px; font-size:13px; font-weight:700; color:#7a4a00; cursor:pointer}
.pn-ext-estado.aviso .pn-mini.solido{background:#05664a; color:#fff; border-color:#05664a}
.pn-proceso.aviso{background:#fff4e5; border-color:#f3c98b}
.pn-proceso.aviso strong{color:#7a4a00}.pn-proceso.aviso small{color:#9a6200}
.pn-proceso.aviso .pn-proceso-punto{background:#e9a23b}.pn-proceso.aviso .pn-proceso-punto::before{background:#e9a23b}

/* CV y carta de cada postulación */
.post-docs{display:flex; gap:6px; margin-left:auto}
.post-doc{display:inline-flex; align-items:center; gap:5px; border:1px solid var(--ap-linea); background:#fff; border-radius:99px; padding:6px 11px; font:inherit; font-size:12.5px; font-weight:640; color:var(--ap-tinta-2); cursor:pointer; transition:transform .15s ease, color .15s ease, border-color .15s ease}
.post-doc:hover{color:#05664a; border-color:#bfe3d2; transform:translateY(-1px)}
.post-doc:active{transform:scale(.97)}
.post-doc:disabled{opacity:.5}
.pn-modal-cuerpo.doc{padding:18px 22px}
.pn-modal-cuerpo.doc h4{margin:16px 0 6px; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:#05664a}
.pn-modal-cuerpo.doc h4:first-child{margin-top:0}
.pn-modal-cuerpo.doc p{margin:0 0 8px; font-size:14px; line-height:1.55}
.doc-chips{display:flex; flex-wrap:wrap; gap:6px}
.doc-chips span{background:#e8f5ef; color:#05664a; border-radius:99px; padding:4px 10px; font-size:12.5px; font-weight:640}
.doc-exp{padding:9px 0; border-top:1px solid var(--ap-linea)}
.doc-exp strong{display:block; font-size:14px}
.doc-exp em{font-style:normal; font-size:12.5px; color:var(--ap-tinta-2)}
.doc-vacio{color:var(--ap-tinta-2)}

.cola-links .cola-carta{border:0;background:none;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}
.cola-links .cola-carta:hover{text-decoration:underline}
.cola-links a i{vertical-align:-1px}

/* ---- Baraja de repaso (SÍ / NO) ---- */
.pn-baraja{margin-bottom:14px}
.pn-baraja-cab strong{display:block; font-size:14.5px; color:#05664a; display:flex; align-items:center; gap:7px}
.pn-baraja-cab small{display:block; font-size:12.5px; color:var(--ap-tinta-2); margin:2px 0 10px}
.pn-baraja-pila{position:relative; height:186px}
.pn-carta{position:absolute; inset:0; background:#fff; border:1px solid var(--ap-linea); border-radius:16px; padding:13px 15px; box-shadow:0 14px 30px -20px rgba(0,0,0,.45); display:flex; flex-direction:column; gap:7px; cursor:grab; touch-action:pan-y; transform:translateY(calc(var(--i) * 7px)) scale(calc(1 - var(--i) * .035)); transition:transform .28s cubic-bezier(.23,1,.32,1), opacity .28s ease; user-select:none}
.pn-carta:last-child{z-index:3}
.pn-carta.fuera-der{transform:translateX(130%) rotate(12deg) !important; opacity:0}
.pn-carta.fuera-izq{transform:translateX(-130%) rotate(-12deg) !important; opacity:0}
.pn-carta-cab{display:flex; align-items:center; gap:10px}
.pn-carta-logo{width:34px; height:34px; border-radius:9px; background:#f0f4f2; display:grid; place-items:center; flex:none; overflow:hidden}
.pn-carta-logo img{width:20px; height:20px}.pn-carta-logo b{font-size:14px; color:#05664a}
.pn-carta-cab strong{display:block; font-size:14px; line-height:1.25}
.pn-carta-cab em{font-style:normal; font-size:12.5px; color:var(--ap-tinta-2)}
.pn-carta-portal{margin-left:auto; font-size:11px; font-weight:700; color:#05664a; background:#e8f5ef; border-radius:99px; padding:3px 9px; flex:none}
.pn-carta-txt{margin:0; font-size:12.5px; line-height:1.45; color:var(--ap-tinta-2); overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.pn-carta-link{margin-top:auto; font-size:12.5px; font-weight:650; color:#05664a; text-decoration:none; display:inline-flex; align-items:center; gap:5px}
.pn-sello{position:absolute; top:14px; font-size:20px; font-weight:900; letter-spacing:2px; padding:4px 12px; border-radius:9px; border:3px solid; opacity:0; pointer-events:none; transition:opacity .15s ease}
.pn-sello.si{right:16px; color:#1fa06e; border-color:#1fa06e; transform:rotate(12deg)}
.pn-sello.no{left:16px; color:#c0392b; border-color:#c0392b; transform:rotate(-12deg)}
.pn-sello.visto{opacity:1}
.pn-baraja-btns{display:flex; justify-content:center; gap:16px; margin-top:12px}
.pn-tb{width:52px; height:52px; border-radius:50%; border:0; display:grid; place-items:center; font-size:22px; cursor:pointer; box-shadow:0 10px 22px -12px rgba(0,0,0,.5); transition:transform .15s ease}
.pn-tb:hover{transform:translateY(-2px) scale(1.05)}.pn-tb:active{transform:scale(.94)}
.pn-tb.no{background:#fff; color:#c0392b; border:1px solid #f0c7c0}
.pn-tb.si{background:linear-gradient(180deg,#1fa06e,#05664a); color:#fff}
.pn-baraja-pie{margin:8px 0 0; font-size:12px; color:var(--ap-tinta-2); text-align:center}
.pn-acciones .pn-switch{flex:1 0 100%; margin-top:8px}
.pn-switch i{width:38px !important; height:21px !important; min-width:38px; max-width:38px; flex:0 0 38px !important; padding:0 !important; border:0 !important; display:block}
.pn-switch{display:inline-flex; align-items:center; gap:9px; font-size:13px; font-weight:640; color:var(--ap-tinta-2); cursor:pointer; margin-top:4px}
.pn-switch input{position:absolute; opacity:0; width:0; height:0}
.pn-switch i{width:38px; height:21px; border-radius:99px; background:#cfdad4; position:relative; transition:background .2s ease; flex:none}
.pn-switch i::before{content:''; position:absolute; width:17px; height:17px; border-radius:50%; background:#fff; left:2px; top:2px; transition:transform .2s cubic-bezier(.23,1,.32,1)}
.pn-switch input:checked + i{background:#05664a}
.pn-switch input:checked + i::before{transform:translateX(17px)}
.pn-switch input:focus-visible + i{outline:2px solid #05664a; outline-offset:2px}

/* correcciones: el interruptor en una línea y la banda de estado oculta si está vacía */
.pn-acciones .pn-switch{display:flex !important; flex-wrap:nowrap; align-items:center; width:100%; flex:1 0 100%; margin-top:10px}
.pn-switch span{white-space:nowrap}
.pn-ext-estado[hidden]{display:none !important}

.pn-baraja-vacia{display:flex; align-items:center; gap:8px; background:#e8f5ef; border:1px solid #bfe3d2; border-radius:14px; padding:12px 14px; font-size:13.5px; font-weight:640; color:#05664a; animation:fx-up .35s both}

/* La cola del servidor, plegada y debajo de las postulaciones */
details.cola-servidor{margin-top:18px; border-top:1px solid var(--ap-linea); padding-top:6px}
details.cola-servidor > summary{cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; padding:10px 0}
details.cola-servidor > summary::-webkit-details-marker{display:none}
details.cola-servidor > summary::after{content:'▸'; color:var(--ap-tinta-2); margin-left:8px; transition:transform .2s ease}
details.cola-servidor[open] > summary::after{transform:rotate(90deg)}
details.cola-servidor > summary h2{font-size:15px; margin:0}

.post-logo img{width:20px; height:20px; display:block; margin:auto}
.post-logo{display:grid; place-items:center; overflow:hidden}

/* Cabecera del piloto: botón de preferencias + resumen de la búsqueda */
.pn-prefs-btn{display:inline-flex; align-items:center; gap:7px; background:#fff; border:1px solid var(--ap-linea); border-radius:99px; padding:7px 14px; font:inherit; font-size:13px; font-weight:700; color:var(--ap-tinta-2); cursor:pointer; transition:transform .15s ease, border-color .15s ease, color .15s ease}
.pn-prefs-btn:hover{color:#05664a; border-color:#bfe3d2; transform:translateY(-1px)}
.pn-prefs-btn:active{transform:scale(.97)}
.pn-prefs-punto{width:8px; height:8px; border-radius:50%; background:#cfdad4}
.pn-prefs-btn.on{color:#05664a; border-color:#bfe3d2}
.pn-prefs-btn.on .pn-prefs-punto{background:#1fa06e; box-shadow:0 0 0 0 rgba(31,160,110,.5); animation:pn-late 2s ease-out infinite}
.pn-resumen{display:flex; flex-wrap:wrap; gap:7px; margin:12px 0 4px}
.pn-resumen span{display:inline-flex; align-items:center; gap:6px; background:#f2f7f4; border:1px solid var(--ap-linea); border-radius:99px; padding:6px 12px; font-size:13px; font-weight:620; color:var(--ap-tinta-2)}
.pn-resumen span i{color:#05664a; font-size:15px}
/* Ventana de preferencias */
.pn-modal-caja.estrecha{width:min(520px,100%)}
.pn-modal-cuerpo.pref{padding:18px 20px; display:flex; flex-direction:column; gap:14px}
.pf{display:flex; flex-direction:column; gap:6px; border:0; padding:0; margin:0}
.pf > span{font-size:12.5px; font-weight:700; color:var(--ap-tinta-2)}
.pf input[type=text],.pf input[type=number],.pf input[type=time]{border:1px solid var(--ap-linea); border-radius:10px; padding:10px 12px; font:inherit; font-size:14px; width:100%; box-sizing:border-box}
.pf input:focus{outline:2px solid rgba(5,102,74,.25); border-color:#05664a}
.pf-dos{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.pf-chips{display:flex; flex-wrap:wrap; gap:8px}
.pf-chips label{cursor:pointer}
.pf-chips input{position:absolute; opacity:0}
.pf-chips i{font-style:normal; display:inline-block; border:1px solid var(--ap-linea); border-radius:99px; padding:7px 13px; font-size:13px; font-weight:640; color:var(--ap-tinta-2); transition:all .15s ease}
.pf-chips input:checked + i{background:#e8f5ef; border-color:#bfe3d2; color:#05664a}
.pn-modal-cuerpo.pref .pn-switch{margin-top:2px}
@media (max-width:560px){.pf-dos{grid-template-columns:1fr}}

.pn-acciones .pn-prefs-btn{padding:10px 16px; font-size:14px}

/* AutoApply en marcha: rojo y "Parar" */
.pn-btn.parando{background-image:linear-gradient(120deg,#c0392b,#a5281b,#d14b3c,#a5281b) !important; background-size:220% auto; color:#fff !important; border-color:#a5281b !important; animation:fx-gradient 3s ease infinite, pn-late-rojo 1.6s ease-out infinite}
.pn-btn.parando em{font-style:normal; font-weight:500; opacity:.92}
@keyframes pn-late-rojo{0%{box-shadow:0 0 0 0 rgba(192,57,43,.55)}100%{box-shadow:0 0 0 12px rgba(192,57,43,0)}}

/* Barra de aviso de la baraja dentro del cuadro, y baraja en ventana flotante */
.pn-baraja-barra{display:flex; align-items:center; gap:11px; width:100%; text-align:left; background:linear-gradient(90deg,#e8f5ef,#f3faf6); border:1px solid #bfe3d2; border-radius:14px; padding:11px 13px; font:inherit; cursor:pointer; margin-bottom:10px; transition:transform .15s ease, box-shadow .15s ease}
.pn-baraja-barra:hover{transform:translateY(-1px); box-shadow:0 10px 24px -16px rgba(5,102,74,.6)}
.pn-baraja-n{width:30px; height:30px; border-radius:50%; background:#05664a; color:#fff; display:grid; place-items:center; font-weight:800; font-size:14px; flex:none}
.pn-baraja-barra strong{display:block; font-size:13.5px; color:#05664a}
.pn-baraja-barra small{display:block; font-size:12px; color:var(--ap-tinta-2)}
.pn-baraja-barra i{margin-left:auto; color:#05664a}
.pn-modal-caja.baraja .pn-modal-cuerpo{padding:18px 20px 20px}
.pn-modal-caja.baraja .pn-baraja-pila{height:210px}
.pn-modal-cuerpo.baraja-fin{display:flex; flex-direction:column; align-items:center; gap:8px; padding:28px 24px; text-align:center}
.pn-modal-cuerpo.baraja-fin i{font-size:34px; color:#1fa06e}
.pn-modal-cuerpo.baraja-fin strong{font-size:16px}
.pn-modal-cuerpo.baraja-fin small{color:var(--ap-tinta-2); margin-bottom:8px}
.pn-pill-estado.revisar{background:#e8f5ef; color:#05664a}

.pf-ayuda{font-size:11.5px; color:var(--ap-tinta-2); font-weight:500; line-height:1.35}

.post-nota{display:inline-flex; align-items:center; gap:6px; margin-top:6px; font-size:12.5px; font-weight:640; color:var(--ap-tinta-2); background:#f2f7f4; border:1px solid var(--ap-linea); border-radius:99px; padding:4px 11px}
.post-nota.viva{color:#05664a; background:#e8f5ef; border-color:#bfe3d2}
.post-nota.viva .girando{animation:pn-gira 1s linear infinite}
.post-nota.aviso{color:#7a4a00; background:#fff4e5; border-color:#f3c98b}
@keyframes pn-gira{to{transform:rotate(360deg)}}

.cola-logo{width:30px; height:30px; border-radius:8px; background:#f0f4f2; display:grid; place-items:center; flex:none; overflow:hidden; margin-right:4px}
.cola-logo img{width:18px; height:18px}
.cola-logo b{font-size:13px; color:#05664a}
.pn-fila-logo img{width:20px; height:20px}

/* ══ Aviso de plan en el Simulador y en «En directo» ═══════════════════
   Tiene que decir dos cosas a la vez: que JobApply es gratis, y que
   estas dos pantallas son funciones avanzadas con un mes de prueba. */
.plan-aviso{display:flex; align-items:flex-start; gap:14px; padding:16px 18px; border-radius:16px;
  border:1px solid var(--linea,#E4E4E2); background:#fff; margin:0 0 18px; flex-wrap:wrap}
.plan-aviso-ico{font-size:26px; line-height:1; flex:none; margin-top:2px}
.plan-aviso-txt{flex:1; min-width:240px}
.plan-aviso-txt strong{display:block; font-size:15.5px; margin-bottom:3px}
.plan-aviso-txt p{margin:0; font-size:13.5px; line-height:1.55; color:var(--tinta-2,#5B6070)}
.plan-aviso-acc{display:flex; gap:8px; align-items:center; flex:none; flex-wrap:wrap}

.plan-aviso.es-prueba{background:linear-gradient(120deg,#f0fbf6,#ffffff); border-color:#b9e6d1}
.plan-aviso.es-prueba .plan-aviso-ico{color:#0b7a58}
.plan-aviso.es-gratis{background:#fbfbfa}
.plan-aviso.es-gratis .plan-aviso-ico{color:#5B6070}
.plan-aviso.es-muro{background:linear-gradient(120deg,#fff8ef,#ffffff); border-color:#f0d9b5}
.plan-aviso.es-muro .plan-aviso-ico{color:#b8801f}
.plan-aviso.es-pro{background:linear-gradient(120deg,#05664a,#0b3d2e); border-color:transparent; color:#fff}
.plan-aviso.es-pro .plan-aviso-ico{color:#7fe3b8}
.plan-aviso.es-pro .plan-aviso-txt p{color:rgba(255,255,255,.82)}

@media (max-width:640px){
  .plan-aviso{padding:14px}
  .plan-aviso-acc{width:100%}
  .plan-aviso-acc .pn-btn{flex:1}
}

/* Panel de bloqueo cuando se acaban las entrevistas del mes */
.plan-muro{text-align:center; padding:34px 24px; border-radius:18px;
  background:linear-gradient(160deg,#fff8ef,#ffffff); border:1px solid #f0d9b5}
.plan-muro-ico{font-size:40px; color:#b8801f; display:block; margin-bottom:10px}
.plan-muro h3{margin:0 0 8px; font-size:19px}
.plan-muro p{margin:0 auto 18px; max-width:52ch; font-size:14px; line-height:1.6; color:var(--tinta-2,#5B6070)}
.plan-muro-acc{display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:12px}
.plan-muro small{display:block; font-size:12px; color:var(--tinta-2,#8A8F99)}

.plan-aviso-muro{margin:0 0 18px}

/* ══ Atención al cliente ══════════════════════════════════════════════ */
.landing.v2 .lp-soporte{max-width:1100px; margin:0 auto; padding:72px 24px 24px;
  display:grid; grid-template-columns:minmax(260px,380px) 1fr; gap:48px; align-items:start}
.landing.v2 .lp-sop-cab .lp-h2{margin:6px 0 10px}
.landing.v2 .lp-sop-cab .lp-sub{margin-bottom:22px}
.landing.v2 .lp-sop-cab .lp-solid{display:inline-flex; align-items:center; gap:9px; word-break:break-all}
.landing.v2 .lp-sop-faq{display:grid; gap:10px}
.landing.v2 .lp-faq{background:#fff; border:1px solid var(--lp-linea,#E4E4E2); border-radius:14px; padding:0 18px;
  transition:border-color .25s ease, box-shadow .25s ease}
.landing.v2 .lp-faq[open]{border-color:#b9e6d1; box-shadow:0 14px 34px -24px rgba(5,102,74,.5)}
.landing.v2 .lp-faq summary{cursor:pointer; list-style:none; padding:17px 0; font-weight:600; font-size:15.5px;
  display:flex; align-items:center; justify-content:space-between; gap:14px}
.landing.v2 .lp-faq summary::-webkit-details-marker{display:none}
.landing.v2 .lp-faq summary::after{content:"+"; font-size:22px; font-weight:400; color:#0b7a58; flex:none; transition:transform .25s ease}
.landing.v2 .lp-faq[open] summary::after{transform:rotate(45deg)}
.landing.v2 .lp-faq p{margin:0; padding:0 0 18px; font-size:14px; line-height:1.65; color:var(--lp-tinta-2,#5B6070)}
.landing.v2 .lp-faq a{color:#0b7a58; text-decoration:underline}
.landing.v2 .lp-pie a{color:inherit; text-decoration:underline}
@media (max-width:820px){
  .landing.v2 .lp-soporte{grid-template-columns:1fr; gap:28px; padding-top:48px}
}

/* Soporte dentro de la aplicación */
.sop-faq-app{display:grid; gap:10px; margin-top:16px; max-width:820px}
.sop-faq-app .lp-faq{background:#fff; border:1px solid var(--linea,#E4E4E2); border-radius:14px; padding:0 18px}
.sop-faq-app .lp-faq[open]{border-color:#b9e6d1}
.sop-faq-app .lp-faq summary{cursor:pointer; list-style:none; padding:16px 0; font-weight:600; font-size:15px;
  display:flex; align-items:center; justify-content:space-between; gap:14px}
.sop-faq-app .lp-faq summary::-webkit-details-marker{display:none}
.sop-faq-app .lp-faq summary::after{content:"+"; font-size:21px; font-weight:400; color:#0b7a58; flex:none; transition:transform .25s ease}
.sop-faq-app .lp-faq[open] summary::after{transform:rotate(45deg)}
.sop-faq-app .lp-faq p{margin:0; padding:0 0 17px; font-size:14px; line-height:1.65; color:var(--tinta-2,#5B6070)}
.sop-faq-app .lp-faq a{color:#0b7a58; text-decoration:underline}
.landing.v2 .lp-pie-legal{font-size:11.5px; opacity:.6}

/* ══ Pie de página ═══════════════════════════════════════════════════
   Eran tres <span> sueltos con space-between: el del medio quedaba
   descolgado y en pantallas medianas se partía de cualquier manera. */
.landing.v2 .lp-pie{display:flex; align-items:center; justify-content:space-between;
  gap:20px 34px; flex-wrap:wrap; padding:26px clamp(16px,4vw,40px); font-size:13.5px}
.landing.v2 .lp-pie-marca{display:flex; align-items:baseline; gap:9px; flex:none}
.landing.v2 .lp-pie-nombre{font-weight:700; font-size:16px; color:var(--lp-tinta,#16181D)}
.landing.v2 .lp-pie-ano{font-size:12.5px; opacity:.55}
.landing.v2 .lp-pie-enlaces{display:flex; align-items:center; gap:22px; flex-wrap:wrap; flex:1 1 auto; justify-content:center}
.landing.v2 .lp-pie-enlaces a{color:var(--lp-tinta-2,#5B6070); text-decoration:none; white-space:nowrap}
.landing.v2 .lp-pie-enlaces a:hover{color:#0b7a58; text-decoration:underline}
.landing.v2 .lp-pie-por{display:flex; align-items:center; gap:10px; flex:none;
  color:var(--lp-tinta-2,#5B6070); text-decoration:none; opacity:.85; transition:opacity .25s ease}
.landing.v2 .lp-pie-por:hover{opacity:1; text-decoration:none}
.landing.v2 .lp-pie-por span{font-size:12.5px; white-space:nowrap}
.landing.v2 .lp-pie-por img{height:30px; width:auto; display:block}
@media (max-width:760px){
  .landing.v2 .lp-pie{flex-direction:column; text-align:center; gap:18px}
  .landing.v2 .lp-pie-enlaces{justify-content:center; gap:16px}
}

.landing.v2 .lp-pie-por,
.landing.v2 .lp-pie-por:hover,
.landing.v2 .lp-pie-por span{text-decoration:none}

/* Aviso de cierre por inactividad */
.inact-aviso{position:fixed; right:20px; bottom:20px; z-index:99999; max-width:380px;
  display:flex; align-items:flex-start; gap:14px; padding:16px 18px; border-radius:16px;
  background:#fff; border:1px solid #f0d9b5; box-shadow:0 24px 60px -24px rgba(12,40,30,.45);
  animation:inact-entra .3s cubic-bezier(.2,.9,.3,1.3) both}
@keyframes inact-entra{from{opacity:0; transform:translateY(16px)} to{opacity:1; transform:none}}
.inact-aviso > i{font-size:26px; color:#b8801f; flex:none; margin-top:2px}
.inact-aviso strong{display:block; font-size:15px; margin-bottom:3px}
.inact-aviso p{margin:0; font-size:13px; line-height:1.5; color:var(--tinta-2,#5B6070)}
.inact-aviso button{flex:none; align-self:center}
@media (max-width:520px){ .inact-aviso{left:16px; right:16px; max-width:none} }

/* Botón de tema (claro / oscuro / automático) */
.boton-tema{width:38px; height:38px; flex:none; display:grid; place-items:center; cursor:pointer;
  border-radius:50%; border:1px solid var(--lp-linea,#E4E4E2); background:transparent;
  color:inherit; font-size:19px; transition:background .2s ease, transform .2s ease, border-color .2s ease}
.boton-tema:hover{background:rgba(127,127,127,.12); transform:rotate(-15deg)}
.boton-tema i{line-height:1}
html[data-tema="oscuro"] .boton-tema{border-color:rgba(255,255,255,.22)}
/* dentro del panel el boton es mas pequeño, como el de salir */
.nav-usuario .boton-tema{width:32px; height:32px; font-size:17px; border:none}
.nav-usuario .boton-tema:hover{transform:none; background:rgba(127,127,127,.15)}

/* ══════════════════════════════════════════════════════════════════════
   MODO OSCURO DEL PANEL (dentro de la aplicación)

   OJO con la estructura: las reglas "automáticas" TIENEN que ir dentro del
   @media. Sin él, `html:not([data-tema="claro"])` también casa cuando no hay
   elección guardada, y entonces el panel salía oscuro a un usuario con el
   sistema en claro. Me pasó y lo detecté probando sistema-claro + tema-auto.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 1. cuando el SISTEMA está en oscuro y el usuario no ha elegido ── */
@media (prefers-color-scheme: dark) {
  html:not([data-tema="claro"]){
    --ap-bg:#0d0f12; --ap-sup:#15181d;
    --ap-tinta:#f2f3f5; --ap-tinta-2:#9aa1ae; --ap-tinta-3:#767d89;
    --ap-linea:rgba(255,255,255,.10);
    --ap-acento:#3fbf93; --ap-acento-2:#2fa87c; --ap-acento-claro:#132821;
    --ap-luz: inset 0 1px 0 rgba(255,255,255,.04);
    --ap-sombra: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -22px rgba(0,0,0,.8);
    --gray-50:#15181d;  --gray-100:#1b1f26; --gray-200:#242931; --gray-300:#2f3540;
    --gray-400:#767d89; --gray-500:#9aa1ae; --gray-600:#b6bcc6;
    --gray-700:#d4d8de; --gray-800:#e8eaee; --gray-900:#f5f6f8;
  }
  html:not([data-tema="claro"]) .app-nav, html:not([data-tema="claro"]) .pn-card, html:not([data-tema="claro"]) .ent-caja, html:not([data-tema="claro"]) .vista-cab, html:not([data-tema="claro"]) .sop-faq-app .lp-faq, html:not([data-tema="claro"]) .plan-aviso{
  background:#15181d; border-color:rgba(255,255,255,.10); color:#e8eaee;
}
  html:not([data-tema="claro"]) .nav-link{ color:#b6bcc6 }
  html:not([data-tema="claro"]) .nav-link:hover{ background:rgba(255,255,255,.06) }
  html:not([data-tema="claro"]) .nav-link.active{ background:#132821; color:#3fbf93 }
  html:not([data-tema="claro"]) input, html:not([data-tema="claro"]) textarea, html:not([data-tema="claro"]) select{
  background:#1b1f26; color:#f2f3f5; border-color:rgba(255,255,255,.14);
}
  html:not([data-tema="claro"]) ::placeholder{ color:#767d89 }
  html:not([data-tema="claro"]) .plan-aviso.es-prueba{
  background:linear-gradient(120deg,#132821,#15181d); border-color:#2f6b55;
}
  html:not([data-tema="claro"]) .plan-muro{
  background:linear-gradient(120deg,#24201a,#15181d); border-color:#4a3c22;
}
  html:not([data-tema="claro"]) .inact-aviso{
  background:#15181d; border-color:#4a3c22; color:#e8eaee;
}
  html:not([data-tema="claro"]) .nav-usuario .user-name{ color:#e8eaee }
  html:not([data-tema="claro"]) .nav-usuario .btn-icon{ color:#b6bcc6 }
  html:not([data-tema="claro"]) .nav-avatar{ background:#2fa87c; color:#06130e }
  html:not([data-tema="claro"]) .pn-btn:not(.solido), html:not([data-tema="claro"]) .btn:not(.btn-primary):not(.solido){
  background:#1b1f26; border-color:rgba(255,255,255,.14);
}
  html:not([data-tema="claro"]) label{ color:#b6bcc6 }
  html:not([data-tema="claro"]) h1, html:not([data-tema="claro"]) h2, html:not([data-tema="claro"]) .app h3{ color:#f2f3f5 }
  html:not([data-tema="claro"]) .autopilot-card label, html:not([data-tema="claro"]) .perfil-detalles label{ color:#b6bcc6 }
}

/* ── 2. cuando el usuario elige oscuro a mano (mande lo que mande el sistema) ── */
html[data-tema="oscuro"]{
  --ap-bg:#0d0f12; --ap-sup:#15181d;
  --ap-tinta:#f2f3f5; --ap-tinta-2:#9aa1ae; --ap-tinta-3:#767d89;
  --ap-linea:rgba(255,255,255,.10);
  --ap-acento:#3fbf93; --ap-acento-2:#2fa87c; --ap-acento-claro:#132821;
  --ap-luz: inset 0 1px 0 rgba(255,255,255,.04);
  --ap-sombra: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px -22px rgba(0,0,0,.8);
  --gray-50:#15181d;  --gray-100:#1b1f26; --gray-200:#242931; --gray-300:#2f3540;
  --gray-400:#767d89; --gray-500:#9aa1ae; --gray-600:#b6bcc6;
  --gray-700:#d4d8de; --gray-800:#e8eaee; --gray-900:#f5f6f8;
}
html[data-tema="oscuro"] .app-nav, html[data-tema="oscuro"] .pn-card, html[data-tema="oscuro"] .ent-caja, html[data-tema="oscuro"] .vista-cab, html[data-tema="oscuro"] .sop-faq-app .lp-faq, html[data-tema="oscuro"] .plan-aviso{
  background:#15181d; border-color:rgba(255,255,255,.10); color:#e8eaee;
}
html[data-tema="oscuro"] .nav-link{ color:#b6bcc6 }
html[data-tema="oscuro"] .nav-link:hover{ background:rgba(255,255,255,.06) }
html[data-tema="oscuro"] .nav-link.active{ background:#132821; color:#3fbf93 }
html[data-tema="oscuro"] input, html[data-tema="oscuro"] textarea, html[data-tema="oscuro"] select{
  background:#1b1f26; color:#f2f3f5; border-color:rgba(255,255,255,.14);
}
html[data-tema="oscuro"] ::placeholder{ color:#767d89 }
html[data-tema="oscuro"] .plan-aviso.es-prueba{
  background:linear-gradient(120deg,#132821,#15181d); border-color:#2f6b55;
}
html[data-tema="oscuro"] .plan-muro{
  background:linear-gradient(120deg,#24201a,#15181d); border-color:#4a3c22;
}
html[data-tema="oscuro"] .inact-aviso{
  background:#15181d; border-color:#4a3c22; color:#e8eaee;
}
html[data-tema="oscuro"] .nav-usuario .user-name{ color:#e8eaee }
html[data-tema="oscuro"] .nav-usuario .btn-icon{ color:#b6bcc6 }
html[data-tema="oscuro"] .nav-avatar{ background:#2fa87c; color:#06130e }
html[data-tema="oscuro"] .pn-btn:not(.solido), html[data-tema="oscuro"] .btn:not(.btn-primary):not(.solido){
  background:#1b1f26; border-color:rgba(255,255,255,.14);
}
html[data-tema="oscuro"] label{ color:#b6bcc6 }
html[data-tema="oscuro"] h1, html[data-tema="oscuro"] h2, html[data-tema="oscuro"] .app h3{ color:#f2f3f5 }
html[data-tema="oscuro"] .autopilot-card label, html[data-tema="oscuro"] .perfil-detalles label{ color:#b6bcc6 }

/* Aviso: piloto encendido pero sin curriculum (24-sep-2026) */
.ap-sin-cv{background:rgba(220,38,38,.09);border:1px solid rgba(220,38,38,.45);border-left:4px solid #dc2626;
  border-radius:12px;padding:16px 18px;margin-top:10px}
.ap-sin-cv b{display:block;color:#f87171;font-size:15.5px;margin-bottom:6px}
.ap-sin-cv p{margin:0 0 12px;font-size:14.5px;line-height:1.55;opacity:.92}
.ap-sin-cv button{background:#dc2626;color:#fff;border:0;border-radius:9px;padding:11px 20px;
  font-size:14.5px;font-weight:600;cursor:pointer}
.ap-sin-cv button:hover{background:#b91c1c}
.ap-sin-cv small{display:block;margin-top:9px;font-size:12.5px;opacity:.7}