@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

:root {
	--main-cl: #c13d89;
	--secondary-color: #e3e2e0;
	--text-cl: #333333;
	--link-cl: rgb(0, 89, 255);
	--footer-cl: #313131;
}

* {
	font-family: "Roboto", sans-serif;
}

ul {
	list-style: none;
}

a {
	color: var(--text-cl) !important;
}

a:hover {
	text-decoration: none !important;
	color: var(--text-cl);
}

.movil {
	display: none;
}

.whatsapp {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 60px; /*40px;*/
	right: 40px;
	background-color: #25d366;
	color: #fff !important;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 3px #999;
	z-index: 100;
}
.whatsapp:hover {
	text-decoration: none;
	color: #25d366;
	/* background-color: #fff; */
	opacity: 0.9;
}

.my-whatsapp {
	margin-top: 16px;
}

.cnt {
	width: 100%;
	max-width: 1300px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: auto;
	margin-left: auto;
	transition: all 0.25s ease;
}

/*PAra video*/

.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.8;
}

/*Fin video*/
.main-header {
	/* border: 1px solid red; */
	padding: 0.5rem 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 1.5rem;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	transition: all 0.25s ease;
	color: var(--main-cl) !important;
	background: #2d2d2d87;
}

.main-header .logo-container img {
	max-width: 7rem;
	margin-left: 1rem;
}

.main-header .menu-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.main-header .menu-container .telephone {
	font-weight: bold;
}

.main-header .menu-container ul {
	list-style: none;
	margin-top: 1rem;
}

.main-header .menu-container ul li {
	display: inline;
	margin: 1rem 1rem;
}

.main-header .menu-container ul li a {
	color: #fff !important;
	/* font-weight: bold; */
	/* font-size: 2rem; */
}

.main-header .menu-container .social-media {
	margin: 0 1rem;
}

.main-header .menu-container .social-media a {
	font-size: 1.8rem;
	/* padding: 0 0.5rem; */
	color: #fff !important;
	margin: 0 0.5rem;
}

.main-header .menu-container .div-contact a {
	background-color: var(--main-cl) !important;
	color: #fff !important;
}

.sticky {
	top: 0;
	width: 100%;
	background: #fffffff2;
	height: 6rem;
	padding: 1rem;
}

.cnt.sticky {
	max-width: 100% !important;
	padding-left: 15%;
	padding-right: 15%;
	margin-left: auto;
	margin-right: auto;
	box-shadow: #b1b1b1 1px 2px 8px 0px;
}

.main-header.sticky .logo-container img {
	max-width: 5rem;
	margin-left: 1rem;
}

.main-header.sticky .menu-container ul li a {
	color: var(--text-cl) !important;
}

.main-header.sticky .menu-container .social-media a {
	font-size: 1.8rem;
	color: var(--text-cl) !important;
}

/* Index */
.index-container {
	/* background-color: red; */
	height: 63rem;
	position: relative;
	/* background-image: url("../img/slide.jpg"); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index-container .background-opacity {
	background-color: #000000;
	opacity: 0.35;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	left: 0;
	z-index: 7;
}

.index-container .index-search {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 8;
}

.index-container .index-search p {
	color: #fff !important;
	font-size: 3.5rem;
	margin-bottom: 4rem;
}

.index-container .index-search form {
	background-color: var(--secondary-color);
	/* padding: 1rem 2rem; */
	opacity: 1;
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-radius: 23px;
}

.index-container .index-search form select:first-child {
	width: 15rem;
}

.index-container .index-search form select {
	padding: 1rem;
	font-size: 1.5rem;
	width: 18rem;
	border-radius: 10px;
}

.index-container .index-search form button {
	padding: 1rem;
	font-size: 1.5rem;
	border-radius: 10px;
	background-color: var(--main-cl);
	color: #fff;
	border: 0;
	margin-left: 1rem;
}

.content .title,
.blog-content .title {
	font-size: 3.2rem;
	margin: 4.5rem 0;
}

.content .title i,
.blog-content .title i {
	color: var(--main-cl);
}

.propertys-featured-container {
	display: grid;
	gap: 1rem;
	grid-auto-rows: 42rem;
	grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
}

.propertys-featured-container .property-featured {
	border-radius: 10px;
	box-shadow: #c3c3c3 0px 0px 3px;
	transition: all 0.25s ease;
	overflow: hidden;
	height: 100%;
	margin: 0 0.4rem;
}

