body { margin:0; font-family:'Poppins', sans-serif; color:#333; }
header { background:#fff; padding:10px 0; position:sticky; top:0; z-index:100; }
.header-content { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
.logo { height:75px; }
.menu { list-style:none; margin:0; padding:0; display:flex; }
.menu li { margin-left:13px; }
.menu a { color:#104862; text-decoration:none; font-weight:350; padding: 3px 3px; border-radius: 6px; }
nav a:hover { color: white; background: #2c3e50; }
.hamburger { display:none; font-size:18px; color:#fff; cursor:pointer; }
.hero { height:80vh; background:url('img/ImageCondo02.jpg') center/cover no-repeat; position:relative; }
.hero .overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.5rem; color: white; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); text-align: center;
                 max-width: 90%; background-color: rgba(0, 0, 0, 0.4); padding: 20px 30px; border-radius: 15px; backdrop-filter: blur(1px); }
.hero h1 {font-weight: lighter; color:#fff; font-size:1rem; text-align:center; margin:0; }
.section { padding:80px 20px; }
.grid-2 { display:flex; gap:20px;}
.grid-2 img { height:200px ; width:300px; border-radius:8px; }
.grid-2 p { margin:16px 0px; text-align:start; padding-right:60px; }
.gray-bg { background:#F2F2F2; }
.container { max-width:1000px; margin:0 auto; }
.content { display:flex; align-items:center; gap:40px; }
.content img { width:50%; border-radius:8px; }
.cards { display:flex; flex-wrap:wrap; gap:20px; }
.card { background:#fff; padding:20px; border-radius:8px; width:calc(33% - 13px); text-align:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.card img { width:60px; }
.contact-form { display:flex; flex-direction:column; gap:10px; margin-bottom:20px; }
.contact-form input, .contact-form textarea { padding:10px; border:1px solid #ccc; border-radius:4px; width:95%; }
.contact-form button { background:#104862; color:#fff; padding:12px; border:none; border-radius:4px; cursor:pointer; font-weight:600; width:30%; }
.btn-whatsapp { display:inline-block; margin-top:10px; background:#25D366; color:#fff; padding:10px 20px; border-radius:4px; text-decoration:none; }
/* Botón de WhatsApp flotante */
.whatsapp-button { position: fixed; bottom: 70px; right: 10px; background: #07791a; color: white; padding: 10px 10px; border-radius: 50px; font-weight: bold; text-decoration: none;
      box-shadow: 0 4px 10px rgba(0,0,0,0.2); z-index: 999; transition: background 0.3s; }
.whatsapp-button:hover { background: #128C7E; }
footer { background:#104862; color:#fff; text-align:center; padding:15px 0; font-size:0.9rem; }
@media(max-width:768px){
  .menu { display:none; flex-direction:column; background:#f7f8f8; position:absolute; top:90px; right:0; font-size:0.7rem; }
  .hero h1 { font-size:0.8rem; }
  .hamburger { display:inline; }
  .content, .grid-2 { flex-direction:column; }
  .card { width:100%; }
  nav { gap: 10px; }
  nav a { font-size: 0.9rem; padding: 6px 10px; }
}