/* LINQO V4 — rediseño fotográfico del hero y nueva dirección tipográfica */
:root{--gold:#d2b477;--ivory:#f5efe7}
body,button,input,a,.eyebrow,.btn{font-family:'Outfit',Arial,sans-serif!important}
.hero h1,.section-heading h2,.contact h2,.project-meta h3,.editorial-copy strong,.step h3,.modal h2{font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;letter-spacing:-.027em!important}
.hero h1{font-size:clamp(62px,6.6vw,108px)!important;line-height:1.04!important;max-width:640px;margin:28px 0 26px!important}
.hero h1 em{font-family:'DM Serif Display',Georgia,serif!important;font-style:italic!important;color:#e1c287!important}
.section-heading h2 em,.contact h2 em{font-style:italic!important}
.hero{background:#0a0908!important;border-radius:0 0 34px 34px;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 55% 40%,#3d2a1b44,transparent 52%),linear-gradient(90deg,#09090a 5%,#13100f 63%,#0a0909);pointer-events:none}
.hero-glow{opacity:.16!important}
.hero-grid{grid-template-columns:48% 52%;min-height:700px}
.hero-copy{z-index:5}
.hero-copy .eyebrow{font-family:'Outfit',sans-serif!important;font-weight:500!important;letter-spacing:.3em!important;font-size:11px}
.hero-description{font-family:'Outfit',sans-serif;font-weight:300;max-width:460px;color:#ddd1c3;font-size:18px;line-height:1.65}
.hero-art-v4{position:relative!important;height:685px!important;min-height:0!important;width:100%!important;transform:none!important;overflow:visible;isolation:isolate;perspective:none!important}
.hero-photo-real{position:absolute;inset:-18px -7vw -18px -35px;background-image:linear-gradient(90deg,#0f0c0a 0%,rgba(15,12,10,.45) 17%,transparent 47%),url('assets/hero-premium-realista.jpg');background-size:cover;background-position:center 49%;border-radius:28px;box-shadow:inset 0 0 75px #09090a66,0 30px 80px #0005;animation:heroEnter 1.2s ease both}
.hero-photo-real:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(0deg,#0b0a0966,transparent 30%,transparent 85%,#08080833);pointer-events:none}
@keyframes heroEnter{from{opacity:.2;filter:blur(12px);transform:translateY(18px) scale(1.025)}to{opacity:1;filter:blur(0);transform:none}}
.hero-features{margin-top:57px!important}
.button-group{gap:14px}
.btn{justify-content:center!important;font-weight:500!important;font-size:14px!important;letter-spacing:.01em;min-height:54px;padding:0 29px!important;gap:0!important}
.btn-gold{background:#e2c58b!important;box-shadow:0 12px 35px #0003!important}
.btn-outline{border:1px solid #bfa77a!important;background:rgba(10,9,9,.42)!important}
.arrow-icon,.project-circle,.scroll-wheel{display:none!important}
.eyebrow::before,.eyebrow::after{display:none!important;content:none!important}
.eyebrow{padding-left:0!important}
.editorial-copy strong{font-size:clamp(31px,3.6vw,52px)!important}
.project-meta h3{font-size:31px!important}
.project-meta,.project-action{padding-right:13px}
.project-action{font-size:13px;opacity:.88}
.section-heading h2{font-size:clamp(42px,4.5vw,70px)!important}
.project-card,.editorial-service{border-radius:26px!important}
.contact h2{font-size:clamp(48px,5.7vw,82px)!important}
@media(max-width:1100px){.hero-grid{grid-template-columns:51% 49%}.hero-art-v4{height:560px!important}.hero-photo-real{inset:10px -4vw 0 -25px}.hero h1{font-size:clamp(55px,6vw,82px)!important}}
@media(max-width:760px){.hero{height:auto!important;min-height:0!important;padding-bottom:55px!important}.hero-grid{display:flex!important;flex-direction:column!important;padding-top:120px}.hero-copy{width:100%}.hero h1{font-size:clamp(54px,11vw,78px)!important}.hero-art-v4{width:100%!important;height:470px!important;min-height:0!important;margin:32px 0 0!important;transform:none!important}.hero-photo-real{inset:0 -8px;background-position:52% 50%;border-radius:22px}.hero-features{margin-top:34px!important}.scroll-hint{display:none!important}.hero-description{font-size:16px}.btn{min-height:51px;padding:0 20px!important}.section-heading h2{font-size:clamp(40px,8vw,58px)!important}}
@media(max-width:450px){.hero-art-v4{height:390px!important}.hero-photo-real{background-position:48% center}.hero h1{font-size:clamp(50px,11.7vw,63px)!important}.button-group{flex-wrap:wrap}.btn{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.hero-photo-real{animation:none!important}}


/* V5 metallic gold refinement */
:root{
  --gold-shadow: rgba(168,122,58,.35);
  --gold-deep: #8a5f2d;
  --gold-mid: #d3ab63;
  --gold-light: #f6e2a6;
  --gold-ivory: #fff5d3;
  --gold-rose: #bc8542;
}

.hero h1 em,
.section-heading h2 em,
.contact h2 em,
.accent-metal,
.project-circle,
.nav-links > a:hover,
.nav-links > a:focus-visible {
  background-image: linear-gradient(180deg,
    var(--gold-ivory) 0%,
    #f3dca3 14%,
    var(--gold-mid) 28%,
    #fff0bf 44%,
    #d9b169 56%,
    var(--gold-rose) 74%,
    var(--gold-deep) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 0 rgba(255,245,211,.12), 0 10px 24px rgba(121,79,29,.10);
}

.hero h1 em,
.section-heading h2 em,
.contact h2 em{
  filter: saturate(1.04) brightness(1.02);
}

.eyebrow,
.light-eyebrow,
.accent{
  color:#d9bf8c !important;
  text-shadow:0 0 18px rgba(215,179,104,.08);
}

.dot{
  background: radial-gradient(circle at 35% 35%, #fff2cb 0 28%, #e0bb78 29%, #b67f3f 68%, #8a5d2d 100%) !important;
  box-shadow:0 0 10px rgba(215,173,95,.25);
}

.btn-gold{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,233,184,.22) !important;
  color:#1b1308 !important;
  background-image: linear-gradient(135deg,
    #8c6331 0%,
    #c59656 10%,
    #f0cf8f 23%,
    #fff0c5 34%,
    #d5ab64 49%,
    #a16f38 66%,
    #f2d8a8 81%,
    #8e6532 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,244,214,.55),
    inset 0 -1px 0 rgba(113,73,26,.28),
    0 16px 32px rgba(0,0,0,.26),
    0 8px 22px rgba(171,121,53,.18) !important;
}

.btn-gold::before{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,250,232,.34),rgba(255,250,232,0) 42%,rgba(117,81,37,.08) 100%);
  pointer-events:none;
}

.btn-gold::after{
  content:'';
  position:absolute;
  top:-130%;
  left:-30%;
  width:45%;
  height:340%;
  transform:rotate(24deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,248,225,.35),rgba(255,255,255,0));
  opacity:.7;
  pointer-events:none;
}

.btn-gold:hover::after{ left:95%; transition:left .85s ease; }

.btn-outline{
  border:1px solid rgba(217,184,117,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,245,211,.06), 0 10px 26px rgba(0,0,0,.16);
}

.nav-cta{
  border:1px solid rgba(245,216,162,.42) !important;
  color:#f1d79d !important;
  background:linear-gradient(180deg,rgba(255,248,232,.04),rgba(255,248,232,.01)) !important;
  box-shadow: inset 0 1px 0 rgba(255,248,232,.06), 0 10px 22px rgba(0,0,0,.18);
}
.nav-cta:hover{
  background-image: linear-gradient(135deg,
    #8c6331 0%, #c59656 10%, #f0cf8f 23%, #fff0c5 34%, #d5ab64 49%, #a16f38 66%, #f2d8a8 81%, #8e6532 100%) !important;
  color:#1b1308 !important;
}

.project-action,
.editorial-more,
.modal-kicker{
  color:#d8b97a !important;
}


/* V6 eyebrow metallic refinement */
.hero-copy .eyebrow,
.section-heading .eyebrow,
.contact-copy .eyebrow,
.light-eyebrow{
  background-image: linear-gradient(180deg,
    #fff2c8 0%,
    #f0d89a 18%,
    #cfa45f 35%,
    #fff0c0 52%,
    #c7914b 68%,
    #8d6331 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 1px 0 rgba(255,244,214,.10), 0 6px 18px rgba(130,90,38,.10);
  letter-spacing: .34em !important;
  font-weight: 500 !important;
}

.hero-copy .eyebrow .accent,
.section-heading .eyebrow .accent,
.contact-copy .eyebrow .accent,
.light-eyebrow .accent{
  background-image: linear-gradient(180deg,
    #fff6da 0%,
    #f5dfaa 24%,
    #d7ab63 46%,
    #ffefc2 58%,
    #b67d3d 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
}
