@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,500;0,700;1,500;1,700&display=swap');


body {
	font-family: 'Open Sans', sans-serif;
}

a {
	color: #F47B71;
}

	a:hover {
		color: #444;
	}

html.html-login {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

	html.html-login body {
		background-color: rgba(255,255,255,0.7);
		min-height: 100vh;
		padding-bottom: 62px;
	}

		html.html-login body .footer {
			position: absolute !important;
			bottom: 0;
			background-color: rgba(255,255,255,0.7);
		}

	html.html-login .main-login {
		height: calc(100vh - 62px);
		min-height: 560px;
		display: flex;
	}

		html.html-login .main-login > main {
			background-color: rgba(255,255,255,0.7);
			box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
			padding: 10px 55px 20px;
			border-radius: 3rem;
			width: 480px;
		}

.main-resul-screening {
	background-color: rgba(255,255,255,0.7);
	box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
	padding: 10px 55px 20px;
	border-radius: 3rem;
}

html.html-login .main-login input.form-control {
	height: 5rem;
	padding: 1rem 1.5rem;
}

html.html-login .main-login .btn.btn-primary {
	min-width: inherit;
}

.logologin {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 4rem !important;
}

.relativo {
	position: relative;
}

.mostrar-pass {
	position: absolute;
	right: 0.1rem;
	top: 0.1rem;
	width: 4.8rem;
	height: 4.8rem;
	border: 0;
	background-color: transparent;
	border-radius: 0 7px 7px 0;
	background-image: url("../images/ico-ver-pass.svg");
	background-repeat: no-repeat;
	background-size: 48px 96px;
	background-position: 0px 0px;
}

	.mostrar-pass:hover {
		background-color: rgba(0,0,0,0.05);
	}

	.mostrar-pass.onpass {
		background-position: 0px -48px;
	}

html.html-login .main-login form > div {
	margin-bottom: 3rem;
}

html.html-login header {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
	color: #000 !important;
	background-color: #fff !important;
}

html.html-login .edose-main {
	margin-top: 0;
	margin-bottom: 0;
}

body > .container > .pb-3 {
	padding: 0 !important;
}

.sr-only {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
	color: #000 !important;
	background-color: #fff !important;
}

.navbar-brand img {
	max-height: 10rem;
	transform:scale(1.2);
}

body.bienvenida .navbar-brand img {
	max-height: 10rem;
	transform: scale(1.2);
}

a.navbar-brand {
	min-width: 8rem;
}

.navbar {
	padding: 2rem 0;
	margin-bottom: 0 !important;
	box-shadow: none !important;
	border-color: #efefef !important;
}

	.navbar > .container-fluid {
		margin: 0 3rem;
		padding: 0;
	}

header {
	box-shadow: 0 1rem 1rem 0 rgba(0,0,0,0.05);
	margin-bottom: 4rem;
}

	header > h1 {
		font-size: 2.8rem;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		margin: 0 3rem;
		padding: 0.3rem 0rem;
		min-height: 4rem;
	}

h1::after {
	display: none;
}

ul.nav-pasos {
	border-bottom: 0;
	display: flex;
	margin-bottom: 6rem;
	position: relative;
}

	ul.nav-pasos > li {
		flex-basis: 0;
		flex-grow: 1;
	}

	ul.nav-pasos .nav-link > span {
		border-radius: 50%;
		border: solid 2px #F47B71;
		background-color: #F47B71;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 4rem;
		height: 4rem;
		color: #fff;
	}

	ul.nav-pasos .nav-link:hover > span {
		background-color: #F26559;
		border-color: #F26559;
	}

	ul.nav-pasos .nav-link.active {
		cursor: default;
		position: inherit;
	}

		ul.nav-pasos .nav-link.active > span, ul.nav-pasos .nav-link.active:hover > span {
			border: solid 2px #5FA08A;
			background-color: #fff;
			color: #444;
		}

	ul.nav-pasos .nav-link::before {
		position: relative;
		top: -4px;
		display: inline-block;
		height: 4px;
		width: calc(50% - 2rem);
		background-color: #ddd;
		content: "";
	}

	ul.nav-pasos .nav-link::after {
		position: relative;
		top: -4px;
		display: inline-block;
		height: 4px;
		width: calc(50% - 2rem);
		background-color: #ddd;
		content: "";
	}

	ul.nav-pasos .nav-link.active::before {
		background: linear-gradient(to right, #ddd, #5FA08A);
	}

	ul.nav-pasos .nav-link.active::after {
		background: linear-gradient(to left, #ddd, #5FA08A);
	}

	ul.nav-pasos .nav-item:first-child .nav-link::before {
		background: linear-gradient(to right, #fff, #ddd);
	}

	ul.nav-pasos .nav-item:last-child .nav-link::after {
		background: linear-gradient(to left, #fff, #ddd);
	}

	ul.nav-pasos .nav-item:first-child .nav-link.active::before {
		background: linear-gradient(to right, #fff, #5FA08A);
	}

	ul.nav-pasos .nav-item:last-child .nav-link.active::after {
		background: linear-gradient(to left, #fff, #5FA08A);
	}

	ul.nav-pasos .nav-link {
		position: relative;
		padding: 0;
		border: 0;
		width: 100%;
	}

		ul.nav-pasos .nav-link > p {
			position: absolute;
			bottom: calc(100% + 1rem);
			/*width: 100%;*/
			left: calc(50% - 7rem);
			font-size: 1.4rem;
			display: none;
			background-color: #F26559;
			color: #fff;
			justify-content: center;
			align-items: center;
			width: 14rem;
			min-height: 5rem;
			padding: 1.5rem 0.5rem;
			border-radius: 1rem;
			box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.5);
		}

			ul.nav-pasos .nav-link > p::before {
				display: inline-block;
				content: "";
				width: 2rem /*14.1421356px*/;
				height: 2rem /*14.1421356px*/;
				background-color: #F26559;
				transform: rotate(45deg);
				position: absolute;
				bottom: -1rem;
				left: calc(50% - 1rem);
				box-shadow: 3px 2px 2px 0px rgba(0,0,0,0.2);
			}

		ul.nav-pasos .nav-link.active > p::before {
			background-color: #444;
			bottom: auto;
			top: -1rem;
			box-shadow: none;
		}

		ul.nav-pasos .nav-link:hover > p {
			display: flex;
		}

		ul.nav-pasos .nav-link.active > p {
			/*top:calc(100% + 2rem); OCULTAMOS EL P ACTIVO CON LOS ATRIBUTOS SR-ONLY
	bottom: auto;
	background-color: #444;
	color:#fff;
	display: flex;
	width: 100%;
	left:0;*/
			border: 0;
			clip: rect(1px, 1px, 1px, 1px);
			-webkit-clip-path: inset(50%);
			clip-path: inset(50%);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute !important;
			width: 1px;
			word-wrap: normal !important;
			word-break: normal;
			color: #000 !important;
			background-color: #fff !important;
		}

.container {
	padding: 0;
}

h2.pasoactual {
	margin-bottom: 4rem;
}

	h2.pasoactual > span {
		display: inline-flex;
		border: solid 2px #5FA08A;
		border-radius: 50%;
		width: 4rem;
		height: 4rem;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		margin-right: 0.5rem;
		background-color: #fff;
	}

.footer {
	position: inherit !important;
	border-top: solid 2px #efefef !important;
}

.container > .pb-3 > form > .tab-content.active {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 0rem 2rem 4rem 0rem rgba(0,0,0,0.15);
	border-radius: 1rem;
	padding: 0 1.5rem;
}

	.container > .pb-3 > form > .tab-content.active > h2,
	.container > .pb-3 > form > .tab-content.active > div > h2 {
		min-width: calc(100% + 3rem);
		background-color: #E2F4EE;
		border-radius: 1rem 1rem 0 0;
		padding: 0.5rem 0;
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

.field-validation-valid {
	display: block;
	width: 100%;
}

.container > .pb-3 > form > .tab-content.active > .form-group,
.container > .pb-3 > form > .tab-content.active > div > .form-group {
	/*width: calc(33.33333332% - 3rem);*/
	/*border-top: solid 1px green;
	border-bottom: solid 1px red;*/
	background-color: #f6f6f6;
	margin: 0 1.5rem 3rem;
	padding: 1rem 1.5rem;
	border-radius: 1rem;
	position: relative;
}

#seccionGeneral, #seccionPersonaApoyo {
	width: 100%;
}

.colflex-3 {
	width: calc(25% - 3rem);
}

.colflex-4 {
	width: calc(33.33333332% - 3rem);
}

.colflex-5 {
	width: calc(41.66666667% - 3rem);
}

.colflex-6 {
	width: calc(50% - 3rem);
}

.colflex-7 {
	width: calc(58.33333333% - 3rem);
}

.colflex-8 {
	width: calc(66.66666665% - 3rem);
}

.colflex-9 {
	width: calc(75% - 3rem);
}

.colflex-12 {
	width: calc(100% - 3rem);
}

label.control-label, label.form-check-label {
	/*display: block;*/
	font-size: 1.4rem;
}
/*.container > .pb-3 > form > .tab-content.active label ~ input.form-check-input{
	width: 2.4rem;
	height: 2.4rem;
	margin: 0.4rem 0;
}*/
.container > .pb-3 > form > .tab-content.active input.form-check-input {
	width: 2rem;
	height: 2rem;
	margin: 0.1rem 0.6rem 0.6rem 0;
}

.tab-content.active input.form-check-input ~ label {
	width: calc(100% - 2.6rem);
	/*color:green;
	background-color: #ddd;*/
}

.radioycheck {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}

.container > .pb-3 > form > .tab-content.active > .radioycheck,
.container > .pb-3 > form > .tab-content.active > div > .radioycheck {
	padding-top: 4.4rem;
}

	.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset,
	.container > .pb-3 > form > .tab-content.active > .radioycheck.con-titlabel,
	.container > .pb-3 > form > .tab-content.active > .colflex-12.radioycheck,
	.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset,
	.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-titlabel,
	.container > .pb-3 > form > .tab-content.active > div > .colflex-12.radioycheck {
		padding-top: 1.5rem;
	}

		.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset fieldset,
		.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset fieldset {
			width: 100%;
			display: flex;
			flex-wrap: wrap;
		}

			.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset fieldset label,
			.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset fieldset label {
				width: auto;
				margin-right: 2rem;
			}

				.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset fieldset label:last-of-type,
				.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset fieldset label:last-of-type {
					margin-right: 0;
				}

.unidad-fieldset {
	margin-right: 2rem;
	display: flex;
}

	.unidad-fieldset:last-of-type {
		margin-right: 0;
	}

.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset legend,
.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset legend {
	margin-bottom: 0.9rem;
	font-size: 1.4rem;
	float: none;
	line-height: 1.2;
	font-weight: 600;
	min-height: 1.8rem;
}

input.form-control, select.form-control {
	height: 4rem;
	border-radius: 0.8rem;
}

select.form-control {
	position: relative;
	background-image: url("../images/ico-select.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) calc(50% + 2px);
}

select.multiselector {
	height: 100px; /* Solo para asegurar que el tamaño sea visible */
	/* Las dos cosas ocultan el fondo que es el icono de la flechita del selector */
	appearance: none;
	background-image: none;
}

select[disabled] {
	/* Las dos cosas ocultan el fondo que es el icono de la flechita del selector */
	appearance: none;
	background-image: none;
}

.titlabel {
	display: block;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 0.9rem;
	font-weight: 600;
}

.botonera {
	margin: 4rem auto;
	text-align: end;
}

label.control-label {
	font-weight: 600;
	font-size: 1.4rem;
}

.btn.btn-primary {
	background-color: #F47B71;
	border-radius: 2rem;
	border: solid 3px #F47B71;
	font-family: 'Open Sans', sans-serif;
	padding: 0.5rem 3rem;
	min-width: 20rem;
}

.btn.btn-secondary {
	background-color: #fff;
	color: #F47B71;
	border-radius: 2rem;
	border: solid 3px #F47B71;
	font-family: 'Open Sans', sans-serif;
	padding: 0.5rem 3rem;
	min-width: 20rem;
}

	.btn.btn-primary:hover, .btn.btn-secondary:hover {
		background-color: #444;
		border-color: #444;
		color: #fff;
	}

.botonera .btn {
	margin-left: 1.5rem;
}

	.botonera .btn:first-of-type {
		margin-left: 0;
	}

.footer .container {
	font-size: 1.3rem;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	color: #1E1E1E;
}

.btn-avanret {
	display: flex;
	justify-content: space-between;
	margin: 0 1.5rem 3rem;
	/*flex-wrap: wrap;*/
}

	.btn-avanret > div {
		margin: 0.5rem 0 0.5rem 0.5rem;
	}

		.btn-avanret > div:first-of-type {
			margin: 0.5rem 0.5rem 0.5rem 0;
		}

	.btn-avanret .btn {
		/*padding-left: 0.7rem;*/
		display: flex;
		/*padding: 0.7rem 3rem 0.7rem 0.7rem;*/
		padding: 0;
		line-height: inherit;
		justify-content: center;
		align-items: center;
		min-width: inherit;
		margin: 0;
	}

		.btn-avanret .btn > span {
			margin-right: 2rem;
			text-align: left;
			line-height: 1.3;
			font-size: 1.4rem;
		}

			.btn-avanret .btn > span:first-of-type {
				display: inline-flex;
				background-color: #F47B71;
				color: #fff;
				height: 2.4rem;
				width: 2.4rem;
				min-height: 2.4rem;
				min-width: 2.4rem;
				border-radius: 1.2rem;
				margin-right: 1rem;
				margin-left: 0.5rem;
				font-size: 1.3rem;
				line-height: 2;
				justify-content: center;
				align-items: center;
			}

*[required] ~ span::before {
	content: "(*) obligatorio";
	display: block;
	position: absolute;
	top: 1px;
	right: 15px;
}

.franja-gris {
	background-color: #F5F5F5;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: right;
	padding: 0rem 3rem;
	display: flex;
	justify-content: flex-end;
	min-height: 3.2rem;
	align-items: center;
}

	.franja-gris .usuario {
		border-right: solid 2px #CCCCCC;
		padding-right: 2rem;
	}

	.franja-gris .finsesion {
		text-transform: uppercase;
		text-decoration: none;
		margin-left: 2rem;
		background-image: url("../images/ico-salir.svg");
		background-repeat: no-repeat;
		background-size: 20px 40px;
		background-position: right 0px;
		padding-right: 2.6rem;
	}

		.franja-gris .finsesion:hover {
			background-position: right -20px;
		}

.navbar-nav.naveperinatal {
	font-size: 1.3rem;
	justify-content: flex-end;
	width: 100%;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
}

	.navbar-nav.naveperinatal li a {
		border-color: #fff;
		width: auto;
		border-width: 0;
		border-bottom-width: 3px;
		padding: 5px 0px;
		margin: 0px 10px;
		color: #333;
	}

.navbar-expand-lg .navbar-nav.naveperinatal .nav-link {
	padding: 5px 0px;
	color: #333;
}

.navbar-nav.naveperinatal > li a:hover {
	border-bottom-color: #B0D0C5;
	color: #000;
}
/*.navbar-nav.naveperinatal li.navpadre > a{	
	background-image: url("../images/ico-select.svg");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 1.6rem;
}*/
.navbar-nav.naveperinatal li > ul {
	left: 10px;
	top: 100%;
	background-color: #f47b71;
	padding-left: 0;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
	min-width: 15rem;
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

	.navbar-nav.naveperinatal li > ul > li {
		width: 100%;
	}

		.navbar-nav.naveperinatal li > ul > li > a {
			white-space: nowrap;
			padding: 5px 10px;
			margin: 0px;
			background-color: #f47b71;
			border: 0;
			color: #fff;
			font-weight: bold;
		}

			.navbar-nav.naveperinatal li > ul > li > a:hover {
				background-color: #e7746b;
				color: #fff;
			}

.container-fluid.contperinatal {
	margin: 0;
	padding: 0 3rem;
	/*width: calc(100% - 6rem);*/
}

.tabla-responsive .table th {
	white-space: nowrap;
}

.table thead th {
	border-top: 0;
	border-bottom: solid 2px #F47B71 !important;
}

.table th {
	padding: 1rem 1.5rem;
}

.table td {
	border-color: #ddd;
	padding: 0.7rem 1.5rem;
}

.table tr:nth-child(2n) td {
	background-color: #fafafa;
}

.table td.col-action {
	white-space: nowrap;
}

.col-action a {
	display: inline-block;
	width: 24px;
	height: 24px;
}

	.col-action a:hover img {
		filter: grayscale(100%);
	}

.card-sombra {
	box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.15);
	border-radius: 1rem;
	background-color: #fff;
	margin-bottom: 4rem;
}

.card-formulario {
	padding: 1.5rem;
	margin-top: 6rem;
}

	.card-formulario > .row {
		margin-left: 0;
		margin-right: 0;
	}

		.card-formulario > .row > div {
			padding-left: 1.5rem;
			padding-right: 1.5rem;
		}

		.card-formulario > .row .form-group, .card-formulario > .row .form-check {
			padding-top: 1.5rem;
			padding-bottom: 1.5rem;
			padding-left: 0;
		}

		.card-formulario > .row > div label {
			font-weight: 600;
			font-size: 1.4rem;
		}

	.card-formulario .form-check-input {
		margin-top: 0.6rem;
	}

	.card-formulario > .row .form-check fieldset {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

		.card-formulario > .row .form-check fieldset legend {
			font-size: 1.4rem;
			font-weight: 600;
			/*margin-left: -2.5rem;*/
			margin-bottom: 1.2rem;
		}

	.card-formulario > .row .form-check input.form-check-input {
		float: none;
		margin-left: 0;
		margin-top: 0.2rem;
		margin-right: 0.5rem;
	}

		.card-formulario > .row .form-check input.form-check-input[type="checkbox"] {
			margin-top: 0.5rem;
		}

	.card-formulario > .row .form-check .unidad-fieldset {
		margin-right: 3rem;
	}

	.card-formulario hr {
		margin: 1rem -1.5rem;
		background-color: #ccc;
	}

.botonera-formulario {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 3rem;
	margin-bottom: 4rem;
}

.card-formulario h1.hcard,
.card-formulario h2.hcard,
.card-formulario h3.hcard,
.card-formulario h4.hcard,
.card-formulario h5.hcard,
.card-formulario h6.hcard {
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: solid 2px #F47B71;
	margin-top: -0.5rem;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	text-align: left;
	padding: 0rem 3rem 1rem;
	color: #3f3f3f;
}

.separador {
	background-color: #E2F4EE;
	text-align: center;
	color: #4e4d4d;
	width: 100%;
	box-sizing: border-box; /* Para incluir el padding y el borde en el ancho total */
	padding: 10px; /* Ajusta el relleno según sea necesario */
	margin-bottom: 20px;
}

@media ( min-width: 768px ) {
	.card-formulario > .row .check-individual {
		padding-top: 4.5rem;
	}

	.card-formulario > .row > .col-md-12 .check-individual {
		padding-top: 1.5rem;
	}
}

.znbolas {
	min-height: 15rem;
}

	.znbolas > div {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 8rem;
	}

.btntag {
	position: relative;
	width: 12rem;
	height: 12rem;
	background-color: #fff;
	border: solid 10px #F26559;
	border-radius: 50%;
}

	.btntag.tip1 {
		border-color: #F26559;
	}

	.btntag.tip2 {
		border-color: #5FA08A;
	}

	.btntag.tip3 {
		border-color: #FFAB8A;
	}

	.btntag.tip4 {
		border-color: #A1DDC9;
	}

	.btntag.tip5 {
		border-color: #FFE6DC;
	}

	.btntag:hover {
		border-color: #3f3f3f !important;
	}

	.btntag span {
		position: absolute;
		top: calc(100% + 2rem);
		left: -2.5rem;
		display: block;
		width: 15rem;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.1;
		color: #3f3f3f;
		padding: 0 0.5rem;
	}

	.btntag:hover span {
		color: #000;
	}

.h2left h2 {
	text-align: left;
	margin-top: 3rem;
	margin-bottom: 2rem;
}

.video-eperinatal > div {
	margin-top: 6rem !important;
	margin-bottom: 4rem !important;
	position: relative;
	box-shadow: 0 0px 15px 10px rgba(0,0,0,0.2);
	background-color: #e0e0e0;
	padding-bottom: 1.2rem;
	border-radius: 0 0 8px 8px;
	display: inline-block;
	width: 100%;
	max-width: 640px;
	/*	height: 500px;*/
}

	.video-eperinatal > div::before {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #444;
		font-family: Helvetica, Arial, "sans-serif";
		font-size: 14px;
		content: "";
		width: 100%;
		height: 30px;
		background: url(https://grupo.us.es/eperinatal/wp-content/themes/eperinatal/images/cerrar.png) no-repeat 10px center #F0F0F4;
		border-radius: 8px 8px 0 0;
		position: absolute;
		top: -30px;
	}

@media ( min-width: 360px ) {
	.znbolas {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

		.znbolas > div {
			width: 50%;
		}
}

@media ( min-width: 782px ) {
	.znbolas {
		display: flex;
		justify-content: space-around;
		background-image: url("../images/bg-znbolas.svg");
		/*background-position: center calc(50% - 1.8rem);*/
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100%;
		margin-bottom: 8rem;
	}

		.znbolas > div {
			margin-bottom: 0;
			width: 12rem;
		}

	span.nobtn {
		display: block;
		width: 12rem;
		height: 12rem;
		border: solid 10px #fafafa;
		border-radius: 50%
	}
}

.OTRAVEZ {
	border: solid 2px red;
}

	.OTRAVEZ::after {
		display: inline-block;
		position: absolute;
		left: calc(50% - 80px);
		top: -18px;
		content: "¿Esto no habría que quitarlo?";
		color: red;
		font-size: 1.2rem;
		background-color: #fff;
		font-weight: bold;
		border: solid 2px red;
		padding: 5px 10px;
		border-radius: 10px;
	}

.container-fluid.h2left {
	padding: 0;
}


@media ( max-width: 1259px ) {
	.container {
		margin: 0 3rem;
		max-width: calc(100% - 6rem);
	}

	html.html-login .container .container {
		margin: 0;
		max-width: 100%;
	}
}

@media ( max-width: 1100px ) {
	ul.nav-pasos .nav-item:first-child .nav-link > p {
		left: 0;
		/*left:-2.5rem;*/
	}

	ul.nav-pasos .nav-item:last-child .nav-link > p {
		left: auto;
		right: 0;
		/*right:-2.5rem;*/
	}

	ul.nav-pasos .nav-item:first-child .nav-link > p::before {
		left: 3rem;
	}

	ul.nav-pasos .nav-item:last-child .nav-link > p::before {
		left: auto;
		right: 3rem;
	}
}

@media ( max-width: 1000px ) {
	ul.nav-pasos .nav-item:first-child .nav-link > p::before {
		left: 2.5rem;
	}

	ul.nav-pasos .nav-item:last-child .nav-link > p::before {
		left: auto;
		right: 2.5rem;
	}
}

@media ( max-width: 991px ) {
	.navbar-nav.naveperinatal > li > a {
		border-bottom: 0;
	}

		.navbar-nav.naveperinatal > li > a:hover {
			color: #F47B71 !important;
		}

	.navbar-collapse ul.naveperinatal {
		margin-top: 2rem;
		border-bottom: solid 1px #ededed;
	}

		.navbar-collapse ul.naveperinatal > li {
			border-top: solid 1px #ededed;
		}

		.navbar-collapse ul.naveperinatal ul.dropdown-menu {
			display: block;
			box-shadow: none;
		}

	.navbar-nav.naveperinatal li > ul > li > a {
		background-color: #fafafa;
		color: #333;
		border-top: solid 1px #ededed;
		padding: 5px 30px;
	}

		.navbar-nav.naveperinatal li > ul > li > a:hover {
			color: #000;
			background-color: #ededed;
		}

		.navbar-nav.naveperinatal li > ul > li > a::before {
			content: "- ";
		}

	.navbar-nav.naveperinatal .dropdown-toggle::after {
		display: none;
	}
}

@media ( max-width: 850px ) {
	.colflex-3, .colflex-4, .colflex-5, .colflex-6, .colflex-7, .colflex-8, .colflex-9, .colflex-12 {
		width: calc(100% - 3rem);
		padding-top: 1.5rem !important;
	}

	.container > .pb-3 > form > .tab-content.active > .radioycheck.con-fieldset legend,
	.container > .pb-3 > form > .tab-content.active > div > .radioycheck.con-fieldset legend {
		min-height: inherit;
	}

	ul.nav-pasos .nav-item:first-child .nav-link > p::before {
		left: 2rem;
	}

	ul.nav-pasos .nav-item:last-child .nav-link > p::before {
		left: auto;
		right: 2rem;
	}
}

@media ( max-width: 650px ) {
	ul.nav-pasos > li {
		min-width: calc(100% / 7);
		max-width: calc(100% / 7);
		margin-bottom: 2rem;
	}
}

@media ( max-width: 599px ) {
	.btn-avanret {
		flex-wrap: wrap;
	}

		.btn-avanret > div, .btn-avanret > div:first-of-type {
			width: 100%;
			margin: 0.5rem 0;
		}

			.btn-avanret > div .btn {
				width: 100%;
				justify-content: flex-start;
			}
}

@media ( max-width: 449px ) {
	html.html-login .main-login > main {
		padding: 10px 40px 20px;
	}
}

@media ( max-width: 359px ) {
	html.html-login .main-login > main {
		padding: 10px 20px 20px;
	}

	html.html-login .container {
		margin: 0 1rem;
		max-width: calc(100% - 2rem);
	}
}

#boton-enviar {
	display: inline-block; /* O display: block; */
}

body.bienvenida > header {
	margin-bottom: 0;
}

.blq-green, .blq-orange, blq-white {
	padding: 40px 15px;
}

.blq-green {
	/*background-color: #a1ddc9;*/
	background-color: rgba(161,221,201,0.5);
}

.blq-orange {
	/*background-color: rgba(242,101,89,0.5);*/
	background-color: rgba(255,171,138,0.5);
}

	.blq-green > *, .blq-orange > * {
		color: #000;
	}

.container-fluid.h2left > .blq-orange:first-child {
	padding-top: 60px;
	margin-top: -4rem;
}

.video-eperinatal {
	padding: 0 15px;
}

.neverEditableSelect {
	pointer-events: none; /* Desactiva la interacción del usuario */
	background-color: #e9ecef; /* Opcional: da apariencia de campo deshabilitado */
}

@media (min-width: 1200px) {
	/*.blq-green, .blq-orange{
		padding: 40px 0;	
	}*/
	.blq-green > *, .blq-orange > *, .blq-white > * {
		max-width: 1200px;
		margin: auto;
	}
}

/*@media ( min-width: 576px ){
	.navbar > .container-fluid{
		flex-wrap: wrap;
	}
	.navbar-expand-sm .navbar-toggler {
		display: initial;
	}
	.navbar-expand-sm .navbar-collapse {
    	display: none !important;
	}
	.navbar-expand-sm .navbar-collapse.show {
    	display: flex !important;
		flex-basis: 100%;
		flex-grow: 1;
	}
}
@media ( min-width: 900px ){
	.navbar-expand-sm .navbar-toggler {
		 display: none;
	}
	.navbar-expand-sm .navbar-collapse {
    	display: flex !important;
	}
}*/

@media (min-width: 1200px) {
	.blq-white > * {
		max-width: 1200px;
		margin: auto;
		margin-top: auto;
		margin-bottom: auto;
	}
}

.conimagen {
	width: 220px;
	height: 220px;
	overflow: hidden;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 40px auto 20px;
}

	.conimagen img {
		width: auto;
		height: 220px;
		max-width: none;
	}

.mbottom60 {
	margin-bottom: 60px;
}

@media (max-width: 700px) {
	.d-flex.mbottom60 {
		flex-direction: column;
	}

		.d-flex.mbottom60 > div {
			margin-left: 0 !important;
			margin-right: 0 !important;
			width: 100%
		}
}