*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;background:#fffaf0;color:#2f2f2f}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:12px 7%;background:linear-gradient(90deg,rgba(255,250,238,.97),rgba(245,237,213,.95),rgba(31,92,47,.92));backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.14);border-bottom:3px solid #d98a19}.brand{display:flex;align-items:center;gap:12px;color:#12351f;text-decoration:none;font-size:22px;font-weight:900;letter-spacing:.2px}.brand img{height:58px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.brand span{color:#12351f;text-shadow:0 1px 0 rgba(255,255,255,.35)}.navbar ul{display:flex;gap:18px;list-style:none;align-items:center}.navbar a{color:#12351f;text-decoration:none;font-weight:800;font-size:14px}.navbar a:hover{color:#b46a16}.menu-toggle{display:none;background:#facc15;border:none;border-radius:10px;padding:10px 13px;font-size:18px}.hero{min-height:88vh;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),url('imagenes1/AreaCampestre.jpg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:white;padding:40px 8%}.hero-content{max-width:1000px}.badge{display:inline-block;background:#facc15;color:#1f2937;padding:12px 28px;border-radius:50px;font-weight:800;margin-bottom:25px}.hero h1{font-size:70px;line-height:1.05;margin-bottom:22px}.hero p{font-size:23px;line-height:1.6;margin-bottom:30px}.buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn{background:#facc15;color:#1f2937;padding:15px 30px;border-radius:50px;text-decoration:none;font-weight:800;border:none;display:inline-block;cursor:pointer;transition:.3s}.btn:hover{background:#eab308;transform:scale(1.05)}.btn-light{background:white;color:#365314}section{padding:85px 8%}.section-head{text-align:center;max-width:850px;margin:0 auto 45px}.section-head h2,.page-title{font-size:44px;color:#365314;margin-bottom:15px}.section-head p{color:#666;font-size:18px;line-height:1.7}.features,.cards,.services{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.feature,.card,.service,.box{background:white;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.12);transition:.3s}.feature{padding:28px;text-align:center}.feature i{font-size:40px;color:#ca8a04;margin-bottom:15px}.feature h3,.service h3,.card h3,.box h3{color:#365314}.feature:hover,.card:hover,.service:hover,.box:hover{transform:translateY(-8px)}.card img{width:100%;height:225px;object-fit:cover}.card-body{padding:22px}.card-body h3{font-size:22px;margin-bottom:10px}.card-body p{color:#666;line-height:1.6}.price{color:#ca8a04;font-size:21px;font-weight:800;margin-top:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.box img{width:100%;height:330px;object-fit:cover}.box-body{padding:32px}.box-body h3{font-size:30px;margin-bottom:15px}.box-body p,.box-body li{color:#555;line-height:1.7}.box-body ul{list-style:none;margin:15px 0 25px}.service{padding:32px 18px;text-align:center}.service span{font-size:45px}.service h3{margin-top:12px}.banner{background:linear-gradient(rgba(63,98,18,.92),rgba(63,98,18,.92)),url('imagenes1/AreaVerde1.jpg');background-size:cover;background-position:center;color:white;text-align:center}.banner h2{font-size:45px;margin-bottom:20px}.banner p{font-size:20px;margin-bottom:30px}.page-hero{min-height:48vh;background:linear-gradient(rgba(0,0,0,.58),rgba(0,0,0,.58)),url('imagenes1/AreaVerde2.jpg');background-size:cover;background-position:center;display:flex;align-items:center;padding:60px 8%;color:white}.page-hero h1{font-size:60px;margin-bottom:15px}.page-hero p{font-size:21px;max-width:800px;line-height:1.6}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.event-card{background:white;border-radius:28px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.13);cursor:pointer}.event-card>img{width:100%;height:330px;object-fit:cover}.event-content{padding:30px}.event-content h3{font-size:30px;color:#365314;margin-bottom:12px}.event-content p{color:#555;line-height:1.7;margin-bottom:18px}.mini-gallery{display:none;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.mini-gallery img{width:100%;height:170px;object-fit:cover;border-radius:15px;transition:.3s}.mini-gallery img:hover{transform:scale(1.05)}.event-card.active .mini-gallery{display:grid}.formulario{max-width:850px;margin:auto;background:white;padding:35px;border-radius:25px;box-shadow:0 12px 30px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:15px}.formulario input,.formulario textarea,.formulario select{padding:15px;border:1px solid #ddd;border-radius:12px;font-size:16px;font-family:Arial,sans-serif}.formulario textarea{min-height:120px;resize:vertical}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-card{background:white;border-radius:25px;padding:32px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.social-buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:20px}.social-buttons a{font-size:20px;color:white;background:#1f2937;padding:15px 22px;border-radius:50px;text-decoration:none}footer{background:#1f2937;color:white;padding:45px 8% 25px}.footer-grid{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:30px}.footer-grid h3{color:#facc15;margin-bottom:12px}.footer-grid p{line-height:1.7;color:#e5e7eb}.footer-icons{display:flex;gap:14px}.footer-icons a{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#374151;color:white;text-decoration:none;font-size:22px}.footer-icons a:hover{background:#facc15;color:#1f2937}.copy{text-align:center;margin-top:30px;color:#cbd5e1}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;background:#25D366;color:white;display:flex;align-items:center;justify-content:center;font-size:34px;text-decoration:none;z-index:2000;box-shadow:0 10px 25px rgba(0,0,0,.25)}.whatsapp-float:hover{transform:scale(1.1)}@media(max-width:1000px){.features,.cards,.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.menu-toggle{display:block}.navbar{flex-wrap:wrap;padding:10px 6%}.brand img{height:50px}.brand{font-size:18px}.navbar ul{display:none;flex-direction:column;width:100%;padding-top:15px}.navbar ul.show{display:flex}.hero h1{font-size:42px}.hero p,.page-hero p{font-size:18px}.page-hero h1{font-size:42px}.features,.cards,.services,.grid-2,.event-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.mini-gallery{grid-template-columns:1fr}section{padding:65px 6%}.box img,.event-card>img{height:280px}}