.propertys-featured-container .property-featured .header {
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 20rem;
	/* background: url("https://staticbp.com/img/prop_new_b/515/00515212-01.jpg") */
	/* no-repeat center center; */
	background-size: cover;
}

.propertys-featured-container .property-featured .header:hover {
	transition: all 0.25s ease;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	/* overflow:hidden; */
}

.propertys-featured-container .property-featured .body {
	padding: 1rem;
}

.propertys-featured-container .property-featured .body span {
	font-size: 90%;
	border: 1px solid var(--main-cl);
	color: var(--main-cl);
	padding: 0.2rem 0.6rem;
	border-radius: 5px;
	margin-right: 0.2rem;
}

.propertys-featured-container .property-featured .body .data-property {
	height: 9rem;
}

.propertys-featured-container
	.property-featured
	.body
	.data-property
	.title-property {
	font-size: 2rem;
	font-weight: bold;
	margin: 1rem 0;
}

.propertys-featured-container .property-featured .body .property-value {
	font-size: 2.5rem;
	font-weight: bold;
	color: var(--main-cl);
}

/* Blog index */

.blog-container {
	display: grid;
	gap: 1rem;
	grid-auto-rows: 42rem;
	grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
	margin-bottom: 10rem;
}

.blog-entry {
	border-radius: 10px;
	box-shadow: #c3c3c3 0px 0px 3px;
	transition: all 0.25s ease;
	overflow: hidden;
	height: 100%;
	margin: 0 0.4rem;
}

.blog-entry .header {
	border-radius: 10px 10px 0 0;
	width: 100%;
	height: 20rem;
	/* background: url("https://www.eltiempo.com/files/image_640_428/files/crop/uploads/2021/04/29/608b5297347d0.r_1619926301306.0-23-659-352.jpeg")
		no-repeat center center; */
	background-size: cover;
}

.blog-entry .body {
	padding: 1rem;
}

.blog-entry .body .content-blog {
	max-height: 10.99rem;
}

.blog-entry .body .title-blog {
	font-size: 2rem;
	font-weight: bold;
}

.blog-entry .body .read-more-link {
	color: var(--link-cl) !important;
}

.blog-entry .body .read-more-link:hover {
	text-decoration: underline !important;
}

#formMainImage_blog div.form-group {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: stretch;
}

footer.main-footer {
	/* margin-top: 10rem; */
	background-color: var(--footer-cl);
	color: #fff;
	padding: 2rem;
	/* padding: 2rem 2rem 4rem 2rem; */
}

.footer-sections {
	/* display: flex;
	justify-content: space-between;
	align-items: flex-start; */

	display: grid;
	gap: 3rem;
	grid-auto-rows: 20rem;
	grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
}

.footer-sections i {
	color: #fff;
	font-size: 1.5rem;
}

.footer-sections .footer-sect-two div h3 .fa-angle-right,
.footer-sections .footer-sect-three h3 .fa-angle-right {
	color: var(--main-cl);
	font-size: 2.8rem;
	font-weight: bold;
}

.footer-sections .footer-sect-one img {
	width: 7rem;
	height: auto;
	margin: 2rem 0;
}

.footer-sections .footer-sect-one .footer-matricula {
	padding: 0.5rem 1rem;
	border: 1px solid #fff;
	border-radius: 10px;
}

.footer-sections .footer-sect-item {
	margin: 1.5rem 0;
}

.footer-sections .fa-facebook,
.footer-sections .fa-instagram {
	font-size: 2.5rem;
	margin-right: 1rem;
}

.footer-sections .footer-sect-two {
	min-width: 40rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-sections .footer-sect-two div > p > i {
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 50%;
	background-color: var(--main-cl);
	color: #fff;
	margin-right: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
}

.footer-sections .footer-sect-two img {
	width: 9rem;
}

.footer-sections .footer-sect-three ul {
	list-style: none;
	/* text-align: left; */
	padding: 0;
}

.footer-sections .footer-sect-three ul li a {
	color: #fff !important;
}

/* Propiedades */

.propiedades-container {
	margin-bottom: 10rem;
	/* height: 63rem; */
	/* position: relative; */
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	/* margin-top: 10rem; */
}

.propiedades-container .propertys-featured-container {
	width: 100%;
	display: grid;
	gap: 1rem;
	/* grid-auto-rows: 42rem; */
	grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
}

.propertys-filter {
	/* width: 30%; */
	width: 100%;
}

.paginator-container {
	margin-top: 4rem;
}

.paginator-container a,
.paginator-container strong {
	padding: 1rem;
	border: 1px solid var(--text-cl);
}

.paginator-container strong {
	background: var(--main-cl);
	color: #fff;
}

.paginator-container .pagination-next {
	border-radius: 0 10px 10px 0;
	border-left: 0;
}

.paginator-container .pagination-prev {
	border-radius: 10px 0 0 10px;
	border-right: 0;
}

.paginator-container .pagination-next:hover,
.paginator-container .pagination-prev:hover {
	background: var(--main-cl);
	color: #fff !important;
	/* opacity: .8; */
}

#accordion {
	background: var(--secondary-color);
	padding: 1rem;
	border-radius: 10px;
	margin-right: 1rem;
}

