body{
margin:0;
font-family: "Segoe UI", Arial, sans-serif;
background: linear-gradient(120deg,#ff6a00,#ff2d55,#ffcc00);
color:#222;
}

/* NAVIGATION MENU */

.main-nav{
background:white;
box-shadow:0 4px 20px rgba(0,0,0,0.15);
position:sticky;
top:0;
z-index:1000;
}

.nav-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 20px;
}

.logo{
font-weight:bold;
font-size:20px;
color:#ff2d55;
text-decoration:none;
}

.nav-links{
list-style:none;
display:flex;
gap:22px;
margin:0;
padding:0;
}

.nav-links a{
text-decoration:none;
color:#333;
font-weight:500;
font-size:15px;
transition:0.3s;
}

.nav-links a:hover{
color:#ff2d55;
}


/* HEADER */

header{
text-align:center;
padding:60px 20px;
color:white;

background: linear-gradient(120deg,#ff6a00,#ff2d55,#ffcc00);
}

header h1{
font-size:42px;
margin-bottom:10px;
color:white;
}

header p{
font-size:18px;
opacity:0.95;
color:white;
}

/* PROPERTY CARD */

.property{
background:white;
margin:60px auto;
max-width:1100px;
border-radius:12px;
box-shadow:0 20px 60px rgba(0,0,0,0.25);
padding:40px;
}

.property h2{
font-size:30px;
color:#ff2d55;
}

.address{
font-size:16px;
margin-bottom:20px;
color:#555;
}

/* PRICE */
.price{
font-size:28px;
font-weight:bold;
color:#0ea5e9;
}
.price span{
font-size:16px;
color:#cbd5e1;
margin-left:6px;
}

.price-sub{
font-size:13px;
color:#94a3b8;
margin-top:4px;
}

.price-note{
font-size:13px;
color:#94a3b8;
margin-top:6px;
}

/* GALLERY */

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:12px;
margin-bottom:30px;
}

.gallery img{
width:100%;
height:170px;
object-fit:cover;
border-radius:8px;
transition:0.3s;
}

.gallery img:hover{
transform:scale(1.05);
}

/* DESCRIPTION */

.section-title{
font-size:20px;
margin-top:25px;
color:#444;
}

.description{
line-height:1.6;
color:#555;
}



/* PREMIUM BUTTONS */

.contract{
    margin-top:18px;              /* menos separación */
    background:#111827;
    padding:16px 18px;            /* marco más ajustado */
    border-radius:10px;
    border:1px solid #2f3746;     /* más sutil */
    display:inline-block;         /* evita que ocupe todo el ancho */
}

