/* ! font face start  */
@font-face {
	font-family: 'Montserrat Regular';
	src: url('') format('embedded-opentype'), url('') format('ttf'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat Medium';
	src: url('') format('embedded-opentype'), url('') format('ttf'), url('../fonts/Montserrat-Medium.ttf') format('truetype'), url('') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat SemiBold';
	src: url('') format('embedded-opentype'), url('') format('ttf'), url('../fonts/Montserrat-SemiBold.ttf') format('truetype'), url('') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat Bold';
	src: url('') format('embedded-opentype'), url('') format('ttf'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('') format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}


/* Global Styles Start */
.mc_title_big{
    font-family: Montserrat Regular, Arial, Helvetica, sans-serif;
    font-size: 1.5rem;
}
.mc_bg_gradient_01{
    background: #BAB4C4;
    background: linear-gradient(234deg,rgba(186, 180, 196, 1) 0%, rgba(130, 74, 221, 1) 100%);  
}
.mc_bg_gradient_02{
    background: #DED9DD;
    background: linear-gradient(207deg,rgba(222, 217, 221, 1) -20%, rgba(254, 69, 169, 1) 100%); 
}
.mc_bg_gradient_03{
    background: #DED9DD;
    background: linear-gradient(207deg,rgb(169, 201, 233) 0%, rgba(46, 151, 254, 1) 100%);  
}
.mc_bold{
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
}
.mc_p_big{
    font-size: 1.4rem;
    line-height: 1.2;
}
.mc_p{
    font-family: Montserrat Regular, Arial, Helvetica, sans-serif !important;
    font-size: 1.2rem;
    line-height: 1.2;
}
.mc_color_01{
    color: #4B3B6E;
}
.mc_color_01_light{
    color: #854EDD;
}
.mc_color_02{
    color: #AA2D75;
}
.mc_color_02_light{
    color: #FE48AA;
}
.mc_color_03{
    color: #2070B2;
}
.mc_color_03_light{
    color: #3399FE;
}
.mc_link_btn{
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    font-size: 1.5rem;
    text-decoration: none;
}
.btn{
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    font-size: 1.8rem !important;
    color: #4B3B6E !important;
}
.mc_container{
    min-height: 100vh;
}
.mc_link{
    text-decoration: none;
    color: #4B3B6E;
    padding: .5rem;
    background-color: white !important;
    font-size: 1.2rem;
    transition: all ease 600ms;
    font-weight: 600;
}
.mc_link:hover{
    scale: 1.2;
}
/* Global Styles End */

/* Header Styles Start */
.mc_logo_header{
    position: fixed;
    z-index: 9;
}
/* Header Styles End */

/* Home Styles Start */

.mc_home_intro_bg{
    background: #DED9DD;
		background: linear-gradient(204deg,rgba(222, 217, 221, 1) 0%, rgba(196, 177, 221, 1) 55%, rgba(174, 143, 221, 1) 69%, rgba(130, 74, 221, 1) 100%);
    height: auto !important;
    position: relative;
}

.mc_home_img_col{
    background-image: url("/mujeres/images/assets/home_img_01.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
}
.form-select, .form-control{
    background-color: transparent !important;
    border: none !important;
    text-decoration: underline;
    font-size: 1.1rem !important;
    text-underline-offset: 4px;
    font-weight: 700 !important;
}
.form-select:focus{
    box-shadow: #212529 0px 0px 0px 0.15rem !important;
}
select option:hover{
    background-color: #854EDD !important;
}
.input-group-text{
    background-color: transparent !important;
    border: none !important;
}

/* .mc_home_intro_bg .row{
    height: 100%;
} */

.mc_search_link.form-floating input{
    background-color: transparent !important;
    color: #4B3B6E !important;
    border: none !important;
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    font-size: 2rem !important;
    height: auto !important;
    
}
.mc_search_link.form-floating .form-control:focus{
    box-shadow: none !important;
    background-color: #4b3b6e34 !important;
}
.mc_search_link.form-floating label{
    padding: 0px !important;
    font-size: 2rem !important;
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    color: #4B3B6E !important;
    text-decoration: underline;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    transform: scale(.5) translateY(-.5rem) translateX(.15rem) !important;
}
.form-floating>.form-control-plaintext:focus, .form-floating>.form-control-plaintext:not(:placeholder-shown), .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 0.625rem !important;
}
/* Home Styles End */

/* Detalle Styles Start */
.mc_title_name{
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    font-size: 2.5rem;
}
.mc_subtitle_name{
    font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
    font-size: 1.8rem;
}
.mc_bg_form_01{
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.mc_bg_form_01::before{
    content: "";
    position: absolute;
    inset: -15vmax;
    background-image: url("/mujeres/images/assets/detalle_img_02_m.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    animation: waveMove 10s ease-in-out infinite alternate;
}

.mc_bg_form_02{
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.mc_bg_form_02::before{
    content: "";
    position: absolute;
    inset: -15vmax;
    background-image: url("/mujeres/images/assets/detalle_img_02_r.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    animation: waveMove 10s ease-in-out infinite alternate;
}
.mc_bg_form_03{
    position: absolute;
    overflow: hidden;
    height: 100%;
    width: 100%;
    z-index: 0;
}
.mc_bg_form_03::before{
    content: "";
    position: absolute;
    inset: -15vmax;
    background-image: url("/mujeres/images/assets/detalle_img_02_a.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    animation: waveMove 10s ease-in-out infinite alternate;
}
.mc_btn{
    background-color: transparent;
    border: 1px solid #ffffff !important;
    display: flex;
    border-radius: 5px;
    padding: .5rem 1rem;
    align-items: center;
    gap: 10px;
    color: white;
}
.mc_btn:hover{
    color: #000000;
    background-color: white !important;
}
.mc_btn svg{
    width: 1rem;
    height: 1rem;
}
button{
    background-color: transparent !important;
    border: none !important;
}

@keyframes waveMove {
  0%   { background-position: 0 0; }
  100% { background-position: 80px 80px; }
}
.mc_bg_stars{
    background-image: url("/mujeres/images/assets/bg_estrellas.svg");
    background-repeat: repeat;
    background-size: contain;
    background-attachment: fixed;
}
.mc_detail_text{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.mc_sticky_column{
    position: sticky;
    top: 5rem; 
}

/* Detalle Styles End */

/* Buscador Styles Start */
    
		
		.mc_cards_bg {
				background-color: #834cdc !important;
		}
		
		.pagination .page-link{
        background-color: transparent !important;
        border: none !important;
        font-family: Montserrat Bold, Arial, Helvetica, sans-serif !important;
        font-size: 1rem;
        color: #4B3B6E;
        text-decoration: underline;
    }
		
    .mc_card{
				background-color: #3a2f561f !important;
				border-radius: 10px !important;
				color: black !important;			
				height: auto !important;
                padding: 10px;
				overflow: hidden !important;
				transition: all ease 600ms;
				transition: all ease 600ms;
				word-wrap:break-word !important;
		}
    .mc_card:hover{
        background-color: #4b3b6e  !important;
        cursor: pointer !important;
        scale: 1.05 !important;
    }
		
		.mc_card_full_name {
				color: #ffffff !important;
				font-size: 1.5rem !important;
				font-weight: 800 !important;
				height: 40px !important;
				margin-top: 10px !important;				
				overflow: hidden !important;
				text-align: center !important;
		}
		
		.mc_card_last_name {
				align-items: center !important;
				color: #ffffff !important;
				display: flex;
				font-size: 1.3rem !important;
                line-height: 1.1;
				font-weight: 800 !important;
				font-weight: normal !important;
				height: 2.8rem !important;
				justify-content: center !important;
				margin-top: 0px !important;
				overflow: hidden !important;
				text-align: center  !important;	
		}		
		
		.mc_card_job_title {
				align-items: center !important;
				color: rgb(255, 255, 255) !important;
				display: flex;
				font-size: 1rem !important;
                line-height: 1.2;
				height: 4rem !important;
				justify-content: center !important;
				margin-top: 20px !important;
				overflow: hidden !important;
				text-align: center  !important;
				/* text-transform: uppercase !important; */
		}		
		
		.mc_card_activity {
				align-items: center !important;
				color: rgb(255, 255, 255) !important;
				display: flex;
				font-size: 1rem !important;
                line-height: 1.2;
				height: 2.5rem !important;
				justify-content: center !important;
				margin-top: 10px !important;
				overflow: hidden !important;
				text-align: center  !important;
				/* text-transform: uppercase !important; */
		}	
		
		.mc_card_avatar {
			display: block !important;
			height: 100px !important;
			text-align: center !important;
		}
	
		.mc_card_avatar_img {
				background-color: transparent !important;
				margin-top: 10px !important;
				text-align: center !important;
				width: 90px !important;
		}
				
		
		.cursor_ponter {
					cursor: pointer;
		}

        #cardContainer .col-lg-3{
            padding-left: 10px;
            padding-right: 10px;
        }

        .mc_home_intro_img{
            position: absolute;
            right: 0;
            top: 0;
            width: 40%;
            height: 100%;
            display: flex;
            justify-content: flex-start;
            overflow: hidden;
        }
        .mc_home_intro_img img{
            height: 100%;
            object-fit: cover;
            max-width: none !important;
        }
        .mc_buscador_img{
            position: absolute;
            right: 0;
            top: 0;
            width: 40%;
            height: 100%;
            display: flex;
            justify-content: end;
        }
        .mc_buscador_img .img-fluid{
            height: 100%;
        }


/* Buscador Styles End */

@media screen and (max-width: 795px){
    .mc_home_intro_bg{
        height: auto;
    }
    .mc_home_img_col{
        height: 40vh;
    }
    .mc_title_big{
        font-size: 1.3rem !important;
    }
    .btn{
        font-size: 1.3rem !important;
    }
    .mc_search_link.form-floating input{
        font-size: 1.3rem !important;
    }
    .mc_search_link.form-floating label{
        font-size: 1.3rem !important;
    }
    .mc_p_big{
        font-size: 1.2rem !important;
    }
    .mc_detail_text{
        margin-top: 10rem;
        margin-bottom: 10rem;
    }
    .mc_home_img_col{
        background-image: none !important;
    }
    .mc_home_intro_img{
        display: none;
    }
    .mc_card_avatar_img{
        width: 100px ;
    }
    .mc_logo_header{
        background-color: #4b3b6ecc;
    }

}
