/*<css-9434>*/.nav-tabs > .nav-item{
	font-family:Mont-Heavy;
}
.nav-tabs > .nav-item > .nav-link.active{
    background-color: #00b16b;
    color: white;
    border: none;
	transition:all 1s ease;
}

.nav-tabs > .nav-item > a:hover{
	color:#00b16b;
}
.nav-tabs > .nav-item > a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0; 
  height: 2px;
  background-color: #00b16b; 
  transition: width 0.3s ease;
}

.nav-tabs > .nav-item > a:hover::after {
  width: 100%;
}
.btn-border-rounded{
	border-radius: 15px;
}

/*------animacion intro------*/
.caja {
   
    
    opacity: 0;
    transform: translateY(50px);
    animation: aparecer 1s ease forwards;
    animation-play-state: paused; /* Pausada inicialmente */
}

/* Se activa cuando el scroll llega a cierta posición */
.caja:nth-child(1) { animation-delay: 0.1s; }
.caja:nth-child(2) { animation-delay: 0.3s; }
.caja:nth-child(3) { animation-delay: 0.5s; }

/* La animación en sí */
@keyframes aparecer {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Simulación de detección de scroll (alternativa experimental) */
@supports (animation-timeline: view()) {
    .caja {
        animation-timeline: view();
        animation-range: entry 50% cover 50%; /* Experimental */
    }
}

/* ___________________________________*/
/*            CARD 3D                 */
/* ___________________________________*/
.card3d-father{
	perspective: 1000px;
	-webkit-box-reflect: below 0px linear-gradient(to top, rgb(0 0 0 / 45%), rgb(245 242 242 / 0%) 60px)
}

.card3d-father:hover .card3d{
	transform: rotateY(180deg);
}

.card3d{
	width: 100%;
	position: relative;
	transform-style: preserve-3d;
	transition: all 900ms;
	border-radius: 22px;
}

.card3d-front{
	background-size: cover;
	background-position: center;
}


.card3d-front,
.card3d-back{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	border-radius: 21px;
	border:1px solid #d1d9d5;
}

.card3d-back{
	transform: rotateY(180deg);
	background: white;
}

.card3d-body-front{
	height: 100%;
	padding: 40px;
	justify-content: center;
	align-items: center;
	color: #fff;
	transform: translateZ(60px);
	place-content: center;
	text-align: center;
}

.card3d-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgb(0 0 0 / 0.05);
	border-radius: 20px;
}

.card3d-body-back{
	padding: 35px;
	text-align: justify;
	/*transform: translateZ(60px);*/
}


@media (max-width: 575px) {
	.dv-e-mtv-contenido-div{
		margin-top:20px;
		margin-bottom:20px;
	}
}/*</css-9434>*/