@font-face{
   font-family: Helvetica;
   src: url('./fonts/Helvetica.ttf');  
}

@font-face{
   font-family: Helvetica-Neue;
   src: url('./fonts/HelveticaNeueLTCom-Bd.ttf');  
}

 :root{  
--color-fondo: #bfe4df;  /*#a6dad2;#d0efeb;*/
--color-texto: #323232;
--color-verde: #00806b;
--color-morado: #7d2a7c;
}


body { overflow: auto; width: 100%; margin: 0px; background-color: #fff; }
#principal { 
	max-width: 1200px;
    margin: 0 auto;
    font-family: Helvetica, Arial;
    color: var(--color-texto) !important;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.3;
    border-radius: 1em;
    background-color:  var(--color-fondo);
    margin: 0em auto;
}
#principal img { max-width: 100%; }

.solo-pc { display: block !important; }
.solo-responsive { display: none !important; }

.clearfix { clear: both; }	
.link { text-decoration: none !important; color: inherit !important; }
  

h1{
	margin-top: .5em;
	font-size: 2em;
    text-align: center;
	font-weight:800;
}

.img-logo{
	margin: auto;
    width: 30%;
    display: block;
	padding-top: 2em; 
}

.div-intro{
	text-align: center;
	margin:auto;
	width: 80%;
}

.img-opinion{
	margin: .5em;
}

.txt-normal{
	font-size:1.2rem;
	text-align: center;
	
}

.txt-intro{
	color: var(--color-verde);  
    font-size: 2em;
    font-weight: 600;
}

.txt-instrucciones{
	text-align: center;
	font-size:1rem;
}

.btn-reiniciar{
	text-align: center;
    margin-top: 2em;
}

.a-reiniciar{
	border: 1px solid #000;
    padding: .5em 1em;
    color: #fff;
    background-color: var(--color-verde); 
    text-decoration: none;
    font-size: 90%;
	font-weight: 700;
}

.a-reiniciar:hover{
	 color: #fff;
	 text-decoration: underline;
}

.div-servicio{
	background-color: #f4f4f4; /*#fdecd8; naranja */ 
    border: 1px solid rgba(0, 0, 0, 0.10);
    text-align: center;
	min-height: 27em;
}

.item-servicios{
	padding: .5em;
}

.img-servicio {
    /* -webkit-border-radius: 50%; */
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: .5em solid var(--color-morado)!important;
    margin-bottom: 1em;
	max-width: 12em!important;
}

.img-qr {
    max-width: 12em!important;
}

.p-servicio {
	padding: 1em 0;
	font-size: .8em;
}

.p-servicio a{
	color: var(--color-verde); 
}

.p-servicio span{
	background-color: var(--color-verde); 
	color: #fff;
	padding: .5em 1em;
	font-weight: 600;
}


/*
.img-efecto_servicios{
	border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
	transition: all 0.7s ease-in-out;
}

.img-efecto_servicios:hover {
	border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
}
*/

.iframe-interna{
	width: 100%;
    height: 1500px;
	background-color: var(--color-fondo); 
}

.body-servicios{
	background-color: var(--color-fondo); 
}

.Uc2NEf{
	background-color: #d0efeb!important; 
}
	
/****************************************************************************/
/******************************** RESPONSIVE ********************************/
/****************************************************************************/

@media screen and (max-width: 767px) {
	.solo-pc { display: none !important; }
	.solo-responsive { display: block !important; }
	
	.iframe-interna{   height: 3000px;}
	
	.img-logo{ width: 70%;}
	
	.p-servicio {font-size: 1em;}

}

@media screen and (max-width: 450px) {
	.iframe-interna{   height: 3500px;}
}

@media screen and (max-width: 350px) {
	
}