/* contenedor interno opcional */
.contract div{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.contract a{
    display:inline-block;
    padding:9px 14px;
    font-size:13px;
    background:#1f2937;
    color:#e5e7eb;
    text-decoration:none;
    border-radius:7px;
    border:1px solid rgba(198,169,107,0.25);
    transition:all 0.25s ease;
    white-space:nowrap;
}

.contract a:hover{
    background:#273449;
    border-color:#c6a96b;
    color:#ffffff;
}

/* 🔥 PRIMER BOTÓN (invertido) */
.contract a.secondary{
    background:#e5e7eb;
    color:#111827;
    border:1px solid #d1d5db;
    font-weight:500;
}

.contract a.secondary:hover{
    background:#d1d5db;
    color:#000;
}

/* botón principal (mantienes este) */
.contract a.primary{
    background:#c6a96b;
    color:#0f172a;
    font-weight:600;
    border:none;
}

.contract a.primary:hover{
    background:#d4b87a;
}

/* FOOTER */

footer{
text-align:center;
padding:40px;
color:white;
}


/* + CONTACT BAR */
	.contact-bar{
		background:white;
		color:#333;
		text-align:center;
		padding:14px;
		font-size:16px;
		font-weight:500;
	}

	.contact-bar a{
		color:#0a7cff;
		text-decoration:none;
		font-weight:bold;
	}

	.contact-bar a:hover{
		text-decoration:underline;
	}		
/* - CONTACT BAR */						




		/* + WHATSAPP FLOAT BUTTON */
			.whatsapp-float{
				position:fixed;
				bottom:20px;
				right:15px;

				background:#25D366;
				color:white;

				border-radius:50px;
				padding:14px 18px;

				font-size:15px;
				font-weight:bold;
				text-decoration:none;

				box-shadow:0 8px 25px rgba(0,0,0,0.35);

				z-index:9999; /* MUY IMPORTANTE */
				
				display:flex;
				align-items:center;
				gap:8px;

				max-width:80%;
			}

			/* Hover desktop */
			.whatsapp-float:hover{
				background:#1ebe5d;
				transform:scale(1.05);
			}

			/* 📱 MOBILE OPTIMIZATION */
				@media (max-width:480px){

					.whatsapp-float{
						padding:12px;
						border-radius:50%;
					}

					.whatsapp-float .wa-text{
						display:none;
					}

				}
		/* - WHATSAPP FLOAT BUTTON */		





		/* + CSS CARRUSEL */
			.swiper{
			width:100%;
			height:520px;
			margin-bottom:30px;
			border-radius:10px;
			overflow:hidden;
			}

				.swiper-slide img{
				width:100%;
				height:100%;
    object-fit:contain; /* muestra toda la imagen */
    background:black;   /* opcional para bordes */
				}

				.swiper-button-next,
				.swiper-button-prev{
				color:white;
				}

				.swiper-pagination-bullet{
				background:white;
				}
/* - CSS CARRUSEL */

	/* + CITY SEO SECTION */
	.city-section{
	background:white;
	max-width:1100px;
	margin:60px auto;
	padding:40px;
	border-radius:12px;
	box-shadow:0 20px 60px rgba(0,0,0,0.25);
	}

	.city-section h2{
	color:#ff2d55;
	font-size:30px;
	margin-bottom:15px;
	}

	.city-section p{
	line-height:1.7;
	color:#555;
	font-size:16px;
	}	
	/* - CITY SEO SECTION */		

			.nav-links a:hover{
				color:#ff6a00;
			}					

				/* MEGA FOOTER SEO */

				.mega-footer{
				background:#111;
				color:white;
				padding:50px 20px;
				margin-top:80px;
				}

				.mega-container{
				max-width:1200px;
				margin:auto;
				display:grid;
				grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
				gap:40px;
				}

				.mega-column h3{
				margin-bottom:15px;
				color:#ffcc00;
				font-size:18px;
				}

				.mega-column ul{
				list-style:none;
				padding:0;
				margin:0;
				}

				.mega-column li{
				margin-bottom:8px;
				}

				.mega-column a{
				color:#ddd;
				text-decoration:none;
				font-size:14px;
				transition:0.3s;
				}

				.mega-column a:hover{
				color:#ff6a00;
				}							

							.top-bar{
								display:flex;
								align-items:center;
								justify-content:space-between;
								padding:15px 30px;
								background:white;
								box-shadow:0 5px 20px rgba(0,0,0,0.1);
							}

							.menu a{
								margin:0 15px;
								text-decoration:none;
								color:#333;
								font-weight:500;
							}

							.language-switcher a{
								margin-left:8px;
								padding:6px 10px;
								background:#f5f5f5;
								border-radius:6px;
								text-decoration:none;
								font-size:13px;
								color:#333;
								transition:0.3s;
							}

							.language-switcher a:hover{
								background:#ff2d55;
								color:white;
							}
							




								.apartment-description{
								  background: linear-gradient(120deg,#0f172a,#1e293b);
								  padding:80px 20px;
								  color:#e5e7eb;
								  font-family: "Segoe UI", Roboto, Arial, sans-serif;
								}

								.container{
								  max-width:900px;
								  margin:auto;
								}

								.apartment-description h2{
								  font-size:38px;
								  margin-bottom:20px;
								  color:#facc15;
								  text-align:center;
								}

								.apartment-description h3{
								  margin-top:40px;
								  color:#38bdf8;
								  font-size:22px;
								}

								.apartment-description p{
								  line-height:1.7;
								  font-size:17px;
								  margin-bottom:18px;
								  color:#d1d5db;
								}

								.apartment-description .intro{
								  font-size:19px;
								  color:#ffffff;
								  text-align:center;
								  margin-bottom:30px;
								}

								@media (max-width:768px){

								  .apartment-description h2{
									font-size:28px;
								  }

								  .apartment-description p{
									font-size:15px;
								  }

								}								


		.address-box{
		  background:#f9fafb;
		  padding:18px 20px;
		  border-radius:10px;
		  margin-bottom:25px;
		  display:flex;
		  justify-content:space-between;
		  align-items:center;
		  flex-wrap:wrap;
		  box-shadow:0 8px 25px rgba(0,0,0,0.08);
		}

		.location{
		  font-size:16px;
		  color:#333;
		  font-weight:500;
		}

		.neighborhood{
		  display:block;
		  font-size:14px;
		  color:#777;
		  margin-top:4px;
		}

		.map-btn{
		  background:#0a7cff;
		  color:white;
		  padding:10px 16px;
		  border-radius:6px;
		  text-decoration:none;
		  font-size:14px;
		  font-weight:bold;
		  transition:0.3s;
		}

		.map-btn:hover{
		  background:#005fcc;
		}

		/* 📱 Mobile */
		@media (max-width:600px){

		  .address-box{
			flex-direction:column;
			align-items:flex-start;
			gap:12px;
		  }

		  .map-btn{
			width:100%;
			text-align:center;
		  }

		}	

.payment-box{
margin-top:0;
padding:20px;
background:#f9fafb;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}			

.payment-warning{
    margin-top:20px;
    padding:14px 18px;
    background: rgba(239,68,68,0.12); /* más sólido */
    border:1px solid rgba(239,68,68,0.5);
    color:#f87171; /* rojo más intenso */
    font-size:15px;
    font-weight:600;
    border-radius:10px;
    letter-spacing:0.3px;
    display:inline-block;
}

.payment-warning::before{
content:"";
}