/* ===== Header solo aquí ===== */
.page-convocatorias header{
  position: relative;
  z-index: 1000;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* ===== HERO ===== */
.hero-convo{
  position: relative;
  z-index: 0;
  width:100%;
  background: linear-gradient(180deg, rgba(6,71,143,0.90) 0%, rgba(6,71,143,0.78) 100%);
  color:#fff; margin:0; border:0;
}
.hero-inner{ padding:56px 0 48px; }
.hero-title{ font-weight:800; margin:0 0 8px 0; text-shadow:0 2px 12px rgba(0,0,0,.25); }
.hero-subtitle{ opacity:.95; margin:0; max-width:920px; }
@media (max-width:768px){
  .hero-inner{ padding:36px 0 32px; }
  .hero-title{ font-size:1.6rem; }
}

/* ===== Tabla / botones ===== */
.nav-convo .nav-link{
  font-weight:600; border-radius:10px; margin-right:6px;
  border:1px solid #e5e7eb; background:#f8fafc; color:#06478f;
  cursor:pointer; user-select:none; padding:.5rem 1rem;
}
.table-wrap{
  background:#ffffff; border:1px solid #e5e7eb; border-radius:14px; padding:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}
.table thead th{
  background:#06478f; color:#fff; font-weight:700;
  font-size:.9rem; text-transform:uppercase; text-align:center; vertical-align:middle;
}
.table td{ text-align:center; vertical-align:middle; }
.btn-doc{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .6rem; font-size:.8rem; border-radius:8px;
}
.btn-doc i{ font-size:.9rem; }
.btn-doc[href="#"]{ pointer-events:none; opacity:.45; }

/* ===== “Tabla a cards” en móvil ===== */
@media (max-width: 768px){
  .table thead{ display:none; }
  .table tbody tr{
    display:block; margin-bottom:12px; background:#fff;
    border:1px solid #e5e7eb; border-radius:12px; padding:8px 10px;
  }
  .table tbody td{
    display:flex; justify-content:space-between; align-items:center;
    border:0 !important; padding:10px 8px;
  }
  .table tbody td::before{
    content: attr(data-label);
    font-weight:700; color:#06478f; margin-right:10px; text-align:left;
  }
}

/* ===== TABS CSS (radio) ===== */
.tabs-convo{}

/* oculta radios */
.tabs-convo .tab-radio{ display:none; }

/* pane oculto por default */
.tabs-convo .tab-panels .tab-pane{ display:none; }

/* activa visual del “botón” (label) cuando el radio está checked */
#tab-276:checked ~ .nav .nav-link[for="tab-276"],
#tab-728:checked ~ .nav .nav-link[for="tab-728"],
#tab-cas:checked  ~ .nav .nav-link[for="tab-cas"]{
  background:#06478f; color:#fff; border-color:#06478f;
}

/* muestra el pane correspondiente */
#tab-276:checked ~ .tab-panels #pane-276{ display:block; }
#tab-728:checked ~ .tab-panels #pane-728{ display:block; }
#tab-cas:checked  ~ .tab-panels #pane-cas{  display:block; }


/* ===== Botón VER con estados automático por href ===== */
.btn-ver{
  display:inline-flex; align-items:center; gap:.35rem;
  padding:.35rem .75rem; font-size:.8rem; border-radius:8px;
  border:1px solid transparent; line-height:1;
  transition:all .15s ease-in-out;
  min-width:76px; justify-content:center;
}

/* SIN enlace (desactivado): href="#" */
.btn-ver[href="#"],
.btn-ver[aria-disabled="true"]{
  background:#eef2f7;                 /* gris claro */
  color:#8a96a3;                       /* gris texto */
  border-color:#e5e7eb;
  cursor:not-allowed;
  pointer-events:none;
}
.btn-ver[href="#"] i{ color:#a3afba; }

/* CON enlace válido (activo) */
.btn-ver:not([href="#"]){
  background:#22c55e;                  /* verde */
  color:#fff;
  border-color:#16a34a;
  box-shadow:0 2px 6px rgba(34,197,94,.25);
}
.btn-ver:not([href="#"]):hover{
  filter:brightness(.95);
}
.btn-ver:not([href="#"]) i{ color:#fff; }


/* Altura de la barra para esta página */
.page-convocatorias {
  --nav-h: 72px;              /* ajusta si tu navbar es más alto/bajo en desktop */
}

/* Compensar el fixed-top: despega el héroe del navbar */
.page-convocatorias .hero-convo{
  padding-top: calc(var(--nav-h) + 8px);  /* 8px extra “aire”, opcional */
  margin-top: 0 !important;
}

/* En móviles la barra suele ser un poco más alta por el botón del offcanvas */
@media (max-width: 991.98px){
  .page-convocatorias{ --nav-h: 80px; }   /* ajusta si lo ves necesario */
}

/* Opcional: sin sombra/borde para que el héroe quede “pegado” visualmente */
.page-convocatorias .navbar.fixed-top{
  box-shadow: none !important;
  border-bottom: 0 !important;
}