@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Merriweather');
html {
    scroll-behavior: auto !important; /* O 'unset' */
}
body{
	background:var(--fondo-body);
	font-family: 'Open Sans', sans-serif;
	color:var(--fondo-body-texto);
}
a,a:visited{
	text-decoration:none;
	color:var(--fondo-body-texto);
}
a:hover,a:active{
	text-decoration:underline;
}
hr.hrbody{
	border-top: 1px solid var(--fondo-body-texto);
	border-bottom: 1px solid transparent;
}
.text-danger{
	color: #a72828;
}
.text-success{
	color: #28a745;
}
.test-warning{
	color: #856404;
}
#menu{
	font-family: 'Open Sans', sans-serif;
	background: var(--fondo-menu);
	color: var(--fondo-menu-texto);
	height:80px;
	width:100%;
	left:0;
	top:0;
	position:fixed;
	text-align:center;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1;			
}
#menu div{
	display:inline-block;
	height:80px;
	line-height:80px;
	vertical-align:middle;
	font-weight:bold;
	float:right;
	margin-right:35px;
}
#menu .imagen{
	float:left;
	margin-left:35px;
}
#fondoMenu{
	height:80px;
	width:100%;
	left:0;
	top:0;
}
.contenido{
	margin-top:100px;
	position:absolute;
	left:0;
	width:100%;
}
@media (max-width: 500px) {
	#contenido{
		position:absolute;
	}
}
#contenido{
	left:calc((100% - 900px)/2);
	background:var(--fondo-body);
	max-width: 900px;
}
@media (max-width: 900px) {
	#contenido{
		position:absolute;
		left:0;
		width:100%;
		background:var(--fondo-body);
		max-width: 900px;
	}
}

#contenido .contenido2{
	width:90%;
	max-width:700px;
	padding-bottom:35px;
}
#contenido .contenido2 a{
	color:#000;
}
#contenido .contenido2 a:hover,#contenido .contenido2:active{
	text-decoration:underline;
}
.seccion{			
	padding:35px;
}

.grid6{
	display:inline-block;
	width:59%;
	vertical-align:top;
}
.grid4{
	display:inline-block;
	width:39%;
}
.grid5{
	display:inline-block;
	width:49%;
}
.unServicio, .unPaquete{
	cursor: pointer;
}
.unServicio:hover, .unPaquete:hover{
	opacity:0.7;
}
.unMasInfoServicio{
	cursor: pointer;
}
.unMasInfoServicio:hover{
	opacity:0.7;
}
.unBoton{
	padding: 15px;
	border-radius: 3px;
	border: 2px solid #393939;
	background: var(--fondo-botones);
	color: var(--fondo-botones-texto);
	font-size: 16px;
	margin: 10px;
	cursor: pointer;
	border: var(--fondo-botones-texto);
}
.unBoton:hover{
	opacity:0.7;
}
.tablaPrecios{
	width:90%;
	font-size:1em;
}
.tablaPrecios tr:nth-child(odd){
	background-color: var(--fondo-menu);
	color: var(--fondo-menu-texto);
}
.oculto{
	display:none;
}
.footer{
	background:var(--fondo-footer);
	color:var(--fondo-footer-texto);
	padding:5px;
	padding-top:15px;
	padding-bottom: 15px;
}
.footer a{
	color:var(--fondo-footer-texto);
}
.preguntaFrecuente div{
	display:inline-block;
	width: calc(100% - 130px);
	vertical-align:middle;
	color:#5A5A5A;
}
.preguntaFrecuente div:first-child{
	font-size: 5em;
	width:110px;
	text-align:center;
	color:#000;
}
video{
	width:600px;
	height:auto;
}

.social,.social:visited{
	color:#000;
	margin:5px;
}
.solo_pc{
	display:inline-block;
}
.solo_mobile{
	display:none;
}
@media (max-width: 990px) {
	video{
		width:90%;
		height:auto;
	}
	.grid4,.grid5,.grid6{
		width:90%;
		display:block;
		text-align:center;
	}
	.grid4{
		padding-bottom:35px;
		padding-top:35px;
	}
}
@media (max-width: 563px) {
	#menu .titulos{
		display:none;
	}
	#menu .imagen{
		float:none;
		width:100%;
		text-align:center;
		margin:0;
	}
	.seccion{			
		padding:5px;
	}
	.seccion h1{
		text-align:center;
	}
	.preguntaFrecuente div,.preguntaFrecuente div:first-child{
		display:block;
		width:100%;
	}
	.social{
		margin-bottom:35px;
	}
	.solo_pc{
		display:none;
	}
	.solo_mobile{
		display:inline-block;
	}
}
input[type="email"], input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="time"], textarea{
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: calc(100% - 60px);
	padding: 15px;
	border:none;
	background: #fff;
	color: var(--fondo-body-texto);
	font-size: 20px;
	margin: 10px;
	max-width: calc(100% - 60px);
}

input[type="email"]:focus, 
input[type="text"]:focus,
input[type="tel"]:focus, 
input[type="password"], 
input[type="date"]:focus, 
input[type="time"]:focus, 
textarea:focus{
	outline: none !important;
	border: none;
}

.paso{
	display:none;
}
.paso.paso0{
	margin-top: 15px;
	display:block;
}
input[type='submit']:hover,input[type='submit']:active{
	background:#393939;
	cursor:pointer;
}
input[type="mail"].faltaCampo, 
input[type="password"].faltaCampo, 
input[type="text"].faltaCampo, 
input[type="tel"].faltaCampo,
textarea.faltaCampo{
	background:#FFE4E4;
	color:#9C0000;
}

.alert{
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}
.alert-warning{
	color: #856404;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
.alert-success{
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert-oscuro{
	color: #1b1e21;
	background-color: #d6d8d9;
	border-color: #c6c8ca;
}
.text-mini{
	margin-bottom:0;
	font-size:0.9rem;
}
.elementoLista{
	margin-top: 5px;
	border: 1px sold #ccc;
	border-radius: 10px;
	background: var(--lista);	
	color: var(--lista-texto);
	padding-top:15px;
}
.elementoLista .titulo{
	font-weight: 400;
	font-size: 1.4rem;
}
.detalleTurnoPagos{
	margin-bottom:3px;
	margin-top:3px;
	border-bottom: 1px solid #ccc;
}


.avatar-container {
  overflow: hidden;
  /* La clase .rounded-circle de Bootstrap se encargará de la forma circular */
}

.avatar-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center; /* Asegura que la parte central de la imagen sea la que se muestre */
}