/* Estilos Generales */
body {
	font-family: "Inter", sans-serif;
	margin: 0;
	padding: 0;
	background-color: #f5f5f5;
	color: #333;
	overflow-x: hidden;
	/* Prevenir scroll horizontal por si algo se desborda */
}

/* Loader de Pantalla Completa */
#loader {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 1000;
	color: #333;
}

#loader .loading-libra {
	width: 100px;
	height: 100px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 511.999 511.999'%3E%3Cpath fill='%23333333' d='M441.379 79.449a8.829 8.829 0 0 0-8.828 8.828c0 4.866-3.961 8.828-8.828 8.828-4.866 0-8.828-3.961-8.828-8.828a8.833 8.833 0 0 0-6.806-8.595l-150.068-35.31c-.09-.021-.177.01-.267-.008-.6-.125-1.22-.062-1.846-.055-.556.008-1.109-.054-1.644.054-.096.02-.189-.014-.286.009L103.91 79.682a8.833 8.833 0 0 0-6.806 8.595c0 4.866-3.961 8.828-8.828 8.828-4.866 0-8.828-3.961-8.828-8.828a8.829 8.829 0 0 0-17.656 0c0 14.603 11.88 26.483 26.483 26.483 12.099 0 22.327-8.156 25.478-19.254l142.245-33.468 142.245 33.468c3.15 11.1 13.379 19.254 25.478 19.254 14.603 0 26.483-11.88 26.483-26.483a8.825 8.825 0 0 0-8.825-8.828z'/%3E%3Cpath fill='%23444444' d='m167.725 494.343 6.137-18.412a11.804 11.804 0 0 1 11.198-8.071h141.88c5.08 0 9.591 3.251 11.198 8.071l6.137 18.412h-176.55z'/%3E%3Cpath fill='%23444444' d='M282.483 467.86h-52.965v-17.655a8.829 8.829 0 0 1 8.828-8.828h35.31a8.829 8.829 0 0 1 8.828 8.828v17.655z'/%3E%3Cpath fill='%23444444' d='M264.828 441.378h-17.655a8.829 8.829 0 0 1 0-17.656h17.655a8.828 8.828 0 0 1 0 17.656z'/%3E%3Cg fill='%23444444'%3E%3Cpath d='m247.173 423.723-12.105-12.105a17.655 17.655 0 0 1-5.148-13.388l17.253-336.435h17.655l17.253 336.435a17.651 17.651 0 0 1-5.148 13.388l-12.105 12.105h-17.655zM255.681 467.86h-70.62c-5.08 0-9.591 3.251-11.198 8.071l-6.137 18.412h70.62l6.137-18.412a11.804 11.804 0 0 1 11.198-8.071z'/%3E%3Cpath d='M344.276 511.998H167.725a8.829 8.829 0 0 1-8.828-8.828v-8.828a8.829 8.829 0 0 1 8.828-8.828h176.551a8.829 8.829 0 0 1 8.828 8.828v8.828a8.828 8.828 0 0 1-8.828 8.828z'/%3E%3C/g%3E%3Cg fill='%23333333'%3E%3Cpath d='M229.518 503.17v-8.828a8.829 8.829 0 0 1 8.828-8.828h-70.62a8.829 8.829 0 0 0-8.828 8.828v8.828a8.829 8.829 0 0 0 8.828 8.828h70.62a8.829 8.829 0 0 1-8.828-8.828zM256.001 441.378h-17.655a8.829 8.829 0 0 0-8.828 8.828v17.655h17.655v-17.655a8.827 8.827 0 0 1 8.828-8.828z'/%3E%3C/g%3E%3Cpath fill='%23444444' d='M256.001 432.55a8.829 8.829 0 0 1 8.828-8.828h-17.655a8.829 8.829 0 0 0 0 17.656h17.655a8.828 8.828 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23333333' d='m247.942 398.229 8.502-336.435h-9.27l-17.253 336.435a17.648 17.648 0 0 0 5.149 13.388l12.105 12.106h9.27l-5.965-12.106c-1.742-3.533-2.663-8.398-2.538-13.388z'/%3E%3Cpath fill='%23444444' d='M256.001.001a8.829 8.829 0 0 0-8.828 8.828v26.483h17.655V8.829a8.827 8.827 0 0 0-8.827-8.828z'/%3E%3Ccircle cx='255.997' cy='52.964' r='26.483' fill='%23333333'/%3E%3Ccircle cx='255.997' cy='52.964' r='8.828' fill='%23444444'/%3E%3Cpath fill='%23333333' d='M167.721 379.589a8.836 8.836 0 0 1-8.495-6.444L88.278 120.88 17.331 373.145c-1.327 4.69-6.198 7.418-10.888 6.112-4.694-1.323-7.431-6.198-6.112-10.888l79.448-282.48a8.83 8.83 0 0 1 17 0l79.448 282.481c1.319 4.69-1.418 9.565-6.112 10.888a8.903 8.903 0 0 1-2.394.331z'/%3E%3Cpath fill='%23444444' d='M167.725 379.585H8.83a8.829 8.829 0 0 1 0-17.656h158.896a8.828 8.828 0 1 1-.001 17.656z'/%3E%3Cpath fill='%23333333' d='M61.795 370.758a8.829 8.829 0 0 1 8.828-8.828H8.83a8.829 8.829 0 0 0 0 17.656h61.793a8.83 8.83 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23444444' d='M139.16 414.895H37.397a17.654 17.654 0 0 1-15.791-9.76L8.83 379.585h158.896l-12.776 25.55a17.654 17.654 0 0 1-15.79 9.76z'/%3E%3Cpath fill='%23444444' d='m83.398 405.135-12.776-25.55H8.83l12.776 25.55a17.654 17.654 0 0 0 15.791 9.76H99.19a17.658 17.658 0 0 1-15.792-9.76z'/%3E%3Cpath fill='%23333333' d='M503.164 379.589a8.836 8.836 0 0 1-8.495-6.444L423.72 120.88l-70.948 252.265c-1.327 4.69-6.198 7.418-10.888 6.112-4.694-1.323-7.431-6.198-6.112-10.888L415.22 85.888a8.83 8.83 0 0 1 17 0l79.448 282.481c1.319 4.69-1.418 9.565-6.112 10.888a8.85 8.85 0 0 1-2.392.332z'/%3E%3Cpath fill='%23444444' d='M503.168 379.585H344.273a8.829 8.829 0 0 1 0-17.656h158.896a8.829 8.829 0 0 1 8.828 8.828 8.83 8.83 0 0 1-8.829 8.828z'/%3E%3Cpath fill='%23333333' d='M397.238 370.758a8.829 8.829 0 0 1 8.828-8.828h-61.793a8.829 8.829 0 0 0 0 17.656h61.793a8.829 8.829 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23444444' d='M474.601 414.895H372.839a17.654 17.654 0 0 1-15.791-9.76l-12.775-25.55h158.896l-12.776 25.55a17.655 17.655 0 0 1-15.792 9.76z'/%3E%3Cpath fill='%23444444' d='m418.841 405.135-12.776-25.55h-61.793l12.776 25.55a17.654 17.654 0 0 0 15.791 9.76h61.793a17.654 17.654 0 0 1-15.791-9.76z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 15px;
	animation: pulse 1.5s infinite;
}

