.seccion{
	padding:50px 5%;
	background-color:#f8f8f8;
}

.cuadro-redondeado{
	padding:1.66667rem 1.38889rem;
	border:1px solid rgba(2,1,18,.25);
	border-radius:0.5rem;
	background-color:white;
	margin-bottom:1.66667rem;
}

.migas{
	background-color:white;
	border:1px solid #ced4da;
	padding:10px 20px;
	font-weight:700;
	width:fit-content;
	margin-top:15px;
}

.azulgrande{
	text-align:left;
	color:#009ae3;
}

.headergris{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:8px 5% 8px 5%;
}

.headergrisen{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:8px 5% 8px 5%;
}

.headergrisblog{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:28px 5% 8px 5%;
}

.headergrisv{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:8px 5% 30px 5%;
}

.headergrisv2{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:8px 5% 30px 5%;
}

.headergrisven{
	background-color:#f0eeeb;
	position:sticky;
	z-index:99;
	padding:8px 5% 30px 5%;
}

.ligris{
	float:left;
	padding-right:20px;
}

.ulgris{
	background-color:white;
	padding:20px 40px;
	width:fit-content;
}

.ulgris2{
	background-color:white;
	padding:20px 40px;
	width:fit-content;
	margin-top:20px;
}

.li2gris{
	color:black;
	line-height:2;
}

.hrazul{
	border-top:6px solid blue;
}

.hrazul2{
	border-top:2px solid blue;
}

.hrgris{
	border-top:1px solid #d0d0d0;
}

hr{
	border-top:1px solid black;
}

label{
	font-size:14px;
	line-height:2;
}

.botonplayer{
	position:absolute;
	z-index:5;
	top:50%;
	left:50%;
	color:white;
	background-color:blue;
	transform:translate(-50%,-50%);
	width:5rem;
	height:5rem;
	border-radius:50%;
	text-align:center;
	padding-top:15px;
	padding-left:6px;
	transition:background .5s;
}

.botonplayer:hover{
	background-color:#ea0083;
}

.imgplayer{
	width:100%;
	height:100%;
	position:absolute;
	object-fit:cover;
	object-position:center center;
	vertical-align:middle;
}

.imgplayer2{
	width:100%;
	height:100%;
	position:absolute;
	object-fit:cover;
	object-position:top center;
	vertical-align:middle;
}

.imgplayerQ{
	width:100%;
	height:100%;
	position:absolute;
	object-fit:cover;
	object-position:center -50px;
	vertical-align:middle;
}

.imgplayer:hover{
	opacity:.8;
}

.imgplayerQ:hover{
	opacity:.8;
}

.botonplayer2{
	position:absolute;
	z-index:5;
	top:80%;
	left:80%;
	color:white;
	background-color:blue;
	transform:translate(-50%,-50%);
	width:3rem;
	height:3rem;
	border-radius:50%;
	text-align:center;
	padding-top:12px;
	padding-left:5px;
	transition:background .5s;
}

.botonplayer2:hover{
	background-color:#ea0083;
}

.pastilla-rosa{
	text-align:center;
	border-radius:25px;
	background-color:#ea0083;
	border-color:#ea0083;
	padding:7px 15px;
	color:white;
	font-weight:bold;
}

.modal-content{
	background-color:transparent;
	border:0px;
}

.modal-header{
	border-bottom:0px;
}

.modal-dialog{
	width:100%;
}

.close{
	float:right;
	background-color:transparent;
	border-color:transparent;
	font-size:40px;
	margin-top:-30px !important;
}

.cuadro-doctor{
	clear:both;
	display:table;
	width:90%;
	border-color:blue;
}

.img-doctor{
	height:100%;
	width:100%;
	float:left;
	border-radius:100%;
	object-fit:cover;
	object-position:top center;
}

.enlace-clinica:hover{
	color:#0045e2 !important;
	text-decoration:underline;
}

