.bg-success {
background-color: #1a5c30 !important;
}
.bg-gradient {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1023%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(26%2c 92%2c 48%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c597.46C109.959%2c606.831%2c201.128%2c516.128%2c287.759%2c447.762C367.488%2c384.843%2c435.309%2c310.426%2c479.562%2c219.009C524.554%2c126.063%2c541.747%2c25.299%2c542.248%2c-77.963C542.818%2c-195.488%2c565.271%2c-334.636%2c482.652%2c-418.221C399.676%2c-502.166%2c254.368%2c-447.436%2c141.837%2c-483.052C25.719%2c-519.803%2c-66.852%2c-659.724%2c-184.831%2c-629.477C-302.027%2c-599.43%2c-320.484%2c-437.754%2c-397.804%2c-344.699C-472.938%2c-254.275%2c-627.634%2c-208.386%2c-632.325%2c-90.915C-637.128%2c29.346%2c-492.09%2c95.662%2c-419.215%2c191.449C-364.692%2c263.114%2c-322.559%2c338.615%2c-257.875%2c401.262C-178.685%2c477.958%2c-109.844%2c588.099%2c0%2c597.46' fill='%2319572e'%3e%3c/path%3e%3cpath d='M1440 1067.599C1536.773 1062.3609999999999 1550.951 911.649 1629.579 854.991 1701.55 803.13 1813.117 823.986 1871.1689999999999 756.908 1933.6680000000001 684.692 1979.516 577.137 1948.103 486.946 1916.249 395.48900000000003 1784.46 389.591 1718.527 318.655 1656.21 251.60899999999998 1662.638 124.58999999999997 1578.281 89.06 1494.968 53.97000000000003 1399.268 107.58499999999998 1319.827 150.72899999999998 1250.774 188.231 1210.771 257.397 1159.182 316.66999999999996 1107.46 376.096 1032.267 421.916 1016.597 499.124 1000.712 577.391 1035.8020000000001 657.233 1076.065 726.204 1113.776 790.802 1182.202 825.079 1236.756 876.254 1306.021 941.23 1345.1680000000001 1072.732 1440 1067.599' fill='%231b6132'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1023'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e") !important;
background-size: cover;
}
.bg-gradient a {
color: #f0f1da;
}
.bg-gradient a:hover {
color: #fff;
}
.bg-cream {
background-color: #f0f1da;
}
.btn-success {
background-color: #447246;
border-color: #447246;
}
.btn-success:visited {
color: white;
}
a {
transition: all 0.3s ease;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
font-size: 16px;
scroll-behavior: smooth;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 1rem;
line-height: 1.6;
color: #333;
background-color: #fff;
overflow-x: hidden;
}
a {
color: #447246;
text-decoration: none;
transition: all 0.3s ease;
}
a:hover {
color: #1a5c30;
}
img {
max-width: 100%;
height: auto;
}
.top-70 {
top: 70%;
}
h3.h4 {
font-size: 1.2rem;
font-weight: 600;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.txt-red {
color: #9F1D29 !important;
font-weight: 600;
}
.text-primary {
color: #447246 !important;
}
.bg-primary {
background-color: #447246 !important;
}
.btn {
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0.5rem 1.5rem;
font-size: 1rem;
line-height: 1.5;
transition: all 0.3s ease;
}
.btn-primary {
color: #fff;
background-color: #447246;
border: 1px solid #447246;
}
.btn-primary:hover {
background-color: #1a5c30;
border-color: #1a5c30;
}
.btn-outline {
background-color: transparent;
border: 1px solid #447246;
color: #447246;
}
.btn-outline:hover {
background-color: #447246;
color: #fff;
}
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea {
width: 100%;
padding: 0.5rem 1rem;
margin-bottom: 0rem;
border: 1px solid #447246;
border-radius: 0px !important;
transition: all 0.3s ease;
font-size: 0.8rem;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus {
outline: none;
border-color: #1a5c30;
}
form input[type=checkbox] {
width: 20px;
height: 20px;
}
form a {
color: #447246;
}
form a:visited {
color: #447246;
}
form a:hover {
color: #343a40 !important;
}
form a.txt {
color: white;
}
form a.txt:visited {
color: white;
}
form a.txt:hover {
color: #343a40 !important;
}
form input[type=submit] {
height: 45px;
padding: 0.5rem 1.5rem;
font-size: 0.9rem;
line-height: 1.5;
transition: all 0.3s ease;
background-color: #447246;
color: #fff;
border: 1px solid #1a5c30;
cursor: pointer;
width: 100%;
}
form .form-label {
font-size: 0.9rem;
}
form .form-check-label {
font-size: 0.8rem;
}
form .form-check-input:checked {
background-color: #447246;
border-color: #447246;
}
form .content_chks {
padding: 10px;
border: 1px solid white;
}
form.contact-form .content_chks {
border: 1px solid #447246;
}
form.contact-form textarea {
border: 1px solid #447246;
font-size: 0.8rem;
}
form.contact-form .form-check-input {
border: 1px solid #447246;
}
form.contact-form .form-check-label a {
color: #447246;
}
.iti.iti--allow-dropdown {
width: 100%;
}
.iti__selected-dial-code {
font-size: 0.8rem;
padding-left: 5px;
color: #000;
}
.iti__country-name {
font-size: 0.8rem;
color: #000;
}
.iti__selected-flag {
border-right: 1px solid #447246;
} .brochure {
display: flex;
justify-content: start;
border: 0px !important;
width: 90%;
box-shadow: 0px 0px 10px 0px #999;
transition: all 0.5s ease;
background-color: transparent !important;
}
.brochure .brochure__img {
background-color: #447246;
padding: 10px 20px;
text-align: center;
}
.brochure .brochure__img img {
width: 120px;
}
.brochure .brochure__content {
width: 100%;
background-color: #f2f1f2;
padding-left: 20px;
padding-right: 20px;
display: flex;
align-items: start;
justify-content: center;
flex-direction: column;
transition: all 0.5s ease;
}
.brochure .brochure__content h3 {
font-size: 1rem;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 5px;
}
.brochure .brochure__content p {
font-size: 1rem;
color: #666;
}
.brochure .brochure__download {
background-color: #f0f1da;
padding: 10px 20px;
text-align: center;
display: flex;
align-items: center;
transition: all 0.5s ease-in;
border-left: 1px solid #447246;
}
.brochure .brochure__download a {
color: #fff;
font-weight: bold;
text-transform: uppercase;
transition: all 0.5s ease-in;
}
.brochure .brochure__download a i {
font-size: 2rem;
color: #447246;
transition: all 0.5s ease-in;
}
.brochure .brochure__download a:hover i {
color: white;
}
.brochure .brochure__download:hover {
background-color: #447246;
}
.brochure .brochure__download:hover a {
color: white;
}
.brochure .brochure__download:hover a i {
color: white;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: all 0.3s ease;
padding: 1rem 0;
background-color: transparent;
}
.header .precio_ventas {
opacity: 0;
}
.header .logo {
height: 40px;
transition: all 0.3s ease;
}
.header .logo path {
fill: #fff;
transition: all 0.3s ease;
}
.header .ham {
cursor: pointer;
}
.header .ham .line {
fill: none;
stroke: #f0f1da;
stroke-width: 6;
transition: all 0.3s ease;
}
.header.scrolled {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header.scrolled .precio_ventas {
opacity: 1;
}
.header.scrolled .logo path {
fill: #447246;
}
.header.scrolled .ham .line {
stroke: #333;
}
.header.scrolled .nav-link {
color: #333;
}
.header.scrolled .nav-link:hover, .header.scrolled .nav-link.active, .header.scrolled .nav-link.current-menu-item {
color: #447246;
}
.header.menu-opened .ham .line {
stroke: #333 !important;
}
.header .navbar {
display: flex;
justify-content: space-between;
align-items: center;
}
.header .nav-menu {
display: flex;
list-style: none;
}
@media (max-width: 768px) {
.header .nav-menu {
display: none;
position: fixed;
top: 70px;
left: 0;
width: 100%;
background-color: #fff;
flex-direction: column;
padding: 1rem 0;
}
.header .nav-menu.active, .header .nav-menu.current-menu-item {
display: flex;
}
}
.header .nav-item {
margin-left: 1.5rem;
}
@media (max-width: 768px) {
.header .nav-item {
margin: 0;
padding: 0.5rem 1rem;
}
}
.header .nav-link {
color: #fff;
font-weight: 500;
transition: all 0.3s ease;
}
.header .nav-link:hover, .header .nav-link.active, .header .nav-link.current-menu-item {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
.header .nav-link {
color: #333;
}
.header .nav-link:hover, .header .nav-link.active, .header .nav-link.current-menu-item {
color: #447246;
}
}
#header.scrolled.menu-opened {
background-color: transparent !important;
box-shadow: none;
}
#precio_ventas.hide {
opacity: 0 !important;
}
#img-fondo {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}
#menu {
width: 50%;
height: 100vh;
position: fixed;
top: 0;
right: 0;
z-index: -1;
opacity: 0;
background-color: #FaFaFa;
display: none;
transition: all 0.5s ease;
}
#menu.open {
z-index: 99;
display: block;
opacity: 1;
}
#menu .content_menu {
text-align: center;
z-index: 2;
}
#menu .content_menu .column-a ul li,
#menu .content_menu .column-b ul li {
list-style: none;
}
#menu .content_menu .column-a ul li a,
#menu .content_menu .column-b ul li a {
text-transform: uppercase;
font-size: 2.2rem;
color: #447246;
text-decoration: none;
font-weight: 500;
transition: all 0.5s ease;
}
#menu .content_menu .column-a ul li a:hover,
#menu .content_menu .column-b ul li a:hover {
color: #343a40;
}
#menu .content_menu .column-a ul li.active a, #menu .content_menu .column-a ul li.current-menu-item a,
#menu .content_menu .column-b ul li.active a,
#menu .content_menu .column-b ul li.current-menu-item a {
color: #1a5c30;
position: relative;
}
#menu .content_menu .column-a ul li.active a:before, #menu .content_menu .column-a ul li.current-menu-item a:before,
#menu .content_menu .column-b ul li.active a:before,
#menu .content_menu .column-b ul li.current-menu-item a:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
width: 105%;
height: 20px;
background-color: rgba(68, 114, 70, 0.3);
z-index: -1;
-webkit-clip-path: polygon(0 calc(0% + 2px), 0 calc(0% + 35px), 100% calc(100% - 2px), 100% calc(100% - 6px));
clip-path: polygon(0 calc(0% + 2px), 0 calc(0% + 35px), 100% calc(100% - 2px), 100% calc(100% - 6px));
}
#menu .social li {
display: inline-block;
margin-right: 1.3rem;
}
#menu .social li:last-child {
margin-right: 0;
}
#menu .social li i {
font-size: 1.4rem;
}
#menu .social li a {
color: #447246;
transition: all 0.3s ease-in-out;
}
#menu .social li a:visited {
color: #447246;
}
#menu .social li a:hover {
color: #343a40;
}
#menu .footer-menu {
z-index: 9;
}
#menu .footer-menu a:hover {
color: black;
}
#otro-menu {
width: 50%;
height: 100%;
position: fixed;
bottom: 0%;
left: -110%;
z-index: -1;
opacity: 0;
background-color: #efefef;
transition: all 0.3s ease;
z-index: -1;
opacity: 0;
}
#otro-menu.open {
left: 0;
z-index: 99;
opacity: 1;
}
body:not(.home) .header .ham .line {
stroke: #000;
}
.claimer {
position: absolute;
top: 42%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
color: white;
padding: 1rem 2rem;
text-align: center;
line-height: 1.4;
white-space: pre-wrap;
width: 100% !important;
transition: opacity 0.6s ease;
pointer-events: none; font-weight: 400;
}
.claimer #claimer-text {
font-size: 3rem;
text-transform: uppercase;
font-weight: 700;
color: #f0f1da;
}
.claimer #claimer-subtext,
.claimer #claimer-subtext2 {
text-transform: uppercase;
color: #ccc;
font-weight: 500;
}
.claimer #claimer-subtext.s1,
.claimer #claimer-subtext2.s1 {
font-size: 2.2rem;
}
.claimer #claimer-subtext.s2,
.claimer #claimer-subtext2.s2 {
padding-top: 10px;
font-size: 1.5rem;
}
#logo_svg .ray-final {
opacity: 0.2;
}
#logo_svg .ray-strong {
opacity: 0.4;
}
#logo_svg .ray-hidden {
opacity: 0 !important;
filter: blur(3px);
}
#logo_svg .ray-show {
transition: opacity 800ms ease-in-out, filter 800ms ease-in-out;
}
.full-map img {
border: 1px solid #447246;
}
section {
padding: 5rem 0;
}
section.bg-light {
background-color: #f8f9fa;
}
section .section-title {
margin-bottom: 3rem;
text-align: center;
}
section .section-title h2 {
font-size: 2.5rem;
font-weight: 700;
color: #333;
margin-bottom: 1rem;
}
section .section-title h2:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: rgba(91, 48, 0, 0.7);
margin: 1rem auto 0;
}
section .section-title p {
font-size: 1.1rem;
color: #666666;
}
h1 {
margin-bottom: 1rem;
}
h1:after {
content: "";
display: block;
width: 80px;
height: 3px;
background-color: rgba(91, 48, 0, 0.7);
margin-top: 1rem;
}
.hero {
height: 100vh;
min-height: 600px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
overflow: hidden;
}
.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.hero video, .hero .carousel-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero .hero-content {
position: relative;
z-index: 2;
max-width: 800px;
padding: 0 1rem;
}
.hero .hero-content h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.hero .hero-content p {
font-size: 1.25rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.hero .hero-content .btn {
margin: 0 0.5rem;
}
.hero .fade-text {
opacity: 0;
animation: fadeInOut 5s ease-in-out forwards;
}
.hero #carouselFade {
height: 100vh;
width: 100%;
}
.hero #carouselFade .carousel-inner {
height: 100vh;
}
.hero #carouselFade .carousel-item.has-overlay::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
pointer-events: none;
}
#scroll-progress {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 4px;
z-index: 99999999;
pointer-events: none;
background: transparent;
}
#scroll-progress .progress-fill {
width: 0%;
height: 100%;
background-color: #447246;
transition: width 80ms linear;
}
#page-loader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: #ffffff;
z-index: 999999999;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 300ms ease;
opacity: 1;
}
#page-loader.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.page-loader .spinner {
width: 48px;
height: 48px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.15);
border-top-color: #447246;
animation: page-spin 0.9s linear infinite;
}
@keyframes page-spin {
to {
transform: rotate(360deg);
}
}
#bp-indicator {
position: fixed;
right: 12px;
bottom: 12px;
z-index: 9999999;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 0.85rem;
line-height: 1;
padding: 6px 10px;
border-radius: 6px;
pointer-events: none;
display: none;
}
#precio_ventas .h3 {
font-size: 1.55rem;
margin-bottom: 0px;
}
#precio_ventas_mobile {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 15px 0;
background-color: #f0f1da;
color: #000;
z-index: 999;
text-align: center;
}
#precio_ventas_mobile .h3 {
font-size: 0.8rem;
margin-bottom: 0;
}
#precio_ventas_mobile a {
color: #447246;
text-decoration: none;
}
#carousel-img .carousel-control-next,
#carousel-img .carousel-control-prev {
position: absolute;
top: auto;
left: -100px;
bottom: 10px;
width: 50px;
height: 50px;
}
#carousel-img .carousel-control-next {
left: -60px;
}
#carousel-img .carousel-control-prev-icon,
#carousel-img .carousel-control-next-icon {
width: 2.5rem;
height: 2.5rem;
background-size: 100% 100%;
}
#carousel-img .carousel-control-prev-icon {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23447246' viewBox='0 0 16 16'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L6.707 7l4.647 4.646a.5.5 0 0 1-.708.708l-5-5a.5.5 0 0 1 0-.708l5-5a.5.5 0 0 1 .708 0z'/></svg>");
}
#carousel-img .carousel-control-next-icon {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23447246' viewBox='0 0 16 16'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l5 5a.5.5 0 0 1 0 .708l-5 5a.5.5 0 1 1-.708-.708L9.293 7 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>");
}
.full-image-parallax {
background-size: cover;
background-position: center bottom;
background-attachment: fixed;
width: 100%;
height: 100vh;
}
@media (hover: none) and (pointer: coarse) {
.full-image-parallax {
background-attachment: scroll;
height: auto;
padding-bottom: 65%;
background-position: center center;
}
}
.top-titulo {
padding: 4px 25px 3px 25px;
margin-bottom: 5px;
background-color: rgba(91, 48, 0, 0.7);
color: #f0f1da;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
-webkit-clip-path: polygon(0 calc(100% - 8px), 0 calc(100% - 24px), 100% calc(0% + 2px), 100% calc(100% - 3px));
clip-path: polygon(0 calc(100% - 8px), 0 calc(100% - 24px), 100% calc(0% + 2px), 100% calc(100% - 3px));
}
.dgreen .top-titulo {
background-color: rgba(68, 114, 70, 0.7) !important;
}
.dgreen h1:after, .dgreen h2:after {
background-color: rgba(68, 114, 70, 0.7);
}
.texto-destacado .lead {
font-weight: 400;
}
.texto-destacado .lead strong {
font-weight: 600;
}
.vh100 {
height: calc(100vh - 120px);
}
.featured-text {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-size: 2.5rem;
font-style: italic;
}
@keyframes fadeInOut {
0% {
opacity: 0;
transform: translateY(20px);
}
20% {
opacity: 1;
transform: translateY(0);
}
80% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.features .feature-item {
text-align: center;
margin-bottom: 2rem;
}
.features .feature-item .feature-icon {
font-size: 2.5rem;
color: #447246;
margin-bottom: 1.5rem;
}
.features .feature-item h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.features .feature-item p {
color: #595959;
}
.quote {
font-size: 2rem;
font-style: italic;
}
.parallax {
position: relative;
height: 400px;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
}
.parallax::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
}
.parallax .parallax-content {
position: relative;
z-index: 1;
max-width: 800px;
padding: 0 1rem;
}
.parallax .parallax-content h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.parallax .parallax-content p {
font-size: 1.2rem;
margin-bottom: 2rem;
}
.location .map-container {
height: 400px;
margin-top: 2rem;
}
.location .map-container iframe {
width: 100%;
height: 100%;
border: none;
}
.location .location-info {
margin-top: 2rem;
}
.location .location-info h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.location .location-info ul {
list-style: none;
}
.location .location-info ul li {
margin-bottom: 0.5rem;
}
.location .location-info ul li i {
color: #447246;
margin-right: 0.5rem;
}
.gallery .gallery-item {
margin-bottom: 1.5rem;
position: relative;
overflow: hidden;
}
.gallery .gallery-item img {
transition: all 0.3s ease;
}
.gallery .gallery-item:hover img {
transform: scale(1.05);
}
.gallery .gallery-item:hover .gallery-overlay {
opacity: 1;
}
.gallery .gallery-item .gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(68, 114, 70, 0.7);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.3s ease;
}
.gallery .gallery-item .gallery-overlay i {
color: #fff;
font-size: 2rem;
}
footer {
margin-top: 0px;
background-color: #1a5c30;
color: #fff;
padding: 4rem 0 2rem;
background-image: url(//nexo-parqueventas.com/wp-content/themes/ricardo-ortiz/assets/img/pattern-claro-opacity.svg);
background-position: top left;
background-repeat: no-repeat;
position: relative;
z-index: 2;
}
footer .footer-logo {
margin-bottom: 1.5rem;
}
footer .footer-logo img {
height: 40px;
}
footer .footer-links h4 {
font-size: 1.2rem;
margin-bottom: 1.5rem;
position: relative;
}
footer .footer-links h4:after {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #447246;
margin-top: 0.5rem;
}
footer .footer-links ul {
list-style: none;
}
footer .footer-links ul li {
margin-bottom: 0.5rem;
}
footer .footer-links ul li a {
color: rgba(240, 241, 218, 0.8);
}
footer .footer-links ul li a:visited {
color: rgba(240, 241, 218, 0.8);
}
footer .footer-links ul li a:hover {
color: #447246;
}
footer .footer-contact p {
margin-bottom: 0.5rem;
}
footer .footer-contact p i {
color: #447246;
margin-right: 0.5rem;
}
footer .footer-social a {
display: inline-block;
width: 36px;
height: 36px;
text-align: center;
line-height: 36px;
transition: all 0.3s ease;
}
footer .footer-social a i {
color: #f0f1da;
}
footer .footer-social a:hover i {
color: #fff;
}
footer .footer-bottom {
text-align: center;
}
footer .footer-bottom p, footer .footer-bottom a {
font-size: 0.8rem;
color: rgba(255, 255, 255, 0.7) !important;
}
footer .footer-bottom p:hover, footer .footer-bottom a:hover {
color: #fff !important;
}
footer a {
color: #f0f1da;
text-decoration: none;
}
footer a:visited {
color: #f0f1da;
}
footer a:hover {
color: #fff;
text-decoration: none;
}
body.home footer {
margin-top: -7px;
} .accordion-button {
position: relative;
text-transform: uppercase;
font-weight: 600;
font-size: 1.1rem;
}
.accordion-button:focus {
box-shadow: none !important;
}
.accordion-button:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 80px;
height: 3px;
background-color: #447246;
}
.col-educacion .accordion-button:after {
background-color: #8e1c5c;
}
.col-educacion .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #8e1c5c !important;
color: #8e1c5c !important;
}
.col-salud .accordion-button:after {
background-color: #36667e;
}
.col-salud .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #36667e !important;
color: #36667e !important;
margin-top: 10px;
}
.col-comercio .accordion-button:after {
background-color: #dc8750;
}
.col-comercio .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #dc8750 !important;
color: #dc8750 !important;
margin-top: 10px;
}
.col-cultura .accordion-button:after {
background-color: #a92017;
}
.col-cultura .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #a92017 !important;
color: #a92017 !important;
margin-top: 10px;
}
.col-parques .accordion-button:after {
background-color: #5f2468;
}
.col-parques .accordion-button:not(.collapsed) {
background-color: white !important;
border: 1px solid #5f2468 !important;
color: #5f2468 !important;
margin-top: 10px;
}
.puntos {
opacity: 1;
}
.puntos.hide {
opacity: 0;
}
.parque-ventas {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
text-align: start;
}
.parque-ventas .color-line {
width: 100px;
height: 18px;
background-color: #D0DFAF;
margin-right: 15px;
} input[type=text],
input[type=email],
input[type=tel] {
height: 45px;
}
input[type=checkbox] {
border-radius: 0px !important;
}
.form-label {
margin-bottom: 0.1rem !important;
}
.form-check-label {
padding-left: 10px;
}
.form-check a {
color: #f0f1da;
text-decoration: underline;
}
.form-check a:hover {
color: white;
text-decoration: none;
}
.cta h2:after {
background-color: white;
}
.puntos {
opacity: 1;
}
.puntos.hide {
opacity: 0;
} .cta-download {
display: inline-flex;
align-items: center;
background: #ffffff;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
text-decoration: none;
overflow: hidden;
transition: border 0.3s ease-in-out;
}
.cta-download .cta-text {
display: flex;
flex-direction: column;
margin-right: 12px;
line-height: 1.1;
padding: 0px 40px 0px 40px;
}
.cta-download .cta-text .cta-title {
font-weight: 800;
letter-spacing: 0.08em;
color: #A57C53;
text-transform: uppercase;
font-size: 1rem;
transition: color 0.3s ease-in-out;
}
.cta-download .cta-text .cta-sub {
font-size: 0.78rem;
color: #6c757d;
margin-top: 4px;
}
.cta-download .cta-icon {
background: #A57C53;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 22px 22px;
height: 100%;
position: relative;
transition: background 0.3s ease-in-out;
}
.cta-download .cta-icon::before {
content: "";
position: absolute;
left: -16px;
top: 0;
width: 38px;
height: 100%;
background: #A57C53;
transform: skewX(-20deg);
transition: background 0.3s ease-in-out;
}
.cta-download .cta-icon i {
font-size: 1.8rem;
margin-right: 8px;
}
.cta-download:hover .cta-icon {
background: #343a40;
}
.cta-download:hover .cta-icon::before {
background: #343a40;
}
.cta-download:hover .cta-title {
color: #343a40;
}
.mess-img {
width: auto;
height: 40px;
padding: 0px 20px;
background-color: #1a5c30;
position: absolute;
bottom: 20px;
right: 20px;
color: white;
z-index: 2;
text-align: center;
font-style: italic;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.8rem;
}
.bg-color-green {
background-color: #dfe6d6;
color: #447246;
}
.bg-color-green .lead {
font-weight: 500;
} #maqueta {
position: relative;
padding-top: 100px;
}
#maqueta svg {
opacity: 0;
transition: opacity 600ms ease;
}
#maqueta svg.fade-in {
opacity: 1;
}
#maqueta-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
background: transparent;
transition: opacity 300ms ease;
opacity: 1;
}
#maqueta-loader.hidden {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.maqueta-loader .spinner {
width: 44px;
height: 44px;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.15);
border-top-color: #447246;
animation: maqueta-spin 0.9s linear infinite;
}
@keyframes maqueta-spin {
to {
transform: rotate(360deg);
}
}
.link a {
color: #447246;
}
.link a:visited {
color: #447246;
}
.link a:hover {
color: #343a40;
}
.btns-filter {
position: absolute;
top: 24%;
left: -1px;
z-index: 9;
min-width: 210px;
display: flex;
flex-direction: column;
}
.btns-filter a {
border: 1px solid #ccc;
color: #ccc;
padding: 10px 10px 10px 15px;
font-size: 0.9rem;
text-align: start;
}
.btns-filter a:visited {
color: #ccc;
}
.btns-filter a#btn-disponible {
border-top-right-radius: 10px !important;
}
.btns-filter a#btn-disponible i {
color: #87a35a;
}
.btns-filter a#btn-no_disponible {
margin-top: -1px;
}
.btns-filter a#btn-no_disponible i {
color: #9F1D29;
}
.btns-filter a#btn-reset {
margin-top: -1px;
border-bottom-right-radius: 10px !important;
}
.btns-filter a#btn-reset i {
color: #333;
}
.btns-filter a:hover {
border-color: #333;
color: #333;
z-index: 10001;
}
.btns-filter a:hover#btn-disponible i, .btns-filter a:hover#btn-no_disponible i, .btns-filter a:hover#btn-reset i {
opacity: 1;
}
.btns-filter a.active {
color: #333;
border-color: #333;
z-index: 10001;
background-color: #f0f1da;
}
.btns-filter a.active i {
opacity: 1 !important;
}
.btn:disabled {
border: 1px solid #999 !important;
}
.contenidor_mapa_svg {
height: 100vh;
overflow: hidden;
}
#cartela-vivienda {
position: absolute;
bottom: -110px;
left: 15%;
border: 1px solid #999;
border-bottom: 0px;
width: 70%;
height: 100px;
background-color: rgba(240, 241, 218, 0.5);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
padding: 30px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: bottom 0.5s ease-in-out;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: flex;
justify-content: space-between;
align-items: center;
}
#cartela-vivienda.open {
bottom: 0px;
}
#cartela-vivienda h3 {
font-size: 1.2rem;
font-weight: bold;
}
.lista-viviendas {
position: relative;
z-index: 98;
background-color: #f8f9fa;
}
.lista-viviendas table tr.no_disponible td {
background-color: rgba(159, 29, 41, 0.2);
}
.lista-viviendas table tr th, .lista-viviendas table tr td {
font-size: 0.9rem;
}
.lista-viviendas table tr th {
background-color: #efefef;
}
.table > :not(caption) > * > * {
padding: 0.9rem 0.9rem;
}
.content_accordion_memoria h6 {
font-size: 1.2rem;
}
.content_accordion_memoria .accordion-item {
border-top: 0px !important;
}
.content_accordion_memoria .accordion-item h2 {
padding-bottom: 0px;
}
.content_accordion_memoria .accordion-item h2:after {
content: "";
display: none;
}
.content_accordion_memoria .accordion-item h2 .accordion-button {
color: #fff !important;
background-color: #1a5c30 !important;
text-transform: none;
}
.content_accordion_memoria .accordion-item h2 .accordion-button.collapsed {
background-color: #ffffff !important;
color: #1a5c30 !important;
}
.content_accordion_memoria .accordion-item h2 .accordion-button:after {
content: "";
display: none;
}
.info_enlaces a {
color: #447246;
transition: all 0.3s ease-in-out;
}
.info_enlaces a:visited {
color: #447246;
}
.info_enlaces a:hover {
color: #343a40;
}
.info .info_tabla {
margin-bottom: 0px;
}
.info .info_tabla tr th {
padding: 5px 10px;
text-align: center !important;
border-bottom: 1px solid #ccc;
font-weight: bold;
border-right: 1px solid #ccc;
}
.info .info_tabla tr th:last-child {
border-right: 0px;
}
.info .info_tabla tr td {
padding: 5px;
text-align: center;
margin-right: 5px;
border-right: 1px solid #ccc;
}
.info .info_tabla tr td:last-child {
border-right: 0px;
}
@media (max-width: 575px) {
html {
overflow-x: hidden;
}
body {
font-size: 14px;
}
.lead {
font-size: 1rem;
}
#menu .content_menu .column-a ul li a,
#menu .content_menu .column-b ul li a {
font-size: 1.6rem;
}
.quote {
font-size: 1.3rem;
}
.hero .hero-content h1 {
font-size: 2.5rem;
}
.hero .hero-content p {
font-size: 1rem;
}
#menu {
width: 100%;
}
#otro-menu {
width: 0%;
}
.brochure {
width: 100%;
}
#cover-interna {
height: auto;
}
section {
padding: 3rem 0;
}
section .section-title h2 {
font-size: 2rem;
}
footer h5:after {
left: calc(50% - 20px);
}
.cover2c {
height: auto;
}
.vh100 {
height: auto !important;
}
.text-center.text-lg-start h1::after {
position: relative;
left: 50%;
transform: translateX(-50%);
}
.claimer #claimer-text {
font-size: 1.4rem;
}
.claimer #claimer-subtext.s1 {
font-size: 1.2rem;
}
.claimer #claimer-subtext2.s2 {
font-size: 1rem;
}
.img-detalle {
width: 100%;
}
.featured-text {
line-height: 3.5rem;
}
}
@media (max-width: 767px) {
.header .navbar {
padding: 0.5rem 1rem;
}
.features .feature-item {
margin-bottom: 3rem;
}
.parallax {
background-attachment: scroll;
}
.parallax .parallax-content h2 {
font-size: 2rem;
}
.vh100 {
height: auto !important;
}
.quote {
font-size: 1.3rem;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
.hero .hero-content h1 {
font-size: 4rem;
}
.brochure {
width: 90%;
}
#cover-interna {
height: 100vh;
}
footer h5:after {
left: 0;
}
.cover2c {
height: calc(100vh - 120px);
}
#maqueta {
padding-top: 100px;
}
.text-center.text-lg-start h2::after {
left: 0;
transform: translateX(0%);
}
.btns-filter {
top: 19%;
min-width: 190px;
}
.btns-filter a {
font-size: 0.8rem;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
#maqueta {
padding-top: 100px;
}
.btns-filter {
top: 21%;
min-width: 190px;
}
.btns-filter a {
font-size: 0.8rem;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
#maqueta {
padding-top: 100px;
}
.btns-filter {
top: 22%;
min-width: 210px;
}
.btns-filter a {
font-size: 0.9rem;
}
}
.d-none {
display: none !important;
}
@media (min-width: 0) {
.d-xs-none {
display: none !important;
}
.d-xs-block {
display: block !important;
}
.d-xs-flex {
display: flex !important;
}
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-flex {
display: flex !important;
}
}
@media (min-width: 1280px) {
body {
font-size: 14px;
}
}
@media (min-width: 1920px) {
body {
font-size: 16px;
}
#maqueta {
padding-top: 100px;
}
}
@media (min-width: 2048px) {
#maqueta {
padding-top: 200px;
}
.btns-filter {
top: 24%;
}
}