@font-face{ font-family: OpenSans; src: url(fonts/Open_Sans/static/OpenSans_Condensed-Regular.ttf); }
:root {
	--color-black: black;
	--color-red: rgb(194, 17, 58);
	--color-white: white;
	--color-gray: rgb(220, 211, 211);
	--color-gray-light: rgb(243, 243, 243);
}
/*=============================================================================
GENERAL
=============================================================================*/
body { overflow-x: hidden; position: relative; }
html { overflow-x: hidden; }
*::-moz-selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
*::selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.text-black { color: #000; }
.bg-cover-index {
	background-image: url("http://placehold.it/1920x1080");
}
.open_sans{font-family: OpenSans;}
.fs-18{font-size: 18px;}
.btn-red{
	background-color: var(--color-red);
	color: var(--color-white) !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.btn-red:hover{
	background-color: var(--color-gray);
}
.btn-blue{
	background-color: #001c64;
	color: var(--color-white) !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.text-black{color: var(--color-black);}
.text-gray{color: var(--color-gray);}
.text-red{color: var(--color-red);}
.text-white{color: var(--color-white);}
.fs-14{font-size: 14px;}
.bg-gray-light{ background-color: var(--color-gray-light);}
.bg-gray{ background-color: var(--color-gray);}
.bg-gray-medium{background-color: rgb(245, 248, 248);}
.bg-red{ background-color: var(--color-red);}
.bg-gray-blue{
	background-color: rgb(246, 250, 253);
}
.bg-white{ background-color: var(--color-white);}
.h3{
	font-weight: 600;
  font-size: 2.25em;
  line-height: 1.25;
}
.ps-5-force{
	padding-left: 5rem !important;
}
/*=============================================================================
THANKS PAGE
=============================================================================*/
.thanks-page { height: 60vh; }
.thanks-page img { width: 400px; max-width: 100%; }
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar-mc .nav-link{
	color: var(--color-black);
}
.navbar {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link {
	color: #333;
	border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #333;
	border-color: #333;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav > .nav-item {
		padding-left: 8px;
		padding-right: 8px;
	}
}
/* separación items menu */
.navbar-brand img { width: 200px; }

@media(min-width: 992px){
	.dropdown:hover>.dropdown-menu {
		display: block;
	  }
	  .dropdown>.dropdown-toggle:active {
		/*Without this, clicking will make it sticky*/
		  pointer-events: none;
	  }
}
.menu-hover{
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.active-menu, .menu-hover:hover{
	background-color: var(--color-red);
	color: var(--color-white) !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.active-submenu{
	background-color: var(--color-red);
	color: var(--color-white) !important;
	padding-right: 15px !important;
	padding-left: 3rem !important;
}

.modal-menu-movil{
	z-index: 2002;
}
/*=============================================================================
HOME
=============================================================================*/
.img-slider{
	min-height: calc(100vh - 100px);
	color: #f6f8fa;
	background-position: 46.88796680497925% 47.05950051789619%;
	background-size: cover;
	background-image: url("../images/images_banners/114580883214slider1.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 200px;
	padding-bottom: 300px;
}
.carousel-home{
	max-height: calc(100vh - 100px);
}
.carousel-caption-home{
	left: 0%;
	right: 0%;
	bottom: calc(100vh - 65%);
}
.z-index-2000{
	z-index: 2000;
}
.translucid{
	width: 100%;
	min-height: 100vh;
	background-color: rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 0;

	left: 0;
	right: 0;
	margin-top: 81px;
}
.h1-slider{
	font-weight: 600;
	text-transform: none;
	font-size: 3.5em;
	line-height: 1.1;
	color: var(--color-white);
}
.h2-slider{
	font-weight: 400;
	font-size: 1.7em;
	color: var(--color-white);
}

.icon-section2-home{
	color: var(--color-white);
	font-size: 45px;
}
.circle{
	height: 75px;
	width: 75px;
	border: solid 2px var(--color-white);
	text-align: center;
	padding-top: 15px;
	border-radius: 50px;
}
.container-global-section2-home{
	box-shadow: 0px 4px 10px 2px rgba(74, 74, 74, 0.3);
	margin-top: -140px;
}
.container-section2-home{
	height: 470px;
}
@media (min-width: 992px) and (max-width: 1189px) {
    .container-section2-home .fs-18 {
        font-size: 15px;
    }
}
.text-section3-home{
	font-size: 3.375em;
  	line-height: 1.26;
	color: var(--color-black);
}
.text-section4-home{
	font-size: 24px;
  	color: rgb(88, 83, 83);
}

.bg-image-section5-home{
	color: #f6f8fa;
	background-position: center center;
	background-size: cover;
	background-image: url("../images/home/bg-home5.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-bottom: 50px;
	height: auto;
	min-height: unset;
}
.container-blog-home{
	background-color: #f6f8fa;
	border-radius: 5px;
	box-shadow: 0px 1px 3px 2px rgba(189, 189, 189, 0.4);
}
@media(max-width:1415px){
	.carousel-caption-home{
		left: 5%;
		right: 0%;
		bottom: calc(100vh - 75%);
	}
}
@media(max-width:991px){
	.carousel-caption-home{
		left: 10%;
		right: 0%;
		bottom: 8rem;
	}
	.container-global-section2-home{
		box-shadow: 0px 4px 10px 2px rgba(74, 74, 74, 0.3);
		margin-top: -120px;
	}
}
@media(max-width:637px){
	.carousel-caption-home{
		left: 10%;
		right: 0%;
		bottom: 1rem;
	}
	.h1-slider{
		font-weight: 600;
		text-transform: none;
		font-size: 1.5em;
		line-height: 1.1;
		color: var(--color-white);
	}
	.container-global-section2-home{
		box-shadow: 0px 4px 10px 2px rgba(74, 74, 74, 0.3);
		margin-top: 0px;
	}
}
/*=============================================================================
FOOTER
=============================================================================*/
.icon-footer{
	font-size: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
.icon-footer .fa-linkedin-in{
	color: rgb(0, 119, 181);
}
.icon-footer .fa-spotify{
	color: var(--color-black);
}
.icon-footer .fa-youtube{
	color: rgb(255, 0, 0);
}
.active-footer{
	border-bottom: solid 2px #303e7a;
}
/*=============================================================================
CONOCENOS
=============================================================================*/
.icon-red{
	font-size: 45px;
	color: var(--color-red);
}
.h-90{
	height: 90px;
}
.h-65{
	height: 65px;
}
/*=============================================================================
Mentoring
=============================================================================*/

.circle-black{
	height: 75px;
	width: 75px;
	border: solid 2px var(--color-black);
	text-align: center;
	padding-top: 15px;
	border-radius: 50px;
}
.icon-red{
	color: var(--color-red);
	font-size: 45px;
}
.circle-black:hover{
	border: solid 2px var(--color-gray);
}
.circle-black:hover .icon-red{
	color: var(--color-gray);
}

.bg-mentees{
	background-image: url("../images/mentoring/mentee.jpeg");
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.fs-125{
	font-size: 125px;
}
.start-33{
	left: 33% !important;
}
.start-66{
	left: 66% !important;
}
.progress-bar{
	background-color: var(--color-red);
}
.error-input{
	border-color: var(--color-red);
	box-shadow: 3px 3px 3px 3px rgba(194, 17, 58, 0.4);
}
.progress-0{
	width: 0%;
}
.progress-33{
	width: 33%;
}
.progress-66{
	width: 66%;
}
.progress-100{
	width: 100%;
}
.alert-danger-custom{
	border: solid 1px var(--color-red);
	background: var(--color-red);
	color: var(--color-white);
}

/*=============================================================================
Actividades
=============================================================================*/
.container-activities{
	border: solid 1px var(--color-gray);
	height: 700px;
}
.container-activities:hover{
	box-shadow: 0px 4px 5px #e2e2e2;
}
.img-float{
	text-align: center;
	height: 86%;
	min-height: unset;
	background-position: 34.53645833333333% 33.3046875%;
	background-size: cover;
	background-image: url("../images/activities/cropped-Untitled-design-14.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(0, 0, 0, 0.15);
	margin-top: 10%;
	margin-bottom: 10%;
	transform: translateX(-6%) translateY(0%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left-width: 0px;
	border-left-style: none;
}

.container-sec3-voices{
	border: solid 1px rgb(231, 227, 227);
}
.pt-25{
	padding-top: 25%;
}
.img1-sec2-wellness{
	text-align: center;
	min-height: 250px;
	background-color: rgba(134, 69, 69, 0);
	background-position: bottom center;
	background-size: cover;
	background-image: url("../images/activities/IMG_6581.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	transform: translateX(7%) translateY(20%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.img2-sec2-wellness{
	text-align: center;
	min-height: 300px;
	background-position: 61.039758930399934% 26.636869383291334%;
	background-size: cover;
	background-image: url("../images/activities/cropped-IMG_6572.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	z-index: 1;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.img3-sec2-wellness{
	text-align: center;
	min-height: 250px;
	background-position: 53.85325808106721% 40.548999486916365%;
	background-size: cover;
	background-image: url("../images/activities/IMG_6582.jpeg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	transform: translateX(-7%) translateY(20%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}

.img1-sec3-wellness{
	text-align: center;
	min-height: 250px;
	background-color: rgba(134, 69, 69, 0);
	background-position: bottom center;
	background-size: cover;
	background-image: url("../images/activities/IMG_6564.jpg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	transform: translateX(7%) translateY(20%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.img2-sec3-wellness{
	text-align: center;
	min-height: 300px;
	background-position: 61.039758930399934% 26.636869383291334%;
	background-size: cover;
	background-image: url("../images/activities/Bloque-4-2.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	z-index: 1;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}

.img3-sec3-wellness{
	text-align: center;
	min-height: 250px;
	background-position: 53.85325808106721% 40.548999486916365%;
	background-size: cover;
	background-image: url("../images/activities/IMG_0595.jpeg");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(49, 52, 57, 0.15);
	transform: translateX(-7%) translateY(20%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-left-width: 0px;
	border-left-style: none;
}
.container-sec-networking{
	border-radius: 5px;
	box-shadow: 0px 1px 3px 2px rgba(189, 189, 189, 0.4);
}
.py-120{
	padding-top: 120px;
	padding-bottom:120px;
}
.img1-sec-networking{
	text-align: center;
	height: 427px;
	min-height: unset;
	background-position: 55.90234375000001% 54.30468750000001%;
	background-size: cover;
	background-image: url("../images/activities/Copy-of-MEC-Networking.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(0, 0, 0, 0.15);
	z-index: 1;
	margin-top: 10%;
	margin-bottom: 10%;
	transform: translateX(8%) translateY(0%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left-width: 0px;
	border-left-style: none;
}

.img2-sec-networking{
	text-align: center;
	height: 427px;
	min-height: unset;
	background-position: 55.90234375000001% 54.30468750000001%;
	background-size: cover;
	background-image: url("../images/activities/5.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(0, 0, 0, 0.15);
	z-index: 1;
	margin-top: 10%;
	margin-bottom: 10%;
	transform: translateX(-8%) translateY(0%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left-width: 0px;
	border-left-style: none;
}

.img3-sec-networking{
	text-align: center;
	height: 427px;
	min-height: unset;
	background-position: 55.90234375000001% 54.30468750000001%;
	background-size: cover;
	background-image: url("../images/activities/10.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	box-shadow: 0px 10px 30px 2px rgba(0, 0, 0, 0.15);
	z-index: 1;
	margin-top: 10%;
	margin-bottom: 10%;
	transform: translateX(8%) translateY(0%);
	transform-origin: center center 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-left-width: 0px;
	border-left-style: none;
}

.bg-img1-joyfulness{
	background-image: url("../images/mentoring/joyfulmess.jpeg");
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media(max-width:991px){
	.img1-sec2-wellness, .img1-sec3-wellness{
		min-height: 150px;
		transform: translateX(10%) translateY(33%);
	}
	.img2-sec2-wellness,.img2-sec3-wellness{
		min-height: 200px;
	}
	.img3-sec2-wellness, .img3-sec3-wellness{
		min-height:150px;
		transform: translateX(-10%) translateY(33%);
	}
	.img1-sec-networking, .img3-sec-networking{
		transform: translateX(12%) translateY(0%);
	}
	.img2-sec-networking{
		transform: translateX(-12%) translateY(0%);
	}
}
@media(max-width:632px){
	.img-float{
		transform: translateX(0%) translateY(0%);
		height: 460px;
	}
	.img1-sec2-wellness, .img1-sec3-wellness{
		min-height: 150px;
		transform: translateX(0%) translateY(0%);
		margin-bottom: 15px;
	}
	.img2-sec2-wellness,.img2-sec3-wellness{
		min-height: 200px;
		margin-bottom: 15px;
	}
	.img3-sec2-wellness, .img3-sec3-wellness{
		min-height:150px;
		transform: translateX(0%) translateY(0%);
	}

	.img1-sec-networking, .img3-sec-networking{
		transform: translateX(0%) translateY(15%);
		height: 311px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.img2-sec-networking{
		transform: translateX(0%) translateY(-15%);
		height: 311px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.py-120{
		padding-top: 60px;
		padding-bottom:60px;
	}

}
/*=============================================================================
Tools
=============================================================================*/

.logo-alliance{
	max-height: 250px;
}

/*=============================================================================
CONTACT
=============================================================================*/
.bg-contact{
	background-image: url("../images/thanks.jpeg");
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 15% 15%;
}

/*=============================================================================
BLOG
=============================================================================*/
.bg-blog{
	background-image: url("../images/blog-banner.jpeg");
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.paginate-blog nav{
	margin-left: auto;
  	margin-right: auto;
  	width: 300px;
}
.paginate-blog nav ul li{
	margin-left: 15px;
}
.paginate-blog nav ul li.active .page-link{
	background: var(--color-red);
	border: solid 1px var(--color-red);
}
.bg-blog-detail{
	background: var(--color-white);
	box-shadow: 0px 4px 10px 2px rgba(74, 74, 74, 0.3);
}


.bg-login{
	background-image: url("../images/login.jpeg");
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.recoveryPassword, .newAccount, .eyePassword{
    color: var(--color-red);
}

.recoveryPassword:hover{
    color: var(--color-red);
}

.newAccount:hover{
    color: var(--color-red);
}

.asteriscoGral{
    color: var(--color-red);
}

.image-container{
    display: flex;
    align-items: center;
}

.image-container img{
    max-height: 50px;
    margin-right: 15px;
}

.video-container{
    position: relative;
}

/*=============================================================================
MY ACCOUNT
=============================================================================*/
.profile-image {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: var(--color-red);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	position: relative;
	margin: 0 auto;
}

.edit-icon {
	position: absolute;
	bottom: 0;
	right: 10px;
	background: #A2A4A5;
	cursor: pointer;
	border-radius: 50%;
	padding: 0.6rem;
	font-size: 0rem;
}

.mentor-label {
	background-color: #7B7E84;
	color: #fff;
	font-weight: 700;
	padding: 0.5rem 1rem;
	display: inline-block;
	margin: 1rem 0;
}

.form-mentor label {
	font-weight: 600;
}

/*=============================================================================
CURSOS
=============================================================================*/
.course-bar{
	background-color: var(--color-red);
	color: white;
	padding-left: 2.5rem;
}

.course-bar img{
	width: 40px;
}

.course-bar p{
	font-size: 1rem;
	font-weight: 700;
	padding-left: 20px;
	padding-top: 4px;
}

.cards-container {
	padding: 200px 60px 100px 60px; /*top right bottom left*/
	font-family: OpenSans;
}

.img-container {
	width: 100%;
  	height: 300px; /* Altura fija */
	overflow: hidden; /* Oculta el contenido que se sale del contenedor */
}

.img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ajusta la imagen sin deformarla */
	transition: opacity 0.3s ease-in-out; /* Transición para el efecto */
}

.img-container:hover .img-card {
  opacity: 0.6; /* Opacidad al hacer hover */
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0; /* Oculto por defecto */
  z-index: 1; /* Asegura que esté encima de la imagen */
  transition: opacity 0.3s ease-in-out; /* Transición suave */
}

.img-container:hover .play-icon {
  opacity: 1; /* Aparece al hacer hover */
}

.play-icon img {
  width: 90%; /* Tamaño del ícono */
  height: auto;
  opacity: 1; /* Se asegura que el ícono no esté afectado por la opacidad */
}

.card-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #000000;
}

.card-text {
  	font-size: 1.2rem;
  	color: #737373;
  	font-weight: 400;
	padding-bottom: 7px;
}

.percentage-text {
	font-size: 0.8rem;
  	font-weight: 400;
	color: #000000;
}

.progress {
  height: 8px;
  border-radius: 0px;
  background-color: #e9ecef;
}

.progress-bar {
  border-radius: 0px;
}

/*=============================================================================
MODULE
=============================================================================*/
.bg-welcome{
	background-image: url("../images/contact/fondo.png");
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.module-container {
	font-family: OpenSans;
}

.card-course-container {
	padding: 100px 60px 100px 60px; /*top right bottom left*/
	font-family: OpenSans;
}

#playButton {
    position: absolute;
    top: 50%; /* Centra verticalmente */
    left: 50%; /* Centra horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta el desplazamiento para que quede perfectamente centrado */
    background-color: white; /* Fondo blanco */
    border: none; /* Sin borde */
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Hace el botón circular */
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
    cursor: pointer;
    transition: transform 0.2s ease;
    z-index: 2; /* Coloca el botón por encima del video */
}

#playButton:hover {
    transform: translate(-50%, -50%) scale(1.1); /* Escala al pasar el mouse */
}

#playIcon {
    font-size: 25px; /* Tamaño del icono */
    color: var(--color-red); /* Cambia este color según lo desees */
}

.video-placeholder{
    height: 100%;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    opacity: 0.4;
    transition: opacity 0.3s ease;
}

.acordeonListaVideos{
    border: 1px solid var(--color-gray);
    background: var(--color-gray-light);
}

.acordeonDescriptionVideos{
    border: 1px solid var(--color-gray);
    background: var(--color-gray-light);
    margin-top: 1rem;
}

.video-placeholder.active{
    opacity: 1;
}

.video-description{
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid var(--color-gray);
}

.colorCheck{
    color: var(--color-red);
}

.lista-videos{
    border: 1px solid var(--color-gray);
    border-radius: 5p;
}

.toggle-icon{
    cursor: pointer;
    transition: transform 0.3 ease;
}

.toggle-icon.fa-angle-up{
    transform: rotate(180deg);
}

.video-status-box{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid var(--color-red);
    border-radius: 3px;
}

.lista-status-box{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid var(--color-gray);
    border-radius: 3px;
}

.lista-description-box{
    width: auto;
    height: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: white;
    border-radius: 3px;
}

.arrowDerecha{
    color: var(--color-red);
}

#videoList{
    display: none;
}

#videoList.show{
    display: block;
}

.seen{
    color: #d4d4d4;
}

.finished-box{
	background-color: var(--color-red) !important;
}
.finished-check{
	color: white !important;
}

.video-item{
    border: 1px solid var(--color-gray);
}

.box-video-title{
    background-color: #A2A4A5;
}

.title-status-box{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border: 1px solid var(--color-gray);
    border-radius: 3px;
}

.acordeonListaVideos p{
    cursor: pointer;
}

.acordeonListaVideos p:hover{
    text-decoration: none;
}

.botonVerMas{
    background-color: var(--color-red);
    border-color: var(--color-red);
    color: white;
}

.botonVerMas:hover{
    background-color: var(--color-red);
    border-color: var(--color-red);
    color: white;
}

.botonVerMas:focus{
    box-shadow: var(--color-red);
}

.regresoInicio{
    background-color: var(--color-red);
    color: white;
}

.regresoInicio:hover{
    background-color: var(--color-gray);
    color: white;
}

.masCursos{
    background-color: var(--color-red);
    color: white;
}

.masCursos:hover{
    background-color: var(--color-gray);
    color: white;
}

.imagen-container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px;
}

.paragraph-spacing{
    margin-bottom: 20px;
}

.button-spacing{
    margin-top: 10px;
}

.nameCurso{
    font-weight: bolder;
    color: #00b4d8;
}

.nameUser{
    font-weight: bolder;
    color: #00b4d8;
}

/*=============================================================================
NUESTRO CONSEJO
=============================================================================*/
.title-counsil {
	font-family: OpenSans;
	font-size: 3rem;
	font-weight: 700;
	margin: 1.2rem 0;
}

.profile-card {
	text-align: center;
	margin-bottom: 20px;
}
.profile-card img {
	width: 13vw; /* El tamaño se ajusta dinámicamente al ancho de la pantalla */
    height: 13vw;
	object-fit: cover;
	border-radius: 50%;
	border: 7px solid #EDE6DA; /* Color hueso */
	box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.4); /* Sombra más intensa */
	margin-bottom: 10px;
}
.profile-card h5 {
	font-family: OpenSans;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 5px 0 0 0;
}
.profile-card p {
	font-family: OpenSans;
	font-size: 1rem;
	margin: 0;
	color: #666;
}

.footer-img {
    width: 100%; /* Se ajusta al ancho del contenedor */
    height: 90px; /* Ajusta la altura según necesites */
    object-fit: cover; /* Recorta la imagen sin deformarla */
    object-position: center; /* Muestra la parte superior de la imagen */
    display: block;
}


/*=============================================================================
NUESTRA HISTORIA
=============================================================================*/
.bg-history{
    background-image: url("../../assets/images/images_history/fondoReunionWoman.png");
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.titleIntro{
    color: var(--color-red);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
}

.contentPadre{
    display: flex;
    align-items: center;
    justify-content: center;
    /* width: 100%;
    height: 100vh;
    max-height: 500px; */
    overflow: hidden;
    position: relative;
}

.contentPadre img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* position: absolute; */
}

.colorFondo{
    background: #7B7E84;
}

.contTextWoman1,
.contTextWoman2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    text-align: start;
    height: 100%;
    min-height: 100%;
    padding: 25px;
}

.contTextWoman1 h1,
.contTextWoman2 h1 {
    margin-bottom: 20px; /* Ajusta según el espacio que necesites */
}

.contaIntro,
.contaTitulo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 20px;
}

.contaIntro h1,
.contaTitulo h1 {
    align-self: flex-start; /* Alinea el título a la izquierda dentro del contenedor */
    margin-bottom: 15px; /* Espacio entre el h1 y los párrafos */
}

.contaIntro p,
.contaTitulo p {
    max-width: 100%; /* Ajusta el ancho del texto si es necesario */
}
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {}

/* 1600 x 900*/
@media( max-width: 1600px ) {}

/* 1440 x 900 */
@media( max-width: 1440px ) {}

/* 1280 x 800 */
@media( max-width: 1280px ) {}

/* 990 x 1000 */
@media( max-width: 990px ) {
    /* .contentPadre {
        height: 70vh;
        max-height: 400px;
    } */

    .contentPadre img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

	.img-container {
		width: 100%;
		height: 200px; /* Altura fija */
		overflow: hidden; /* Oculta el contenido que se sale del contenedor */
	}

    .video-description .texto2{
        display: none;
    }

    .video-description .fila-lista-aprendizaje{
        display: none;
    }

    #acordeonDescriptionVideos .texto1 {
        display: block ;
      }

      #acordeonDescriptionVideos .fila-lista-aprendizaje1 {
        display: block ;
      }

      .lista-videos{
        margin-top: -40px;
      }

	.profile-card h5 {
		font-size: 1rem;
	}
	.profile-card p {
		font-family: OpenSans;
		font-size: 0.9rem;
	}

	.footer-img {
		height: 60px; /* Ajusta la altura según necesites */
	}

}

/* 767 x 414 */
@media( max-width: 767px ) {
    .button-spacing{
        width: 100%;
        margin-top: 15px;
    }

    .content2 {
        padding: 20px 10px;
    }

    .contaIntro {
        padding: 10px;
    }

    .contaIntro h1 {
        font-size: 24px;
    }

    .contaIntro p {
        font-size: 14px;
        line-height: 1.4;
    }

    .content3 {
        padding: 20px 10px;
    }

    .contTextWoman1 {
        height: auto;
        padding: 15px;
    }

    .contTextWoman1 h1 {
        font-size: 22px;
    }

    .contTextWoman1 p {
        font-size: 14px;
        line-height: 1.4;
    }

    .contentPadre {
        height: 170vh;
        max-height: 100%;
    }

    .contentPadre img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .content4 {
        padding: 20px 10px;
    }

    .contaTitulo {
        padding: 10px;
    }

    .contaTitulo h1 {
        font-size: 24px;
    }

    .contaTitulo p {
        font-size: 14px;
        line-height: 1.4;
    }

    .content5 {
        padding: 20px 10px;
    }

    .contTextWoman2 {
        height: auto;
        padding: 15px;
    }

    .contTextWoman2 h1 {
        font-size: 22px;
    }

    .contTextWoman2 p {
        font-size: 14px;
        line-height: 1.4;
    }
}

/* 576 x 320 */
@media( max-width: 576px ) {

    .contentPadre {
        height: 85vh;
        max-height: 100%;
    }

	.cards-container {
		padding: 100px 20px 50px 20px; /* Reduce el padding en pantallas pequeñas */
	}

    .button-spacing{
        width: 100%;
        margin-top: 15px;
    }

	.links-section {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
	}

	.profile-card img {
		width: 37vw; /* El tamaño se ajusta dinámicamente al ancho de la pantalla */
		height: 37vw;
		object-fit: cover;
		border-radius: 50%;
		border: 7px solid #EDE6DA; /* Color hueso */
		box-shadow: 0px 9px 15px rgba(0, 0, 0, 0.4); /* Sombra más intensa */
		margin-bottom: 10px;
	}

	.footer-img {
		height: 40px; /* Ajusta la altura según necesites */
	}
}

/* 426 x 320 */
@media( max-width: 426px ) {
    .contentPadre {
        height: 70vh;
        max-height: 100%;
    }
}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/