:root{
  --anpdc-yellow:#ffd400;
  --anpdc-blue:#0b2a4a;
  --anpdc-red:#8b0000;
}

.anpdc-body{
  background: radial-gradient(1200px 600px at 10% 10%, rgba(255,212,0,.25), transparent 60%),
              radial-gradient(900px 500px at 90% 30%, rgba(11,42,74,.25), transparent 60%),
              #061a2e;
  color:#fff;
  min-height:100vh;
}

.fw-black{ font-weight: 900; }

.anpdc-navbar{
  background: linear-gradient(180deg, var(--anpdc-yellow), #f2c200);
  box-shadow: 0 12px 30px rgba(0,0,0,.20);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

.anpdc-logo{ height:64px; width:auto; }
.anpdc-brand-title{ color:var(--anpdc-blue); letter-spacing:.4px; }
.anpdc-brand-subtitle{ color: rgba(11,42,74,.85); font-weight:700; font-size:12px; }

.btn-anpdc{
  background: linear-gradient(180deg, var(--anpdc-red), #6e0000);
  color:#fff;
  border:0;
  font-weight:900;
  border-radius: 14px;
  box-shadow: 0 12px 24px rgba(139,0,0,.25);
}

.anpdc-main{ padding-top: 92px; } /* para fixed-top */

.anpdc-hero{
  padding: 70px 0;
}

.anpdc-badge{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  color:#fff;
  padding: 8px 12px;
  border-radius: 999px;
}

.anpdc-card{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  padding: 24px;
  backdrop-filter: blur(10px);
}

.anpdc-countdown{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.cd-box{
  min-width: 110px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  padding: 14px 14px;
  text-align:center;
}

.cd-num{
  font-size: 34px;
  font-weight: 900;
  line-height:1;
}

.cd-label{
  opacity:.75;
  margin-top:6px;
  font-weight:700;
  font-size:12px;
  letter-spacing:.5px;
  text-transform: uppercase;
}

.anpdc-footer{
  border-top: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
}

.anpdc-footer-link{
  color:#fff;
  opacity:.85;
  font-size: 20px;
  text-decoration:none;
}
.anpdc-footer-link:hover{ opacity:1; }
.min-vh-75{ min-height: 75vh; }

.anpdc-hero-wrap{
  margin-top: 0;
}
.min-vh-75{ min-height: 75vh; }

.anpdc-slide{
  position: relative;
  color:#fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.anpdc-slide-overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.25));
  z-index:1;
}

.anpdc-slide .container{
  position: relative;
  z-index: 2;
}

.anpdc-hero-badge{
  display:inline-flex;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  font-weight: 800;
}


/* Fondos de cada slide */
.anpdc-slide-1{ background-image: url('/site/img/hero/hero1.jpg'); }
.anpdc-slide-2{ background-image: url('/site/img/hero/hero2.jpg'); }
.anpdc-slide-3{ background-image: url('/site/img/hero/hero3.jpg'); }

/* ✅ Fondo tipo HERO (que cubra bien) */
.anpdc-slide{
  background-size: cover !important;
  background-position: top center !important;
  background-repeat: no-repeat !important;
}

/* para que el logo de fondo no quede gigante/quemado */
.anpdc-slide-1, .anpdc-slide-2, .anpdc-slide-3{
  background-repeat: no-repeat;
  background-size: 1200px auto;
  background-position: 85% 50%;
}

/* Indicadores más pro */
.carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

/* Botones deshabilitados pero bonitos */
a[aria-disabled="true"]{
  pointer-events:none;
  opacity:.75;
}
/* ===== ANPDC Cards ===== */

.anpdc-cards{
  background: #0b1e2a;
}

.anpdc-card-box{
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 30px 20px;
  transition: all .3s ease;
  backdrop-filter: blur(8px);
}

.anpdc-card-box:hover{
  transform: translateY(-8px);
  border-color: var(--anpdc-yellow);
  box-shadow: 0 20px 40px rgba(0,0,0,.3);
}

.anpdc-card-box h4{
  font-weight: 800;
  margin-bottom: 15px;
}

.anpdc-card-box p{
  opacity: .75;
  font-size: 14px;
}

.anpdc-card-icon{
  font-size: 40px;
  color: var(--anpdc-yellow);
}
.card-img-top{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.card:hover img{
  transform: scale(1.05);
  transition: .4s ease;
}