@keyframes pulse {
	0% {
		opacity: 0.5;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.5;
	}
}

/* Contenido Principal */
#content {
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
	/* Más rápido */
}

.hidden {
	display: none !important;
}

/* Header y Navegación */
header {
	display: flex;
	justify-content: space-between;
	/* Para separar logo y nav/toggle */
	align-items: center;
	padding: 10px 20px;
	background-color: #262626;
	color: white;
	position: relative;
	/* Para el menú desplegable */
}

.header-logo-link {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: white;
}

.header-logo-link .logo.icon-libra {
	/* Logo en el header */
	height: 39px;
	width: 39px;
	margin-right: 10px;
	/* Espacio entre balanza y texto */
}

.header-title {
	display: flex;
	flex-direction: column;
}

.header-title span {
	line-height: 1.2;
	font-size: 0.9em;
	/* Ajustar si es necesario */
}

.header-title span:last-child {
	font-weight: bold;
	font-size: 1em;
}


.menu-toggle {
	display: none;
	/* Oculto por defecto, visible en móviles */
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	/* Tamaño del icono hamburguesa */
	cursor: pointer;
	padding: 5px;
	z-index: 1100;
	/* Por encima del menú */
}

.menu-toggle .hamburger-icon {
	display: block;
	width: 25px;
	height: 3px;
	background-color: white;
	position: relative;
	transition: background-color 0s 0.3s;
	/* Evita que desaparezca al instante */
}

.menu-toggle .hamburger-icon::before,
.menu-toggle .hamburger-icon::after {
	content: '';
	display: block;
	width: 25px;
	height: 3px;
	background-color: white;
	position: absolute;
	left: 0;
	transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
}

