@font-face {
    font-family: 'Cursiva';
    src: url('assets/fonts/IntroScript-Black.woff2') format('woff2'); /* Fuente regular */
    font-weight: 500; /* Peso normal */

    /* Agrega otras variantes de peso si las tienes */
    src: url('assets/fonts/IntroScript-Bold.woff2') format('woff2'); /* Fuente regular */
    font-weight: 700; /* Peso negrito */

    src: url('assets/fonts/IntroScript-SemiBold.woff2') format('woff2'); /* Fuente regular */
    font-weight: 600; /* Peso ligero */

    src: url('assets/fonts/IntroScript-Medium.woff2') format('woff2'); /* Fuente regular */
    font-weight: 400; /* Peso ligero */

    src: url('assets/fonts/IntroScript-Light.woff2') format('woff2'); /* Fuente regular */
    font-weight: 300; /* Peso ligero */

    src: url('assets/fonts/IntroScript-Thin.woff2') format('woff2'); /* Fuente regular */
    font-weight: 200; /* Peso ligero */
    
}

@font-face {
    font-family: 'Goodies';
    src: url('assets/fonts/IntroScriptGoodies-Banners.woff2') format('woff2'); /* Fuente regular */
    font-style: 'banner'; /* Peso normal */

    src: url('assets/fonts/IntroScriptGoodies-Patterns.woff2') format('woff2'); /* Fuente regular */
    font-style: 'pattern'; /* Peso normal */

    src: url('assets/fonts/IntroScriptGoodies-Words.woff2') format('woff2'); /* Fuente regular */
    font-style: 'words'; /* Peso normal */
}

body{    
    
}

.font-cursiva{
    font-family: 'Cursiva';
}

a{
    text-decoration: none;
}
a:hover{
    /* text-decoration: underline; */
}

main ul {
    list-style: none; /* Elimina las viñetas predeterminadas */
    padding-left: 0; /* Elimina el espacio izquierdo predeterminado */
}
  
main ul li {
    padding-left: 30px; /* Espacio para la viñeta personalizada */
    position: relative;
    margin-bottom: 2em;
}

main iframe{
    width: 100% !important;
    max-height: 250px !important;
    margin-bottom: 20px;    
}
  
main ul li::before {
    content: "\2022"; /* Código del punto (viñeta) */
    color: orange; /* Color de la viñeta */
    display: inline-block;
    width: 50px;
    font-size: 50px;
    margin-left: -30px; /* Ajuste para centrar la viñeta */
    margin-top: -30px;
    position: absolute;
}


.bg-warning{
    background-color: #EA5731 !important;
}

.border-right{
    background-color: white !important;
}

.navbar-dark *{
    color: white !important;
}

.navbar-dark .nav-link a{
    font-weight: lighter;
}

.brand{
    position:relative;    
    height: 80px;
}

.brand img{
    position:absolute;
    height: 150px;
    top: -30px;
}

.bg-yellow{
    background-color: #FFB700 !important;
}

.bg-darkblue{
    background-color: #232F58;
}
.btn-darkblue{
    background-color: #232F58;
    color: white !important;
}
.border-darkblue-2{
    background-color: #232F58 !important;
    border-color: #232F58 !important;
    border-width: 2px !important;
    height: 2px !important;
    opacity: 1;
}
.bg-celeste{
    background-color: #60D199;
}

.text-info{
    color: #092762 !important;
}

.text-yellow{
    color: #FFE600;
}

.bg-lightgreen{
    background-color: #C7CD2A;
}

.bg-ultralightgreen{
    background-color: #EBF23B;
}

.biblio-item{
    min-height: 420px;
    max-height: 500px;
}

.w-80{
    width: 80%;
}

.h-40p{
    height: 40px;
}

#procesos-formacion .carousel-control-prev{
    position: absolute;
    /* background-color: black; */
    width: 100px;
    left: -90px;
}
#procesos-formacion .carousel-control-next{
    position: absolute;
    /* background-color: black; */
    width: 100px;
    right: -90px;
}

.pdf-item{
    min-height: 400px;
    max-height: 500px;
    border: 2px solid #F4AB07;
    border-radius: 30px;
    position: relative;
}

.pdf-item .div-border{
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 100%;

}

.carousel-indicators{
    bottom: -50px;
}

.w-100-position-absolute{
    position: absolute;
    left: 0;
    right: 0;
}

body.miembro-del-equipo{
    background-color: #BA173C;
}

