/*
Theme Name: What To Do In Lima
Author: Barbie
Description: Tema a medida hecho desde los HTML propios. Demo: header + seccion de tours.
Version: 0.1
Text Domain: whattodoinlima
*/

/* ================================================================
   NOTA: extracto del CSS de tu index.html. Las clases (.nav, .picks,
   .pick-card, .book, .float-wa) son EXACTAMENTE las mismas de tu
   diseno. El look no cambia; solo migramos el CSS al tema.
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600;900&family=Space+Grotesk:wght@400;500;700&display=swap');

:root{
  --black:#0a0a0a; --white:#ffffff; --green:#39e64d; --paper:#f5f5f2; --grey:#8a8a86;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Space Grotesk', sans-serif; background:var(--paper); color:var(--black);}
h1,h2,h3{font-family:'Fraunces', serif; line-height:1.05;}
a{color:inherit; text-decoration:none;}
.bang{color:var(--green);}

/* ---------- NAV ---------- */
.nav{position:sticky; top:0; z-index:50; display:flex; align-items:center;
     justify-content:space-between; padding:22px 5vw; background:var(--black); color:#fff;}
.nav .logo{font-family:'Fraunces', serif; font-weight:900; font-size:20px; letter-spacing:.5px;}
.nav .links{display:flex; gap:24px; font-size:14px; font-weight:500; align-items:center;}
.nav .links a{opacity:.85;}
.nav .cart{position:relative; display:inline-flex; align-items:center; gap:6px;}
.nav .cart .count{background:var(--green); color:var(--black); font-size:11px; font-weight:700;
     min-width:18px; height:18px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:0 5px;}
.nav .lang{display:flex; gap:8px; font-size:12px; opacity:.8; list-style:none;}
.nav .lang .current-lang a, .nav .lang .current-lang{color:var(--green); font-weight:700; opacity:1;}
@media(max-width:820px){.nav .links a.navlink{display:none;}}

/* ---------- HERO ---------- */
.hero{min-height:78vh; display:flex; flex-direction:column; align-items:center; justify-content:center;
      text-align:center; padding:120px 6vw 90px; background:var(--black); color:#fff;}
.hero .eyebrow{font-size:13px; letter-spacing:3px; text-transform:uppercase; opacity:.7; margin-bottom:18px; color:var(--green);}
.hero h1{font-size:clamp(54px,12vw,140px); font-weight:900; letter-spacing:-2px;}
.hero h1 span{display:block;}
.hero .sub{max-width:580px; font-size:clamp(16px,2.4vw,20px); margin:26px auto 34px; opacity:.85;}
.hero .btns{display:flex; gap:14px; flex-wrap:wrap; justify-content:center;}
.btn-wa{display:inline-flex; align-items:center; gap:10px; background:var(--green); color:var(--black);
        font-weight:700; padding:16px 30px; border-radius:999px; font-size:15px; border:none; cursor:pointer;}
.btn-ghost{display:inline-flex; align-items:center; gap:8px; border:1.5px solid var(--green); color:var(--green);
           font-weight:700; padding:14px 26px; border-radius:999px; font-size:14px;}

/* ---------- WOOCOMMERCE (tienda/ficha) dentro de tu diseño ---------- */
.woo-wrap{max-width:1100px; margin:0 auto; padding:60px 6vw 90px;}
.woo-wrap a.button, .woo-wrap button.button, .woo-wrap .single_add_to_cart_button{
  background:var(--green)!important; color:var(--black)!important; border:none!important;
  font-weight:700!important; border-radius:999px!important; padding:12px 22px!important;}
.woo-wrap .price{font-family:'Fraunces',serif;}

/* ---------- TOURS / PICKS ---------- */
.picks{background:var(--black); color:#fff; padding:90px 6vw 110px;}
.picks .head{margin-bottom:40px;}
.picks .head h2{font-size:clamp(30px,5vw,50px);}
.picks .head p{max-width:600px; margin-top:14px; font-size:15px; opacity:.7;}
.pick-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
.pick-card{background:#141414; border:1px solid #232323; border-radius:20px; overflow:hidden; display:flex; flex-direction:column;}
.pick-card .thumb{height:170px; background:#1c1c1c; background-size:cover; background-position:center;}
.pick-card .body{padding:22px; display:flex; flex-direction:column; flex:1;}
.pick-card .tag{font-size:11px; letter-spacing:1.5px; text-transform:uppercase; color:var(--green); font-weight:700;}
.pick-card h3{font-size:21px; margin:10px 0;}
.pick-card p{font-size:13px; opacity:.7; line-height:1.5; margin-bottom:16px;}
.pick-card .price{font-family:'Fraunces',serif; font-size:20px; margin-bottom:14px;}
.pick-card .book{display:inline-flex; align-items:center; gap:8px; background:var(--green); color:var(--black);
     font-weight:700; font-size:13px; padding:11px 20px; border-radius:999px; margin-top:auto; align-self:flex-start;}
@media(max-width:900px){.pick-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.pick-grid{grid-template-columns:1fr;}}

/* ---------- FLOATING WHATSAPP ---------- */
.float-wa{position:fixed; bottom:26px; right:26px; z-index:60; background:var(--green); color:var(--black);
     font-weight:700; font-size:14px; padding:14px 22px; border-radius:999px; box-shadow:0 14px 30px rgba(0,0,0,.4);}