*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--sand:#F5F0E8;--sand-dark:#EAE3D2;--earth:#8B6914;--earth-dark:#5C4409;--savanna:#C8922A;--savanna-light:#F0C96A;--night:#1A1209;--white:#FDFAF5;--text-dark:#1A1209;--text-mid:#4A3820;--text-light:#7A6548;--grass:#3D6B2A;--red-accent:#C0392B}
body{font-family:'Lato',sans-serif;background:var(--sand);color:var(--text-dark);line-height:1.75;overflow-x:hidden}
nav{background:var(--night);padding:8px 6%;display:flex;align-items:center;justify-content:space-between;min-height:120px;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--savanna)}
.nav-logo{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--savanna-light);letter-spacing:2px;text-transform:uppercase;text-decoration:none}
.nav-logo span{color:var(--white);font-style:italic}
.nav-logo img{height:100px;width:auto;max-width:320px;display:block}
.nav-back{color:rgba(245,240,232,.6);text-decoration:none;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}
.nav-back:hover{color:var(--savanna-light)}
.nav-back::before{content:'← '}

/* HERO */
.pkg-hero{height:72vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:4% 8%}
.pkg-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pkg-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(26,18,9,.94) 0%,rgba(26,18,9,.35) 55%,rgba(26,18,9,.4) 100%)}
.pkg-hero-content{position:relative;z-index:2;max-width:860px}
.pkg-hero-badge{display:inline-block;background:var(--savanna);color:var(--night);font-size:.68rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:5px 14px;margin-bottom:1rem}
.pkg-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,5.5vw,4rem);color:var(--white);line-height:1.08;margin-bottom:.7rem}
.pkg-hero-meta{font-size:.9rem;color:rgba(245,240,232,.7);letter-spacing:.5px;margin-bottom:1rem}
.pkg-hero-price{font-size:1.05rem;color:var(--savanna-light);font-weight:700}
.pkg-hero-price strong{font-family:'Playfair Display',serif;font-size:1.8rem}

/* BODY */
.pkg-body{max-width:900px;margin:0 auto;padding:4rem 6%}
.pkg-sell{font-size:1.12rem;color:var(--text-mid);line-height:1.85;margin-bottom:2.5rem;font-weight:300}
.pkg-body h2{font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--night);margin:2.5rem 0 1.2rem;line-height:1.2}
.pkg-body h2 em{color:var(--earth);font-style:italic}

.pkg-route{background:var(--night);color:var(--white);padding:1.6rem 2rem;margin-bottom:2.5rem;border-left:4px solid var(--savanna)}
.pkg-route h3{font-family:'Playfair Display',serif;color:var(--savanna-light);font-size:1.05rem;margin-bottom:.5rem}
.pkg-route p{font-size:.92rem;color:rgba(245,240,232,.8);line-height:1.7}

.pkg-highlights{list-style:none;margin-bottom:3rem}
.pkg-highlights li{padding:.7rem 0 .7rem 2rem;position:relative;font-size:1rem;color:var(--text-mid);border-bottom:1px solid var(--sand-dark)}
.pkg-highlights li::before{content:'🦁';position:absolute;left:0;font-size:.9rem}

