/*--e-global-color-primary: #26ABA3;
--e-global-color-secondary: #F7AB1E;
--e-global-color-b28b79d: #F4FCFA;*/
  
#medico-intersticial {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
display: none;
justify-content: center;
align-items: center;
z-index: 99999;
text-align: center;
flex-direction: column;
padding: 20px;	
}

#medico-intersticial > div {
background: white; 
color: black;
width: 80%; 
height: auto; 
padding: 50px 200px 75px;
border: 2px solid #26ABA3;
border-radius: 5px;
}

#botones-medico {
margin-top: 45px;
display: flex;
justify-content: space-evenly;
}

.et_pb_button {
background-color: #26ABA3;
font-family: Open Sans;
padding: 10px 20px;
font-size: 20px;
cursor: pointer;
color: white !important;
font-weight: bold;	
}

.et_pb_button:hover {
color: #F7AB1E;	
}

#medico-intersticial .content {
font-family: Open Sans;
font-size: 20px;
border-top: 1px solid;
margin-top: 2em;
padding-top: 2em;
}

#top-header {
z-index: 9998 !important;	
}


.close-button {
position: absolute;
top: 30px;
right: 30px;
cursor: pointer;
z-index: 100001;
padding: 10px;
}

.close-button svg {
fill: #ffffff;
transition: fill 0.3s ease, transform 0.3s ease;
}

.close-button:hover svg {
fill: #F7AB1E;
transform: scale(1.1);
}

#change_lang {
margin-bottom: 20px; /* Separación con el texto */
font-family: Open Sans, sans-serif;
}

#change_lang span {
cursor: pointer;
margin: 0 8px;
color: #26ABA3; /* Tu color primario */
transition: color 0.3s ease;
font-size: 16px;
}

#change_lang span:hover {
color: #F7AB1E; /* Tu color secundario al pasar el ratón */
}

@media screen and (max-width: 768px) { 
	#medico-intersticial > div {
	width: 100%;
	padding: 1em;
	}
	
	#btn-si-medico, #btn-no-medico{
	width: auto;
	display: block;
	margin: 5px 10px;
	}
	
	.close-button {
	top: 15px;
	right: 15px;
	}
	
	#medico-intersticial .content {
	font-size: 16px;	
	}
	
}