/*=============================
  CABECERA DEL CURSO
=============================*/
.course__header {
  display: flex;
  align-items: center;
  color: #000;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Logo del centro */
.course__logo {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 1rem;
}

/* Texto del título */
.course__title-wrapper {
  flex: 1;
  text-align: center;
}

.course__title {
  margin: 0;
  line-height: 1.2;
}

/* Línea separadora del centro */
.course__line {
  border: 3px solid #ccc;
  margin: 10px 0;
  border-radius: 10px;
}

/*=============================
  IMAGEN DEL CARTEL CURSO
=============================*/
.course__image img {
  width: 100% !important;
  height: auto !important;
  max-width: 936px !important;
  max-height: 385px !important;
  display: block;
  border-radius: 10px;
  border: solid;
}

/*=============================
  IMAGEN DE LOS CARTELES CONTENIDO
=============================*/
.course__image__content img {
  border: solid;
  border-radius: 10px;
  max-width: 100%;
  height: auto;
  margin: 2px 0px 2px;
}
.course__image__content .img-fluid.atto_image_button_left {
  margin: 0px 15px 15px 0px;
}

/*=============================
  IMAGEN DE LOS VÍDEOS CONTENIDO
=============================*/
.video_amazon > div > div {
    border: solid;
    border-radius: 5px;
}
.video_amazon a {
	text-align: center;
}
.video_amazon h3, 
.video_amazon h5{
	text-align: center;
	margin-top: 20px;
}
.video_yt > iframe {
    border: solid;
    border-radius: 10px;
	margin: 0px 0px 15px;
}
/*=============================
  CONTENIDO DEL CURSO
=============================*/
.course__content h3 {
  margin-top: 1rem;
}
.course__content p {
  font-size: 1rem;
}

/*=============================
  ICONO DE DOCENTES
=============================*/
.course__teachers {
  padding-left: 0.5rem;
}
.course__teachers li {
  background-image: url('/moodle/imserso/img/iconos_cursos/icono-docente.gif');
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 30px;
  line-height: 1.5;
  margin-left: 5px;
  list-style-type: none;
}

/*=============================
  ESTILOS POR CENTRO
=============================*/
.course--ceadac {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_ceadac.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #b2071b;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #b2071b;
  }
  .course__text_important {
	color: red; 
  }
}

.course--creap {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_creap.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #0066CC;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #0066CC;
  }
  .course__text_important {
	color: red; 
  }
}

.course--ca {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_ca.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #bc4b7e;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #bc4b7e;
  }
  .course__text_important {
	color: red; 
  }
}

.course--cre_alzheimer {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_cre_alzheimer.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #2e537f;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #2e537f;
  }
  .course__text_important {
	color: red; 
  }
}

.course--creer {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_creer.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #2a5937;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #2a5937;
  }
  .course__image_creer img {
	float: right; 
	max-width: 100%;
    height: auto;
  }
  .course__text_important {
	color: red; 
  }
}

.course--crmf_madrid {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_crmf_madrid.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #023676;
  }
  .course__image a, 
  .course__content a,
  .course__image__content a {
    color: #023676;
  }
  .course__text_important {
	color: red; 
  }
}

.course--imserso {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_imserso.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #007936;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #007936;
  }
  .course__text_important {
	color: red; 
  }
}

.course--ceapat {
  .course__logo {
    background-image: url('/moodle/imserso/img/logos_cursos/logo_color_ceapat.png');
  }
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #C2410A;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #C2410A;
  }
  .course__text_important {
	color: red; 
  }
}

/* Centros sin estilos previos - Color principal #007936 */
.course--crmf_sanfernando,
.course--crmf_albacete {
  .video_yt iframe,
  .video_amazon div,
  .course__line,
  .course__image img, 
  .course__image__content img {
    border-color: #007936;
  }
  .course__image a,
  .course__content a,  
  .course__image__content a {
    color: #007936;
  }
  .course__text_important {
	color: red; 
  }
}