#accordion .card .card-header a h4 {
	border-bottom: 1px solid #9a9a9a;
	padding: 1rem 0.5rem;
}

#accordion .card .card-header a h4 span {
	float: right;
	margin-right: 4rem;
	color: var(--main-cl);
}

.card-body .div-amount-filter {
	/* display: flex; */
	justify-content: space-between;
	align-items: center;
}

.card-body .div-amount-filter input {
	padding: 0.5rem 1rem;
	max-width: 48%;
	border-radius: 10px;
	border: 1px solid #c1c1c1;
}

#radioBtn .active {
	color: #fff !important;
	background-color: #c13d89;
}

#radioBtn .notActive {
	color: var(--text-cl);
	background-color: #fff;
}

#collapseFive .card-body .option_filter_container {
	display: flex;
	justify-content: space-between;
	max-height: 4rem;
	padding: 0.5rem 0;
}

#collapseFive .card-body .option_filter_container input {
	width: 7rem;
}

.switch {
	display: inline-block;
	height: 34px;
	position: relative;
	width: 60px;
}

.switch input {
	display: none;
}

.slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.4s;
	height: 22px;
	width: 48px;
}

.slider:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 15px;
	left: 4px;
	position: absolute;
	transition: 0.4s;
	width: 15px;
}

input:checked + .slider {
	background-color: var(--main-cl);
}

input:checked + .slider:before {
	transform: translateX(26px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.filter-searchbtn-container {
	padding: 1rem;
}

.filter-searchbtn-container button {
	width: 100%;
	padding: 1rem;
	background: var(--main-cl);
	color: #fff;
	border: 0;
	border-radius: 10px;
	font-size: 1.5rem;
}

.filter-searchbtn-container button:hover {
	opacity: 0.7;
}

.funkyradio div {
	clear: both;
	overflow: hidden;
}

.funkyradio label {
	width: 100%;
	border-radius: 3px;
	/* border: 1px solid #d1d3d4; */
	font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
	display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
	position: relative;
	line-height: 1.5em;
	text-indent: 3.25em;
	/* margin-top: 2em; */
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	width: 2em;
	background: #d1d3d4;
	border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
	color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
	content: "\2714";
	text-indent: 0.7em;
	color: #c2c2c2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
	/* color: #777; */
	color: var(--text-cl);
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
	content: "\2714";
	text-indent: 0.6em;
	color: #333;
	background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
	color: #fff;
	background-color: var(--main-cl);
}

.header-section-title {
	margin-top: 9rem;
	text-align: center;
	margin-bottom: 2rem;
}

.header-section-title h2 {
	font-size: 3.2rem;
}

/* Tasaciones */

#form-tasaciones {
	margin-bottom: 10rem;
}

.form div div > input,
.form div div > select,
.form div div > textarea {
	border-radius: 15px;
}

.title-section-tasacion i {
	color: var(--main-cl);
}
.title-section-tasacion {
	margin-bottom: 2rem;
}

#btn-tasaciones {
	padding: 1rem 2rem;
	color: #fff;
	background: var(--main-cl);
	border: 0;
	border-radius: 10px;
}

#btn-tasaciones:hover {
	opacity: 0.9;
}

/* Contacto */

.right-section-contact div p i {
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 50%;
	background-color: var(--main-cl);
	color: #fff;
	margin-right: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
}

.right-section-contact div > a {
	font-size: 3rem;
	margin-right: 1rem;
	color: var(--main-cl) !important;
}

.right-section-contact div > a img {
	max-width: 20rem;
}

#btn-contact {
	padding: 1rem 2rem;
	color: #fff;
	background: var(--main-cl);
	border: 0;
	border-radius: 10px;
	width: 100%;
}

