:root{
      --black:#050505;
      --dark:#0d0d0d;
      --card:#141414;
      --gold:#f6b51d;
      --gold-soft:#ffe18a;
      --red:#cf281f;
      --green:#25d366;
      --cream:#fff4d0;
      --muted:#cdbf97;
      --line:rgba(246,181,29,.24);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--cream);
      background:
        radial-gradient(circle at 15% 8%, rgba(246,181,29,.20), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(207,40,31,.18), transparent 24%),
        linear-gradient(180deg,#030303 0%,#101010 45%,#050505 100%);
      font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    }

    .navbar{
      background:rgba(5,5,5,.84);
      backdrop-filter:blur(14px);
      border-bottom:1px solid var(--line);
    }
    .navbar-brand img{
      width:48px;height:48px;object-fit:cover;border-radius:50%;
      border:1px solid rgba(246,181,29,.55);
    }
    .brand{
      font-weight:1000;
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:.7px;
    }
    .nav-link{font-weight:700}
    .btn-crudo{
      background:linear-gradient(135deg,var(--gold),#ffdf72);
      color:#161616;
      border:0;
      font-weight:900;
      box-shadow:0 14px 35px rgba(246,181,29,.22);
    }
    .btn-crudo:hover{background:linear-gradient(135deg,#ffd766,var(--gold));color:#000}
    .btn-red{
      background:linear-gradient(135deg,var(--red),#ff594f);
      color:#fff;
      border:0;
      font-weight:900;
      box-shadow:0 14px 35px rgba(207,40,31,.25);
    }
    .btn-outline-crudo{
      border:1px solid rgba(246,181,29,.7);
      color:var(--gold);
      font-weight:800;
    }
    .btn-outline-crudo:hover{background:var(--gold);color:#111}

    .hero{
      min-height:100vh;
      display:flex;
      align-items:center;
      padding:120px 0 70px;
      position:relative;
      overflow:hidden;
    }
    .hero::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.75),rgba(0,0,0,.42)),
        url("menu-crudologo.png") center/cover no-repeat;
      opacity:.38;
      transform:scale(1.04);
    }
    .hero::after{
      content:"";
      position:absolute;
      inset:auto -10% -25% -10%;
      height:44%;
      background:linear-gradient(180deg,transparent,#050505 60%);
    }
    .hero-content{position:relative;z-index:2}
    .mini-badge{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.55rem 1rem;
      border-radius:999px;
      background:rgba(246,181,29,.12);
      border:1px solid rgba(246,181,29,.44);
      color:var(--gold-soft);
      font-weight:900;
      margin-bottom:1rem;
    }
    .hero h1{
      font-size:clamp(3rem,8vw,7.8rem);
      line-height:.86;
      font-weight:1000;
      letter-spacing:-4px;
      text-transform:uppercase;
      text-wrap:balance;
    }
    .hero .gold{color:var(--gold)}
    .hero-copy{
      max-width:720px;
      color:#eadfbf;
      font-size:1.25rem;
    }
    .logo-card{
      background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
      border:1px solid rgba(246,181,29,.28);
      border-radius:34px;
      padding:22px;
      box-shadow:0 30px 80px rgba(0,0,0,.55);
    }
    .logo-card img{
      width:100%;
      border-radius:28px;
      display:block;
    }

    section{padding:88px 0}
    .section-title{
      font-weight:1000;
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:-1.4px;
    }
    .section-sub{color:var(--muted);font-size:1.1rem}

    .feature{
      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
      border:1px solid var(--line);
      border-radius:28px;
      padding:26px;
      /* height:100%; */
      transition:.22s ease;
    }
    .feature:hover{
      transform:translateY(-6px);
      border-color:rgba(246,181,29,.56);
      box-shadow:0 25px 50px rgba(0,0,0,.35);
    }
    .feature i{font-size:2rem;color:var(--gold)}
    .product-card{
      background:#111;
      border:1px solid rgba(246,181,29,.22);
      border-radius:26px;
      overflow:hidden;
      height:100%;
      box-shadow:0 18px 50px rgba(0,0,0,.25);
    }
    .product-card .top{
      padding:22px;
      background:
        radial-gradient(circle at right top,rgba(246,181,29,.18),transparent 36%),
        linear-gradient(135deg,rgba(207,40,31,.18),rgba(255,255,255,.02));
    }
    .product-card h3{font-weight:950}
    .price-pill{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      background:var(--red);
      color:white;
      border-radius:999px;
      padding:.35rem .8rem;
      font-weight:1000;
      min-width:76px;
    }
    .menu-row{
      display:flex;
      justify-content:space-between;
      gap:1rem;
      align-items:center;
      border-top:1px dashed rgba(255,255,255,.14);
      padding:13px 0;
    }
    .menu-row:first-child{border-top:0}
    .small-note{color:var(--muted);font-size:.92rem}
    .combo{
      position:relative;
      padding:28px;
      border-radius:30px;
      height:100%;
      background:
        linear-gradient(135deg,rgba(246,181,29,.16),rgba(207,40,31,.14)),
        #101010;
      border:1px solid rgba(246,181,29,.3);
      overflow:hidden;
    }
    .combo::after{
      content:"✹";
      position:absolute;
      right:18px;
      top:12px;
      color:rgba(246,181,29,.22);
      font-size:4rem;
    }
    .combo h3{font-weight:1000;color:var(--gold)}
    .combo .price{font-size:2.5rem;font-weight:1000}
    .poster-img{
      border-radius:34px;
      border:2px solid rgba(246,181,29,.44);
      box-shadow:0 30px 85px rgba(0,0,0,.58);
    }
    .order-box{
      background:
        radial-gradient(circle at top right,rgba(246,181,29,.18),transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
      border:1px solid rgba(246,181,29,.32);
      border-radius:34px;
      padding:30px;
    }
    .form-control,.form-select{
      background:#090909;
      color:#fff;
      border:1px solid rgba(246,181,29,.3);
      border-radius:18px;
      padding:14px 16px;
    }
    .form-control:focus,.form-select:focus{
      background:#090909;color:#fff;
      border-color:var(--gold);
      box-shadow:0 0 0 .25rem rgba(246,181,29,.16);
    }
    .whatsapp-float{
      position:fixed;
      right:18px;
      bottom:18px;
      z-index:999;
      width:66px;height:66px;
      border-radius:50%;
      background:var(--green);
      color:#fff;
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:2rem;
      text-decoration:none;
      box-shadow:0 0 0 0 rgba(37,211,102,.58);
      animation:pulse 1.65s infinite;
    }
    @keyframes pulse{
      70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
      100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
    }
    .doctor-strip{
      background:
        linear-gradient(135deg,rgba(207,40,31,.20),rgba(246,181,29,.16)),
        #0b0b0b;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }
    footer{
      background:#030303;
      border-top:1px solid var(--line);
      padding:32px 0;
      color:var(--muted);
    }

    @media(max-width:991px){
      .hero h1{letter-spacing:-2px}
      section{padding:64px 0}
    }

/* Suscripción, comentarios y eventos */
.subscribe-card,
.feedback-card,
.quote-card{
  background:
    radial-gradient(circle at top right,rgba(246,181,29,.16),transparent 38%),
    linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(246,181,29,.32);
  border-radius:34px;
  padding:30px;
  height:100%;
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.input-help{
  color:var(--muted);
  font-size:.9rem;
}
.form-check-input{
  background-color:#090909;
  border-color:rgba(246,181,29,.45);
}
.form-check-input:checked{
  background-color:var(--gold);
  border-color:var(--gold);
}
.event-highlight{
  border-radius:30px;
  padding:28px;
  background:
    linear-gradient(135deg,rgba(207,40,31,.2),rgba(246,181,29,.14)),
    #101010;
  border:1px solid rgba(246,181,29,.3);
}
.success-mini{
  display:none;
  color:var(--gold-soft);
  font-weight:800;
  margin-top:14px;
}
.success-mini.show{display:block}