.menu-toggle .hamburger-icon::before {
	top: -8px;
}

.menu-toggle .hamburger-icon::after {
	top: 8px;
}

/* Estilo del menú abierto (X) */
.menu-toggle.active .hamburger-icon {
	background-color: transparent;
	/* La línea del medio desaparece */
}

.menu-toggle.active .hamburger-icon::before {
	transform: rotate(45deg);
	top: 0;
}

.menu-toggle.active .hamburger-icon::after {
	transform: rotate(-45deg);
	top: 0;
}


.main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.main-nav ul li {
	margin-left: 12px;
	/* Reducido un poco */
}

.main-nav ul li:first-child {
	margin-left: 0;
}

.main-nav ul li a {
	color: white;
	text-decoration: none;
	padding: 8px 10px;
	/* Reducido un poco */
	border-radius: 4px;
	transition: background-color 0.3s ease;
	font-size: 13px;
	/* Reducido */
	white-space: nowrap;
	/* Evita que se parta el texto del enlace */
}

.client-access-link {
	display: flex;
	align-items: center;
	font-size: 11px !important;
	/* Mantener tamaño pequeño */
}

.client-access-link .icon {
	margin-right: 5px;
}

.main-nav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}


/* Formularios */
.form {
	color: white;
	/*background: linear-gradient(135deg, rgb(180 180 180 / 76%), rgb(100 100 100 / 84%)); /* Un poco más claro */
	background-color: rgb(33, 33, 33, 0.639);
	padding: 25px;
	border-radius: 8px;
	margin-top: 20px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	/* Sombra más suave */
	box-shadow: 3px 3px 9px rgb(0 0 0 / 40%);
}

.form-title {
	font-size: 1.3em;
	/* Ajustado */
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: bold;
	color: #f0f0f0;
	/* Título del form en blanco/gris claro */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.form label {
	display: block;
	margin: 10px 0 5px;
	color: #f0f0f0;
	/* Labels en blanco/gris claro */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-weight: bold;
}

.form input[type="text"],
.form input[type="tel"],
.form textarea {
	width: calc(100% - 22px);
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	/* Borde un poco más oscuro */
	border-radius: 5px;
	box-sizing: border-box;
	color: #333;
	/* Texto dentro del input oscuro para legibilidad */
	background-color: #fdfdfd;
	/* Fondo del input casi blanco */
}

.form input[type="text"]::placeholder,
.form input[type="tel"]::placeholder,
.form textarea::placeholder {
	color: #777;
	/* Color del placeholder */
}


/* Media Queries para menú responsivo */
@media (max-width: 850px) {

	/* Ajusta este breakpoint según necesites */
	.menu-toggle {
		display: block;
	}

	.main-nav {
		position: absolute;
		top: 100%;
		/* Debajo del header */
		left: 0;
		width: 100%;
		background-color: #262626;
		/* Mismo color que el header */
		flex-direction: column;
		align-items: stretch;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s ease-in-out;
		z-index: 1000;
		/* Asegura que esté sobre el contenido */
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	}

	.main-nav.active {
		max-height: 500px;
		/* Altura suficiente para los items */
	}

	.main-nav ul {
		flex-direction: column;
		width: 100%;
	}

	.main-nav ul li {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	.main-nav ul li a {
		display: block;
		/* Ocupan todo el ancho */
		padding: 15px 20px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		font-size: 15px;
		/* Más grande para táctil */
	}

	.main-nav ul li:last-child a {
		border-bottom: none;
	}

	.client-access-link {
		justify-content: center;
		/* Centrar icono y texto en móvil */
		font-size: 14px !important;
		/* Un poco más grande */
	}
}

#hero {
	background-size: cover;
	background-position: center;
	color: white;
	text-align: center;
	padding: 60px 20px;
	position: relative;
}

#hero {
	background-image: url('img/compressed/bg-2560.jpg');
}

@media (max-width: 2560px) {
	#hero {
		background-image: url('img/compressed/bg-2560.jpg');
	}
}

@media (max-width: 1920px) {
	#hero {
		background-image: url('img/compressed/bg-1920.jpg');
	}
}

@media (max-width: 1440px) {
	#hero {
		background-image: url('img/compressed/bg-1440.jpg');
	}
}

@supports (background-image: url(image.webp)) {
	#hero {
		background-image: url('img/compressed/bg-2560.webp');
	}

	@media (max-width: 2560px) {
		#hero {
			background-image: url('img/compressed/bg-2560.webp');
		}
	}

	@media (max-width: 1920px) {
		#hero {
			background-image: url('img/compressed/bg-1920.webp');
		}
	}

	@media (max-width: 1440px) {
		#hero {
			background-image: url('img/compressed/bg-1440.webp');
		}
	}
}

