*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7f4ef;color:#171411;font-family:"DM Sans",sans-serif}
:focus-visible{outline:2px solid #a77b36;outline-offset:3px}
a{-webkit-tap-highlight-color:transparent}

.top{background:#171411;color:#d8b56c;text-align:center;padding:8px;font-size:10px;letter-spacing:.18em;font-weight:700}

header{min-height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #ddd6cd;position:sticky;top:0;background:#f7f4ef;z-index:10}
.logo{display:flex;gap:10px;align-items:center;text-decoration:none;color:#171411}
.logo i{width:43px;height:43px;border-radius:50%;background:#171411;color:#d8b56c;display:grid;place-items:center;font:18px "Playfair Display";font-style:normal}
.logo b{display:block;font-size:14px;letter-spacing:.08em}
.logo small{display:block;font-size:8px;letter-spacing:.27em;color:#8b7044}
nav{display:flex;gap:30px;align-items:center}
nav a{color:#322c27;text-decoration:none;font-size:13px;font-weight:600}
nav a.navwa{display:none}
.wa{border:1px solid #b99b67;border-radius:99px;padding:12px 18px;color:#654f2f;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
.menu{display:none;background:none;border:0;font-size:25px;color:#171411;cursor:pointer;line-height:1}

.hero{min-height:690px;padding:75px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}
.hero>div:first-child{max-width:620px}
.hero label{border:1px solid #d2c09f;border-radius:99px;padding:8px 13px;font-size:9px;letter-spacing:.15em;color:#765e38;font-weight:700}
.hero h1,h2{font-family:"Playfair Display";font-weight:500;line-height:1.05;letter-spacing:-.03em}
.hero h1{font-size:clamp(46px,5.4vw,76px);margin:24px 0}
.hero h1 em,h2 em{color:#a77b36;font-style:italic}
.hero p{font-size:17px;line-height:1.8;color:#625b54;max-width:560px}
.actions{display:flex;gap:14px;margin:32px 0;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:15px 23px;text-decoration:none;font-size:12px;font-weight:700}
.dark{background:#171411;color:#fff}
.line{border:1px solid #bcb2a8;color:#2d2723}
.checks{font-size:10px;color:#756d66}
.heroimg{height:600px;position:relative}
.heroimg>img,.processimg img{width:100%;height:100%;object-fit:cover;display:block}
.heroimg>div{position:absolute;bottom:28px;left:-30px;background:#fff;padding:20px 24px;box-shadow:0 15px 50px #0002}
.heroimg small,.heroimg span{display:block;font-size:9px;letter-spacing:.15em;color:#8a6c42}
.heroimg b{display:block;font:20px "Playfair Display";margin:4px 0}

.trustbar{background:#171411;color:#fff;padding:30px 6vw;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.trustbar div{padding-left:0;font-size:12px;color:#d7cfc4;line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.trustbar .dot{width:7px;height:7px;border-radius:50%;background:#d1aa61;margin-top:5px;flex:none}

.section{padding:120px 6vw}
.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}
.heading small,.processcopy>small,.trust small,.contact small,.banner small{font-size:10px;letter-spacing:.2em;color:#a07a44;font-weight:700}
.heading h2,.process h2,.trust h2,.contact h2,.banner h2{font-size:clamp(38px,4.4vw,60px);margin:16px 0}
.heading>p{max-width:390px;color:#70675f;font-size:14px}

.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7d0c8}
.cards article{padding:38px 25px 42px 0;border-bottom:1px solid #d7d0c8;border-right:1px solid #d7d0c8}
.cards article:not(:first-child){padding-left:25px}
.cards article:last-child{border-right:0}
.cards i{width:48px;height:48px;border-radius:50%;background:#e9dfd0;color:#806039;display:grid;place-items:center;font:16px "Playfair Display";font-style:normal}
.cards h3{font:26px "Playfair Display";margin:27px 0 8px}
.cards p{font-size:13px;color:#746c64;min-height:64px}
.cards a{color:#806039;font-size:11px;font-weight:700;text-decoration:none}

.process{display:grid;grid-template-columns:1fr 1fr;background:#e7dfd5}
.processimg{min-height:650px}
.processcopy{padding:90px 9vw}
.step{display:flex;gap:22px;margin:35px 0}
.step>b{color:#a77b36;font:20px "Playfair Display"}
.step p{margin:0;color:#6e665f;font-size:13px}
.step strong{font:22px "Playfair Display";color:#171411}

.trust{padding:115px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw}
.trustgrid{display:grid;grid-template-columns:1fr 1fr}
.trustgrid div{padding:20px 28px;border-bottom:1px solid #ddd5cc}
.trustgrid div:nth-child(odd){border-right:1px solid #ddd5cc;padding-left:0}
.trustgrid b{font:20px "Playfair Display"}
.trustgrid p{font-size:12px;color:#756d66}

.banner{margin:0 6vw 100px;padding:75px 8vw;background:#171411;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.light{background:#fff;color:#171411}

.reviews .heading{align-items:center}
.ratingbadge{text-align:right;flex:none}
.ratingbadge .stars{display:block;color:#c99a3f;font-size:16px;letter-spacing:2px}
.ratingbadge b{font:26px "Playfair Display"}
.ratingbadge small{display:block;color:#847a70;font-size:11px}
.reviewgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.review{background:#fff;border:1px solid #e2dacd;border-radius:4px;padding:30px}
.review .stars{color:#c99a3f;font-size:14px;letter-spacing:2px;display:block;margin-bottom:14px}
.review p{font-size:14px;line-height:1.7;color:#413b35;min-height:96px}
.review b{display:block;margin-top:16px;font-size:12px;color:#867a6b;font-weight:700}

.faq details{border-top:1px solid #d8d0c7;padding:22px 0}
.faq details:last-child{border-bottom:1px solid #d8d0c7}
.faq summary{cursor:pointer;font:20px "Playfair Display"}
.faq details p{color:#6f675f;font-size:13px;margin-top:12px}

.contact{padding:100px 8vw;background:#302b27;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6vw}
.contact p{color:#c5bdb5;line-height:1.9}
.contactbtns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 40px}
.outline{border:1px solid #817970;color:#fff}
.hours{border-top:1px solid #514b45;padding-top:26px;max-width:340px}
.hours h3{font-size:10px;letter-spacing:.2em;color:#d0a760}
.hours p{padding:14px 0;border-bottom:1px solid #514b45;display:flex;justify-content:space-between;gap:20px}
.hours span{display:block;color:#c5bdb5;text-align:right}
.mapwrap{border-radius:4px;overflow:hidden;min-height:380px}
.mapwrap iframe{width:100%;height:100%;border:0;min-height:380px;filter:grayscale(.15) contrast(1.05)}

footer{background:#171411;color:#aaa;padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:10px}
.footernav{display:flex;gap:18px}
.footernav a{color:#aaa;text-decoration:none}
.footernav a:hover{color:#d8b56c}

.float{display:none}

[data-reveal]{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){
  [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  [data-reveal].in{opacity:1;transform:none}
}

@media(max-width:850px){
  header{flex-wrap:wrap;gap:14px 0}
  .headerwa{display:none}
  .menu{display:block;order:2}
  nav{display:none;order:5;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:6px}
  nav a{padding:14px 0;border-top:1px solid #ddd6cd}
  nav a.navwa{display:flex;justify-content:center;border-top:0;margin-top:12px}
  body.open nav{display:flex}
  .hero{grid-template-columns:1fr;padding:55px 6vw}
  .heroimg{height:480px}
  .trustbar{grid-template-columns:1fr 1fr;gap:20px}
  .cards{grid-template-columns:1fr 1fr}
  .cards article:nth-child(2),.cards article:nth-child(4){border-right:0}
  .process{grid-template-columns:1fr}
  .processimg{min-height:380px}
  .trust{grid-template-columns:1fr;gap:30px}
  .reviewgrid{grid-template-columns:1fr}
  .reviews .heading{flex-direction:column;align-items:flex-start;gap:16px}
  .ratingbadge{text-align:left}
  .banner{display:block}
  .banner .btn{margin-top:30px}
  .contact{grid-template-columns:1fr}
  .mapwrap{min-height:280px}
}
@media(max-width:560px){
  .hero{padding:45px 5vw}
  .heroimg{height:340px}
  .heroimg>div{left:15px;right:15px}
  .trustbar{grid-template-columns:1fr;padding:30px 5vw}
  .section{padding:70px 5vw}
  .heading{display:block}
  .cards{grid-template-columns:1fr}
  .cards article,.cards article:not(:first-child){padding:30px 0;border-right:0}
  .processcopy{padding:55px 8vw}
  .trust{padding:70px 5vw}
  .trustgrid{grid-template-columns:1fr}
  .trustgrid div:nth-child(odd){border-right:0;padding-left:0}
  .banner{margin:0 5vw 60px;padding:50px 8vw}
  .contact{padding:70px 8vw}
  .contactbtns .btn{width:100%}
  footer{display:block;text-align:center}
  .footernav{justify-content:center;margin:10px 0}
  .float{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:16px;background:#171411;color:#fff;border:1px solid #d0a760;padding:13px 19px;border-radius:99px;text-decoration:none;font-size:12px;font-weight:700;z-index:30;box-shadow:0 10px 30px #0004}
}
.logo img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    margin-right: 10px;
}
/* ===== SECCIÓN PREMIUM DE ORO, PLATA, RELOJES Y MONEDAS ===== */
.services-premium{background:#f4f0e9;position:relative;overflow:hidden}.services-heading{margin-bottom:42px}.premium-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.premium-card{position:relative;min-height:510px;overflow:hidden;background:#151310;color:#fff;border-radius:2px}.premium-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:saturate(.92)}.premium-card:hover img{transform:scale(1.07)}.premium-card .card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 22%,rgba(0,0,0,.18) 42%,rgba(0,0,0,.91) 100%)}.card-content{position:absolute;left:0;right:0;bottom:0;padding:28px 25px}.card-label{display:inline-block;font-size:8px;letter-spacing:.2em;color:#dfc184;font-weight:700;margin-bottom:9px}.premium-card h3{font:32px/1.05 "Playfair Display";margin:0 0 10px;color:#fff}.premium-card p{font-size:11px;line-height:1.7;color:#ddd6ce;max-width:260px;margin:0 0 18px}.premium-card a{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:10px;font-weight:700;border-bottom:1px solid #c8a45f;padding-bottom:6px}.premium-card a b{color:#d9b66c;font-size:15px;font-weight:400}.luxury-badge{position:absolute;top:20px;right:18px;border:1px solid rgba(222,193,132,.75);background:rgba(10,9,8,.55);backdrop-filter:blur(8px);padding:8px 10px;color:#e0c487;font-size:7px;letter-spacing:.18em;font-weight:700}.watch-card{grid-column:span 2;min-height:510px}.watch-card img{object-position:center 48%}.watch-card h3{font-size:38px}.watch-card .card-content{padding:31px 30px}.watch-card .card-overlay{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.95) 100%)}.services-note{margin-top:18px;padding:16px 20px;border:1px solid #ddd4c8;background:#eee8df;color:#766d64;font-size:10px}.services-note span{color:#a77b36;margin-right:8px}.services-note strong{color:#3d352d}@media(max-width:1000px){.premium-cards{grid-template-columns:1fr 1fr}.watch-card{grid-column:span 2}}@media(max-width:700px){.premium-cards{grid-template-columns:1fr}.premium-card,.watch-card{grid-column:auto;min-height:440px}.watch-card h3{font-size:32px}.services-note{font-size:9px;line-height:1.6}}