/* Reservas dinámicas */
.reservas-hero{background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url('imagenes1/AreaVerde4.jpg');background-size:cover;background-position:center}.reservas-section{background:linear-gradient(180deg,#fffaf0,#f7f1df);padding-top:70px}.reservas-intro{text-align:center;max-width:850px;margin:0 auto 35px}.reservas-badge{display:inline-block;background:#fff;border:1px solid rgba(180,106,22,.25);color:#8a4b12;border-radius:999px;padding:10px 18px;font-weight:800;margin-bottom:15px;box-shadow:0 8px 22px rgba(0,0,0,.08)}.reservas-intro h2{font-size:38px;color:#12351f;margin-bottom:12px}.reservas-intro p{font-size:18px;color:#5f5a4f;line-height:1.6}.reserva-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;max-width:1180px;margin:auto}.reserva-form{background:white;border:1px solid rgba(18,53,31,.10);border-radius:24px;padding:30px;box-shadow:0 18px 45px rgba(18,53,31,.12)}.reserva-form label{display:block;margin:12px 0 7px;color:#12351f;font-weight:800}.form-doble{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reserva-form input,.reserva-form select,.reserva-form textarea{width:100%;border:1px solid #e2d8c3;background:#fffaf0;border-radius:14px;padding:14px 15px;font-size:15px;outline:none;transition:.25s}.reserva-form input:focus,.reserva-form select:focus,.reserva-form textarea:focus{border-color:#b46a16;box-shadow:0 0 0 4px rgba(180,106,22,.12);background:#fff}.reserva-form textarea{min-height:110px;resize:vertical}.reserva-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}.btn-whatsapp{background:#25d366;color:white}.btn-whatsapp:hover{background:#1fb85a}.btn-correo{background:#b46a16;color:white}.btn-correo:hover{background:#945310}.reserva-preview-card{position:sticky;top:95px;background:linear-gradient(160deg,#12351f,#1f5c2f);color:white;border-radius:24px;padding:26px;box-shadow:0 18px 45px rgba(18,53,31,.22);overflow:hidden}.reserva-preview-card:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(250,204,21,.18);right:-60px;top:-60px}.preview-top{position:relative;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.preview-top span{font-weight:900;font-size:18px}.preview-top small{color:#ffe8af}.reserva-preview-card pre{position:relative;white-space:pre-wrap;font-family:Arial,sans-serif;line-height:1.6;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:18px;font-size:15px;min-height:360px}.preview-note{position:relative;margin-top:16px;background:rgba(255,255,255,.12);border-radius:16px;padding:15px}.preview-note p{margin-bottom:5px;color:#fff3cf}.preview-note strong{color:#facc15}@media(max-width:900px){.reserva-grid{grid-template-columns:1fr}.form-doble{grid-template-columns:1fr}.reserva-preview-card{position:static}.reservas-intro h2{font-size:30px}.reserva-actions .btn{width:100%;text-align:center}}