/* Postula con Pau — dirección B «Institucional claro»
   Petróleo #0f5c5a · cabecera #10373a · cobre #c2703d · hueso #f7f5f1 */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#f0eee9;color:#1d2b30;font-family:'Public Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#0f5c5a;text-decoration:none}
a:hover{color:#157370}
button,input,textarea,select{font-family:inherit}
button{cursor:pointer;transition:filter .15s ease,transform .12s ease}
button:hover{filter:brightness(1.07)}
button:active{transform:scale(.975)}
input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease}
input:focus,textarea:focus,select:focus{outline:none;border-color:#0f5c5a !important;box-shadow:0 0 0 3px rgba(15,92,90,.15)}
h1,h2,h3{font-family:'Archivo',sans-serif;letter-spacing:-.2px}

/* ---- barra superior ---- */
.topbar{position:sticky;top:0;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding:10px 20px;min-height:56px;background:#10373a;border-bottom:1px solid #0d2f32;color:#f4f7f6}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{width:26px;height:26px;border-radius:6px;background:#c2703d;display:flex;align-items:center;justify-content:center;font:700 13px 'Archivo';color:#fff}
.brand b{font:600 15px 'Public Sans'}
.brand span{font:500 11px 'Archivo';letter-spacing:.9px;text-transform:uppercase;color:#8fb0ac;padding-top:2px}
@media (max-width:560px){.brand span{display:none}}

/* ---- botones ---- */
.btn{display:inline-block;background:#0f5c5a;color:#f4f7f6;border:none;font:600 14px 'Public Sans';padding:11px 17px;border-radius:9px;text-align:center}
.btn:hover{color:#f4f7f6}
.btn-cobre{background:#c2703d;color:#fff}
.btn-cobre:hover{color:#fff}
.btn-sec{background:#fff;border:1px solid #d7d2c8;color:#3d4a51;font:600 12.5px 'Public Sans';padding:8px 13px;border-radius:8px}
.btn-sec:hover{color:#3d4a51}
.btn-block{display:block;width:100%}

/* ---- tarjetas / píldoras ---- */
.card{background:#fff;border:1px solid #e3ded6;border-radius:12px;overflow:hidden}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;border-bottom:1px solid #e3ded6;font:600 15px 'Public Sans'}
.pill{font:600 11px 'Archivo';letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:20px;white-space:nowrap;display:inline-block}
.pill-verde{color:#2e7d5b;background:rgba(46,125,91,.10);border:1px solid rgba(46,125,91,.28)}
.pill-rojo{color:#b3402f;background:rgba(179,64,47,.10);border:1px solid rgba(179,64,47,.28)}
.pill-petrol{color:#0f5c5a;background:rgba(15,92,90,.10);border:1px solid rgba(15,92,90,.28)}
.pill-gris{color:#77828a;background:#eef0ec;border:1px solid #dde1da}
.pill-azul{color:#3a6ea5;background:rgba(58,110,165,.10);border:1px solid rgba(58,110,165,.28)}
.muted{color:#77828a}
.chip{font:500 12px 'Public Sans';color:#33424a;background:#eef0ec;border:1px solid #dde1da;padding:4px 8px;border-radius:6px;display:inline-block}

/* ---- inputs ---- */
.inp{width:100%;background:#f6f4f0;border:1px solid #ddd8cf;border-radius:9px;padding:11px 12px;font:500 14px 'Public Sans';color:#1d2b30}
label.lbl{display:block;font:600 11px 'Archivo';letter-spacing:1px;text-transform:uppercase;color:#77828a;margin:0 0 6px}

/* ---- panel: layout ---- */
.adminwrap{display:flex;min-height:calc(100vh - 56px)}
.adminside{width:212px;flex:none;background:#fff;border-right:1px solid #e3ded6;padding:18px 12px;display:flex;flex-direction:column;gap:4px}
.adminside .titulo{font:600 10.5px 'Archivo';letter-spacing:1.2px;text-transform:uppercase;color:#77828a;padding:0 8px 10px}
.adminside a.nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:8px;border:1px solid transparent;color:#5f6b70;font:500 13.5px 'Public Sans'}
.adminside a.nav.activo{background:rgba(15,92,90,.10);border-color:rgba(15,92,90,.25);color:#0f5c5a;font-weight:600}
.adminside .badge{font:600 11px 'Archivo';background:#c2703d;color:#fff;padding:1px 6px;border-radius:20px}
.adminmain{flex:1;min-width:0;max-height:calc(100vh - 56px);overflow-y:auto;padding:26px 30px 40px}
.pie-sidebar{display:flex;align-items:center;gap:10px;padding:10px 8px;border-top:1px solid #e3ded6;margin-top:auto}
.pie-sidebar .avatar{width:32px;height:32px;border-radius:50%;background:#c2703d;color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px 'Archivo'}
@media (max-width:860px){
  .adminwrap{flex-direction:column}
  .adminside{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:8px 10px;border-right:none;border-bottom:1px solid #e3ded6;gap:6px}
  .adminside a.nav{white-space:nowrap;flex:none}
  .side-hide{display:none !important}
  .adminmain{max-height:none}
}

/* ---- rejillas ---- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
.cols2{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;align-items:start}
.job-grid{display:flex;flex-direction:column;gap:12px}
@media (min-width:900px){.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.cols2{grid-template-columns:1fr}}
.stat{background:#fff;border:1px solid #e3ded6;border-radius:12px;padding:16px 17px}
.stat .l{font:600 10.5px 'Archivo';letter-spacing:1.1px;text-transform:uppercase;color:#77828a;margin-bottom:7px}
.stat .v{font:700 32px/1 'Archivo';color:#1d2b30}
.stat .d{font:600 12px 'Public Sans';color:#77828a;margin-left:8px}
.stat .d.up{color:#2e7d5b}
.fila{display:flex;align-items:center;gap:12px;padding:12px 17px;border-bottom:1px solid #efece6}
.fila:last-child{border-bottom:none}

/* ---- embudo ---- */
.tablero{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:14px}
.col-embudo{flex:none;width:238px;background:#fff;border:1px solid #e3ded6;border-radius:12px}
.col-embudo header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px 9px;font:600 13px 'Public Sans';color:#33424a}
.col-embudo .n{font:600 12px 'Archivo';color:#77828a;background:#eef0ec;padding:1px 7px;border-radius:20px}
.tarjeta{display:block;background:#fff;border:1px solid #e0dbd2;border-radius:9px;padding:11px 12px;margin:0 9px 8px;color:inherit;transition:transform .18s ease,box-shadow .18s ease}
.tarjeta:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,10,10,.12);color:inherit}
.tarjeta.mal{border-left:3px solid #b3402f}
.tarjeta.bien{border-left:3px solid #0f5c5a}
.tarjeta[draggable="true"]{cursor:grab}
.tarjeta.arrastrando{opacity:.45;transform:rotate(2deg)}
.col-embudo.sobre{outline:2px dashed #0f5c5a;outline-offset:-3px;background:#f0f5f3}

/* ---- público ---- */
.pubwrap{max-width:480px;margin:0 auto;background:#f7f5f1;min-height:100vh;border-left:1px solid #e0dbd2;border-right:1px solid #e0dbd2}
.pubwrap.ancha{max-width:1220px}
.pubwrap.media{max-width:640px}
.hero{background:radial-gradient(620px 300px at 88% -4%,#164a48 0%,#10373a 62%);color:#f5f3f0;padding:22px 22px 30px}
.hero-in{max-width:640px}
.hero h1{margin:0 0 12px;font:700 30px/1.14 'Archivo';color:#f5f3f0}
@media (min-width:900px){.hero h1{font-size:38px}}
.hero p{margin:0 0 20px;font:400 15px/1.5 'Public Sans';color:#a9c0bd;max-width:340px}
.stats-hero{display:flex;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid #1e4a4d}
.stats-hero b{display:block;font:700 21px 'Archivo';color:#e0a274}
.stats-hero span{font:500 11px 'Archivo';letter-spacing:.7px;text-transform:uppercase;color:#8fb0ac}
.seccion{padding:24px 18px 8px}
.jobcard{background:#fff;border:1px solid #e3ded6;border-radius:14px;padding:15px 15px 13px;box-shadow:0 1px 2px rgba(20,20,20,.04);transition:transform .18s ease,box-shadow .18s ease}
.jobcard:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(10,10,10,.12)}
.jobcard h3{margin:0 0 3px;font:600 16.5px/1.25 'Public Sans';color:#1d2b30}
.jobcard .emp{font:500 13.5px 'Public Sans';color:#5f6b70;margin-bottom:11px}
.jobcard footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #efece6;margin-top:13px}
.urgente{font:600 10px 'Archivo';letter-spacing:1px;text-transform:uppercase;background:#f7e8dc;color:#a05526;border:1px solid #e5c3a6;padding:3px 7px;border-radius:5px}

/* preguntas del formulario público */
.preg{background:#fff;border:1px solid #e3ded6;border-radius:12px;padding:16px;margin-bottom:14px}
.preg h4{margin:0 0 4px;font:600 16px 'Public Sans';color:#1d2b30}
.preg .ayuda{font:400 13px/1.45 'Public Sans';color:#5f6b70;margin:0 0 12px}
.opcion{display:flex;align-items:center;gap:10px;border:1.5px solid #e3ded6;border-radius:10px;padding:12px 13px;margin-bottom:8px;font:500 14.5px 'Public Sans';cursor:pointer}
.opcion:has(input:checked){border-color:#0f5c5a;background:rgba(15,92,90,.06)}
.opcion input{accent-color:#0f5c5a;width:17px;height:17px}

/* mensajes */
.msgs{max-width:1040px;margin:14px auto 0;padding:0 18px}
.msg{background:#fff;border:1px solid #e3ded6;border-left:3px solid #2e7d5b;border-radius:9px;padding:11px 14px;font:500 13.5px 'Public Sans';margin-bottom:8px}

.view-in{animation:viewIn .32s ease both}
@keyframes viewIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
.tbl-scroll{overflow-x:auto}
.tbl-min{min-width:660px}