/* CSS Document */

body { background-color: #ffffff !important; overflow-x: hidden; }

.cabecera{ background-color: #152232; background-size: auto 100%; padding: 30px 50px; text-align: left; }

.gradiente { background-image: linear-gradient(45deg, #7cbba0, #235669); background-size: auto 100%; height:14px; }

.tex_algoritmo{ vertical-align: middle; font-size: 24px; line-height: 130%; max-width: 1020px; margin:auto; text-align: left; white-space: pre; font-weight: bold; }
.tex_algoritmo span { font-weight: normal; color: #9bca9c; }
.tex_algoritmo sup { font-size: 50%; }

.box_opciones{ font-size: 20px; max-width: 90%; margin: 10px auto; padding: 10px 20px; }
.box_opciones ul { list-style-image: url('../img/bull.png'); margin: 0; padding: 0 0 0 25px; }
.box_opciones li { padding-bottom: 15px; line-height: 140%; padding-left: 10px; }
.box_opciones li a { text-decoration: underline; color: #ac215e; }

.logo_tecnimede{ display: inline-block; vertical-align: middle; padding: 0px 20px; max-width: 38%; }
.logo_springer{ display: inline-block; vertical-align: middle; padding: 0px 20px; max-width: 38%; }

@media screen and (max-width:1100px) {
	.cabecera{ padding: 25px 40px; }
	.tex_algoritmo { font-size: 20px; white-space: normal; }
}

@media screen and (max-width:950px) {
	.cabecera{ padding: 20px 35px; }
	.tex_algoritmo { font-size: 18px; }
}

@media screen and (max-width:768px) {
	.cabecera{ padding: 20px 30px; }
	.tex_algoritmo { font-size: 16px; }
}

@media screen and (max-width:600px) {
	.cabecera{ padding: 15px 25px; }
	.tex_algoritmo { font-size: 14px; }
	.box_opciones{ font-size: 15px; padding: 20px 15px 5px 15px; }
	.box_opciones ul { list-style-image: url('../img/bull2.png'); margin: 0; padding: 0 20px 0 15px; }
	.box_opciones li { padding-bottom: 10px; padding-left: 5px; }	
}

@media screen and (max-width:500px) {
	.cabecera{ padding: 15px 20px; }
	.tex_algoritmo { font-size: 12px; }
}


@media screen and (max-width:400px) {
	.cabecera{ padding: 10px 15px; }
	.tex_algoritmo { font-size: 10px; }
	.box_opciones{ font-size: 13px; padding: 15px 10px 0px 10px; }
	.logo_tecnimede{ padding: 0px 10px; }
	.logo_springer{ padding: 0px 10px; }	
}



/* ------------------------------------ generales slides -------------------------------------------- */

.slide{ display:none; margin: 25px auto 0 auto; overflow: hidden; width: 1100px; opacity: 0; text-align: center; /*border:1px solid red; min-height: calc(100vh - 325px);*/ padding-bottom: 100px; }

.box_tit{ overflow: hidden; max-width: 100%; margin: 25px auto; }
.box_supertit { transform: scale(0.8); margin-top: 0px; }

.icono { padding: 0 30px; display: inline-block; vertical-align: middle; }
.icono img { /*max-width:100%; width: 87px; height: 87px;*/ display: inherit; }

.tit_slide{ font-size: 25px; text-align: left; box-sizing: border-box; display: inline-block; vertical-align: middle; }
.tit_slide a { text-decoration:underline; color: #ac215e; font-weight: 600; }
.tit_slide sup { font-size: 50%; }
.subtit_slide{ font-size: 20px; text-align: left; padding: 10px 0px; }
.subtit_slide sup { font-size: 50%; }
.subtit_slide b { font-weight: 600; }



.box_botones{ font-size: 0px; text-align: center; width: 1000px; max-width: 90%; margin: auto; }
.box_botones > a { display:inline-block; vertical-align: bottom; width: 458px; max-width: 45%; margin: 0 1% 20px 1%; padding: 0 1%; }
.box_botones > a > img { margin:auto; display:inline-block; padding-bottom: 15px; vertical-align: middle; }
.bcontinuar{ border-radius: 10px; background-color: #9bca9c; width:100%; height: 94px; font-size: 18px; text-align: center; color: #000 !important; }
.box_continuar{ width: calc(100% - 20px); height: 94px; display: flex; justify-content: center; align-items: center; padding:0 10px; }
.bcontinuar:hover{ background-color: #52a6a6; }
.bcontinuar2{ border-radius: 10px; background-color: #9bca9c; width: 358px; max-width: 29%; height: 94px; font-size: 18px; text-align: center; margin: 0 1% 20px 1%; padding: 0 1%; color: #000 !important; }
.bcontinuar2:hover{ background-color: #9bca9c; }
.boton_especial { display:inline-block; width:calc(100% - 150px); }


.box_cuerpo{ font-size: 22px; width:940px; max-width: 90%; min-height: 100px; text-align: center; margin: auto; padding: 25px 20px 20px 20px; }


.tex_final{ font-size: 20px; text-align: center; text-transform: uppercase; margin: 25px 0; }
.box_pdf{ font-size: 0px; overflow: hidden; text-align: center; margin-bottom: 15px;  }
.bpdf{ font-size: 14px; text-align: center; display: inline-block; margin: 0 70px 25px 70px; }
.bpdf img{ width: 47px; margin: 0 auto 10px auto;  }

.leyenda{ text-align: left; font-size: 13px; margin: 20px; }
.retroceder { display:block; position:absolute; bottom: 25px; right:30px; border-radius: 10px; border:solid #9bca9c 2px; padding: 10px 20px; color: #341a3b !important; z-index: 999999; }


@media screen and (max-width:1100px) {
	.slide{ width: 90%; }
}

@media screen and (max-width:820px) {
	.slide{ padding-bottom: 150px; }
	.icono { padding: 0; }
	.tit_slide{ font-size: 20px; text-align: center; }
	.box_tit{ overflow: hidden; width: 90%; float: none !important; margin:0 auto 20px auto; }
	.box_tit .tit_slide{ width: 100%; }
	.boton_especial { display:block; margin:auto; width: inherit; max-width: 97%; }
	.leyenda{ font-size: 12px; }
	.box_cuerpo{ min-height: 80px; padding: 20px 15px 15px 15px; }
	.retroceder { bottom: 100px; }
}

@media screen and (max-width:600px) {
	.tit_slide { max-width: 100%; text-align: center; padding: 10px 0 0 0; }
	.icono { float: none; margin: 0 auto; width: fit-content; padding-right: 0px; }
	.icono img { /*max-width:100%;*/ width: 77px; height: 77px; }
	.box_tit{ display: block; margin:0 auto 15px auto; }
	.subtit_slide{ font-size: 15px; }
	.box_continuar{ height: 64px; }
	.box_botones a { max-width: 97%; }
	.bcontinuar { height: 64px; font-size: 14px; }
	.bcontinuar2 { height: 64px; font-size: 14px; }
	.leyenda{ font-size: 11px; }
	.tex_final{ font-size: 17px; margin: 20px 0; }
	.bpdf{ font-size: 13px; }
	.bpdf img{ width: 40px; }
	.box_cuerpo{ min-height: 60px; padding: 15px 10px 10px 10px; }
	.retroceder { border-radius: 8px; padding: 8px 16px; margin-left: 16px; font-size: 14px; }
}

@media screen and (max-width:400px) {
	.tit_slide{ font-size: 16px; }
	.subtit_slide{ font-size: 13px; }
	.box_continuar{ height: 54px; }
	.bcontinuar { height: 54px; font-size: 13px; }
	.bcontinuar2 { height: 54px; font-size: 13px; }
	.leyenda{ font-size: 10px; }
	.tex_final{ font-size: 14px; margin: 15px 0; }
	.bpdf{ font-size: 12px; }
	.bpdf img{ width: 32px; }
	.box_cuerpo{ min-height: 40px; padding: 10px 5px 5px 5px; }
	.retroceder { border-radius: 6px; padding: 6px 12px; margin-left: 12px; font-size: 12px; bottom: 70px; }
}




/* ----------------------------------- slides con tablas y flechas -------------------------------------------- */


.tex_c_verde { display: block; background-color: #9bca9c; color: #fff; font-size: 22px; text-align: center; padding: 8px; }

.bmas { display:inline; width: 30px; vertical-align: middle; }
.tex_masinfo{ font-size: 18px; color:#565656; margin-top: 10px; }

.flechaAbajo { position: relative; background: url("../img/flechaAbajo.png") center bottom no-repeat; }
.flechaEspecial { position: relative; background: url("../img/flecha2.png") center center no-repeat; }

@media screen and (max-width:820px) {
	.bmas { width: 25px; }
}

@media screen and (max-width:600px) {
	.bmas { width: 20px; }
}

@media screen and (max-width:400px) {
	.bmas { width:15px; }
}





/* ------------------------------------ tablaas nuevas -------------------------------------------- */

.cabeceraAzul { background-color: #152330; color:#fff; font-size: 20px; padding: 8px 25px !important; margin: 15px 0; border-radius: 22px; }
.inline { display: inline-block; vertical-align: middle; padding: 10px 0; }
.flexible {display: flex; align-items: center; justify-content: center; text-align: center; height:calc(100% - 50px); }
.flexibleInline { width:100%; display:inline-flex; gap:10px; }
.masVerde { display:inline; width: 22px; vertical-align: middle; padding:0 5px 2px 5px; }

.cajaVerde { background-color: #dff2de; color: #132223; padding: 15px; border-radius: 10px; font-size: 18px; }
.cajaVerde.reducida { font-size: 16px; }
.cajaVerde .cajaInterna { background-color: #f4f4f4; color: #565656; padding: 10px 10px; border-radius: 10px; margin: 20px 0; border:solid #596461 1px; position:relative; letter-spacing:-0.5px; }
.cajaVerde .cajaSinFondo { background-color: none; padding: 10px 10px; border-radius: 10px; margin: 20px 0; border:solid #596461 1px;  position:relative; letter-spacing:-0.5px; }
.cajaVerde .cdf { position:absolute; top:-17px; right: 5px; font-size:12px; font-weight:700; }

.cajaGris { background-color: #f4f4f4; color: #132223; padding: 15px; border-radius: 10px; font-size: 18px; border: solid #b2803d 2px; display: flex; width: fit-content; margin: auto; align-items: center; }
.cajaGris img { margin-right: 20px; }

.cajaTitulo { font-size: 110%; color:#fff; font-weight: bold; margin: 15px 0; padding: 8px; background-image: linear-gradient(45deg, #81b79f, #245669); margin-left: -25px; margin-right: -25px; }

.raya { height: 0px; margin: 20px -25px; }
.raya.solida { border-top: solid #000 2px; }
.raya.punteada { border-top: dashed #000 2px; }

.superFlecha { height:33px; width:100%; background: url("../img/super-flecha-verde.gif") right center; background-size: auto 100%; margin-bottom: 16px; }

@media screen and (max-width:1100px) {
	.flexible { display:block; }
}

@media screen and (max-width:820px) {
	.cabeceraAzul {font-size: 18px; padding: 8px 20px !important; border-radius: 20px; }
	.cajaVerde { font-size: 16px; padding: 12px; }
	.cajaVerde .cdf { font-size:11px; top:-16px; }
	.cajaVerde.reducida { font-size: 14px; }
	.cajaGris { font-size: 16px; }
}

@media screen and (max-width:600px) {
	.cabeceraAzul {font-size: 16px; padding: 8px 15px !important; border-radius: 17px; }
	.cajaVerde { font-size: 14px; padding: 10px; }
	.cajaVerde .cdf { font-size:10px; top:-15px; }
	.cajaVerde.reducida { font-size: 12px; }
	.cajaGris { font-size: 14px; }
}

@media screen and (max-width:400px) {
	.cabeceraAzul {font-size: 14px; padding: 8px 10px !important; border-radius: 15px; }
	.cajaVerde { font-size: 12px; padding: 8px; }
	.cajaVerde .cdf { font-size:9px; top:-13px; }
	.cajaVerde.reducida { font-size: 10px; }
	.cajaGris { font-size: 12px; padding: 10px; }
	.cajaGris img { max-height: 60px; margin-right: 10px; }
}