.fa-rotate-45 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#filtro {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:2000px;
	visibility:hidden;
	opacity:.7;
	z-index:997;
	background-color:#000;
	display:none;
}

@media (max-width: 991px) {
	.textoh4{
		font-size: 20px !important;
		line-height:2;
	}
	.textoP{
		font-size: 11px;
		line-height: 1.4;
	}
	.textoP2{
		font-size: 12px;
		line-height: 1.4;
	}
	.textoP3{
		font-size: 14px;
		line-height: 1.4;
	}
	.textoF{
		font-size: 10px;
	}
	.textoG{
		font-size: 32px;
	}
	.textoM{
		font-size: 16px;
	}
	.textoh3{
		font-size: 16px;
		line-height: 1.2;
	}
	.textoGG2{
		font-size: 50px;
	}
	.espaciomovil{
		display:none;
	}
	.header-web{
		margin-top:135px;
		height:28vh;
		background-color:#f8f8f8;
	}
	.header-web-lg{
		margin-top:135px;
		height:28vh;
		background-color:#f8f8f8;
	}
	.header-web-blog{
		margin-top:0px;
		height:28vh;
		background-color:#f8f8f8;
	}
	.header-bg{
		height:29vh;
	}
	.header-logo{
		width:100%;
		margin-top:-5px;
		margin-left:50px;
	}
	.header-logo-lg{
		width:50%;
		margin-top:-50px;
		margin-left:10px;
	}
	.header-logo-blog{
		width:80px;
		margin-top:-50px;
		margin-left:10px;
	}
	.header-logo-blog2{
		display:none !important;
	}
	.derecha-newsletter{
		margin-top:20px;
		margin-left:0%;
	}
	.izquierda-newsletter{
		margin-top:0px;
		margin-left:0%;
	}
	.tellamamos-bloque3{
		margin-top:20px;
	}
	.navbar-header{
		 margin-top:15px;
	}
	.headergrisul{
		width:100%;
		display:flex;
		flex-wrap:nowrap;
		overflow-x:auto;
		overflow-y:hidden;
	}
	.headergris{
		display:none;
		top:95px;
	}
	.headergrisen{
		display:none;
		top:95px;
	}
	.headergrisv{
		display:none;
		top:145px;
	}
	.headergrisv2{
		display:none;
		top:145px;
	}
	.headergrisven{
		display:none;
		top:145px;
	}
	.ligris{
		white-space:nowrap;
		position:inherit;
	}
	.h1home{
		font-size:14px;
	}
	.divh1blog{
		width:90%;
	}
	.h1blog{
		margin-top:20px;
		float:right;
		font-size:28px;
	}
	.faqs{
		padding:50px 15px;
	}
	.tdsiguecon{
		padding:7px;
	}
	.siguecon{
		padding:10px;
	}
	.videotop{
		display:none;
	}
	.videotopmovil{
		display:block;
	}
	.videoespecialidades{
		height:30vh;
	}
	.div-doctor{
		height:240px;
		width:auto;
		margin-right:0px;
	}
	.cookie1{
		text-align:center;
	}
	.cookiecancelar{
		float:none;
	}
	.cookieguardar{
		float:none;
	}
	.botoncookie{
		width:40%;
	}
	.h3movil{
		font-size:20px;
	}
	.img-lista-doctor{
		width:100%;
	}
	.bannerRef1{
		margin-top:45px;
	}
	.bannerRef2{
		margin-top:0px;
	}
	.gracias{
		font-size:14px;
	}
	.gracias2{
		font-size:18px;
	}
	.img-doctor2{
		height:90px;
		width:100%;
		float:left;
		border-radius:100%;
		object-fit:cover;
		object-position:top center;
	}
	.bloque-top-blog{
		margin-top:480px;
	}
	.bloque-top-entrada{
		margin-top:0px;
	}
	.bloque-footer-blog{
		width:100%;
		margin-left:0%;
	}
	.fondo-blog{
		background:url('../../public/blog/banner-blogM-2024.jpg') no-repeat center center;
	}
	.entradablog{
		min-height:400px;
		width:96%;
		margin-left:2%;
		-webkit-box-shadow:-5px 7px 26px -3px black;
		box-shadow:-5px 7px 26px -3px black;
	}
	.divisor{
		border-top:2px solid #0045e2;
	}
	.frasestop{
		width:90%;
	}
	.conocetop{
		margin-left:0%;
	}
	.botonR{
		display:none;
	}
	.modalR1{
		width:60%;
		bottom:80px;
	}
	.seccionlanding{
		height:130vh;
	}
	.divlanding{
		height:135vh;
	}
	p{
		text-align:left !important;
	}
}