.pkg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}
.pkg-includes-box,.pkg-notincludes-box{padding:1.8rem}
.pkg-includes-box{background:#EAF3DE;border-top:4px solid var(--grass)}
.pkg-notincludes-box{background:#FBEDE9;border-top:4px solid var(--red-accent)}
.pkg-includes-box h3,.pkg-notincludes-box h3{font-family:'Playfair Display',serif;font-size:1.1rem;margin-bottom:1rem}
.pkg-includes-box h3{color:#27500A}
.pkg-notincludes-box h3{color:#7B241C}
.pkg-includes-box ul,.pkg-notincludes-box ul{list-style:none}
.pkg-includes-box li,.pkg-notincludes-box li{font-size:.86rem;padding:.4rem 0;line-height:1.5;color:var(--text-mid);border-bottom:1px solid rgba(0,0,0,.05)}
.pkg-includes-box li::before{content:'✓ ';color:var(--grass);font-weight:700}
.pkg-notincludes-box li::before{content:'✗ ';color:var(--red-accent);font-weight:700}

.pkg-price-banner{background:var(--earth);padding:2.5rem;text-align:center;margin-bottom:3rem}
.pkg-price-label{font-size:.72rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(245,240,232,.7);margin-bottom:.3rem}
.pkg-price-big{font-family:'Playfair Display',serif;font-size:3.2rem;font-weight:700;color:var(--white);line-height:1;margin-bottom:1rem}
.pkg-price-note{font-size:.78rem;color:rgba(245,240,232,.65);line-height:1.6;max-width:560px;margin:0 auto}

/* FORM */
.pkg-form-section{background:var(--white);padding:2.5rem;border-top:4px solid var(--savanna);margin-bottom:3rem}
.pkg-form-sub{font-size:.92rem;color:var(--text-light);margin-bottom:1.8rem}
.pkg-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mid);margin-bottom:4px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid #D4C9B5;background:var(--sand);font-family:'Lato',sans-serif;font-size:.9rem;color:var(--text-dark);outline:none;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--savanna)}
.form-group textarea{resize:vertical;min-height:90px}
.btn-primary{background:var(--savanna);color:var(--night);padding:15px 32px;font-weight:700;font-size:.9rem;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:background .2s;display:inline-block;width:100%}
.btn-primary:hover{background:var(--savanna-light)}
.pkg-wa-alt{text-align:center;margin-top:1.8rem;padding-top:1.8rem;border-top:1px solid var(--sand-dark)}
.pkg-wa-alt span{display:block;font-size:.85rem;color:var(--text-light);margin-bottom:.8rem}
.btn-wa{background:#25D366;color:#fff;padding:13px 28px;font-weight:700;font-size:.88rem;letter-spacing:1px;text-decoration:none;display:inline-block;border-radius:4px;transition:background .2s}
.btn-wa:hover{background:#1EBE5A}

/* OTHERS */
.pkg-others{margin-bottom:2rem}
.pkg-others h3{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--night);margin-bottom:1.5rem}
.pkg-others-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.other-card{position:relative;height:210px;overflow:hidden;display:block;text-decoration:none}
.other-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.other-card:hover img{transform:scale(1.06)}
.other-card::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(26,18,9,.9) 0%,transparent 60%)}
.other-card-text{position:absolute;bottom:0;left:0;right:0;padding:1rem;z-index:2}
.other-days{font-size:.62rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--savanna);display:block;margin-bottom:.2rem}
.other-name{font-family:'Playfair Display',serif;color:var(--white);font-size:.95rem;line-height:1.25;display:block;margin-bottom:.2rem}
.other-price{font-size:.75rem;color:rgba(245,240,232,.7);display:block}

/* FOOTER */
footer{background:var(--night);padding:3rem 8% 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.06)}
.footer-partner{margin-bottom:2rem}
.footer-partner p{font-size:.78rem;color:rgba(245,240,232,.5);margin-bottom:1rem;letter-spacing:.5px}
.footer-partner img{height:70px;width:auto;opacity:.9;transition:opacity .2s}
.footer-partner img:hover{opacity:1}
.footer-copy{font-size:.75rem;color:rgba(245,240,232,.3)}
.footer-copy a{color:var(--savanna);text-decoration:none}

/* WHATSAPP FLOAT */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:999;width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .2s;text-decoration:none}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}

/* RESPONSIVE */
@media(max-width:900px){
  nav{min-height:84px;padding:6px 5%}
  .nav-logo img{height:66px;max-width:220px}
  .pkg-grid2{grid-template-columns:1fr}
  .pkg-others-grid{grid-template-columns:1fr}
  .pkg-form .form-row{grid-template-columns:1fr}
}
@media(max-width:600px){
  nav{min-height:66px;padding:5px 4%}
  .nav-logo img{height:52px;max-width:175px}
  .nav-back{font-size:.65rem}
  .pkg-hero{height:60vh;padding:5% 5%}
  .pkg-body{padding:2.5rem 5%}
  .pkg-form-section{padding:1.5rem}
  .pkg-price-big{font-size:2.4rem}
  .wa-float{width:54px;height:54px;bottom:18px;right:18px}
  .wa-float svg{width:28px;height:28px}
}
