@charset "UTF-8";
.menu .bloque:after { content: ""; display: table; clear: both; }

/* CSS Document */
/* * * * * *  Variables  * * * * * */
:root { --colorPrimario: #27266c; --colorSecundario: #64a8a4; --colorTerciario: #ff7200; }

/* * * * * *  Fuentes  * * * * * */
/* * * * * *  Reinicios  * * * * * */
html { height: 100%; margin: 0; padding: 0; background-color: var(--colorPrimario); }

body { width: 100%; min-height: 100%; margin: 0; padding: 0; font: 100% "Titilium", Helvetica, sans-serif; color: #000; background-image: linear-gradient(145deg, var(--colorPrimario) 0%, var(--colorPrimario) 30%, #4c4b95 55%, var(--colorPrimario) 80%, var(--colorPrimario) 100%); }

ul { padding-left: 0; }

h1 { font-weight: normal; }

h3 { color: var(--colorPrimario); margin-bottom: -7px; }

a { border: 0; text-decoration: none; outline: none; color: inherit; }

input, select, textarea { box-sizing: border-box; }

/* * * * * *  Esquemas  * * * * * */
.contenedor { display: flex; flex-flow: column nowrap; min-height: 100vh; max-width: 1100px; margin: 0 auto; }

header, .logosPie, footer, nav { flex: 0 0 auto; }

header, .logosPie { display: flex; align-items: stretch; justify-content: space-between; }

header { text-align: right; background-color: #fff; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.7); }

header .titulo { float: left; width: 65%; max-width: 675px; }

header .logoContent { display: inline-block; box-sizing: border-box; width: 25%; margin-right: 5%; padding: 5px; font-family: "TitiliumLight", Helvetica, sans-serif; text-align: left; background: url(imagenes/logoContent.png) center/contain no-repeat; }

nav { text-align: center; }

nav ul li { display: inline-block; position: relative; margin: 0 10px; padding-bottom: 5px; font-family: "TitiliumLight", Helvetica, sans-serif; color: #fff; }

footer nav ul li { font-size: 0.8em; }

nav ul li:not(:first-child):before { content: ""; position: absolute; left: -10px; top: 5px; width: 2px; height: 1em; vertical-align: sub; background-color: var(--colorSecundario); }

nav ul li:not(.activo):hover { color: var(--colorTerciario); }

nav ul li.activo { border-bottom: 2px solid var(--colorTerciario); }

.contenido { flex: 1 1 auto; padding: 0 2.5% 2.5% 2.5%; }

.logosPie { text-align: right; background-color: #fff; box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.7); }

.logosPie .acreditacion { float: left; width: 65%; max-width: 337px; margin-left: 5%; padding: 5px; }

.logosPie .logoMSD { display: inline-block; box-sizing: border-box; width: 20%; margin-right: 5%; padding: 5px; font-family: "TitiliumLight", Helvetica, sans-serif; text-align: left; color: #000; background: url(imagenes/logoMSD.png) right/50% auto no-repeat; }

.bloque { display: block; min-width: 230px; margin: 30px auto; padding: 50px 60px; border-radius: 15px; background-color: #fff; }

/* * * * * *  Formularios  * * * * * */
.campo, textarea { border: none; width: 100%; margin: 6px 0 0 0; padding: 10px 15px; font: 18px/18px "Titilium", Helvetica, sans-serif; color: #111; background-color: #ededed; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4); }

.campo::placeholder, textarea::placeholder { font: 16px/18px "TitiliumLight", Helvetica, sans-serif; color: #717171; }

button, .boton, .botonEncuesta { margin: 20px auto; padding: 4px 15px; text-align: center; font: 18px "Asap"; color: #fff; border: none; border-radius: 4px; background-color: var(--colorSecundario); cursor: pointer; }

button:hover, .boton:hover, .botonEncuesta:hover { background-color: var(--colorTerciario); }

button.completado, .boton.completado, .completado.botonEncuesta { position: relative; pointer-events: none; }

button.completado:before, .boton.completado:before, .completado.botonEncuesta:before { content: ""; position: absolute; top: -0.5em; left: -0.5em; width: 1.5em; height: 1.5em; background: url(imagenes/marcaAcabado.svg) center/contain no-repeat; }

button { display: block; }

.botonEncuesta { display: block; width: 45px; }

select { width: 100%; margin: 6px 0 0 0; padding: 7px 12px; border: 3px solid #bbbcbd; font: 16px/18px "Titilium", helvetica, sans-serif; color: #000; background-color: #fff; }

.alerta, .aviso { display: block; padding: 0.5em; margin-top: 0.5em; text-align: center; font-family: "TitiliumSemibold", "Titilium", Helvetica, sans-serif; color: #fff; border-radius: 10px; background-color: #f00; }

.aviso { background-color: #6cae54cc; }

/* * * * * *  Otros  * * * * * */
.encabezadoContenido { padding-top: 20px; font-size: 24px; color: #fff; }

.alineadoDerecha { float: right; }

.textoParrafo { text-align: left; }

.vinculo { font-family: "TitiliumSemibold", Helvetica, sans-serif; color: #4d4d4d; cursor: pointer; }

.vinculo:hover { color: var(--colorTerciario); }

.desactivado { opacity: 0.4; pointer-events: none; }

/* * * * * *  Media  * * * * * */
@media screen and (max-width: 600px) { header, .logosPie { display: block; text-align: center; font-size: 0.8em; }
  header .titulo, header .logoContent { float: none; width: 100%; }
  .logosPie .acreditacion, .logosPie .logoMSD { float: none; width: 100%; background-size: contain; }
  header .logoContent, .logosPie .logoMSD { background-position: 100px; }
   .boton, .botonEncuesta { padding: 4px 5px; } }

@font-face { font-family: "TitiliumLight"; src: url(fuentes/titillium-web-v7-latin-300.otf) format("opentype"), url(fuentes/titillium-web-v7-latin-300.ttf) format("truetype"), url(fuentes/titillium-web-v7-latin-300.woff2) format("woff2"), url(fuentes/titillium-web-v7-latin-300.woff) format("woff"); font-weight: 300; font-style: normal; }

@font-face { font-family: "Titilium"; src: url(fuentes/titillium-web-v7-latin-regular.otf) format("opentype"), url(fuentes/titillium-web-v7-latin-regular.ttf) format("truetype"), url(fuentes/titillium-web-v7-latin-regular.woff2) format("woff2"), url(fuentes/titillium-web-v7-latin-regular.woff) format("woff"); font-weight: 500; font-style: normal; }

@font-face { font-family: "Titilium"; src: url(fuentes/titillium-web-v7-latin-italic.otf) format("opentype"), url(fuentes/titillium-web-v7-latin-italic.ttf) format("truetype"), url(fuentes/titillium-web-v7-latin-italic.woff2) format("woff2"), url(fuentes/titillium-web-v7-latin-italic.woff) format("woff"); font-weight: 500; font-style: italic; }

@font-face { font-family: "TitiliumSemibold"; src: url(fuentes/titillium-web-v7-latin-600.otf) format("opentype"), url(fuentes/titillium-web-v7-latin-600.ttf) format("truetype"), url(fuentes/titillium-web-v7-latin-600.woff2) format("woff2"), url(fuentes/titillium-web-v7-latin-600.woff) format("woff"); font-weight: 600; font-style: normal; }

@font-face { font-family: "TitiliumBold"; src: url(fuentes/titillium-web-v7-latin-700.otf) format("opentype"), url(fuentes/titillium-web-v7-latin-700.ttf) format("truetype"), url(fuentes/titillium-web-v7-latin-700.woff2) format("woff2"), url(fuentes/titillium-web-v7-latin-700.woff) format("woff"); font-weight: 700; font-style: normal; }

@font-face { font-family: "Asap"; src: url(fuentes/asap-condensed-v5-latin-regular.otf) format("opentype"), url(fuentes/asap-condensed-v5-latin-regular.ttf) format("truetype"), url(fuentes/asap-condensed-v5-latin-regular.woff2) format("woff2"), url(fuentes/asap-condensed-v5-latin-regular.woff) format("woff"); font-weight: 400; font-style: normal; }

@font-face { font-family: "AsapMedium"; src: url(fuentes/asap-condensed-v5-latin-500.otf) format("opentype"), url(fuentes/asap-condensed-v5-latin-500.ttf) format("truetype"), url(fuentes/asap-condensed-v5-latin-500.woff2) format("woff2"), url(fuentes/asap-condensed-v5-latin-500.woff) format("woff"); font-weight: 500; font-style: normal; }

/* CSS Document */
.acceso { display: flex; flex-direction: column; justify-content: center; }

.acceso .bloque { width: 33%; margin-bottom: 0; }

/* CSS Document */
.menu .porcentaje { font-family: "AsapMedium", helvetica, sans-serif; color: #fd0; }

.menu .porcentaje.completado { color: #0f3; }

.menu .encuesta, .menu .evaluacion, .menu .diploma { position: relative; }

.menu .encuesta:after { content: "Encuesta de satisfacción"; }

.menu .evaluacion:after { content: "Realizar evaluación"; }

.menu .diploma:after { content: "Descargar diploma"; }

.menu .flechaAvance { height: 0.8em; vertical-align: middle; }

.menu .bloque { padding: 20px 60px; color: var(--colorPrimario); font-size: 18px; }

.menu .bloque .vinculo { display: inline-block; margin-bottom: 10px; }

.menu .bloque .vinculo:after { content: ""; position: relative; display: inline-block; top: 15px; width: 50px; height: 35px; background: url(imagenes/logoPresentacion.png) center top/100% 200% no-repeat; }

.menu .bloque .vinculo:hover:after { background-position: bottom; }

.menu video { float: left; width: 245px; height: 173px; margin: 0 15px; border: 2px solid #000; }

.menu .tituloTema { font-family: "TitiliumBold", helvetica, sans-serif; }

.menu .descripcionTema { font-family: "Asap", helvetica, sans-serif; }

@media screen and (max-width: 820px) { .menu .encuesta:after { content: "Encuesta"; }
  .menu .evaluacion:after { content: "Evaluación"; }
  .menu .diploma:after { content: "Diploma"; } }

@media screen and (max-width: 600px) { .menu .encabezadoContenido { padding-top: 0; }
  .menu .encabezadoContenido .alineadoDerecha { float: none; margin-top: 0.5em; text-align: center; }
  .menu video { width: 100%; height: auto; margin: 0 auto; } }

/* CSS Document */
.registro .bloque { padding: 20px 10%; line-height: 14px; }

.registro .nota { font: 14px/17px "TitiliumLight", helvetica, sans-serif; color: #000; }

.registro label { display: block; }

.registro label[for="consentimiento"] { margin-left: 20px; text-indent: -20px; }

/* CSS Document */
.evaluacion.bloque { padding: 20px 40px; }

.evaluacion .preguntas { margin-bottom: 1.4em; font: 19px/22px "TitiliumSemibold", helvetica, sans-serif; color: var(--colorPrimario); }

.evaluacion .preguntas p span { font-family: "TitiliumBold", helvetica, sans-serif; color: var(--colorTerciario); }

.evaluacion .preguntas.pendiente { padding: 10px; border-radius: 10px; background-color: #fee; }

.evaluacion .respuestas { margin-left: 60px; padding-bottom: 0.5em; }

.evaluacion .respuestas label { display: block; position: relative; margin-bottom: 0.4em; font: 17px/18px "Titilium", helvetica, sans-serif; color: #000; }

.evaluacion .respuestas label::first-letter { margin-left: -20px; }

.evaluacion .respuestas label span { font: 18px/18px "TitiliumSemibold", helvetica, sans-serif; color: #6a6a6a; }

.evaluacion .respuestas label input { position: absolute; left: -45px; top: 0; }

.evaluacion .respuestas textarea { width: 95%; margin-right: 5%; }

@media screen and (max-width: 600px) { .evaluacion input { position: absolute; left: -45px; top: -1px; } }

/* CSS Document */
.informacion ul { padding-left: 2em; list-style: url(imagenes/bullet.svg); }

.informacion ul li { margin-top: 8px; }

.informacion ul ul { list-style: url(imagenes/bullet2.svg); }

/*# sourceMappingURL=unificado.css.map */