/** @format */

@charset "utf-8";
@import url("../css/variables.css");
@import url("../css/columnas.css");
@import url("../css/header.css");
@import url("../css/tablas.css");
@import url("../css/footer.css");
@import url("../iconos-web/iconos-web.css");
@import url("../css/buscador.css");
@import url("../css/formulario.css");
@import url("../css/modal-login.css");
@import url("../css/login-registro.css");
@import url("../font/fuentes.css");
@import url("../css/descripcion-servicios.css");

body {
	margin: 0;
	padding: 0;
	font-family: var(--textos);
	background: var(--color4);
	line-height: 140%;
	font-size: 15pt;
	color: var(--color3);
	width: 100%;
	height: 100dvh;
	display: grid;
	grid-template-rows: auto 1fr auto;

}
.flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
main {
	width: var(--ancho);
	max-width: var(--ancho-max);
	margin: 0 auto;
	background: var(--color4);
	padding: 0;
}
main .aviso {
	width: 100%;
	color: var(--color3);
	text-align: center;
	padding: 20px 10px;
	margin: 25px 0;
	background: var(--color5);
	border-radius: 10px;
}
main .aviso h1 a {
	line-height: 140%;
}
main .aviso h1 a:hover {
	text-decoration: underline;
}
section {
	margin-bottom: 0px;
}
ul {
	margin-left: 20px;
}
details {
	width: 100%;
	text-align: left;
	margin-bottom: 35px;
}
details summary {
	font-size: 18pt;
	font-weight: 700;
	cursor: pointer;
}
details p {
	font-size: 15pt;
}


.titulos {
	color: var(--color3);
	margin: 25px 0 20px;
	/* border-bottom: 1px dotted var(--color6); */
	text-align: center;
	padding-bottom: 15px;
	font-weight: 600;
}
.subtitulos {
	padding: 20px;
	color: var(--color3);
	margin: 10px 0 25px 0;
	font-weight: 600;
}
.bajada {
	color: var(--color1);
	margin: 20px 0;
	text-align: center;
	font-weight: normal;
}
.central {
	align-content: center;
	align-items: center;
}
.sombras {
	padding: 0;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	border: 1px solid var(--color5);
	border-radius: 0 7px;
}
.item img {
	width: 100%;
}
.imagen__interna {
	margin-bottom: 25px;
}
.titulos__secciones {
	font-size: 18pt;
	font-weight: bold;
	color: var(--color6);
	text-shadow: 0px 3px 3px rgba(48, 47, 47, 0.5);
	margin-top: 10px;
}
.precio {
	display: inline-block;
	font-size: 18pt;
	padding: 10px 30px;
	color: var(--color3);
	font-weight: 700;
	border-radius: 20px;
	border: 1px solid var(--color3);
}
.precio::before {
	content: "$ ";
}
.tips, .planes {
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 20px;
	background: var(--color5);
}
/* .planes {
	padding: 25px 0;
	border: 1px solid var(--bordes);
} */
.boton-tips,
.boton-tips:visited,
.boton-redondeado,
.boton-redondeado:visited {
	display: inline-block;
	font-size: 14pt;
	padding: 7px 25px;
	border: 1px solid var(--bordes);
	border-radius: 20px;
	background: var(--color3);
	color: var(--color4);
}
.boton-tips {
	margin-top: 20px;
}
.boton-tips:hover,
.boton-redondeado:hover {
	background: var(--color2);
}
.boton-redondeado {
	border-radius: 10px;
	margin-bottom: 15px;
}
.rol {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#consultas {
	width: 100%;
	background: var(--color5);
	border-radius: 10px;
	margin-bottom: 35px;
}
#consultas a {
	display: inline-block;
	/* border: 1px solid var(--bordes); */
	padding: 7px 15px;
	border-radius: 10px;
	margin: 0 5px;
	margin-bottom: 15px;
	background: var(--color4);
}
#consultas a:nth-last-child() {
	margin-bottom: 0;
}
#consultas a:hover {
	color: var(--color4);
	background: var(--color2);
}

#preguntas {
	width: 100%;
	background: var(--color4);
	border-radius: 10px;
	margin-bottom: 35px;
	border: 1px solid var(--bordes);
}

#preguntas a {
	display: inline-block;
	/* border: 1px solid var(--bordes); */
	padding: 7px 15px;
	border-radius: 10px;
	margin: 0 5px;
	margin-bottom: 15px;
	background: var(--color5);
}

#preguntas a:nth-last-child() {
	margin-bottom: 0;
}

#preguntas a:hover {
	color: var(--color4);
	background: var(--color3);
}
#mipanel .tit__mipanel {
	display: inline-block;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 2px;
	border: 1px solid var(--color3);
	padding: 5px 15px;
	margin: 0;
	margin-top: 5px;
}
#mipanel h2,
#mipanel p {
	margin: 0;
	padding: 0;
}
#mipanel .saludo {
	text-transform: uppercase;
	margin: 25px 0;
}
#mipanel .gris {
	background: var(--color5);
	border-radius: 10px;
	padding: 10px;
	border: 1px solid var(--bordes);
	margin-bottom: 15px;
}
#mipanel .gris p {
	margin-bottom: 15px;
}

.contenedor__item {
	width: 100%;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-content: center;
	gap: 30px;
}

.item__index {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.contenedor__item img {
	width: 100%;
}
.item__index p {
	margin: 0;
	padding: 0;
}
.item__index .tit {
	font-weight: 700;
	margin: 0;
}
.contenedor__item .figura {
	width: 180px;
	background: var(--color5);
	max-height: 180px;
	display: block;
	margin: 0;
	padding: 20px;
	margin-bottom: 15px;
	border: 4px solid var(--color3);
	border-radius: 50%;
}

.contenedor__item .figura__servicios {
	width: 250px;
	background: var(--color5);
	max-height: 250px;
	display: block;
	margin: 0;
	padding: 20px;
	margin-bottom: 15px;
	border: 6px solid var(--color3);
	cursor: pointer;
	transition: all ease-in-out .5s;
}
.contenedor__item .figura__servicios:hover {
	border: 6px solid var(--color2);
}

.textos__index {
	width: 100%;
	text-align: center;
	margin-bottom: 35px;
}
.boton ,
.boton:active,
.boton:visited {
	display: inline-block;
	font-size: 15pt;
	border: none;
	background: var(--color3);
	color: var(--color4);
	cursor: pointer;
	border-radius: 10px;
	padding: 10px 25px;
	text-transform: uppercase;
	margin-top: 15px;
}

.boton:hover {
	background: var(--color2);
	color: var(--color4);
	transition: .3s;
}
.borde__gris {
	display: inline-block;
	border: 1px solid var(--color3);
	margin: 25px auto;
	border-radius: 20px;
}



/* DESDE */
@media (min-width: 768px) {
	.contenedor-columnas {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item:last-child {
		margin-right: 0;
	}
	.titulos__secciones {
		font-size: 22pt;
	}
	.titulos {
		margin-top: 0;
	}
	.contenedor__item {
		flex-direction: row;
		margin-bottom: 35px;
	}
	.item__index {
		width: 20%;
	}

}