.bg-purple{
    background-color: #BA173C;
}

.text-purple{
    color: #4F1157;
}
.bg-purple-2{
    background-color: #4F1157;
}
.text-pink{
    color: #D3165E;
}
.text-gray{
    color: gray;    
}

.bg-purple-o7{
    background-color:rgba(148, 21, 64,0.7);
}

.text-orange-like-header{
    color: #EA5731;
}

.bg-orange{
    background-color: #F8AE05;
}
.btn-orange{
    background-color: #F8AE05;
    color: white;
}
.bg-darkorange{
    background-color: #F69D03;
}
.rounded-20{
    border-radius: 20px;
}
.rounded-30{
    border-radius: 30px;
}
.rounded-left-30{
    border-radius: 30px 0 0 30px;
}
.rounded-right-30{
    border-radius: 0 30px 30px 0;
}
.text-dblue{
    color: #232F58;
}
.bg-dblue{
    background-color: #232F58;
}
.bg-intentseblue{
    background-color: #230068;
}
.bg-piel-clara{
    background-color: #FDE3A9;
}
.bg-piel-oscura{
    background-color: #FBD06F;
}

#quienes-somos, .miembro-del-equipo{
    background-image: url('assets/img/mandala.png'), url('assets/img/mandala.png'); 
    background-repeat: no-repeat, no-repeat;
    background-position: -180% bottom, 280% top; 
    background-size: 80% auto, 80% auto;
}


#procesos-formacion{
    background-image: url('assets/img/bg-procesos.png'), url('assets/img/bg-procesos-rl.png'); 
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right bottom; 
    background-size: 60% auto, 60% auto;
}

#contacto{
    background-image: url('assets/img/bg-contacto.png'); 
    background-repeat: no-repeat;
    background-position: left bottom; 
    background-size: auto 120%
}

#mhf{
    background-image: url('assets/img/bg-equipo.png'); 
    background-repeat: no-repeat;
    background-position: 130% top; 
    background-size: auto 100%;
    color: #4F1157;
}

#mhf table{
    margin-top: 30px;
    margin-bottom: 30px;
    border: none;
}
#mhf table tr td{
    width: 33%;
    border: none;
    color: #4F1157;    
}

#diplomado-form{
    background-image: url('assets/img/bg-diplomado-form.png'); 
    background-repeat: no-repeat;
    background-position: right top; 
    background-size: 200px auto;
}

#miembros{
    background-image: url('assets/img/bg-equipo.png'); 
    background-repeat: no-repeat;
    background-position: right top; 
    background-size: auto 200%
}

/* quienes somos */
.carousel-custom{
    width: 20%;
    top:25%;
}

.image-hz img{
    width: 100%;
    margin-top: -20%;
    height: auto !important;
}
@media (min-width: 768px) {
    .image-hz img{
        height: 280px !important;     
        margin-top: 0;
        width: auto !important;   
    }    
}


.slider-container-outer{
    position: relative;
    width: 100%;
    height: 400px;    
    overflow-x: scroll;
    overflow-y: hidden;
}

.slider-container-inner{
    position: absolute;
    height: 400px;        
}

.miembro-listitem{
    width:350px;    
    height: 400px;
    background-image: url('assets/img/bg-miembros.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 115% 100%;
}

.miembro-listitem .miembro-img{
    margin: 0 auto; display: block; width: 150px; height: 150px; overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 150px;
}

.miembro-img-large{
    margin: 0 auto; 
    display: block; 
    width: 80%; 
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    border-radius: 1500px;
    width: 350px;
    height: 350px;
}

.miembro-img-large img{
    width: 100%;
        
}

@media (min-width: 768px) {
    .bg-image-abs-right{
        position: absolute; 
        bottom: 0; 
        right: -200px !important; 
        z-index: 10;
        width: 55% !important;
        height: auto !important;
        opacity: 1 !important;
    }
    
    .bg-image-abs-left{
        position: absolute; 
        bottom: 0; 
        left: -35% !important; 
        z-index: 10;
        width: auto !important;
        height: 93% !important;
        opacity: 1 !important;
    }
    
}


.bg-image-abs-right{    
    position: absolute; 
    bottom: 0; 
    right: 0; 
    z-index: 10;
    height: auto;
    width: 100%;
    opacity: 0.2;
}

.bg-image-abs-left{    
    position: absolute; 
    bottom: 0; 
    left: 0; 
    z-index: 10;
    height: auto;
    width: 100%;
    opacity: 0.2;
}