@media (min-width: 991px) {
	.textoP{
		font-size: 11px;
		line-height: 1.4;
	}
	.textoP2{
		font-size: 12px;
		line-height: 1.4;
	}
	.textoP3{
		font-size: 14px;
		line-height: 1.4;
	}
	.textoG{
		font-size: 26px;
	}
	.textoGG{
		font-size: 46px;
	}
	.textoGG2{
		font-size: 55px;
	}
	.textoGGG{
		font-size: 60px;
	}
	.header-web{
		margin-top:140px;
		height:85vh;
		min-height:400px;
		background-color:#f8f8f8;
	}
	.header-web-lg{
		margin-top:80px;
		height:85vh;
		min-height:400px;
		background-color:#f8f8f8;
	}
	.header-web-blog{
		margin-top:80px;
		height:85vh;
		min-height:450px;
		background-color:#f8f8f8;
	}
	.header-logo{
		width:75%;
		margin-top:-65px;
		margin-left:50px;
		position:relative;
		z-index:9999;
	}
	.header-logo-lg{
		width:75%;
		margin-top:-7px;
		margin-left:50px;
	}
	.header-logo-blog{
		width:260px;
		margin-top:-8px;
		margin-left:350px;
	}
	.header-logo-blog2{
		width:280px;
		margin-top:-8px;
		margin-left:50px;
	}
	.header-bg{
		height:90vh;
	}
	.derecha-newsletter{
		margin-top:50px;margin-left:10%;
	}
	.izquierda-newsletter{
		margin-top:50px;
		margin-left:5%;
	}
	.tellamamos-bloque1{
		margin-left:10%;
		width:50%;
	}
	.tellamamos-bloque2{
		margin-left:10%;
	}
	.tellamamos-bloque3{
		margin-top:-320px;
		position:absolute;
	}
	.navbar-header{
		 margin-top:15px;
	}
	.headergris{
		top:145px;
	}
	.headergrisen{
		top:80px;
	}
	.headergrisblog{
		top:70px;
	}
	.headergrisv{
		top:130px;
	}
	.headergrisv2{
		top:145px;
	}
	.headergrisven{
		top:80px;
	}
	.h1blog{
		text-align:center;
	}
	.faqs{
		padding:50px 70px;
	}
	.siguecon{
		padding:50px;
	}
	.videotop{
		display:block;
	}
	.videotopmovil{
		display:none;
	}
	.videoespecialidades{
		height:60vh;
	}
	.div-doctor{
		height:120px;
		width:auto;
		margin-right:0px;
	}
	.img-nf{
		margin-left:35%;
		width:30%;
	}
	.cookiecancelar{
		float:right;
	}
	.cookieguardar{
		float:left;
	}
	.botoncookie{
		width:20%;
	}
	.img-lista-doctor{
		width:auto;
		max-height:350px;
		position:absolute;
		top:0px;
	}
	.bannerRef1{
		margin-top:100px;
	}
	.bannerRef2{
		margin-top:20px;
	}
	.espaciopc{
		display:none;
	}
	.gracias{
		font-size:20px;
	}
	.gracias2{
		font-size:28px;
	}
	.img-doctor2{
		height:50px;
		width:100%;
		float:left;
		border-radius:100%;
		object-fit:cover;
		object-position:top center;
	}
	.bloque-top-blog{
		margin-top:0px;
	}
	.bloque-top-entrada{
		margin-top:70px;
	}
	.bloque-footer-blog{
		width:80%;
		margin-left:10%;
	}
	.fondo-blog{
		background:url('../../public/blog/banner-blog-2024.jpg') no-repeat center center;
	}
	.side{
		position:sticky;
		top:150px;
	}
	.entradablog{
		min-height:470px;
		width:96%;
		margin-left:2%;
		-webkit-box-shadow:-5px 7px 26px -3px black;
		box-shadow:-5px 7px 26px -3px black;
	}
	/*.entradablog:hover{
		-webkit-box-shadow:-5px 7px 26px -3px #0045e2;
		box-shadow:-5px 7px 26px -3px #0045e2;
	}*/
	.entradablog:hover p{
		color:#0045e2;
	}
	.divisor{
		border-left:2px solid #0045e2;
	}
	.frasestop{
		width:60%;
	}
	.conocetop{
		margin-left:60%;
	}
	.parallaxRisto{
		background:url('../../public/risto-mejide/cabecera-risto-mejide.jpg') no-repeat top fixed;
		background-size:cover;
		position:relative;
		height:100vh;
		margin-top:100px;
	}
	.parallaxRistoPodcast{
		background:url('../../public/risto-mejide/cabecera-podcast-risto-mejide.jpg') no-repeat top fixed;
		background-size:cover;
		position:relative;
		height:100vh;
		margin-top:100px;
	}
	.parallaxRistoM{
		display:none;
	}
	.parallaxRistoPodcastM{
		display:none;
	}
	.botonRM{
		display:none;
	}
	.modalR1{
		width:20%;
		bottom:0;
	}
	.seccionlanding{
		height:95vh;
	}
	.divlanding{
		height:100vh;
	}
	p{
		text-align:left !important;
	}
}

