:root{
      --ink:#252203;      /* café oscuro elegante */
      --gold:#f8df6b;     /* dorado */
      --snow:#ffffff;
      --muted:#8b8a7a;
      --radius:1.25rem;
    }
    html{scroll-behavior:smooth; scroll-padding-top: var(--navH, 88px);}
    body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto; color:var(--ink); background:#fff;}
    h1,h2,h3,h4,.brand{font-family:"Playfair Display",serif}

    /* NAV */
    .navbar{
      background: rgba(37,34,3,.92);
      backdrop-filter: blur(6px);
      border-bottom:1px solid rgba(248,223,107,.2);
    }
    .navbar .nav-link{color:#fff; font-weight:700}
    .navbar .nav-link:hover{color:var(--gold)}
    .brand{color:#fff; font-weight:900; letter-spacing:.5px}

    /* HERO con ondas */
    .hero{
      position:relative;
      background: radial-gradient(1200px 500px at 10% -10%, rgba(248,223,107,.25), transparent 60%),
                  radial-gradient(800px 300px at 90% 0%, rgba(248,223,107,.18), transparent 60%),
                  var(--ink);
      color:#fff;
      padding-top:9rem; padding-bottom:6rem;
      overflow:hidden;
    }
    .halo{width:76px; height:76px; border-radius:50%; border:4px solid var(--gold); opacity:.9; box-shadow:0 0 0 6px rgba(248,223,107,.2);}

    .hero-card{
      background:rgba(255,255,255,.06);
      border:1px solid rgba(248,223,107,.25);
      border-radius:var(--radius);
      backdrop-filter: blur(6px);
      padding:1rem 1.25rem;
    }
    .btn-gold{
      background:var(--gold); color:#111; font-weight:900; border:none; border-radius:999px; padding:.9rem 1.4rem;
      box-shadow:0 8px 20px rgba(248,223,107,.35);
    }
    .btn-gold:hover{filter:brightness(.95); color:#111}

    /* Secciones con ondas */
    /* Onda al final del HERO (sin gaps blancos) */
    .wave-bottom { position: relative; overflow: hidden; }
    .wave-bottom:after{
      content:"";
      position:absolute; left:0; right:0; bottom:-1px; height:70px;
      background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 90"><path fill="%23ffffff" d="M0,32L60,37.3C120,43,240,53,360,69.3C480,85,600,107,720,101.3C840,96,960,64,1080,48C1200,32,1320,32,1380,32L1440,32L1440,90L1380,90C1320,90,1200,90,1080,90C960,90,840,90,720,90C600,90,480,90,360,90C240,90,120,90,60,90L0,90Z"/></svg>')
                no-repeat center/cover;
      pointer-events:none;
    }

    .alt{background:#fff}
    .alt-ink{background:linear-gradient(180deg,#fff, #fbf6d0)}
    .section-head small{color:var(--muted);font-weight:800;letter-spacing:.12em;text-transform:uppercase}
    .section-head h2{font-weight:900}

    /* Cards “glass” */
    .card-glass{
      border:1px solid rgba(37,34,3,.08);
      border-radius:var(--radius);
      box-shadow:0 12px 28px rgba(0,0,0,.06);
      overflow:hidden;
    }
    .pill{display:inline-block; border:2px solid var(--gold); color:var(--ink); border-radius:999px; padding:.35rem .8rem; font-weight:800; background:#fff}

    /* Productos */
    .prod-card .carousel-item img{object-fit:cover; height:220px}
    .prod-card h6{font-weight:800}
    .prod-badge{position:absolute; top:10px; left:10px; background:rgba(248,223,107,.9); color:#000; font-weight:900; padding:.2rem .6rem; border-radius:999px}

    /* Galería */
    .gallery-thumb{border-radius:var(--radius); overflow:hidden}

    /* Mapa */
    .map-embed{border:0; width:100%; height:300px; border-radius:var(--radius)}

    /* Footer */
    footer{background:#111; color:#dcdcdc}
    footer a{color:#fff}

    /* WhatsApp fancy */
    .whatsapp-fancy{position:fixed;bottom:20px;left:20px;background:#25d366;color:#fff;padding:12px 20px;font-weight:bold;
      border-radius:50px;box-shadow:0 8px 16px rgba(0,0,0,.3);display:flex;gap:10px;align-items:center;z-index:9999;
      transition:background .3s, transform .2s}
    .whatsapp-fancy:hover{background:#1ebe5d;transform:scale(1.05)}