:root{

  --secundario:#C1E0E6;

}



/* WRAPPER */

.carrusel-wrapper{

  position:relative;

  padding:110px 0 140px;

  overflow-x:hidden;

  overflow-y:visible;

}



/* TRACK */

.carrusel{

  display:flex;

  gap:25px;

  transition:transform .10s ease;

}



/* SLIDE */

.slide{

  flex:0 0 calc(33.333% - 25px);

  padding:15px 0;

}



/* CARD */

.card{

  background:var(--color,#002A6C);

  color:var(--texto,#C1E0E6); /* ← COLOR LETRA */

  height:680px;

  border-radius:18px;

  overflow:hidden;

  display:flex;

  flex-direction:column;

  justify-content:space-between;

  transition:.3s;

}

.card:hover{

  transform:translateY(-14px) scale(1.05);

  z-index:10;

}



.card img{

  width:100%;

  height:240px;

  object-fit:cover;

}



.card-content{

  padding:18px;

}



.card a{

  display:inline-block;

  margin-top:10px;

  padding:9px 18px;

  border-radius:30px;



  background:var(--btn-bg,#C1E0E6);

  color:var(--btn-text,#002A6C);



  text-decoration:none;

  font-weight:bold;

  transition:.3s ease;

}

.card a:hover{

  transform:scale(1.08);

  filter:brightness(1.1);

}

/* CONTROLES */

.controles{

  display:flex;

  justify-content:center;

  align-items:center;

  gap:18px;

  margin-top:35px;

}



.nav-btn{

  width:48px;

  height:48px;

  border-radius:50%;

  border:none;

  background:#002A6C;

  color:#DEFFD5;

  font-size:22px;

  cursor:pointer;

  transition:.3s;

}



.nav-btn:hover{

  transform:scale(1.15);

	background:#DEFFD5;

  color:#002A6C;

}



/* DOTS */

.dots{display:flex;gap:8px;}



.dot{

  width:10px;

  height:10px;

  background:#ccc;

  border-radius:50%;

  cursor:pointer;

}



.dot.active{

  background:#C1E0E6;

  transform:scale(1.3);

}



/* PROGRESS */

.progress-container{

  position:absolute;

  bottom:0;

  width:100%;

  height:4px;

  background:#eee;

}



.progress-bar{

  height:100%;

  width:0%;

  background:#C1E0E6;

}



/* RESPONSIVE */

@media(max-width:1024px){

  .slide{flex:0 0 calc(50% - 25px);}

}



@media(max-width:600px){

  .slide{flex:0 0 100%;}

}