/* =========================================================
   DESCARGOS · ÍNDICE GENERAL
   /descargos/
   ========================================================= */

.descargos-hero{
  background:
    radial-gradient(circle at 84% 18%,rgba(0,165,165,.26),transparent 28%),
    radial-gradient(circle at 68% 90%,rgba(182,221,86,.10),transparent 28%),
    linear-gradient(135deg,#273b38 0%,#3D4B49 70%,#233b38 100%);
}

.descargos-hero .hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
  position:relative;
  z-index:2;
}

.descargos-hero .hero-meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.07);
  color:#E6EFED;
  font-size:11px;
  font-weight:750;
}

.pad-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--content-gap);
}

.pad-card{
  position:relative;
  overflow:hidden;
  min-height:238px;
  display:flex;
  flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:4px solid var(--sunarp-teal);
  border-radius:var(--radius);
  padding:22px;
  box-shadow:0 8px 22px rgba(28,47,43,.04);
}

.pad-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-70px;
  bottom:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,165,165,.10),transparent 70%);
  pointer-events:none;
}

.pad-card:nth-child(2){border-top-color:var(--sunarp-yellow)}
.pad-card:nth-child(3){border-top-color:var(--sunarp-lime)}

.pad-card .pad-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:10px;
  background:#E1F6F5;
  color:#006F6F;
  font-size:12px;
  font-weight:900;
}

.pad-card:nth-child(2) .pad-number{background:#FFF1CC;color:#7A5400}
.pad-card:nth-child(3) .pad-number{background:#EFF8D9;color:#56780E}

.pad-card h3{
  margin:15px 0 6px;
  font-size:19px;
}

.pad-card .pad-subtitle{
  min-height:42px;
  color:var(--muted);
  font-size:12px;
  line-height:1.55;
}

.pad-card .pad-stats{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:15px;
}

.pad-card .pad-count{
  font-size:12px;
  font-weight:850;
  color:var(--sunarp-charcoal);
}

.pad-card .pad-state{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#E1F6F5;
  color:#006F6F;
  font-size:10px;
  font-weight:850;
}

.pad-card.is-empty .pad-state{
  background:#F2F4F3;
  color:#73817E;
}

.pad-card .pad-actions{
  display:flex;
  gap:8px;
  margin-top:auto;
  padding-top:18px;
  position:relative;
  z-index:2;
}

.pad-card .btn-pad{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 13px;
  border-radius:10px;
  background:var(--sunarp-charcoal);
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
}

.pad-card .btn-pad:hover{filter:brightness(1.06)}
.pad-card .btn-pad.disabled{
  pointer-events:none;
  cursor:default;
  background:#EEF1F0;
  color:#7A8784;
}

.descargos-repo{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:0 8px 22px rgba(28,47,43,.04);
  overflow:hidden;
}

.descargos-repo-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:20px 20px 0;
}

.descargos-source{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--muted);
  font-size:11px;
}

.descargos-source::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--sunarp-teal);
}

.descargos-filters{
  display:grid;
  grid-template-columns:180px 180px 180px minmax(260px,1fr) auto;
  gap:10px;
  padding:16px 20px;
  border-bottom:1px solid var(--line);
}

.descargos-filter label{
  display:block;
  margin:0 0 5px;
  color:#72817E;
  font-size:9px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.descargos-control{
  width:100%;
  min-height:38px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  padding:8px 10px;
  color:var(--sunarp-charcoal);
  font-size:12px;
}

.descargos-filter-actions{
  display:flex;
  align-items:flex-end;
}

.descargos-clear{
  min-height:38px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  padding:8px 12px;
  cursor:pointer;
  color:var(--sunarp-charcoal);
  font-size:12px;
  font-weight:800;
}

.descargos-table-wrap{width:100%;overflow:auto}

.descargos-table{
  width:100%;
  min-width:1080px;
  border-collapse:collapse;
  font-size:11px;
}

.descargos-table th{
  padding:10px 12px;
  border-bottom:1px solid var(--line);
  background:#F4F7F6;
  color:#6C7A77;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
  text-align:left;
  text-transform:uppercase;
  white-space:nowrap;
}

.descargos-table td{
  padding:12px;
  border-bottom:1px solid #EDF1F0;
  color:#33433F;
  vertical-align:top;
  line-height:1.45;
}

.descargos-table tbody tr:hover{background:#FBFCFC}
.descargos-table tbody tr:last-child td{border-bottom:0}

.descargos-doc-link{
  color:#006F6F;
  font-weight:850;
  text-decoration:none;
}

.descargos-doc-link:hover{text-decoration:underline}

.descargos-status{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#E1F6F5;
  color:#006F6F;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
}

.descargos-status.is-pending{background:#FFF1CC;color:#7A5400}

.descargos-empty{
  padding:28px!important;
  text-align:center;
  color:var(--muted)!important;
}

.descargos-repo-foot{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  padding:12px 20px;
  border-top:1px solid var(--line);
  background:#FBFCFC;
  color:var(--muted);
  font-size:10px;
}

@media(max-width:1180px){
  .pad-grid{grid-template-columns:1fr 1fr}
  .descargos-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .descargos-filter-search{grid-column:1 / -1}
}

@media(max-width:700px){
  .pad-grid{grid-template-columns:1fr}
  .pad-card{min-height:0}
  .descargos-repo-head{align-items:flex-start;flex-direction:column}
  .descargos-filters{grid-template-columns:1fr}
  .descargos-filter-search{grid-column:auto}
  .descargos-filter-actions{align-items:stretch}
  .descargos-clear{width:100%}
}