#btn-contact:hover {
	opacity: 0.9;
}

.btn-estandar {
	padding: 1rem 2rem;
	color: #fff;
	background: var(--main-cl);
	border: 0;
	border-radius: 10px;
	width: 100%;
}

.btn-estandar:hover {
	opacity: 0.9;
}

/* User */
.msg-error-login p {
	padding: 1rem;
}

/* Panel */

.panel-main-section h4 {
	border-bottom: 1px solid var(--main-cl);
	padding-bottom: 1rem;
}

.panel-main-section h4 span a {
	color: #fff !important;
}

.panel-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e1e1e1;
	padding: 0.5rem 0;
}

.panel-section .panel-section-actions a {
	font-size: 1.5rem;
}

.panel-section .panel-section-actions a .fa-edit {
	color: rgb(7, 80, 216);
}

.panel-section .panel-section-actions a .fa-times {
	color: #cf1010f2;
}

.btn-panel-container {
	display: flex;
	margin-bottom: 1rem;
}

.btn-panel-container button {
	background-color: var(--main-cl);
	color: #fff;
	border: 0;
	padding: 1rem 2rem;
	margin-right: 1rem;
}

.bg-danger {
	background: #dc3545 !important;
}

.bg-success {
	background: #198754 !important;
}

/* Propiedad */

.social-share a {
	font-size: 1.8rem;
}

.social-share a .fa {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	color: #fff;
	margin-right: 0.25rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
}

.social-share a .fa-facebook {
	background: #3b5998 !important;
}

.social-share a .fa-whatsapp {
	background: #25d366 !important;
	padding: 4px 5px;
}

.property-body i,
.property-header i {
	color: var(--main-cl) !important;
}

.property-header .property-name {
	margin: 1rem 0;
	font-size: 3.5rem;
	font-weight: 400;
}

.property-status {
	position: absolute;
	background: var(--main-cl);
	color: #fff;
	z-index: 9;
	margin: 1rem;
	border: 1px solid #fff;
}

.property-status.no-status {
	display: none;
}

.property-status p {
	margin: 0;
	padding: 0.2rem 1rem;
	font-size: 1.6rem;
}

.carousel-control.right {
	border-radius: 0 10px 10px 0;
}

.carousel-control.left {
	border-radius: 10px 0 0 10px;
}

#property-carousel .carousel-inner {
	border-radius: 10px;
}

.property-body .title {
	font-size: 2.8rem;
	font-weight: 400;
	margin: 3rem 0;
}

.property-details {
	display: grid;
	gap: 2rem;
	grid-auto-rows: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
}

.property-details span {
	font-size: 1.6rem;
}

.form-contact-property {
	background: var(--secondary-color);
	padding: 2rem;
	border-radius: 10px;
	box-shadow: 0 6px 5px 2px #9c9c9c;
}

.operation-label {
	/* font-size: 2rem;
	margin: 2rem 0; */

	border: 1px solid #e1e1e1;
	border-bottom: 0;
	border-radius: 10px 10px 0 0;
	padding: 1rem 1.5rem;
	box-shadow: 0 -2px 5px 2px #d8d8d8;

	display: flex;
	justify-content: space-between;
	align-items: center;

	position: relative;
	top: 7px;
}

.operation-label .poperation,
.operation-label .pcurrency {
	font-size: 2rem;
}

.operation-label .pcurrency {
	font-size: 2.5rem;
	font-weight: bold;
	color: var(--main-cl);
}

.related-propertys-container {
	background: var(--secondary-color);
	/* height: 20rem; */
	height: 5rem;
}

.related-propertys {
	width: 100%;
	/* height: 20rem; */
	height: 5rem;
}

/* Nueva/editar propiedad */

.main_image_container {
	margin: 1rem 0;
	width: 100%;
}

.main_image_container img {
	max-width: 100%;
	height: auto;
	max-height: 40rem;
}

/* Dropzone */
.dz-remove {
	content: "Eliminar";
	color: red !important;
}

.dz-max-files-reached {
	background-color: red;
}

.dropzone {
	border: 3px dotted var(--secondary-color) !important;
}

.dz-image img {
	width: 120px;
	height: 120px;
}

#formMainImage div.form-group {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: stretch;
}

#logoct {
	display: flex;
	justify-content: end;
	align-items: center;
	color: #e7e7e7f2;
	margin-top: 2rem;
}

#logoct img {
	max-width: 9rem;
}