@media only screen and (min-width: 0px) and (max-width: 640px){
    .nav-space{
        margin-left: 0 !important;
    }
    .banner-text{
        padding-right: 1rem !important;
    }
    .logo-db{
        margin-left: 0rem !important;
        text-align: center;
    }
    .space-user{
        margin: 0 auto !important;
    }
    .timelapse-container img{
        width: 80% !important;
    }
    .padding-space{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .footer-social-media{
        text-align: center !important;
    }
    .footer-privacy{
        text-align: center !important;
    }
    .text-line{
        margin-top: 7rem !important;
    }
    .jump-container img{
        width: 90% !important;
    }
    .btn-cursos{
        text-align: center !important;
        margin-top: 1rem !important;
    }
    .aling-center{
        text-align: center !important;
    }
    .admin-nav{
        padding: 9rem 2rem 0rem 2rem !important;
    }
    .carousel-team{
        width: 280px !important;
    }
    .banner-text-container{
        text-align: center;
    }
    .curso-content-container img{
        width: 100% !important;
    }
    .cortesia-btn{
        text-align: center !important;
    }
    .search-space{
        margin-right: 0rem !important;
    }
}
@media only screen and (min-width: 641px) and (max-width: 1200px){
    .nav-space{
        margin-left: 0 !important;
    }
    .banner-text{
        padding-right: 1rem !important;
    }
    .logo-db{
        margin-left: 0rem !important;
        text-align: center;
    }
    .space-user{
        margin: 0 auto !important;
    }
    .timelapse-container img{
        width: 80% !important;
    }
    .padding-space{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .footer-social-media{
        text-align: center !important;
    }
    .footer-privacy{
        text-align: center !important;
    }
    .text-line{
        margin-top: 7rem !important;
    }
    .jump-container img{
        width: 50% !important;
    }
    .btn-cursos{
        text-align: center !important;
        margin-top: 1rem !important;
    }
    .aling-center{
        text-align: center !important;
    }
    .margin-footer-space{
    margin-bottom: 10rem !important;
    }
    .admin-nav{
        padding: 9rem 2rem 0rem 2rem !important;
    }
    .curso-content-container img{
        width: 90% !important;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1500px){
    .padding-space{
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .margin-footer-space{
         margin-bottom: 12rem !important;
    }
    .curso-content-container img{
        width: 60% !important;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 2000px){
    .padding-space{
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .margin-footer-space{
         margin-bottom: 20rem !important;
    }
    .curso-content-container img{
        width: 60% !important;
    }
}

@media only screen and (min-width: 2001px) {
    .padding-space{
        padding-left: 13rem !important;
        padding-right: 13rem !important;
    }
    .margin-footer-space{
         margin-bottom: 25rem !important;
    }
    .curso-content-container img{
        width: 60% !important;
    }
}


/* estilos generales */
body{
    font-family: 'Poppins', sans-serif !important;
}
a{
    text-decoration: none !important;
}
.padding-space{
    padding-left: 5rem ;
    padding-right: 5rem ;
}
.text-justify{
    text-align: justify;
}
.img-container img{
    width: 100%;
}

/* estilos texto */
h1{
    font-family: 'Comfortaa', cursive;
    color: #6f1ede;
    font-size: 2.5rem !important;
}
h2{
    font-family: 'Comfortaa', cursive;
    color: #41eae2;
    font-size: 2rem !important;
}
h3{
    font-family: 'Comfortaa', cursive;
    color: #353535;
    font-size: 1.5rem !important;
}
h4{
    font-family:  'Poppins', sans-serif;
    color: #353535;
    font-size: 1.5rem !important;
}
h5{
    font-family:  'Poppins', sans-serif;
    color: #6f1ede;
    font-size: 1rem !important;
}
h6{
    font-size: 2.5rem !important;
    font-family: 'Comfortaa', cursive;
}
p{
    font-family: 'Poppins', sans-serif;
    color: #353535;
}
.small-text{
    color: #505050;
    font-size: small;
}
.big-text{
    font-size: 1.5rem !important;
}
.bold-text{
    font-weight: 700 !important;
}
.modal-title{
    font-family: 'Comfortaa', cursive;
    color: #6f1ede;
    font-size: 1.5rem;
}
.a-text{
    color: #6f1ede;
}
.a-text:hover{
    color: #41eae2;
}

/* colores texto */
.text-purple{
    color: #6f1ede !important;
}
.text-gray-dark{
    color: #4b4b4b !important;
}
.text-gray-soft{
    color: #686666 !important;
}
.text-blue{
    color: #41eae2 !important;
}
.text-blue-dark{
    color: #4398e9 !important;
}
.text-white{
    color: #ffffff !important;
}
.text-green{
    color: #8daf71 !important;
}
.text-green-dark{
    color: #5ebd10 !important;
}
.text-red{
    color: #b13636 !important;
}
.text-orange{
    color: #ff970f !important;
}
.text-yellow{
    color: #fdcc87 !important;
}

/* colores fondo */
.bg-purple{
    background-color: #6f1ede !important;
}
.bg-dark{
    background-color: #353535 !important;
}
.bg-blue{
    background-color: #41eae2 !important;
}
.bg-blue-soft{
    background-color: #ebfcfc !important;
}
.bg-purple-soft{
    background-color: #f0e8fc !important;
}
.blue-line{
    height: 2px;
    background-color: #41eae2;
}
.gray-line{
    height: 2px;
    background-color: #d6d6d6;
}
/* estilos botones */

.btn-cta{
    color: #ffffff !important;
    background-image: linear-gradient(to right, #ffd188 , #fc6586);
    border-radius: 2rem !important;
    border: 1px !important;
}
.btn-cta:hover{
    background-image: linear-gradient(to right, #eeb965 , #f15073);
}
.btn-gradient{
    color: #ffffff !important;
    background-image: linear-gradient(to right, #41eae2 , #6f1ede);
    border-radius: 2rem !important;
    border: 1px !important;
}
.btn-purple-solid{
    color: #ffffff !important;
    background-color: #6f1ede !important;
    border-radius: 2rem !important;
    border: 2px solid #6f1ede !important;
}
.btn-purple-solid:hover{
    background-color: #8a3ef5 !important;
    border: 2px solid #8a3ef5 !important;
}
.btn-purple-line{
    color: #6f1ede !important;
    border-radius: 2rem !important;
    border: 2px solid #6f1ede !important;
}
.btn-purple-line:hover{
    color: #ffffff !important;
    background-color: #6f1ede ;
}
.btn-blue-solid{
    color: #ffffff !important;
    background-color: #41eae2 !important;
    border-radius: 2rem !important;
    border: 2px solid #41eae2 !important;
}
.btn-blue-solid:hover{
    background-color: #33bbb4 !important;
    border: 2px solid #33bbb4 !important;
}
.btn-blue-line{
    color: #41eae2 !important;
    border-radius: 2rem !important;
    border: 2px solid #41eae2 !important;
}
.btn-blue-line:hover{
    color: #ffffff !important;
    background-color: #41eae2;
}
.btn-white{
    color: #ffffff !important;
    border-radius: 2rem !important;
    border: 2px solid #ffffff !important;
}
.btn-white:hover{
    color: #6f1ede !important;
    background-color: #ffffff !important;
    border: 2px solid #ffffff !important;
}
.btn-sumit{
    color: #ffffff !important;
    background-color: #5ebd10 !important;
    border-radius: 2rem !important;
    border: 2px solid #5ebd10 !important;
}
.btn-sumit:hover{
    background-color: #4e9614 !important;
    border: 2px solid #4e9614 !important;
}
.btn-cancel{
    color: #ffffff !important;
    background-color: #b13636 !important;
    border-radius: 2rem !important;
    border: 2px solid #b13636 !important;
}
.btn-cancel:hover{
    background-color: #922c2c !important;
    border: 2px solid #922c2c !important;
}
.btn-gray{
    color: #ffffff !important;
    background-color: #666666 !important;
    border-radius: 2rem !important;
    border: 2px solid #666666 !important;
}

/* estilos forms */
.form-label{
    color: #6f1ede ;
}
.form-control{
    border: 1px solid #41eae2 !important;
    border-radius: 2rem !important;
}
.form-select{
    border:  1px solid #41eae2 !important;
    border-radius: 2rem !important;
}

/* estilos tablas */
thead{
    color: #6f1ede;
    font-weight: 400 !important;
}
tbody{
    color: #353535;
}
.table-striped>tbody>tr:nth-of-type(odd){
    --bs-table-accent-bg: none !important;
}

/* menú */
.nav-space{
    margin-left: 15%;
}

/* buscador */
.search-box input{
    border: #41eae2 1px solid;
    border-radius: 2rem 0 0 2rem !important;
}
.search-box button{
    border: #41eae2 1px solid;
    background-color: #41eae2;
    border-radius: 0 2rem 2rem 0;
}


.gradient-line{
    height: 3px;
    background-image: linear-gradient(to left, #6f1ede ,  #41eae2);
}
.social-media a{
    font-size: 2rem;
    color: #ffffff !important;
}
.social-media a:hover{
    color: #41eae2 !important;
}
.bottom-line{
    border-bottom: #41eae2 2px solid;
}

/* footer */
.footer{
    padding: 3rem 0;
}
.footer-nav{
    margin: 2rem 0 0 0 !important;
}
.footer-nav a:hover{
    color: #41eae2 !important;
}
.footer-social-media{
    text-align: end;
}
.copy-right{
    text-align: left;
}
.footer-nav ul li{
    list-style-type: none;
}
.footer-privacy{
    text-align: start;
}

/* principal banner */
.banner{
    background-image: url(../img/bg-360.png);
    padding: 5rem;
    background-size: cover;
}
.banner-text{
    font-size: 1rem;
    color: #ffffff;
    padding-right: 9rem;
}
.search-space{
    margin-right: 7rem;
}

/* home cursos section */
.cursos-section{
    position: relative;
}
.cursos-card{
    border: none !important;
    box-shadow: 0px 0px 7px 0px #8888887a;
}
.instructores-section{
    margin-top: -7rem !important;
}
.instructores-card{
    border: none !important;
    box-shadow: 0px 0px 7px 0px #8888887a;
}
.carousel-control-prev-icon{
    background-color: #41eae2;
    border-radius: 3rem;
}
.carousel-control-next-icon{
    background-color: #41eae2;
    border-radius: 3rem;
}

.planes-section{
    position: relative;
}

.last-section{
    background-image: url(../img/bg-footer.png);
    background-size: cover;
    background-position: center;
}

.form-container{
    box-shadow: 0px 0px 5px 0px #888888c4;
    border-radius: .3rem;
}
.hover-blue:hover{
    color: #41eae2 !important;
}
.img-login{
    background-image: url(../img/bg-login.png);
    height: 100%;
}
.img-contact{
    background-image: url(../img/bg-contact.png);
    height: 100%;
}
.top-radious{
    border-radius: .3rem .3rem 0 0;
}
.border-blue{
    border:#41eae2 1px solid;
    border-radius: .3rem ;
}

/* dashboard */
.user-name{
    text-align: end;
}
.jump-container img{
    width: 90%;
}
.logo-db{
    margin-left: 3rem;
}
.space-user{
    margin-left: 55% ;
}
.text-line{
    margin-top: 4rem;
}
.btn-cursos{
    text-align: right;
    margin-top: 4rem;
}

/* checkout */
.timelapse-container img{
    width: 70%;
}

/* Emprendedor 360 */
.border-radius{
    border-radius: .5rem;
}
.accordion-item{
    background-color:#41eae2 !important;
    border: 1px solid rgb(0 0 0 / 0%) !important;
}
.accordion-body{
    background-color: #ffffff !important;
}
.accordion-button:not(.collapsed){
    color: #6f1ede !important;
    background-color: #ebfcfc !important;
}
.accordion-button::after{
    margin-right: 1rem;
}
.icon-container-top{
    border-radius: .2rem 0 0 0;
}
.contenido-space{
    margin: 0 1.5rem !important;
}

/* contenido modulos  */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #4b4b4b !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    color: #6f1ede !important;
    background-color: #ffffff !important;
}
.form-check-input:checked{
    background-color: #41eae2 !important;
    border-color: #33bbb4 !important;
}

/* configuración */

.btn-panel{
    vertical-align: bottom;
}


.margin-footer-space{
    margin-bottom: 5rem;
}

/* administrador */
.admin-nav{
    padding: 6rem 2rem 0rem 2rem !important;
}
.admin-container{
    box-shadow: 0px 0px 2px 0px #888888;
    padding: 1rem;
    border-radius: .2rem;
}

/* customice datatables */
.page-item.active .page-link{
    background-color: #f0e8fc !important;
}

.carousel-team{
    margin: 0 auto;
    width: 320px;
}

.firmas-container{
    position: relative;
}
.firma-1{
    position: absolute;
    bottom: 17px;
    right: 50%;
}
.firma-2{
    position: absolute;
    bottom: 15px;
    right: 26%;
}
.action-text{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;
    color:#41eae2;
}
.oppacity{
    opacity: .5;
}
.video_container video{
    width: 100%;
}

/* cta container */
.cta{
    color: #ffffff !important;
    border-radius: 2rem 0 0 2rem !important;
    background-image: linear-gradient(to right, #ffd188 , #fc6586);
}
.cta:hover{
    background-image: linear-gradient(to right, #eeb965 , #f15073);
}
.cta p{
    color: #ffffff !important;
    font-size: 1rem;
    padding: 14px 10px 0 15px;
}
.cta{
    position: fixed;
    right: 0px;
    top: 100px;
    z-index: 10;
}
.curso-content-container img{
    width: 80%;
}

.cortesia-btn{
    text-align: end;
}

.text-italic{
    font-style: italic;
}

.catalog-container{
    border: #6f1ede 2px solid;
    border-radius: 1rem;
    overflow: hidden; /* Evita que el contenido sobresalga */
    background: #fff;
}

@media only screen and (max-width: 1200px) {
  h2 {
    font-size: 1.3rem !important;
    white-space: normal !important;
    word-break: break-word !important;
  }
}