.hero-content {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	border-radius: 8px;
}

.hero-content h1 {
	font-size: 2.2em;
	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.8)
}

.hero-content h2 {
	font-size: 1.2em;
	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.8);
	font-weight: normal;
}

.hero-content p {
	font-size: 1.2em;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.section-padding {
	padding: 20px;
}

.form button[type="submit"] {
	background-color: #007aff;
	color: white;
	padding: 15px 25px 12px 25px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	width: 100%;
	transition: background-color 0.3s ease;
	font-size: 16px;
	font-weight: bold;
}

.form button[type="submit"]:hover {
	background-color: #0054ad;
}

/* Mensajes de Respuesta del Formulario */
.form-response {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1001;
	padding: 15px 25px;
	border-radius: 5px;
	font-size: 16px;
	opacity: 0;
	transition: opacity 0.5s, top 0.5s;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.form-response.success {
	background-color: #dff0d8;
	color: #3c763d;
	border: 1px solid #d6e9c6;
}

.form-response.error {
	background-color: #f2dede;
	color: #a94442;
	border: 1px solid #ebccd1;
}

.form-response.fade-in {
	opacity: 1;
	top: 50px;
}

.form-response.fade-out {
	opacity: 0;
	top: 20px;
}

/* Loader para Botones */
.loader {
	display: inline-block;
	width: auto;
	text-align: center;
	margin-left: 5px;
}

.loader span {
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 50%;
	animation: loader-bounce 1.4s infinite ease-in-out both;
}

.loader span:nth-child(1) {
	animation-delay: -0.32s;
}

.loader span:nth-child(2) {
	animation-delay: -0.16s;
}

.loader span:nth-child(3) {
	animation-delay: 0s;
}

@keyframes loader-bounce {

	0%,
	80%,
	100% {
		transform: scale(0);
	}

	40% {
		transform: scale(1.0);
	}
}

/* Sección de Servicios */
#services {
	padding: 50px 20px;
	text-align: center;
	background-color: white;
}

#services h2 {
	font-size: 2em;
	margin-bottom: 30px;
	color: #262626;
}

.services-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	/* Reducido el gap para móviles */
	justify-content: center;
	padding: 0 10px;
	/* Padding para que no pegue a los bordes en móvil */
}

.service-link-wrapper {
	text-decoration: none;
	color: inherit;
	display: block;
	width: 100%;
	max-width: 400px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 8px;
	overflow: hidden;
}

.service-link-wrapper:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.service {
	background-color: #f9f9f9;
	padding: 20px;
	/* Un poco menos padding en tarjetas */
	border-radius: 8px;
	min-height: auto;
	/* Dejar que el contenido defina la altura en móvil */
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
}

.service h3 {
	margin-top: 0;
	margin-bottom: 15px;
	font-size: 1.4em;
	background-color: #b3b3b3;
	color: white;
	border-radius: 3px;
	text-shadow: 1px 1px 2px black;
	padding: 6px;
}

.service ul {
	padding-left: 20px;
	text-align: left;
}

.service ul li {
	margin-bottom: 8px;
	line-height: 1.6;
	font-size: 0.95em;
}

@media (min-width: 600px) {

	/* Cambiado breakpoint para tarjetas */
	.services-container {
		gap: 30px;
		/* Volver al gap original */
		padding: 0 20px;
	}

	.service-link-wrapper {
		width: calc(50% - 15px);
		min-height: 280px;
		/* Altura mínima en desktop */
	}

	.service {
		padding: 25px;
	}
}

@media (min-width: 992px) {
	.service-link-wrapper {
		width: calc(45% - 15px);
	}
}


/* Sección Testimonios */
#testimonials {
	padding: 50px 20px;
	text-align: center;
	background-color: #98a7b5;
	color: white;
}

#testimonials h2 {
	font-size: 2em;
	margin-bottom: 30px;
	text-shadow: 1px 1px 2px black;
}

/* Sección CTA (Call to Action) */
#cta {
	padding: 50px 20px;
	text-align: center;
	background-color: #f5f5f5;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#cta h2 {
	font-size: 2em;
	margin-bottom: 15px;
	color: #262626;
}

#cta p {
	font-size: 1.1em;
	margin-bottom: 25px;
}

/* Footer */
footer {
	padding: 30px 20px;
	background-color: #262626;
	color: #f1f1f1;
	text-align: center;
}

