/* TuTrabajo · Ajuste visual profesional panel empresa / candidato
   Debe cargarse después de main.css */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap');

:root{
  --tt-green:#24C022;
  --tt-green-dark:#14A313;
  --tt-green-soft:#ECF8E8;
  --tt-orange:#FF9F20;
  --tt-text:#1F2933;
  --tt-muted:#6B7280;
  --tt-border:#E5E7EB;
  --tt-card:#FFFFFF;
  --tt-soft:#F6F8FA;
  --tt-danger:#D94B68;
  --tt-blue:#0D6EFD;
  --tt-radius:18px;
}

html, body,
button, input, select, textarea,
.navbar, .nav, .btn, .form-control, .form-select {
  font-family:'Figtree', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

body{color:var(--tt-text);}
h1{font-weight:700; font-size:45px; line-height:47px;}
h2{font-weight:700; font-size:32px; line-height:38px;}
h3{font-weight:500; font-size:24px; line-height:30px;}
h4{font-weight:600; font-size:20px; line-height:36px;}
h5{font-weight:600; font-size:16px; line-height:22px;}
p, li, label, input, select, textarea{font-size:16px; line-height:23px;}
small, .small, .badge{font-size:13px; line-height:18px;}

/* Panel empresa/candidato: contenedor */
.listpgWraper .myads{
  background:transparent !important;
}
.listpgWraper .myads > h3{
  font-weight:700;
  color:var(--tt-text);
  letter-spacing:-.02em;
  margin-bottom:20px;
}

/* Tabs más limpias */
.myads .nav-tabs{
  border-bottom:1px solid var(--tt-border) !important;
  gap:8px;
}
.myads .nav-tabs .nav-link{
  border:0 !important;
  border-bottom:2px solid transparent !important;
  color:var(--tt-muted) !important;
  background:transparent !important;
  font-weight:600;
  padding:12px 16px;
  border-radius:0 !important;
}
.myads .nav-tabs .nav-link.active,
.myads .nav-tabs .nav-link:hover{
  color:var(--tt-green-dark) !important;
  border-bottom-color:var(--tt-green) !important;
}

/* Tarjetas de ofertas: menos ruido, más profesional */
.featuredlist .jobint{
  border:1px solid var(--tt-border) !important;
  border-radius:22px !important;
  background:var(--tt-card) !important;
  box-shadow:0 8px 24px rgba(31,41,51,.04) !important;
  padding:22px !important;
  transition:box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.featuredlist .jobint:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 36px rgba(31,41,51,.08) !important;
  border-color:#D8E3D7 !important;
}
.featuredlist .jobint h4,
.featuredlist .jobint h4 a{
  color:var(--tt-text) !important;
  font-weight:700 !important;
  font-size:18px !important;
  line-height:24px !important;
  text-decoration:none !important;
}
.featuredlist .jobint .fticon{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#F1F5F4 !important;
  color:#60706C !important;
  border-radius:999px !important;
  padding:6px 12px !important;
  font-size:13px !important;
  font-weight:600 !important;
}
.featuredlist .jobint .fticon i{color:#8EA09B !important;}
.featuredlist .jobint strong,
.featuredlist .jobint .salary,
.featuredlist .jobint span{
  color:var(--tt-muted);
}
.featuredlist .jobint strong i{color:var(--tt-green-dark) !important;}

/* Badges menos chillones */
.myads .badge{
  border-radius:999px !important;
  padding:5px 9px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}
.myads .badge.bg-success,
.myads .badge.badge-success{
  background:#E7F7E5 !important;
  color:#168215 !important;
}
.myads .badge.bg-warning,
.myads .badge.badge-warning{
  background:#FFF4DB !important;
  color:#A86500 !important;
}
.myads .badge.bg-danger,
.myads .badge.badge-danger{
  background:#FCE8ED !important;
  color:#B42342 !important;
}
.myads .badge.bg-info,
.myads .badge.badge-info{
  background:#E5F5F9 !important;
  color:#08748A !important;
}
.myads .badge.bg-secondary,
.myads .badge.badge-secondary,
.myads .badge.bg-light{
  background:#EEF1F3 !important;
  color:#68737D !important;
}

/* Alertas compactas y corporativas */
.myads .alert{
  border-radius:12px !important;
  border:1px solid var(--tt-border) !important;
  font-weight:500;
}
.myads .alert-success{background:#EAF8E8 !important;color:#197B18 !important;border-color:#CDECC9 !important;}
.myads .alert-warning{background:#FFF7E8 !important;color:#87600A !important;border-color:#F5DEAA !important;}
.myads .alert-danger{background:#FDECEF !important;color:#A82940 !important;border-color:#F3C6D0 !important;}
.myads .alert-info{background:#EAF7FB !important;color:#126A7F !important;border-color:#C5E8F0 !important;}

/* Acciones: mantener color solo donde aporta jerarquía */
.compjobslinks{
  gap:8px !important;
}
.compjobslinks .btn,
.myads .btn{
  border-radius:12px !important;
  font-weight:700 !important;
  min-height:40px;
  box-shadow:none !important;
}
.compjobslinks .btn-primary{
  background:var(--tt-green) !important;
  border-color:var(--tt-green) !important;
  color:#fff !important;
}
.compjobslinks .btn-primary:hover{
  background:var(--tt-green-dark) !important;
  border-color:var(--tt-green-dark) !important;
}
.compjobslinks .btn-warning{
  background:var(--tt-orange) !important;
  border-color:var(--tt-orange) !important;
  color:#fff !important;
}
.compjobslinks .btn-danger{
  background:#E84F6A !important;
  border-color:#E84F6A !important;
  color:#fff !important;
}
.compjobslinks .btn-outline-secondary,
.compjobslinks .btn-outline-dark,
.compjobslinks .btn-outline-success,
.compjobslinks .btn-outline-warning,
.compjobslinks .btn-outline-danger{
  background:#fff !important;
  color:#60706C !important;
  border:1px solid #D7DFDC !important;
}
.compjobslinks .btn-outline-success:hover,
.compjobslinks .btn-outline-warning:hover,
.compjobslinks .btn-outline-danger:hover,
.compjobslinks .btn-outline-secondary:hover,
.compjobslinks .btn-outline-dark:hover{
  background:#F4F8F3 !important;
  color:var(--tt-green-dark) !important;
  border-color:#CFE4CC !important;
}

/* Barra de estadísticas */
.job-stats-bar,
.featuredlist .jobint .job-stats-bar{
  background:#F6F8FA !important;
  border:1px solid #E5EAE8 !important;
  border-radius:14px !important;
  padding:12px 14px !important;
  color:#77827E !important;
}
.job-stat-item i{color:#0F988F !important;}
.stat-badge{
  background:#fff !important;
  border:1px solid #BBDAD6 !important;
  color:#167E78 !important;
}

/* Paginación */
.posted-jobs-pagination,
.pagination{
  margin-top:24px !important;
  margin-bottom:90px !important;
}
.pagination .page-link,
.posted-jobs-pagination a,
.posted-jobs-pagination span{
  border-color:var(--tt-border) !important;
  color:var(--tt-green-dark) !important;
  font-weight:600;
}
.pagination .active .page-link,
.page-item.active .page-link{
  background:var(--tt-green) !important;
  border-color:var(--tt-green) !important;
  color:#fff !important;
}

/* Sidebar empresa/candidato más sobrio */
.company-dashboard-menu a,
.userdashnav a,
.companydashmenu a,
ul.usernavdash li a{
  font-weight:500;
}

@media (max-width:991px){
  h1{font-size:34px;line-height:39px;}
  h2{font-size:28px;line-height:34px;}
  .featuredlist .jobint{padding:18px !important;}
}

/* ============================================================
   Ajustes panel candidato — dashboard limpio TuTrabajo
   ============================================================ */
.listpgWraper {
  background:#fff !important;
}
.listpgWraper .container {
  max-width:1140px;
}

/* Sidebar */
.usernavwrap .switchbox{
  background:var(--tt-green-soft) !important;
  border:1px solid #D7F0D2 !important;
  border-radius:14px !important;
  box-shadow:none !important;
}
.usernavwrap .switchbox .txtlbl{
  color:var(--tt-text) !important;
  font-weight:700 !important;
}
ul.usernavdash{
  background:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
ul.usernavdash li a{
  color:#566173 !important;
  border-radius:0 !important;
  padding:11px 15px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
ul.usernavdash li i{
  min-width:18px;
  color:#6B7280 !important;
}
ul.usernavdash li.active a,
ul.usernavdash li a:hover{
  background:var(--tt-green-soft) !important;
  color:var(--tt-green-dark) !important;
}
ul.usernavdash li.active a i,
ul.usernavdash li a:hover i{
  color:var(--tt-green) !important;
}

/* Alerta de CV */
.userprofilealert{
  background:var(--tt-orange) !important;
  border-radius:10px !important;
  box-shadow:none !important;
  animation:none !important;
  min-height:60px;
}
.userprofilealert .editbtbn a{
  background:#111 !important;
  border-radius:5px !important;
  color:#fff !important;
  padding:10px 18px !important;
  font-weight:700 !important;
}

/* Estadísticas: mismo alto y paleta correcta */
ul.profilestat{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  margin-bottom:30px !important;
}
ul.profilestat > li{
  display:flex !important;
  margin-bottom:15px !important;
}
ul.profilestat li .inbox{
  width:100% !important;
  min-height:110px !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  padding:22px 18px !important;
  border-radius:10px !important;
  box-shadow:0 10px 24px rgba(31,41,51,.08) !important;
  border:0 !important;
  overflow:hidden !important;
}
ul.profilestat li .inbox::before{display:none !important;}
ul.profilestat li:nth-child(1) .inbox,
ul.profilestat li:nth-child(4) .inbox{
  background:var(--tt-green) !important;
}
ul.profilestat li:nth-child(2) .inbox{
  background:var(--tt-orange) !important;
}
ul.profilestat li:nth-child(3) .inbox{
  background:#243423 !important;
}
ul.profilestat li .inbox i,
ul.profilestat li .inbox h6,
ul.profilestat li .inbox strong{
  color:#fff !important;
}
ul.profilestat li .inbox i{
  font-size:36px !important;
  opacity:.95;
}
ul.profilestat li .inbox h6{
  margin:0 !important;
  font-size:34px !important;
  line-height:34px !important;
  font-weight:800 !important;
}
ul.profilestat li .inbox strong{
  display:block !important;
  margin-top:5px !important;
  font-size:13px !important;
  line-height:16px !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

/* Cajas del perfil */
.usercoverphoto{
  border-radius:14px !important;
  overflow:hidden !important;
}
.profileban{
  border-radius:14px !important;
  background:#EEF4FF !important;
  box-shadow:none !important;
}
.profileban h4{
  color:#155CA8 !important;
  font-weight:800 !important;
}

/* Secciones del dashboard */
.profbox{
  margin-top:34px !important;
}
.profbox h3{
  color:var(--tt-text) !important;
  font-weight:800 !important;
  margin-bottom:18px !important;
}
.profbox h3 a{
  color:var(--tt-green) !important;
  font-weight:700 !important;
}

/* Listas de candidaturas y recomendados: 1 por fila */
.profbox .featuredlist{
  padding-left:0 !important;
  margin-left:-8px !important;
  margin-right:-8px !important;
}
.profbox .featuredlist > li.tt-dashboard-job-row{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin-bottom:18px !important;
}
.profbox .featuredlist > li.tt-dashboard-job-row .jobint{
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  gap:10px 24px !important;
  align-items:center !important;
  padding:22px 24px !important;
  border-color:#E4ECE1 !important;
}
.profbox .featuredlist > li.tt-dashboard-job-row .jobint > h4{
  grid-column:1/2;
  margin:0 !important;
  padding:0 !important;
}
.profbox .featuredlist > li.tt-dashboard-job-row .jobint > .salary,
.profbox .featuredlist > li.tt-dashboard-job-row .jobint > strong{
  grid-column:1/2;
  margin:0 !important;
}
.profbox .featuredlist > li.tt-dashboard-job-row .jobint > .jobcompany{
  grid-column:2/3;
  grid-row:1/5;
  min-width:230px;
  margin:0 !important;
}
.featuredlist .jobint .jobcompany{
  background:#F1F6F8 !important;
  border-radius:12px !important;
  padding:14px 16px !important;
}
.featuredlist .jobint .ftjobcomp a{
  color:var(--tt-text) !important;
  font-weight:800 !important;
}
.featuredlist .jobint .company-logo img{
  border:2px solid #fff !important;
}

/* Badges de estado visibles */
.profbox .badge,
.profbox .bg-warning,
.profbox .badge-warning{
  border-radius:999px !important;
  padding:6px 12px !important;
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:none !important;
}
.profbox .bg-warning,
.profbox .badge-warning{
  background:#FFF1D8 !important;
  color:#B26200 !important;
  border:1px solid #FFD79B !important;
}
.profbox .bg-success,
.profbox .badge-success{
  background:#E9F9E7 !important;
  color:#168215 !important;
  border:1px solid #CBEFC6 !important;
}
.profbox .bg-danger,
.profbox .badge-danger{
  background:#FCE8ED !important;
  color:#B42342 !important;
  border:1px solid #F5C8D3 !important;
}
.profbox .bg-secondary,
.profbox .badge-secondary{
  background:#EFF3F1 !important;
  color:#5B6662 !important;
  border:1px solid #DDE5E1 !important;
}

/* Corrección de salario */
.featuredlist .jobint .salary strong{
  color:#4B5563 !important;
  font-weight:600 !important;
}

@media (max-width:991px){
  .profbox .featuredlist > li.tt-dashboard-job-row .jobint{
    display:block !important;
  }
  .profbox .featuredlist > li.tt-dashboard-job-row .jobint > .jobcompany{
    min-width:0;
    margin-top:16px !important;
  }
  ul.profilestat li .inbox{min-height:100px !important;}
}


/* Mis candidaturas: 1 por fila, colores TuTrabajo y datos limpios */
.myads .featuredlist{
  padding-left:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.myads .featuredlist > li.tt-applied-job-row{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin-bottom:20px !important;
}
.myads .featuredlist > li.tt-applied-job-row .jobint{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 250px !important;
  gap:10px 28px !important;
  align-items:center !important;
  padding:26px 28px !important;
  border:1px solid #E1ECDF !important;
  border-radius:22px !important;
  box-shadow:0 12px 32px rgba(31,41,51,.05) !important;
  min-height:0 !important;
}
.myads .featuredlist > li.tt-applied-job-row .tt-job-topline{
  grid-column:1/2;
  gap:10px !important;
}
.myads .featuredlist > li.tt-applied-job-row h4{
  grid-column:1/2;
  margin:0 !important;
  padding:6px 0 2px !important;
}
.myads .featuredlist > li.tt-applied-job-row h4 a{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
  color:#111827 !important;
  font-size:20px !important;
  line-height:26px !important;
  font-weight:800 !important;
}
.myads .featuredlist > li.tt-applied-job-row .salary,
.myads .featuredlist > li.tt-applied-job-row .tt-location{
  grid-column:1/2;
  margin:0 !important;
  color:#526071 !important;
}
.myads .featuredlist > li.tt-applied-job-row .tt-location i{
  color:var(--tt-green) !important;
}
.myads .featuredlist > li.tt-applied-job-row .jobcompany{
  grid-column:2/3;
  grid-row:1/6;
  margin:0 !important;
  min-width:240px !important;
  align-self:center !important;
  background:#F1F6F8 !important;
  border-radius:12px !important;
  padding:16px 18px !important;
}
.myads .featuredlist > li.tt-applied-job-row .mt-3{
  grid-column:1/3;
  margin-top:12px !important;
  padding-top:14px;
  border-top:1px solid #EEF2F0;
}
.myads .tt-status-badge{
  border-radius:999px !important;
  padding:7px 13px !important;
  font-size:12px !important;
  font-weight:800 !important;
  border:1px solid transparent !important;
  background:#EEF3F1 !important;
  color:#5B6662 !important;
}
.myads .tt-status-received,
.myads .tt-status-warning{
  background:#FFF3D7 !important;
  color:#A35D00 !important;
  border-color:#FFD894 !important;
}
.myads .tt-status-reviewing,
.myads .tt-status-info{
  background:#EAF7FB !important;
  color:#08748A !important;
  border-color:#C5E8F0 !important;
}
.myads .tt-status-shortlisted,
.myads .tt-status-primary{
  background:#E9F9E7 !important;
  color:#168215 !important;
  border-color:#CBEFC6 !important;
}
.myads .tt-status-finalist,
.myads .tt-status-success{
  background:#E7F7E5 !important;
  color:#168215 !important;
  border-color:#CBEFC6 !important;
}
.myads .tt-status-danger,
.myads .tt-status-rejected{
  background:#FCE8ED !important;
  color:#B42342 !important;
  border-color:#F5C8D3 !important;
}
.myads .tt-status-secondary,
.myads .tt-status-closed{
  background:#EFF3F1 !important;
  color:#5B6662 !important;
  border-color:#DDE5E1 !important;
}
@media (max-width:991px){
  .myads .featuredlist > li.tt-applied-job-row .jobint{
    display:block !important;
    padding:20px !important;
  }
  .myads .featuredlist > li.tt-applied-job-row .jobcompany{
    min-width:0 !important;
    margin-top:16px !important;
  }
}

/* Mis ofertas favoritas: 1 por fila, salario y ubicación corregidos */
.myads .featuredlist > li.tt-favourite-job-row{
  width:100% !important;
  max-width:100% !important;
  flex:0 0 100% !important;
  margin-bottom:20px !important;
}
.myads .featuredlist > li.tt-favourite-job-row .jobint{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 250px !important;
  gap:10px 28px !important;
  align-items:center !important;
  padding:26px 28px !important;
  border:1px solid #E1ECDF !important;
  border-radius:22px !important;
  box-shadow:0 12px 32px rgba(31,41,51,.05) !important;
  min-height:0 !important;
}
.myads .featuredlist > li.tt-favourite-job-row .tt-job-topline{
  grid-column:1/2;
  gap:10px !important;
}
.myads .featuredlist > li.tt-favourite-job-row h4{
  grid-column:1/2;
  margin:0 !important;
  padding:6px 0 2px !important;
}
.myads .featuredlist > li.tt-favourite-job-row h4 a{
  display:block !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
  color:#111827 !important;
  font-size:20px !important;
  line-height:26px !important;
  font-weight:800 !important;
}
.myads .featuredlist > li.tt-favourite-job-row .salary,
.myads .featuredlist > li.tt-favourite-job-row .tt-location{
  grid-column:1/2;
  margin:0 !important;
  color:#526071 !important;
}
.myads .featuredlist > li.tt-favourite-job-row .tt-location i{
  color:var(--tt-green) !important;
}
.myads .featuredlist > li.tt-favourite-job-row .jobcompany{
  grid-column:2/3;
  grid-row:1/5;
  margin:0 !important;
  min-width:240px !important;
  align-self:center !important;
  background:#F1F6F8 !important;
  border-radius:12px !important;
  padding:16px 18px !important;
}
.myads .featuredlist > li.tt-favourite-job-row .tt-remove-favourite-btn{
  grid-column:1/3;
  margin-top:12px !important;
  width:100%;
  background:#D94B68 !important;
  border-color:#D94B68 !important;
  border-radius:12px !important;
  font-weight:800 !important;
  color:#fff !important;
}
@media (max-width:991px){
  .myads .featuredlist > li.tt-favourite-job-row .jobint{
    display:block !important;
    padding:20px !important;
  }
  .myads .featuredlist > li.tt-favourite-job-row .jobcompany{
    min-width:0 !important;
    margin-top:16px !important;
  }
  .myads .featuredlist > li.tt-favourite-job-row .tt-remove-favourite-btn{
    margin-top:16px !important;
  }
}


/* ============================================================
   FIX — Panel candidato: fondo de perfil en paleta tuTrabajo
   ============================================================ */
.profileban,
.profbox .profileban,
.listpgWraper .profileban,
.listpgWraper .col-lg-9 .profileban {
    background: #ECF9E9 !important;
    border: 1px solid rgba(64,196,43,.22) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(37,52,35,.06) !important;
}
.profileban .abtuser h4,
.profileban h4 {
    color: #253423 !important;
}
.profileban .userPic,
.profileban .col-lg-2 img,
.profileban .col-md-3 img {
    border-radius: 18px !important;
}
.profileban img[src*="no-no-image"],
.profileban img[src*="no-image"],
.profileban img[src*="no-photo"] {
    background: #F6FDF4 !important;
    border: 1px solid rgba(64,196,43,.22) !important;
    border-radius: 18px !important;
    padding: 12px !important;
}
.profileban .usercredit li i,
.profileban .usercredit li .fa,
.profileban .usercredit li .fas {
    color: #24C022 !important;
}


/* ============================================================
   FIX — Panel candidato: tarjeta perfil limpia sin azul
   Corrige la capa interna .abtuser que venía de main.css.
   ============================================================ */
.profileban {
    background: #ECF9E9 !important;
    border: 1px solid rgba(64,196,43,.22) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 30px rgba(37,52,35,.07) !important;
    padding: 20px !important;
}

/* Esta era la capa que seguía saliendo azul */
.profileban .abtuser,
.profileban > .abtuser {
    background: #fff !important;
    border: 1px solid rgba(64,196,43,.16) !important;
    border-radius: 16px !important;
    padding: 22px 26px !important;
    margin: 0 !important;
    box-shadow: 0 10px 24px rgba(37,52,35,.05) !important;
}

.profileban .abtuser .row {
    align-items: center !important;
}

.profileban .abtuser h4 {
    color: #253423 !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
}

/* Datos de contacto dentro de la tarjeta */
.profileban .abtuser .userdata,
.profileban .abtuser .userdata li {
    color: #506070 !important;
}

.profileban .abtuser .userdata li i,
.profileban .abtuser .userdata li .fa,
.profileban .abtuser .userdata li .fas {
    color: #24C022 !important;
}

/* Foto/placeholder del perfil: más limpio y proporcionado */
.profileban .abtuser img {
    border-radius: 18px !important;
}

.profileban .abtuser img[src*="no-no-image"],
.profileban .abtuser img[src*="no-image"],
.profileban .abtuser img[src*="no-photo"] {
    width: 96px !important;
    height: 96px !important;
    object-fit: contain !important;
    background: #F6FDF4 !important;
    border: 1px solid rgba(64,196,43,.24) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: none !important;
}

/* Evita que reglas anteriores del fix generen doble icono encima del placeholder */
.candidate-profile-page .userPic:has(img[src*="no-no-image"])::before,
.candidate-profile-page .userPic:has(img[src*="no-image"])::before,
.candidate-profile-page .userPic:has(img[src*="no-photo"])::before,
.candidate-profile-page .userPic:has(img[src*="no-no-image"])::after,
.candidate-profile-page .userPic:has(img[src*="no-image"])::after,
.candidate-profile-page .userPic:has(img[src*="no-photo"])::after {
    content: none !important;
    display: none !important;
}


/* ============================================================
   FIX — Botón Completar CV blanco
   ============================================================ */
.userprofilealert .editbtbn a,
.userprofilealert .editbtbn .btn,
.userprofilealert a[href*="build-resume"],
.userprofilealert a[href*="resume"],
.userprofilealert a[href*="cv"],
.cv-incomplete-alert .btn,
.cv-incomplete-alert a,
.profile-incomplete-alert .btn,
.profile-incomplete-alert a,
a.btn-complete-cv,
button.btn-complete-cv {
    background: #fff !important;
    background-color: #fff !important;
    border-color: #fff !important;
    color: #111 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08) !important;
}

.userprofilealert .editbtbn a i,
.userprofilealert .editbtbn .btn i,
.userprofilealert a[href*="build-resume"] i,
.userprofilealert a[href*="resume"] i,
.userprofilealert a[href*="cv"] i,
.cv-incomplete-alert .btn i,
.cv-incomplete-alert a i,
.profile-incomplete-alert .btn i,
.profile-incomplete-alert a i,
a.btn-complete-cv i,
button.btn-complete-cv i {
    color: #111 !important;
}

.userprofilealert .editbtbn a:hover,
.userprofilealert .editbtbn .btn:hover,
.userprofilealert a[href*="build-resume"]:hover,
.userprofilealert a[href*="resume"]:hover,
.userprofilealert a[href*="cv"]:hover,
.cv-incomplete-alert .btn:hover,
.cv-incomplete-alert a:hover,
.profile-incomplete-alert .btn:hover,
.profile-incomplete-alert a:hover,
a.btn-complete-cv:hover,
button.btn-complete-cv:hover {
    background: #F6FDF4 !important;
    background-color: #F6FDF4 !important;
    border-color: #F6FDF4 !important;
    color: #111 !important;
}


/* ============================================================
   FIX FINAL — Panel empresa estilo referencia
   Igualar tarjetas del dashboard a la referencia: verde claro, verde, naranja.
   ============================================================ */

body .company-dashboard-page .listpgWraper,
body .listpgWraper {
    background: #fff !important;
}

/* Título superior del panel de empresa */
body .inner-page-title,
body .pageTitle,
body .innerpagetitle {
    background: #24C022 !important;
}

body .inner-page-title h1,
body .inner-page-title h2,
body .inner-page-title h3,
body .pageTitle h1,
body .pageTitle h2,
body .innerpagetitle h1,
body .innerpagetitle h2 {
    color: #111 !important;
    font-weight: 900 !important;
}

/* Tarjetas estadísticas panel empresa */
body .col-lg-9 > ul.profilestat,
body .company-dashboard-stats ul.profilestat,
body ul.profilestat {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    margin: 0 -10px 34px !important;
    padding: 0 !important;
}

body .col-lg-9 > ul.profilestat > li,
body .company-dashboard-stats ul.profilestat > li,
body ul.profilestat > li {
    display: flex !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 16px !important;
}

/* Solo panel empresa: tiene 3 tarjetas dentro del col-lg-9 */
body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox {
    width: 100% !important;
    min-height: 96px !important;
    height: 100% !important;
    border-radius: 10px !important;
    border: 0 !important;
    box-shadow: 0 12px 24px rgba(37, 52, 35, .08) !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    text-align: left !important;
    text-decoration: none !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox::before,
body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox::after {
    display: none !important;
    content: none !important;
}

/* Colores como referencia */
body .col-lg-9 > ul.profilestat > li.col-md-4:nth-child(1) .inbox {
    background: #79D66A !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4:nth-child(2) .inbox {
    background: #40C42B !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4:nth-child(3) .inbox {
    background: #FFA532 !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox i {
    color: #fff !important;
    font-size: 30px !important;
    line-height: 1 !important;
    opacity: 1 !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox h6 {
    color: #ffffff !important;
    font-size: 26px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    margin: 0 !important;
}

body .col-lg-9 > ul.profilestat > li.col-md-4 .inbox strong {
    display: block !important;
    color: #ffffff !important;
    margin-top: 5px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

/* Caja paquetes debajo: limpia, sin competir visualmente */
body .company-packages-list {
    background: #fff !important;
    border-radius: 12px !important;
    border: 1px solid #EEF2EA !important;
    box-shadow: 0 10px 26px rgba(37, 52, 35, .04) !important;
    padding: 18px 20px !important;
}

body .company-packages-list .pkg-list-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

body .company-packages-list .pkg-list-header h3 {
    color: #253423 !important;
    font-weight: 900 !important;
}

body .company-packages-list .pkg-list-link {
    color: #40C42B !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* Evitar que el header se vea aplastado por líneas de depuración/CSS anterior */
body #siteheader {
    min-height: 76px !important;
}

body #siteheader .navbar,
body #siteheader .navbar-nav {
    align-items: center !important;
}

@media (max-width: 767px) {
    body .col-lg-9 > ul.profilestat > li.col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body .company-packages-list .pkg-list-header {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
}

/* ============================================================
   FIX FINAL 2 — eliminar pesos 800/900 restantes en paneles
   Debe quedar al final de tutrabajo-panel-polish.css
   ============================================================ */
html body .listpgWraper .op-credits-num,
html body .listpgWraper .op-credits-num *,
html body .listpgWraper .op-credits-total,
html body .listpgWraper .op-credits-total *,
html body .listpgWraper .op-status-card__title,
html body .listpgWraper .op-status-card__title *,
html body .listpgWraper .op-status-card__credits,
html body .listpgWraper .op-status-card__credits *,
html body .listpgWraper .op-status-card,
html body .listpgWraper .op-status-card *,
html body .listpgWraper .op-package-card__price,
html body .listpgWraper .op-package-card__price *,
html body .listpgWraper .op-package-card__title,
html body .listpgWraper .op-package-card__title *,
html body .listpgWraper .op-package-card__meta,
html body .listpgWraper .op-package-card__meta *,
html body .listpgWraper .op-package-card strong,
html body .listpgWraper .op-package-card b,
html body .listpgWraper .op-cta-btn,
html body .listpgWraper .op-popular-badge,
html body .listpgWraper .op-status-card__num,
html body .listpgWraper .op-status-card__num *,
html body .listpgWraper .op-status-card__label,
html body .listpgWraper .op-status-card__label *,
html body .listpgWraper .profilestat h6,
html body .listpgWraper .profilestat h6 *,
html body .listpgWraper .profilestat strong,
html body .listpgWraper .profilestat strong *,
html body .listpgWraper .pkg-quota-num,
html body .listpgWraper .pkg-quota-num *,
html body .listpgWraper .pkg-name,
html body .listpgWraper .pkg-name *,
html body .listpgWraper .pkg-list-header h3,
html body .listpgWraper .pkg-list-header h3 *,
html body .listpgWraper .pkg-list-link,
html body .listpgWraper .pkg-list-link *,
html body .listpgWraper h1,
html body .listpgWraper h2,
html body .listpgWraper h3,
html body .listpgWraper h4,
html body .listpgWraper h5,
html body .listpgWraper h6,
html body .listpgWraper h1 *,
html body .listpgWraper h2 *,
html body .listpgWraper h3 *,
html body .listpgWraper h4 *,
html body .listpgWraper h5 *,
html body .listpgWraper h6 * {
    font-weight: 700 !important;
}

/* ============================================================
   FIX FINAL 3 — pesos máximos 700 en tarjetas/listados del panel
   Especialmente: ofertas destacadas, candidaturas y favoritos.
   Algunas reglas del theme/páginas internas ponen 800/900 en .featuredlist.
   ============================================================ */

/* Ofertas destacadas / candidaturas / favoritos dentro del panel candidato y empresa */
html body .listpgWraper .profbox .featuredlist,
html body .listpgWraper .profbox .featuredlist *,
html body .listpgWraper .myads .featuredlist,
html body .listpgWraper .myads .featuredlist *,
html body .listpgWraper .featuredlist .jobint h4,
html body .listpgWraper .featuredlist .jobint h4 *,
html body .listpgWraper .featuredlist .jobint h4 a,
html body .listpgWraper .featuredlist .jobint .ftjobcomp,
html body .listpgWraper .featuredlist .jobint .ftjobcomp *,
html body .listpgWraper .featuredlist .jobint .salary strong,
html body .listpgWraper .featuredlist .jobint strong,
html body .listpgWraper .featuredlist .jobint b,
html body .listpgWraper .featuredlist .jobint .badge,
html body .listpgWraper .featuredlist .jobint .fticon,
html body .listpgWraper .featuredlist .jobint .promotepof-badge,
html body .listpgWraper .featuredlist .jobint .promotepof-badge *,
html body .listpgWraper .tt-dashboard-job-row,
html body .listpgWraper .tt-dashboard-job-row *,
html body .listpgWraper .tt-applied-job-row,
html body .listpgWraper .tt-applied-job-row *,
html body .listpgWraper .tt-favourite-job-row,
html body .listpgWraper .tt-favourite-job-row *,
html body .listpgWraper .tt-status-badge,
html body .listpgWraper .tt-status-badge * {
    font-weight: 700 !important;
}

/* Panel candidato: cualquier bloque de tarjetas/listados que todavía venga con 800/900 */
html body .listpgWraper .candidate-dashboard,
html body .listpgWraper .candidate-dashboard *,
html body .listpgWraper .usercoverphoto,
html body .listpgWraper .usercoverphoto *,
html body .listpgWraper .profileban,
html body .listpgWraper .profileban *,
html body .listpgWraper .userprofilealert,
html body .listpgWraper .userprofilealert *,
html body .listpgWraper .profilestat,
html body .listpgWraper .profilestat * {
    font-weight: 700 !important;
}

/* Compra de ofertas / destacadas empresa: números y botones */
html body .listpgWraper .op-package-card,
html body .listpgWraper .op-package-card *,
html body .listpgWraper .op-status-card,
html body .listpgWraper .op-status-card *,
html body .listpgWraper .op-packages-grid,
html body .listpgWraper .op-packages-grid *,
html body .listpgWraper .op-credits-num,
html body .listpgWraper .op-credits-total,
html body .listpgWraper .op-cta-btn,
html body .listpgWraper .op-popular-badge {
    font-weight: 700 !important;
}

/* ============================================================
   FIX — Panel empresa ancho uniforme como Métricas de ofertas
   Se activa solo cuando existe el menú lateral de empresa .tt-company-sidebar.
   ============================================================ */
@media (min-width: 1200px) {
    html body .listpgWraper .row > .tt-company-sidebar {
        flex: 0 0 260px !important;
        max-width: 260px !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar + [class*="col-"] {
        flex: 0 0 calc(100% - 260px) !important;
        max-width: calc(100% - 260px) !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar ~ [class*="col-"] {
        min-width: 0 !important;
    }

    html body .listpgWraper .container:has(.tt-company-sidebar) {
        max-width: 1500px !important;
        width: 96% !important;
    }
}

/* Fallback si el navegador no aplica :has(): deja más aire en páginas de empresa sin afectar contenido interno */
@media (min-width: 1200px) {
    html body .tt-company-sidebar {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ============================================================
   FIX — Panel empresa ancho uniforme + activo sidebar más visible
   Objetivo: que todos los paneles de empresa usen el ancho de Métricas.
   ============================================================ */

/* Sidebar activo normal: verde más visible, pero sin ser tan fuerte como hover */
html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a,
html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a:visited {
    background: #E2F8DE !important;
    color: #16A313 !important;
    font-weight: 700 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a i {
    color: #24C022 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li a:hover {
    background: #D6F5D0 !important;
    color: #14A313 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li a:hover i {
    color: #14A313 !important;
}

/* Ancho uniforme para TODAS las páginas del panel de empresa */
@media (min-width: 1200px) {
    html body .listpgWraper > .container,
    html body .listpgWraper > .container-fluid {
        max-width: 1500px !important;
        width: 96% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar {
        flex: 0 0 260px !important;
        max-width: 260px !important;
        width: 260px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar + .col-lg-9,
    html body .listpgWraper .row > .tt-company-sidebar + .col-md-9,
    html body .listpgWraper .row > .tt-company-sidebar + .col-sm-8,
    html body .listpgWraper .row > .tt-company-sidebar + [class*="col-"] {
        flex: 0 0 calc(100% - 260px) !important;
        max-width: calc(100% - 260px) !important;
        width: calc(100% - 260px) !important;
        min-width: 0 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* Las cajas internas no deben quedarse estrechas en páginas como Editar datos */
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .userccount,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .formpanel,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .myads,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .metrics-wrap {
    width: 100% !important;
    max-width: none !important;
}

/* En editar perfil, el card principal debe ocupar el ancho disponible como métricas */
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .userccount {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Evita que formularios internos se centren con ancho pequeño heredado */
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .formpanel {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ajuste responsive normal */
@media (max-width: 1199px) {
    html body .listpgWraper > .container,
    html body .listpgWraper > .container-fluid {
        width: 100% !important;
        max-width: 1140px !important;
    }
}

/* ============================================================
   FIX FINAL — Ancho solo para panel empresa, no perfil público
   Corrige:
   1) El perfil público de empresa no debe hacerse más ancho.
   2) Notificaciones y pantallas del panel sí deben usar ancho amplio.
   3) El botón Volver al panel se aclara para diferenciarse del fondo.
   ============================================================ */

/* Perfil público de empresa: volver al ancho normal del diseño público */
@media (min-width: 1200px) {
    html body .company-detail-page.listpgWraper > .container {
        max-width: 1140px !important;
        width: 100% !important;
    }
}

/* Ancho amplio solo cuando hay sidebar real de empresa */
@media (min-width: 1200px) {
    html body .listpgWraper > .container:has(.tt-company-sidebar),
    html body .listpgWraper > .container-fluid:has(.tt-company-sidebar) {
        max-width: 1500px !important;
        width: 96% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar {
        flex: 0 0 260px !important;
        max-width: 260px !important;
        width: 260px !important;
    }

    html body .listpgWraper .row > .tt-company-sidebar + .col-lg-9,
    html body .listpgWraper .row > .tt-company-sidebar + .col-md-9,
    html body .listpgWraper .row > .tt-company-sidebar + .col-sm-8,
    html body .listpgWraper .row > .tt-company-sidebar + [class*="col-"] {
        flex: 0 0 calc(100% - 260px) !important;
        max-width: calc(100% - 260px) !important;
        width: calc(100% - 260px) !important;
        min-width: 0 !important;
    }
}

/* Notificaciones: asegurar que el contenido no se quede estrecho */
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .userccount,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .userdashbox,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .user-dash-content,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .notificbox,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .myads,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .formpanel,
html body .listpgWraper .tt-company-sidebar + [class*="col-"] .metrics-wrap {
    width: 100% !important;
    max-width: none !important;
}

/* Activo del menú lateral: verde normal más visible y hover un poco más marcado */
html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a,
html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a:visited {
    background: #DFF7DB !important;
    color: #14A313 !important;
    font-weight: 700 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li.active a i {
    color: #18B918 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li a:hover {
    background: #CFF3C9 !important;
    color: #0F8F10 !important;
}

html body .listpgWraper .tt-company-sidebar ul.usernavdash li a:hover i {
    color: #0F8F10 !important;
}

/* Botón Volver al panel en perfiles públicos: blanco como el resto de botones */
html body .company-detail-page .jobButtons .tt-back-company-panel,
html body .userlinkstp .tt-back-candidate-panel {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    color: #253423 !important;
    box-shadow: 0 8px 18px rgba(37, 52, 35, .10) !important;
}

html body .company-detail-page .jobButtons .tt-back-company-panel i,
html body .userlinkstp .tt-back-candidate-panel i {
    color: #24C022 !important;
}

html body .company-detail-page .jobButtons .tt-back-company-panel:hover,
html body .userlinkstp .tt-back-candidate-panel:hover {
    background: #FF9F20 !important;
    border-color: #FF9F20 !important;
    color: #ffffff !important;
}

html body .company-detail-page .jobButtons .tt-back-company-panel:hover i,
html body .userlinkstp .tt-back-candidate-panel:hover i {
    color: #ffffff !important;
}

/* ============================================================
   FIX — Perfil empresa circular + notificaciones ancho métricas
   ============================================================ */

/* Imagen del perfil público de empresa circular */
html body .company-detail-page .candidateinfo .userPic,
html body .company-detail-page .candidateinfo .userPic a,
html body .company-detail-page .candidateinfo .userPic img,
html body .company-detail-page .job-header .jobinfo .candidateinfo .userPic,
html body .company-detail-page .job-header .jobinfo .candidateinfo .userPic img {
    border-radius: 50% !important;
}

html body .company-detail-page .candidateinfo .userPic {
    width: 100px !important;
    height: 100px !important;
    overflow: hidden !important;
    padding: 5px !important;
    background: #fff !important;
    border: 1px solid rgba(64,196,43,.22) !important;
    box-shadow: 0 0 20px rgba(0,0,0,.10) !important;
}

html body .company-detail-page .candidateinfo .userPic a {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

html body .company-detail-page .candidateinfo .userPic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: 2px solid #24C022 !important;
}

/* Refuerzo global para notificaciones si el CSS de Bootstrap gana */
@media (min-width: 1200px) {
    html body .tt-company-wide-container {
        max-width: 1500px !important;
        width: 96% !important;
    }

    html body .tt-company-wide-container .tt-company-sidebar {
        flex: 0 0 260px !important;
        max-width: 260px !important;
        width: 260px !important;
    }

    html body .tt-company-wide-container .tt-company-wide-content {
        flex: 0 0 calc(100% - 260px) !important;
        max-width: calc(100% - 260px) !important;
        width: calc(100% - 260px) !important;
    }
}

/* ============================================================
   FIX — Botón en "Ofertas activas" sin resultados: texto blanco
   ============================================================ */
html body .company-detail-page .nodatabox .viewallbtn a,
html body .company-detail-page .nodatabox .viewallbtn a:visited,
html body .company-detail-page .relatedJobs .nodatabox .viewallbtn a,
html body .company-detail-page .featuredlistrow .nodatabox .viewallbtn a {
    color: #ffffff !important;
    background: #24C022 !important;
    border-color: #24C022 !important;
    text-decoration: none !important;
}

html body .company-detail-page .nodatabox .viewallbtn a:hover,
html body .company-detail-page .relatedJobs .nodatabox .viewallbtn a:hover,
html body .company-detail-page .featuredlistrow .nodatabox .viewallbtn a:hover {
    color: #ffffff !important;
    background: #14A313 !important;
    border-color: #14A313 !important;
    text-decoration: none !important;
}

/* ============================================================
   FIX RESTAURACIÓN — Panel candidato estilo referencia
   Causa: el bloque original "Panel candidato estilo referencia" fue sustituido
   por reglas posteriores del panel empresa dentro de tutrabajo-panel-polish.css.
   Este bloque restaura el diseño SOLO cuando la página tiene elementos del
   dashboard de candidato: alerta CV, portada o perfil candidato.
   ============================================================ */

:root {
  --tt-ref-green-soft: #79D66A;
  --tt-ref-green: #40C42B;
  --tt-ref-orange: #FFA532;
  --tt-ref-dark: #253423;
  --tt-ref-muted: #6B7280;
  --tt-ref-border: #E7ECE5;
}

/* Scope principal del panel candidato */
body .listpgWraper:has(.userprofilealert),
body .listpgWraper:has(.usercoverphoto),
body .listpgWraper:has(.profileban) {
  background: #fff !important;
}

/* Menú lateral candidato */
body .listpgWraper:has(.userprofilealert) .usernavwrap,
body .listpgWraper:has(.usercoverphoto) .usernavwrap {
  background: transparent !important;
  box-shadow: none !important;
}

body .listpgWraper:has(.userprofilealert) .usernavwrap .switchbox,
body .listpgWraper:has(.usercoverphoto) .usernavwrap .switchbox {
  background: #F0FBEE !important;
  border: 1px solid #DDF3D9 !important;
  border-radius: 12px !important;
  min-height: 104px !important;
  padding: 22px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-bottom: 12px !important;
}

body .listpgWraper:has(.userprofilealert) .usernavwrap .switchbox .txtlbl,
body .listpgWraper:has(.usercoverphoto) .usernavwrap .switchbox .txtlbl {
  width: 100% !important;
  text-align: center !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--tt-ref-dark) !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash {
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash li,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li {
  margin: 0 0 2px !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash li a,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li a {
  min-height: 42px !important;
  padding: 11px 14px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #6B7280 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash li a i,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li a i {
  min-width: 18px !important;
  text-align: center !important;
  color: #7A7F8A !important;
  font-size: 15px !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash li.active a,
body .listpgWraper:has(.userprofilealert) ul.usernavdash li a:hover,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li.active a,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li a:hover {
  background: #F0FBEE !important;
  color: #24A824 !important;
}

body .listpgWraper:has(.userprofilealert) ul.usernavdash li.active a i,
body .listpgWraper:has(.userprofilealert) ul.usernavdash li a:hover i,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li.active a i,
body .listpgWraper:has(.usercoverphoto) ul.usernavdash li a:hover i {
  color: #40C42B !important;
}

/* Alerta CV incompleto */
body .listpgWraper:has(.userprofilealert) .userprofilealert {
  width: 100% !important;
  min-height: 60px !important;
  margin: 0 0 26px !important;
  padding: 0 18px !important;
  background: var(--tt-ref-orange) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  animation: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

body .listpgWraper:has(.userprofilealert) .userprofilealert h5 {
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body .listpgWraper:has(.userprofilealert) .userprofilealert h5 i {
  color: #fff !important;
  font-size: 18px !important;
}

body .listpgWraper:has(.userprofilealert) .userprofilealert .editbtbn {
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}

body .listpgWraper:has(.userprofilealert) .userprofilealert .editbtbn a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  padding: 0 18px !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #5F6673 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Tarjetas estadísticas candidato */
body .listpgWraper:has(.userprofilealert) ul.profilestat,
body .listpgWraper:has(.usercoverphoto) ul.profilestat {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin: 0 -8px 34px !important;
  padding: 0 !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat > li,
body .listpgWraper:has(.usercoverphoto) ul.profilestat > li {
  display: flex !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 16px !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox {
  width: 100% !important;
  min-height: 96px !important;
  height: 100% !important;
  border-radius: 10px !important;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(37, 52, 35, .08) !important;
  padding: 18px 18px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  text-align: left !important;
  text-decoration: none !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox::before,
body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox::after,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox::before,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox::after {
  display: none !important;
  content: none !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li:nth-child(1) .inbox,
body .listpgWraper:has(.userprofilealert) ul.profilestat li:nth-child(2) .inbox,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li:nth-child(1) .inbox,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li:nth-child(2) .inbox {
  background: var(--tt-ref-green-soft) !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li:nth-child(3) .inbox,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li:nth-child(3) .inbox {
  background: var(--tt-ref-green) !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li:nth-child(4) .inbox,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li:nth-child(4) .inbox {
  background: var(--tt-ref-orange) !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox i,
body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox h6,
body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox strong,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox i,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox h6,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox strong {
  color: #fff !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox i,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox i {
  font-size: 28px !important;
  line-height: 1 !important;
  opacity: 1 !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox h6,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox h6 {
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox strong,
body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox strong {
  display: block !important;
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
}

/* Portada del perfil candidato */
body .listpgWraper:has(.usercoverphoto) .usercoverphoto.tt-candidate-cover,
body .listpgWraper:has(.usercoverphoto) .usercoverphoto {
  min-height: 210px !important;
  border-radius: 12px !important;
  border: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
  margin-bottom: 30px !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-candidate-cover--empty {
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.42), transparent 24%),
    linear-gradient(135deg, #35C934 0%, #40C42B 42%, #9BE58F 100%) !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-cover-placeholder {
  min-height: 210px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  color: #fff !important;
  padding: 30px !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-cover-placeholder .tt-cover-eyebrow {
  display: inline-flex !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  background: rgba(37,52,35,.25) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  margin-bottom: 14px !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-cover-placeholder strong {
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-cover-placeholder small {
  color: rgba(255,255,255,.92) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

body .listpgWraper:has(.usercoverphoto) .tt-cover-edit {
  width: 42px !important;
  height: 42px !important;
  right: 18px !important;
  top: 18px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #40C42B !important;
  box-shadow: 0 8px 20px rgba(37,52,35,.12) !important;
}

body .listpgWraper:has(.usercoverphoto) .profileban {
  background: #F3FAF2 !important;
  border: 1px solid #E1F1DE !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  margin-bottom: 30px !important;
}

body .listpgWraper:has(.usercoverphoto) .profileban h4 {
  color: var(--tt-ref-dark) !important;
  font-weight: 700 !important;
}

/* Mis candidaturas */
body .listpgWraper:has(.userprofilealert) .profbox,
body .listpgWraper:has(.usercoverphoto) .profbox {
  margin-top: 8px !important;
}

body .listpgWraper:has(.userprofilealert) .profbox h3,
body .listpgWraper:has(.usercoverphoto) .profbox h3 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: 0 0 18px !important;
  color: var(--tt-ref-dark) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
}

body .listpgWraper:has(.userprofilealert) .profbox h3 a,
body .listpgWraper:has(.usercoverphoto) .profbox h3 a {
  color: #40C42B !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  body .listpgWraper:has(.userprofilealert) .userprofilealert {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 16px !important;
  }

  body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox {
    min-height: 90px !important;
  }
}

@media (max-width: 575px) {
  body .listpgWraper:has(.userprofilealert) ul.profilestat > li,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat > li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox {
    padding: 16px 12px !important;
    gap: 10px !important;
  }

  body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox i,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox i {
    font-size: 22px !important;
  }

  body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox h6,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox h6 {
    font-size: 22px !important;
  }

  body .listpgWraper:has(.userprofilealert) ul.profilestat li .inbox strong,
  body .listpgWraper:has(.usercoverphoto) ul.profilestat li .inbox strong {
    font-size: 10.5px !important;
  }
}


/* Fix TinyMCE: restaurar fuente de iconos del editor */
.mce-ico,
.mce-ico:before {
    font-family: 'tinymce' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none !important;
    line-height: 1 !important;
}

.mce-btn i,
.mce-btn .mce-ico {
    font-family: 'tinymce' !important;
}



/* Refuerzo por si el estilo general de .btn del perfil intenta pintarlo verde */
html body .company-detail-page .jobButtons a.btn.tt-back-company-panel,
html body .userlinkstp a.btn.tt-back-candidate-panel {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #253423 !important;
}


/* ============================================================
   PANEL CANDIDATO — menú redondeado y tipografía gris corporativa
   ============================================================ */

/* Menú lateral: contenedor y extremos redondeados */
.tt-candidate-sidebar .usernavdash {
  border: 1px solid #E6EBE3 !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.tt-candidate-sidebar .usernavdash > li:first-child > a {
  border-radius: 15px 15px 0 0 !important;
}

.tt-candidate-sidebar .usernavdash > li:last-child > a {
  border-radius: 0 0 15px 15px !important;
}

.tt-candidate-sidebar .usernavdash > li:only-child > a {
  border-radius: 15px !important;
}

/* Texto e iconos en gris corporativo */
.tt-candidate-sidebar .usernavdash li a,
.tt-candidate-sidebar .usernavdash li a i {
  color: #7D857A !important;
}

/* El activo y hover conservan verde corporativo */
.tt-candidate-sidebar .usernavdash li.active a,
.tt-candidate-sidebar .usernavdash li.active a i,
.tt-candidate-sidebar .usernavdash li a:hover,
.tt-candidate-sidebar .usernavdash li a:hover i,
.tt-candidate-sidebar .usernavdash li a:focus,
.tt-candidate-sidebar .usernavdash li a:focus i {
  color: #24C022 !important;
}

/* Encabezados del contenido del candidato */
.tt-candidate-sidebar-col ~ .col-lg-9 h1,
.tt-candidate-sidebar-col ~ .col-lg-9 h2,
.tt-candidate-sidebar-col ~ .col-lg-9 h3,
.tt-candidate-sidebar-col ~ .col-lg-9 h4,
.tt-candidate-sidebar-col ~ .col-md-9 h1,
.tt-candidate-sidebar-col ~ .col-md-9 h2,
.tt-candidate-sidebar-col ~ .col-md-9 h3,
.tt-candidate-sidebar-col ~ .col-md-9 h4,
.listpgWraper .profbox > h3,
.listpgWraper .profbox > h3 a {
  color: #7D857A !important;
}

/* Enlaces de títulos de recomendaciones/candidaturas no deben volver al verde */
.listpgWraper .profbox > h3 a:hover,
.listpgWraper .profbox > h3 a:focus {
  color: #7D857A !important;
}