@import url("./skin-encuentra.css");

:root {
	--rentate-theme: #123527;
	--rentate-accent: #eb7a23;
	--rentate-dark: #1f1f1f;
	--rentate-light: #f5f5f5;
}

.bkg-theme {
	background-color: var(--rentate-theme) !important;
}

.bkg-hover-theme:hover {
	background-color: var(--rentate-theme) !important;
}

.bkg-naranjo {
	background-color: var(--rentate-accent) !important;
}

.bkg-hover-naranjo:hover {
	background-color: var(--rentate-accent) !important;
}

.bkg-grey {
	background-color: var(--rentate-dark) !important;
}

.bkg-grey-ultralight {
	background-color: var(--rentate-light) !important;
}

.color-theme,
.feature-column .feature-icon,
.footer a,
.footer .social-list a,
.header .navigation > ul > li.current > a,
.header .navigation > ul > li > a:hover {
	color: var(--rentate-accent) !important;
}

.bkg-naranjo .feature-icon,
.bkg-naranjo .color-theme {
	color: #fff !important;
}

.hero-5-1 .media-column {
	background-image: url(../images/familia-02.jpg);
	background-position: center;
	background-size: cover;
}

.hero-5-2 .media-column {
	background-image: url(../images/casa-nueva.jpg);
	background-position: center;
	background-size: cover;
}

.signup-2-1 {
	background-image: linear-gradient(rgba(18, 53, 39, 0.74), rgba(18, 53, 39, 0.74)), url(../images/rentate-inversion-inmobiliaria.jpg);
	background-position: center;
	background-size: cover;
}

.intro-title-2 {
	background-image: linear-gradient(rgba(18, 53, 39, 0.7), rgba(18, 53, 39, 0.7)), url(../images/familia.jpg);
	background-position: center;
	background-size: cover;
}

.footer .widget-title,
.footer .widget-title a,
.footer p,
.footer .copyright {
	color: #fff;
}

.contact-form-container .field-wrapper {
	position: relative;
}

.contact-form-container .form-element,
.contact-form-container textarea,
.contact-form-container .form-select {
	background: #fff;
	border: 1px solid #d8e0db;
	border-radius: 10px;
	box-shadow: 0 4px 14px rgba(18, 53, 39, 0.06);
}

.contact-form-container input.form-element,
.contact-form-container textarea {
	padding: 1.4rem 1.6rem;
	color: #244236;
}

.contact-form-container .form-select {
	padding: 0 !important;
	overflow: hidden;
}

.contact-form-container .form-select select {
	width: 100%;
	padding: 1.4rem 4.2rem 1.4rem 1.6rem;
	background: transparent;
	color: #244236;
}

.contact-form-container .form-select::after {
	right: 1.6rem;
	top: 1.45rem;
	color: var(--rentate-theme);
}

.contact-form-container textarea {
	min-height: 18rem;
	resize: vertical;
}

.contact-form-container .form-element:focus,
.contact-form-container textarea:focus,
.contact-form-container .form-select:focus-within {
	border-color: var(--rentate-accent);
	box-shadow: 0 0 0 4px rgba(235, 122, 35, 0.12);
}

.contact-form-container .form-element::placeholder,
.contact-form-container textarea::placeholder,
.contact-form-container .form-select select {
	color: #50665d;
	opacity: 1;
}

.contact-form-container .checkbox-label,
.contact-form-container .radio-label {
	color: #244236;
}

.contact-form-container .checkbox + .checkbox-label:before,
.contact-form-container .radio + .radio-label:before {
	background: #fff;
	border: 1px solid #cfd8d2;
}

.contact-form-container .checkbox:checked + .checkbox-label:before {
	color: var(--rentate-theme);
	border-color: var(--rentate-theme);
}

.contact-form-container .radio:checked + .radio-label:before {
	background: var(--rentate-theme);
	border-color: var(--rentate-theme);
}

.whatsapp-button {
	position: fixed;
	right: 24px;
	bottom: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 999px;
	background: #25d366;
	color: #fff !important;
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
	z-index: 9999;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whatsapp-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
}

.whatsapp-button .fa-whatsapp {
	font-size: 3rem;
	line-height: 1;
}

@media only screen and (max-width: 768px) {
	.whatsapp-button {
		right: 16px;
		bottom: 16px;
		width: 56px;
		height: 56px;
	}
}