footer .contact-info,
footer .quick-links,
footer .social-media {
	margin-bottom: 20px;
}

footer a {
	color: #9ad3ff;
	text-decoration: none;
	transition: color 0.3s ease;
}

footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

footer .contact-info p {
	margin: 10px 0;
	line-height: 1.6;
}

footer .contact-info div {
	margin: 10px 0;
}

/* Botones Genéricos y de Opción (WhatsApp, Llamada, etc.) */
.option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 20px;
	/* Ajustado padding */
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	/* Un poco más pequeño para caber mejor */
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);
	transition: background-color 0.3s ease, transform 0.2s ease;
	margin: 5px;
}

.option:hover {
	transform: translateY(-2px);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.option .icon {
	margin-right: 8px;
	/* Menos margen */
}


.telegram {
	background: linear-gradient(135deg, #24A1DE, #0a4969);
	color: white;
	box-shadow: 3px 4px 5px #00000069;
	text-shadow: 1px 1px 2px black;
}

.whatsapp-button,
.whatsapp {
	background: linear-gradient(135deg, #00f713, #25D366);
	color: white;
	box-shadow: 3px 4px 5px #00000069;
	text-shadow: 1px 1px 2px black;
}

.whatsapp-button:hover,
.whatsapp:hover {
	background: linear-gradient(135deg, #00d310, #1fa952);
}

.llamada {
	background: linear-gradient(135deg, black, #3c3c3cf2);
	background-color: #3f3f3f;
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: 3px 4px 5px #00000069;
}

.llamada:hover {
	background-color: #2a2a2a;
}

.mail {
	background-color: #D44638;
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: 3px 4px 5px #00000069;
}

.mail:hover {
	background-color: #B9372A;
}

.clientes {
	background-color: #eca600;
	color: white;
	text-shadow: 1px 1px 2px black;
	box-shadow: 3px 4px 5px #00000069;
}

.clientes:hover {
	background-color: #ab7800;
}

.but {
	padding: 10px 20px;
	background-color: #007BFF;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin: 13px auto;
	display: block;
	width: fit-content;
	max-width: 280px;
}

.but:hover {
	background-color: #0056b3;
}

/* Iconos (SVG como data URI) */
.icon {
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.icon-libra {
	height: 39px;
	width: 39px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 511.999 511.999'%3E%3Cpath fill='%23f1f1f1' d='M441.379 79.449a8.829 8.829 0 0 0-8.828 8.828c0 4.866-3.961 8.828-8.828 8.828-4.866 0-8.828-3.961-8.828-8.828a8.833 8.833 0 0 0-6.806-8.595l-150.068-35.31c-.09-.021-.177.01-.267-.008-.6-.125-1.22-.062-1.846-.055-.556.008-1.109-.054-1.644.054-.096.02-.189-.014-.286.009L103.91 79.682a8.833 8.833 0 0 0-6.806 8.595c0 4.866-3.961 8.828-8.828 8.828-4.866 0-8.828-3.961-8.828-8.828a8.829 8.829 0 0 0-17.656 0c0 14.603 11.88 26.483 26.483 26.483 12.099 0 22.327-8.156 25.478-19.254l142.245-33.468 142.245 33.468c3.15 11.1 13.379 19.254 25.478 19.254 14.603 0 26.483-11.88 26.483-26.483a8.825 8.825 0 0 0-8.825-8.828z'/%3E%3Cpath fill='%23f7f7f7' d='m167.725 494.343 6.137-18.412a11.804 11.804 0 0 1 11.198-8.071h141.88c5.08 0 9.591 3.251 11.198 8.071l6.137 18.412h-176.55z'/%3E%3Cpath fill='%23f7f7f7' d='M282.483 467.86h-52.965v-17.655a8.829 8.829 0 0 1 8.828-8.828h35.31a8.829 8.829 0 0 1 8.828 8.828v17.655z'/%3E%3Cpath fill='%23f7f7f7' d='M264.828 441.378h-17.655a8.829 8.829 0 0 1 0-17.656h17.655a8.828 8.828 0 0 1 0 17.656z'/%3E%3Cg fill='%23f7f7f7'%3E%3Cpath d='m247.173 423.723-12.105-12.105a17.655 17.655 0 0 1-5.148-13.388l17.253-336.435h17.655l17.253 336.435a17.651 17.651 0 0 1-5.148 13.388l-12.105 12.105h-17.655zM255.681 467.86h-70.62c-5.08 0-9.591 3.251-11.198 8.071l-6.137 18.412h70.62l6.137-18.412a11.804 11.804 0 0 1 11.198-8.071z'/%3E%3Cpath d='M344.276 511.998H167.725a8.829 8.829 0 0 1-8.828-8.828v-8.828a8.829 8.829 0 0 1 8.828-8.828h176.551a8.829 8.829 0 0 1 8.828 8.828v8.828a8.828 8.828 0 0 1-8.828 8.828z'/%3E%3C/g%3E%3Cg fill='%23f1f1f1'%3E%3Cpath d='M229.518 503.17v-8.828a8.829 8.829 0 0 1 8.828-8.828h-70.62a8.829 8.829 0 0 0-8.828 8.828v8.828a8.829 8.829 0 0 0 8.828 8.828h70.62a8.829 8.829 0 0 1-8.828-8.828zM256.001 441.378h-17.655a8.829 8.829 0 0 0-8.828 8.828v17.655h17.655v-17.655a8.827 8.827 0 0 1 8.828-8.828z'/%3E%3C/g%3E%3Cpath fill='%23f7f7f7' d='M256.001 432.55a8.829 8.829 0 0 1 8.828-8.828h-17.655a8.829 8.829 0 0 0 0 17.656h17.655a8.828 8.828 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23f1f1f1' d='m247.942 398.229 8.502-336.435h-9.27l-17.253 336.435a17.648 17.648 0 0 0 5.149 13.388l12.105 12.106h9.27l-5.965-12.106c-1.742-3.533-2.663-8.398-2.538-13.388z'/%3E%3Cpath fill='%23f7f7f7' d='M256.001.001a8.829 8.829 0 0 0-8.828 8.828v26.483h17.655V8.829a8.827 8.827 0 0 0-8.827-8.828z'/%3E%3Ccircle cx='255.997' cy='52.964' r='26.483' fill='%23f1f1f1'/%3E%3Ccircle cx='255.997' cy='52.964' r='8.828' fill='%23f7f7f7'/%3E%3Cpath fill='%23f1f1f1' d='M167.721 379.589a8.836 8.836 0 0 1-8.495-6.444L88.278 120.88 17.331 373.145c-1.327 4.69-6.198 7.418-10.888 6.112-4.694-1.323-7.431-6.198-6.112-10.888l79.448-282.48a8.83 8.83 0 0 1 17 0l79.448 282.481c1.319 4.69-1.418 9.565-6.112 10.888a8.903 8.903 0 0 1-2.394.331z'/%3E%3Cpath fill='%23f7f7f7' d='M167.725 379.585H8.83a8.829 8.829 0 0 1 0-17.656h158.896a8.828 8.828 0 1 1-.001 17.656z'/%3E%3Cpath fill='%23f1f1f1' d='M61.795 370.758a8.829 8.829 0 0 1 8.828-8.828H8.83a8.829 8.829 0 0 0 0 17.656h61.793a8.83 8.83 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23f7f7f7' d='M139.16 414.895H37.397a17.654 17.654 0 0 1-15.791-9.76L8.83 379.585h158.896l-12.776 25.55a17.654 17.654 0 0 1-15.79 9.76z'/%3E%3Cpath fill='%23f7f7f7' d='m83.398 405.135-12.776-25.55H8.83l12.776 25.55a17.654 17.654 0 0 0 15.791 9.76H99.19a17.658 17.658 0 0 1-15.792-9.76z'/%3E%3Cpath fill='%23f1f1f1' d='M503.164 379.589a8.836 8.836 0 0 1-8.495-6.444L423.72 120.88l-70.948 252.265c-1.327 4.69-6.198 7.418-10.888 6.112-4.694-1.323-7.431-6.198-6.112-10.888L415.22 85.888a8.83 8.83 0 0 1 17 0l79.448 282.481c1.319 4.69-1.418 9.565-6.112 10.888a8.85 8.85 0 0 1-2.392.332z'/%3E%3Cpath fill='%23f7f7f7' d='M503.168 379.585H344.273a8.829 8.829 0 0 1 0-17.656h158.896a8.829 8.829 0 0 1 8.828 8.828 8.83 8.83 0 0 1-8.829 8.828z'/%3E%3Cpath fill='%23f1f1f1' d='M397.238 370.758a8.829 8.829 0 0 1 8.828-8.828h-61.793a8.829 8.829 0 0 0 0 17.656h61.793a8.829 8.829 0 0 1-8.828-8.828z'/%3E%3Cpath fill='%23f7f7f7' d='M474.601 414.895H372.839a17.654 17.654 0 0 1-15.791-9.76l-12.775-25.55h158.896l-12.776 25.55a17.655 17.655 0 0 1-15.792 9.76z'/%3E%3Cpath fill='%23f7f7f7' d='m418.841 405.135-12.776-25.55h-61.793l12.776 25.55a17.654 17.654 0 0 0 15.791 9.76h61.793a17.654 17.654 0 0 1-15.791-9.76z'/%3E%3C/svg%3E");
}

.icon-whatsapp {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.5 12a8.5 8.5 0 1 1 8.5 8.5 8.455 8.455 0 0 1-4.542-1.314 1 1 0 0 0-.821-.113l-2.88.859 1.085-2.537a1 1 0 0 0-.07-.92A8.456 8.456 0 0 1 3.5 12ZM12 1.5C6.201 1.5 1.5 6.201 1.5 12c0 1.838.473 3.568 1.305 5.073L1.08 21.107a1 1 0 0 0 1.206 1.351l4.5-1.342A10.456 10.456 0 0 0 12 22.5c5.799 0 10.5-4.701 10.5-10.5S17.799 1.5 12 1.5Zm2.293 12.682-1.315.926A9.338 9.338 0 0 1 11 13.585a10.202 10.202 0 0 1-1.624-2.114l.835-.709a1 1 0 0 0 .236-1.232l-1.064-2a1 1 0 0 0-1.54-.283l-.316.275c-.759.662-1.208 1.75-.836 2.852A12.049 12.049 0 0 0 9.586 15c1.813 1.813 3.655 2.527 4.733 2.805.868.223 1.689-.076 2.268-.548l.591-.482a1 1 0 0 0-.12-1.634l-1.678-1a1 1 0 0 0-1.088.041Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-arrow-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg stroke='%23fff' stroke-width='2'%3E%3Cpath d='M3 12c0-7.4115 1.5885-9 9-9s9 1.5885 9 9-1.5885 9-9 9-9-1.5885-9-9Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 12H8m5 3 2.913-2.913v0c.048-.048.048-.126 0-.174v0L13 9'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-telegram {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 192 192' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='12' d='M23.073 88.132s65.458-26.782 88.16-36.212c8.702-3.772 38.215-15.843 38.215-15.843s13.621-5.28 12.486 7.544c-.379 5.281-3.406 23.764-6.433 43.756-4.54 28.291-9.459 59.221-9.459 59.221s-.756 8.676-7.188 10.185c-6.433 1.509-17.027-5.281-18.919-6.79-1.513-1.132-28.377-18.106-38.214-26.404-2.649-2.263-5.676-6.79.378-12.071 13.621-12.447 29.891-27.913 39.728-37.72 4.54-4.527 9.081-15.089-9.837-2.264-26.864 18.483-53.35 35.835-53.35 35.835s-6.053 3.772-17.404.377c-11.351-3.395-24.594-7.921-24.594-7.921s-9.08-5.659 6.433-11.693Z'/%3E%3C/svg%3E");
}

.icon-mail {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 8 5.45 3.633c1.283.856 1.925 1.283 2.618 1.45a4.001 4.001 0 0 0 1.864 0c.694-.167 1.335-.594 2.618-1.45L21 8M6.2 19h11.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C21 17.48 21 16.92 21 15.8V8.2c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C19.48 5 18.92 5 17.8 5H6.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C3 6.52 3 7.08 3 8.2v7.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C4.52 19 5.08 19 6.2 19Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-phone {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.97 18.33c0 .36-.08.73-.25 1.09-.17.36-.39.7-.68 1.02-.49.54-1.03.93-1.64 1.18-.6.25-1.25.38-1.95.38-1.02 0-2.11-.24-3.26-.73s-2.3-1.15-3.44-1.98a28.75 28.75 0 0 1-3.28-2.8 28.414 28.414 0 0 1-2.79-3.27c-.82-1.14-1.48-2.28-1.96-3.41C2.24 8.67 2 7.58 2 6.54c0-.68.12-1.33.36-1.93.24-.61.62-1.17 1.15-1.67C4.15 2.31 4.85 2 5.59 2c.28 0 .56.06.81.18.26.12.49.3.67.56l2.32 3.27c.18.25.31.48.4.7.09.21.14.42.14.61 0 .24-.07.48-.21.71-.13.23-.32.47-.56.71l-.76.79c-.11.11-.16.24-.16.4 0 .08.01.15.03.23.03.08.06.14.08.2.18.33.49.76.93 1.28.45.52.93 1.05 1.45 1.58.54.53 1.06 1.02 1.59 1.47.52.44.95.74 1.29.92.05.02.11.05.18.08.08.03.16.04.25.04.17 0 .3-.06.41-.17l.76-.75c.25-.25.49-.44.72-.56.23-.14.46-.21.71-.21.19 0 .39.04.61.13.22.09.45.22.7.39l3.31 2.35c.26.18.44.39.55.64.1.25.16.5.16.78Z' stroke='%23fff' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.icon-acceso {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill='%23fff' stroke='%23fff' viewBox='0 0 100 100'%3E%3Cpath d='M80 71.2V74c0 3.3-2.7 6-6 6H26c-3.3 0-6-2.7-6-6v-2.8c0-7.3 8.5-11.7 16.5-15.2.3-.1.5-.2.8-.4.6-.3 1.3-.3 1.9.1C42.4 57.8 46.1 59 50 59c3.9 0 7.6-1.2 10.8-3.2.6-.4 1.3-.4 1.9-.1.3.1.5.2.8.4 8 3.4 16.5 7.8 16.5 15.1z'/%3E%3Cellipse cx='50' cy='36.5' rx='14.9' ry='16.5'/%3E%3C/svg%3E");
}

.icon-clientes {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.25 9.303V8a6.75 6.75 0 0 1 13.5 0v1.303c.227.016.44.036.642.064.9.12 1.658.38 2.26.981.602.602.86 1.36.982 2.26.116.867.116 1.97.116 3.337v.11c0 1.367 0 2.47-.116 3.337-.122.9-.38 1.658-.982 2.26-.602.602-1.36.86-2.26.982-.867.116-1.97.116-3.337.116h-8.11c-1.367 0-2.47 0-3.337-.116-.9-.122-1.658-.38-2.26-.982-.602-.602-.86-1.36-.981-2.26-.117-.867-.117-1.97-.117-3.337v-.11c0-1.367 0-2.47.117-3.337.12-.9.38-1.658.981-2.26.602-.602 1.36-.86 2.26-.981.201-.028.415-.048.642-.064ZM6.75 8a5.25 5.25 0 0 1 10.5 0v1.253c-.373-.003-.772-.003-1.195-.003h-8.11c-.423 0-.821 0-1.195.003V8Zm-3.341 3.409c.277-.277.665-.457 1.4-.556.754-.101 1.756-.103 3.191-.103h8c1.435 0 2.436.002 3.192.103.734.099 1.122.28 1.399.556.277.277.457.665.556 1.4.101.755.103 1.756.103 3.191 0 1.435-.002 2.436-.103 3.192-.099.734-.28 1.122-.556 1.399-.277.277-.665.457-1.4.556-.755.101-1.756.103-3.191.103H8c-1.435 0-2.437-.002-3.192-.103-.734-.099-1.122-.28-1.399-.556-.277-.277-.457-.665-.556-1.4-.101-.755-.103-1.756-.103-3.191 0-1.435.002-2.437.103-3.192.099-.734.28-1.122.556-1.399Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.pregunta {
	margin: 2px 37px 0 37px;
	padding: 10px;
}

.respuesta {
	margin: 2px 37px 0 37px;
	padding: 10px;
	color: #333;
	text-align: justify;
	line-height: 22px;
}

hr {
	width: 100%;
	border: none;
	border-top: 1px solid #ddd;
}

.faq-item {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.faq-item h3 {
	cursor: pointer;
	transition: color 0.3s;
}

.faq-item h3:hover {
	color: #007BFF;
}

.faq-answer {
	display: none;
	padding: 10px 0;
}

.faq-item.active .faq-answer {
	display: block;
}

body.qr,
body.clientesBody {
	font-family: sans-serif;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	min-height: 100vh;
	background-color: #262626;
}

.container.login-container {
	text-align: center;
	padding: 30px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.login-container h2 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #333;
}

.login-container label {
	display: block;
	text-align: left;
	margin-bottom: 8px;
	font-weight: bold;
}

.login-container input[type="text"],
.login-container input[type="password"] {
	width: 100%;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

.login-container button {
	width: 100%;
	padding: 10px;
	background-color: #007BFF;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.login-container button:hover {
	background-color: #0056b3;
}

.faqlinks {
	display: block;
	padding: 5px;
	font-size: 18px;
}

.breadcrumbs {
	padding: 20px;
}

.faq-article {
	padding: 2px 50px 2px 50px;
}

body.qr .container {
	background-color: white;
	padding: 70px 24px;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

body.qr .options {
	display: flex;
	flex-direction: column
}