div.containerad {
	width: 800px;
    height: 400px;
    position: relative;
    margin: 20px;
}

div.image {
    height: 100%;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

div.before {
    width: 50%;
    z-index: 2;
}

div.after {
    width: 100%;
    z-index: 1;
}

input.slider {
    width: 100%;
    height: 100%;
    outline: none;
    background-color: transparent;
    position: absolute;
    margin: 0px;
    z-index: 3;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: 0.25s all ease-in-out;
    -moz-transition: 0.25s all ease-in-out;
    -webkit-transition: 0.25s all ease-in-out;
    z-index: 4;
}

input.slider::-moz-range-thumb {
    width: 6px;
	height: 400px;
    background-color: white;
    cursor: pointer;
}

input.slider::-webkit-slider-thumb {
    width: 6px;
	height: 400px;
    background-color: white;
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

div.slider-button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: white;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    cursor: pointer;
    z-index: 3;
	font-size:30px;
}

div.slider-button:before {
    color: #555;
    position: absolute;
    left: 0px;
}

div.slider-button:after {
    color: #555;
    position: absolute;
    right: 0px;
}

.flechasB{
	font-size:30px !important;
	position:absolute;
	top:1px;
}

@media (max-width: 767px) {
    div.containerad {
        width: 300px;
        height: 150px;
    }
	div.image {
    	width: 300px;
		height: 150px;
	}
	div.before {
		width: 150px;
		height: 150px;
		z-index: 2;
	}

	div.after {
		width: 300px;
		height: 150px;
		z-index: 1;
	}
	input.slider::-moz-range-thumb {
		height: 150px;
	}
	input.slider::-webkit-slider-thumb {
		height: 150px;
	}
	div.slider-button {
    	width: 40px;
    	height: 40px;
		left: calc(50% - 21px);
	}
	.flechasB{
		font-size:40px !important;
		position:absolute;
		top:0px;
	}
}