:root{
    --brown-dark:#1a1108;
    --gold:#d9a441;
    --gold-light:#f0c96a;
    --cream:#faf6ee;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Poppins', sans-serif;background:#08090a;color:#fff;min-height:100vh;overflow-x:hidden;}
  h1,h2{font-family:'Playfair Display', serif;}
  a{text-decoration:none;color:inherit;}
  img{display:block;max-width:100%;}

  /* ---- top bar ---- */
  .top-bar{text-align:center;padding:48px 6vw 12px;position:relative;z-index:5;animation:fadeDown .9s ease both;}
  .breadcrumb{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;color:var(--gold-light);margin-bottom:24px;padding:10px 22px;border:1.5px solid var(--gold-light);border-radius:100px;background:rgba(240,201,106,.07);transition:all .25s ease;}
  .breadcrumb:hover{background:var(--gold-light);color:var(--brown-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(217,164,65,.35);}
  .breadcrumb svg{width:15px;height:15px;flex-shrink:0;}
  .flag-line{width:60px;height:4px;background:linear-gradient(90deg,#FCD116 34%,#003893 34%,#003893 67%,#CE1126 67%);margin:0 auto 18px;border-radius:2px;}
  .brand{font-size:clamp(1.9rem,4.6vw,2.9rem);font-weight:800;color:var(--gold-light);letter-spacing:.5px;}
  .tagline{font-size:.92rem;color:#cbb996;margin-top:10px;}
  .hint{font-size:.72rem;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-top:20px;opacity:.9;}

  /* ---- cards grid ---- */
  .services{max-width:1220px;margin:44px auto 20px;padding:0 6vw 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  @media (max-width:980px){
    .services{grid-template-columns:repeat(2,1fr);max-width:760px;gap:22px;}
    .services .card:last-child{grid-column:1 / -1;max-width:420px;margin:0 auto;width:100%;}
  }
  @media (max-width:620px){
    .services{grid-template-columns:1fr;max-width:520px;}
    .services .card:last-child{grid-column:auto;max-width:none;margin:0;}
  }

  .card{position:relative;border-radius:20px;overflow:hidden;min-height:460px;display:flex;align-items:flex-end;background:#15100a;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease;animation:fadeUp .9s ease both;}
  .card:nth-child(1){animation-delay:.1s;}
  .card:nth-child(2){animation-delay:.22s;}
  .card:nth-child(3){animation-delay:.34s;}
  .card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(0,0,0,.55);}

  .card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.05);transition:transform 1.2s ease;}
  .card:hover .card-bg{transform:scale(1.13);}
  .card-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(26,17,8,.15) 0%, rgba(10,7,4,.94) 88%);}

  .card-content{position:relative;z-index:2;padding:32px 28px 30px;width:100%;}

  .card-badge{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold-light);overflow:hidden;margin-bottom:16px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.35);}
  .card-badge img{width:100%;height:100%;object-fit:cover;}
  .card-badge svg{width:22px;height:22px;stroke:var(--gold-light);}

  .card-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-light);opacity:.85;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
  .tag-soon{font-size:.62rem;font-weight:700;letter-spacing:.5px;text-transform:none;color:var(--brown-dark);background:var(--gold-light);padding:2px 9px;border-radius:100px;}

  .card h2{font-size:1.55rem;margin-bottom:10px;line-height:1.2;}
  .card p{font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.6;margin-bottom:20px;}

  .card-price{font-size:.8rem;color:var(--gold-light);margin-bottom:18px;font-weight:600;}
  .card-price span{color:rgba(255,255,255,.55);font-weight:400;}

  .card-cta{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:var(--brown-dark);font-weight:700;font-size:.84rem;padding:12px 22px;border-radius:100px;box-shadow:0 8px 20px rgba(217,164,65,.3);transition:transform .3s ease, box-shadow .3s ease, background .3s ease;}
  .card:hover .card-cta{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 12px 28px rgba(217,164,65,.45);}
  .card-cta .arrow{transition:transform .3s ease;display:inline-block;}
  .card:hover .card-cta .arrow{transform:translateX(4px);}

  .more-soon{text-align:center;font-size:.8rem;color:rgba(255,255,255,.4);padding:6px 6vw 50px;letter-spacing:.3px;}

  /* ---- sección Eventos (próximamente) ----
     Teaser de una sola tarjeta ancha, distinta de las 3 tarjetas de
     experiencia de arriba (no enlaza a ninguna página todavía). */
  .events-section{max-width:900px;margin:0 auto 20px;padding:0 6vw;}
  .events-card{position:relative;border-radius:20px;overflow:hidden;padding:52px 40px;text-align:center;background:linear-gradient(150deg,#2a1c0f 0%,#1a1108 60%,#0d0904 100%);border:1px solid rgba(240,201,106,.22);box-shadow:0 10px 30px rgba(0,0,0,.4);animation:fadeUp .9s ease both;animation-delay:.42s;}
  .events-icon{width:52px;height:52px;margin:0 auto 18px;stroke:var(--gold-light);opacity:.9;}
  .events-card .tag-soon{display:inline-block;margin-bottom:14px;}
  .events-card h2{font-size:1.8rem;margin-bottom:14px;}
  .events-card p{font-size:.92rem;color:rgba(255,255,255,.75);line-height:1.75;max-width:560px;margin:0 auto;}

  .bottom-bar{text-align:center;padding:26px 20px;font-size:.78rem;color:#8a7c62;background:#08090a;position:relative;z-index:5;border-top:1px solid rgba(240,201,106,.08);}

  @keyframes fadeDown{from{opacity:0;transform:translateY(-16px);}to{opacity:1;transform:none;}}
  @keyframes fadeUp{from{opacity:0;transform:translateY(26px);}to{opacity:1;transform:none;}}