/* Donher's Monumental v8 — hero con watermark de marca visible */
.nav{grid-template-columns:290px 1fr 230px!important}.brand{width:190px!important;height:98px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important}.brand img{width:176px!important;height:auto!important;max-height:82px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;transform:none!important;margin:0!important}

.hero{min-height:690px!important;grid-template-columns:minmax(430px,.84fr) minmax(650px,1.16fr)!important;gap:58px!important;padding-top:48px!important;padding-bottom:52px!important;position:relative!important;overflow:hidden!important;isolation:isolate!important}
.hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hero::before {
  content: "DH";
  position: absolute;
  left: 5%;
  bottom: -2%;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(280px, 30vw, 560px);
  font-weight: 600;
  line-height: 0.78;
  letter-spacing: -0.10em;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
  z-index: 0;
}

.hero::after {
  content: "Donher’s";
  position: absolute;
  left: 11%;
  top: 20%;
  font-family: "Cormorant Garamond", serif;
  font-size: clamp(56px, 7vw, 120px);
  font-style: italic;
  letter-spacing: 0.03em;
  color: rgba(197, 154, 89, 0.08);
  pointer-events: none;
  z-index: 0;
}

.hero-copy,
.hero-cards,
.hero-logo-wrap,
.hero-logo {
  position: relative;
  z-index: 2;
}
.hero-copy{justify-content:center!important;padding-top:0!important;position:relative!important;z-index:2!important}.styles{position:relative!important;z-index:2!important}
.hero-brand-lock{width:330px!important;min-height:188px!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;position:relative!important}.hero-brand-lock:before{display:none!important}.hero-brand-lock:after{content:"";position:absolute;left:0;bottom:5px;width:98px;height:1px;background:linear-gradient(90deg,var(--gold),rgba(196,154,90,0));opacity:.95}
.hero-logo{width:318px!important;height:178px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;position:relative!important;filter:none!important;box-shadow:none!important;backdrop-filter:none!important}.hero-logo img{width:318px!important;height:318px!important;max-width:none!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;transform:none!important;margin:0!important}.hero-logo:after{display:none!important}.hero h1{margin-top:0!important;position:relative!important;z-index:2!important}.hero-sub,.hero-actions,.trust{position:relative!important;z-index:2!important}

.style{background:#090909!important}.style img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.82) contrast(1.06) brightness(.78)!important;opacity:1!important}.style-real-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,#171411,#090909 68%)}.style-real-placeholder span{font-family:var(--serif);font-size:94px;letter-spacing:-.08em;color:rgba(255,255,255,.06)}.style-copy h2{font-size:36px!important}.style-copy p{font-size:13px!important;line-height:1.48!important;color:#c2b9b1!important;margin-bottom:8px!important}.style-real-model{display:block;max-width:100%;margin:0 0 14px;color:#847a70;font-size:8px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-copy small{font-size:9px!important;letter-spacing:.11em!important}
.loading-grid{max-width:1420px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.skeleton{aspect-ratio:.82;background:linear-gradient(105deg,#0d0d0d 30%,#171411 45%,#0d0d0d 60%);background-size:220% 100%;animation:dhSk 1.3s linear infinite;border:1px solid #2e2924}@keyframes dhSk{to{background-position:-220% 0}}

@media(max-width:1180px){.nav{grid-template-columns:230px 1fr 200px!important}.brand{width:165px!important}.brand img{width:150px!important}.hero{grid-template-columns:minmax(380px,.88fr) minmax(520px,1.12fr)!important;gap:32px!important}.hero-brand-lock{width:285px!important;min-height:164px!important}.hero-logo{width:276px!important;height:154px!important}.hero-logo img{width:276px!important;height:276px!important}.hero:before{width:670px!important;height:620px!important;left:-145px!important;opacity:.066!important}.hero:after{left:45px!important;width:460px!important;opacity:.034!important}.loading-grid{grid-template-columns:repeat(3,1fr)}}
.hero::before {
  left: 2%;
  bottom: 4%;
  font-size: 210px;
  color: rgba(255, 255, 255, 0.045);
}

.hero::after {
  left: 8%;
  top: 16%;
  font-size: 52px;
  color: rgba(197, 154, 89, 0.06);
}
@media(max-width:430px){.brand{width:132px!important}.brand img{width:122px!important}.hero-brand-lock{width:228px!important;min-height:132px!important}.hero-logo{width:222px!important;height:124px!important}.hero-logo img{width:222px!important;height:222px!important}.hero h1{font-size:49px!important}.style{height:390px!important}.style-real-model{font-size:7px}}

/* Badge de descuento */
.off-badge{position:absolute;top:44px;left:12px;z-index:3;background:#d1273d;color:#fff;font-size:10px;font-weight:700;letter-spacing:.06em;padding:5px 9px;border-radius:3px;text-transform:uppercase;pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.off-badge--detail{display:inline-block;position:static;margin:8px 0 0}

/* Precio con descuento aplicado */
.price-old{opacity:.5;font-size:.8em;font-weight:400;text-decoration:line-through;margin-right:6px}
.price-sale{color:#d1273d;font-weight:700}

/* Fallback de marca: evita dependencia de assets locales ausentes */
.brand-word{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;letter-spacing:-.02em;color:#f3efe8;white-space:nowrap}
.brand-word--hero{display:inline-block;font-size:58px;line-height:.95;color:#c99b52;opacity:.9}
@media(max-width:700px){.brand-word{font-size:20px}.brand-word--hero{font-size:42px}}