main {
	display: flex;
	padding: 10px;
	height: 85%;
	gap: 25px;
}

main .suscripcion {
	padding: 5px;
	padding-bottom: 0;
	
	text-align: center;

	
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	
	/* justify-content: space-between; */
	gap: 15px;
	
	
	color: whitesmoke;
	background: rgba(78, 78, 78, 0.514);
	border-radius: 3px;
}

main .suscripcion h2 {
	font-size: 2.2em;
}


main .suscripcion p {
	font-size: 1.4em;
}

main .suscripcion-form {
	display: flex;
	flex-direction: column;
}


main .suscripcion-form input[type="email"] {
	padding: 14px 18px;
	font-size: 1.2em;

	border-radius: 4px;
	outline: none;
	transition: border-color 0.3s, box-shadow 0.3s;
}

main .suscripcion-form input[type="email"]:focus {
	border-color: #006BFF;
	box-shadow: 0 0 4px rgba(0, 123, 255, 0.5);
}


main .suscripcion-form button {
	border: none;
	outline: none;
	box-shadow: none;
	padding: 12px 16px;
	font-size: 1.4em;
	font-weight: bolder;
	background-color: #036;
	color: whitesmoke;
	border-radius: 2px;
	cursor: pointer;
}

main .suscripcion-form button:hover {
	background-color: #0056b3;
	transform: scale(1.01);
}




















main .buscador {
	padding: 10px;

	text-align: center;

	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	gap: 40%;

	color: whitesmoke;
	/* background: rgba(78, 78, 78, 0.514); */
	border-radius: 3px;
}


main .buscador .buscador-buscar .buscador-titulo {
	margin-bottom: 0.5rem;
	white-space: nowrap;
	font-weight: bolder;
	font-size: 3.0em;
}

main .buscador .buscador-buscar input[type="text"] {
	width: 70%;
	font-style: italic;

	padding: 14px 18px;
	font-size: 1.2em;

	border-radius: 4px;
	outline: none;
	transition: border-color 0.3s, box-shadow 0.3s;

	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}

main .buscador .buscador-buscar button {
	border: none;
	outline: none;
	box-shadow: none;
	background-color: #036;
	color: whitesmoke;
	border-radius: 2px;
	cursor: pointer;
	
	font-size: 1.4em;
	font-weight: bolder;

	padding: 12px 16px;
}

main .buscador .buscador-buscar button:hover {
	background-color: #069;
	transform: scale(1.01);
}

























footer {
	justify-content: center;
	display: flex;
	bottom: 2rem;
	z-index: 1000;
}

footer .contacta-un-asesor {
	white-space: nowrap;
	background-color: #036;
	padding: 1rem 2rem;
	font-size: 1.5em;
	
	border: none;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;


	color: whitesmoke;
}

footer .contacta-un-asesor:hover {
	background-color: #096;
}


footer .contacta-un-asesor:hover .lucide-phone-icon {
	transform: translateY(4px);
	opacity: 1;
}

.lucide-phone-icon {
	opacity: 0.6;
	width: 16px;
	height: 16px;
	color: whitesmoke;
	transition:  opacity 0.3s ease;
	transform: translateY(2px);
}



@media (orientation: landscape) {
	main {
		display: flex;
		flex-direction: row;
	}
	footer {
		position: fixed;
		bottom: 1rem;
		right: 1rem;
		z-index: 1000;
	}
}

@media (orientation: portrait) {
	main {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	footer {
		position: fixed;
		bottom: 1rem;
		right: 1rem;
		z-index: 1000;
	}
}



@media (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {

	main {
		display: flex;
		flex-direction: column;
	}

	main .suscripcion {
		
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
		
	}
}

@media (min-width: 768px) {	
	main .suscripcion-form {
		gap: 22px;
	}
}

@media (min-width: 820px) {
	main {
		display: flex;
	}

	main .suscripcion {
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0;
		gap: 22px;
	}
	
	main .buscador {
		flex-basis: auto;
	}

}