:root{
  --black:#050505;
  --black-soft:#15110b;
  --gold:#d7a83a;
  --gold-light:#fff1bd;
  --red:#a71920;
  --white:#ffffff;
  --cream:#fffaf0;
  --text:#24211d;
  --muted:#6e665b;
  --shadow:0 22px 60px rgba(0,0,0,.16);
  --radius:30px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Georgia, 'Times New Roman', Arial, sans-serif;
  color:var(--text);
  background:linear-gradient(180deg,#ffffff 0%,#fffaf0 44%,#ffffff 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.topbar{
  position:sticky;
  top:0;
  z-index:50;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 6%;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(215,168,58,.35);
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.brand{display:flex;align-items:center;gap:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--black)}
.brand img{width:58px;height:58px;object-fit:contain;background:#000;border-radius:50%;padding:5px;border:1px solid var(--gold)}
.brand span{font-size:.95rem}
.menu{display:flex;align-items:center;gap:26px;font-family:Arial,sans-serif;font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.menu a{padding:10px 0;position:relative}
.menu a:not(.menu-whatsapp)::after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;background:var(--gold);transition:.25s}
.menu a:hover::after{width:100%}
.menu-whatsapp{background:var(--black);color:#fff;border:1px solid var(--gold);border-radius:999px;padding:13px 18px!important;box-shadow:0 14px 25px rgba(0,0,0,.12)}
.menu-btn{display:none;width:46px;height:46px;border:0;border-radius:14px;background:var(--black);color:#fff;font-size:1.35rem}

.hero{
  position:relative;
  min-height:calc(100vh - 82px);
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:center;
  gap:46px;
  padding:72px 6% 92px;
  background:radial-gradient(circle at 8% 12%,rgba(215,168,58,.18),transparent 28%),radial-gradient(circle at 90% 90%,rgba(167,25,32,.11),transparent 24%),#fff;
  isolation:isolate;
}
.hero::before{content:"";position:absolute;inset:28px 4%;border:1px solid rgba(215,168,58,.42);border-radius:44px;z-index:-1;pointer-events:none}
.hero-decoration{position:absolute;border:2px solid rgba(215,168,58,.38);border-radius:50%;z-index:-1}
.hero-decoration-one{width:230px;height:230px;left:-85px;top:90px}
.hero-decoration-two{width:280px;height:280px;right:-105px;bottom:70px}
.hero-copy{text-align:center}
.logo-medallion{width:230px;height:230px;margin:0 auto 24px;background:#000;border-radius:50%;display:grid;place-items:center;padding:18px;border:2px solid var(--gold);box-shadow:0 25px 55px rgba(0,0,0,.25)}
.logo-medallion img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.overline{font-family:Arial,sans-serif;text-transform:uppercase;color:var(--red);font-weight:900;letter-spacing:.18em;font-size:.76rem;margin-bottom:12px}
h1,h2,h3{color:var(--black);line-height:1.1}
h1{font-size:clamp(2.35rem,5.8vw,5.4rem);letter-spacing:.02em;margin:12px 0;background:linear-gradient(90deg,#050505,#a77515,#050505);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:clamp(2rem,4vw,3.45rem);margin-bottom:14px}
h3{font-size:1.24rem;margin-bottom:10px}
.lead,.section-title p,.service-box p,.location-box p,.contact-box p{font-family:Arial,sans-serif;color:var(--muted);line-height:1.8;font-size:1.04rem}
.hero-buttons{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 24px;border-radius:999px;font-family:Arial,sans-serif;font-weight:900;letter-spacing:.02em;transition:.22s}
.btn:hover{transform:translateY(-3px)}
.primary{background:linear-gradient(135deg,var(--black),#33240e);color:#fff;border:1px solid var(--gold);box-shadow:0 18px 35px rgba(0,0,0,.2)}
.secondary{background:rgba(255,255,255,.85);color:var(--black);border:1px solid var(--gold)}
.card-image,.gallery-card{background:#fff;border:1px solid rgba(215,168,58,.38);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);overflow:hidden}
.card-image img,.gallery-card img{width:100%;height:auto;object-fit:contain;border-radius:22px;background:#080808}
.hero-image{transform:rotate(1deg)}

.quick-info{width:min(1180px,88%);margin:-44px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:22px;background:linear-gradient(135deg,#050505,#211609);border:1px solid rgba(215,168,58,.65);border-radius:32px;box-shadow:0 26px 60px rgba(0,0,0,.25)}
.quick-info article{text-align:center;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(215,168,58,.28);border-radius:22px;padding:22px 14px;font-family:Arial,sans-serif}
.quick-info small{display:block;color:var(--gold-light);font-weight:900;text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px}
.quick-info strong{display:block;font-family:Georgia,serif;font-size:1.1rem;margin-bottom:7px}
.quick-info span{color:#d8cdb8}

.section{padding:92px 6%}
.section-title{max-width:830px;margin:0 auto 46px;text-align:center}
.cards.three{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.info-card{background:#fff;border:1px solid rgba(215,168,58,.32);border-radius:28px;padding:34px;box-shadow:0 18px 48px rgba(0,0,0,.08);position:relative;overflow:hidden}
.info-card::after{content:"";position:absolute;right:-55px;top:-55px;width:150px;height:150px;background:radial-gradient(circle,rgba(215,168,58,.2),transparent 70%)}
.badge{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#050505,#2f210d);color:var(--gold-light);border:1px solid var(--gold);font-weight:900;font-size:1.18rem;margin-bottom:22px}
.info-card p{font-family:Arial,sans-serif;color:var(--muted);line-height:1.75}

.dark-section{background:linear-gradient(135deg,#050505,#1c1207);position:relative;color:#fff;overflow:hidden}
.dark-section h2{color:#fff}
.service-box{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(215,168,58,.38);border-radius:36px;padding:48px}
.service-box p{color:#d7cab5}
.service-list{display:grid;gap:16px}
.service-list article{background:#fff;border-left:6px solid var(--gold);border-radius:22px;padding:22px;box-shadow:0 18px 35px rgba(0,0,0,.2);font-family:Arial,sans-serif}
.service-list strong{display:block;color:#090909;margin-bottom:8px;font-family:Georgia,serif;font-size:1.08rem}
.service-list span{color:var(--muted);line-height:1.65}

.gallery{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.gallery-card figcaption{text-align:center;font-size:1.55rem;color:#9d7117;margin:14px 0 4px;font-style:italic}
.logo-card{grid-column:1/-1;max-width:540px;width:100%;margin:0 auto}
.logo-card img{max-height:540px;margin:auto;background:#000}

.location{padding-top:35px}
.location-box{max-width:980px;margin:auto;text-align:center;background:#fff;border:1px solid rgba(215,168,58,.42);border-radius:36px;padding:58px 28px;box-shadow:var(--shadow);background-image:linear-gradient(135deg,rgba(215,168,58,.15),transparent 45%)}
.location-box p{font-size:1.25rem;margin-bottom:24px}
.contact-box{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;background:linear-gradient(135deg,#fff,#fff7e5);border:1px solid rgba(215,168,58,.42);border-radius:36px;padding:46px;box-shadow:0 20px 55px rgba(0,0,0,.1)}
.contact-data{font-family:Arial,sans-serif;display:grid;gap:11px;justify-items:start;color:var(--muted)}
.contact-data .btn{margin-bottom:6px}
.float-whatsapp{position:fixed;right:18px;bottom:18px;z-index:90;background:#101010;color:#fff;border:1px solid var(--gold);border-radius:999px;padding:13px 17px;font-family:Arial,sans-serif;font-weight:900;font-size:.86rem;box-shadow:0 18px 40px rgba(0,0,0,.32)}
.footer{text-align:center;background:#050505;color:#fff;padding:52px 6%;border-top:4px solid var(--gold)}
.footer img{width:96px;height:96px;margin:0 auto 18px;object-fit:contain;background:#000;border-radius:50%;padding:8px;border:1px solid var(--gold)}
.footer h2{color:#fff;font-size:1.7rem;margin-bottom:10px}
.footer p{font-family:Arial,sans-serif;color:#d9cdb8;margin:8px 0}
.footer span{display:block;color:var(--gold-light);font-size:1.25rem;font-style:italic;margin-top:14px}

/* El contenido NO depende de JavaScript para mostrarse; esto evita páginas en blanco en Cloudflare. */

@media(max-width:940px){
  .menu-btn{display:block}
  .menu{display:none;position:absolute;top:88px;left:5%;right:5%;background:#fff;border:1px solid rgba(215,168,58,.42);border-radius:24px;box-shadow:var(--shadow);padding:18px;flex-direction:column;gap:12px}
  .menu.open{display:flex}
  .hero,.service-box,.contact-box{grid-template-columns:1fr}
  .hero{padding-top:56px}
  .quick-info,.cards.three,.gallery{grid-template-columns:1fr}
  .brand span{font-size:.8rem}
  .section{padding:74px 5%}
  .logo-medallion{width:184px;height:184px}
}
@media(max-width:560px){
  .topbar{height:74px;padding:0 4%}
  .brand img{width:50px;height:50px}
  .hero::before{inset:16px 3%;border-radius:28px}
  .quick-info{width:92%;padding:14px}
  .info-card,.service-box,.contact-box{padding:26px}
  .hero-buttons{flex-direction:column}
  .btn{width:100%}
  h1{font-size:2.35rem}
  .float-whatsapp{right:13px;bottom:13px;padding:11px 14px;font-size:.78rem}
}