/********** Propios CSS **********/

/* menu */
.dropdown-item:hover,.dropdown-item:focus{
  color: var(--dark);
  background-color: var(--light);
}

h1{
  color: var(--titulos) !important;
}

.text-fondo{
  background-color: rgba(0, 0, 0, 0.5) !important;
  padding: 0 3px;
}

.text-propio{
  color: var(--primary);
}

.text-dark-propio{
  color: var(--dark);
}

.btn-propio{
  color: #ffffff;
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn-propio:hover{
    color: #ffffff;
  }

.course-item{
  background-color: var(--light);
}

.bg-propio{
  background-color: var(--primary);
}

.bg-light-propio{
  background-color: var(--light);
}

.bg-dark-propio{
  background-color: var(--dark);
}

.page-header-propio {
  background: linear-gradient(rgba(24, 29, 56, .0), rgba(24, 29, 56, .0));
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--primary);
}
.carousel-min h1{
  font-size: 26px !important;

}

.carousel-min h5{
  font-size:20px !important;
}

.carousel-min  p {
  font-size: 18px!important;
}


/* Imagenes */

.course-item{
  width: 100%;
}

.boton-item{
  z-index: 2;
}

.o-aspect-ratio, .o-ar{

	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.o-ar::before{

		  content: "";
		  display: block;
		  padding-bottom: 56.25%; /*  default 16-9 */
		  width: 100%;
		  height: auto;
		  position: relative;
		  z-index: 1;

     }

     .o-ar--16-9::before{
		  padding-bottom: 56.25%;
     }

     .o-ar--8-5::before{
		  padding-bottom: 62.5%;
     }

     .o-ar--3-2::before{
		  padding-bottom: 66.66%;
     }

     .o-ar--4-3::before{
		  padding-bottom: 75%;
     }

     .o-ar--1-1::before{
		  padding-bottom: 100%;
     }

     .o-ar--3-4::before{
		  padding-bottom: 133%;
     }

     .o-ar--2-3::before{
		  padding-bottom: 150%;
     }

     .o-ar--5-8::before{
		  padding-bottom: 160%;
     }

     .o-ar--9-16::before{
		  padding-bottom: 177%;
     }

     .o-ar__target{

		  width: 100%;
		  height: 100%;
		  display: block;
		  position: absolute;
		  z-index: 2;
		  top: 0px;
		  left: 0px;
		  object-fit: cover;

     }