:root{--ink:#292824;--paper:#f5f0e8;--sand:#e4ddd3;--orange:#c7673d;--muted:#746c62;--line:rgba(41,40,36,.15);--white:#fff9f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{position:absolute;z-index:5;top:0;right:0;left:0;color:var(--white)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 64px));margin:auto;padding:25px 0}.logo-link{display:block;width:132px}.logo-link img{display:block;width:100%;height:52px;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:29px;font-size:12px;letter-spacing:.04em;color:#ddd6ce}.main-nav a:hover{color:white}.nav-button{display:flex;align-items:center;gap:9px;padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:30px}.menu-button{display:none;border:0;background:none;color:white}.menu-button span{display:block;width:22px;height:1px;margin:5px;background:white}.hero{position:relative;min-height:770px;height:93vh;color:var(--white);overflow:hidden;background:#252522}.hero-image{position:absolute;inset:0;background:url("assets/linea-escape-artesanal.jpg") center/cover no-repeat;filter:grayscale(.4) contrast(1.1);transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,18,.94),rgba(20,20,18,.55) 48%,rgba(20,20,18,.3)),linear-gradient(0deg,rgba(20,20,18,.7),transparent 55%)}.hero-content{position:relative;padding-top:clamp(190px,27vh,280px)}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 23px;color:#7f756a;font-size:10px;font-weight:bold;letter-spacing:.2em;text-transform:uppercase}.kicker i{display:block;width:28px;height:1px;background:var(--orange)}.kicker.light{color:#c9c0b6}.hero h1{max-width:720px;margin:0 0 24px;font-size:clamp(58px,8.2vw,112px);line-height:.88;letter-spacing:-.07em;font-weight:700}.hero h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;letter-spacing:-.07em}.hero-copy{max-width:470px;margin-bottom:35px;color:#c8c0b7;font-size:15px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;align-items:center;border:0;border-radius:30px;padding:14px 20px;font-size:12px;font-weight:bold;transition:.2s}.button:hover{transform:translateY(-2px)}.orange{color:white;background:var(--orange)}.dark{color:white;background:#29231f}.under-link{display:inline-flex;gap:8px;padding-bottom:5px;border-bottom:1px solid rgba(41,40,36,.35);font-size:12px;font-weight:bold}.under-link:hover{border-color:var(--orange)}.light-link{color:#eee4db;border-color:rgba(255,255,255,.45)}.hero-bottom{position:absolute;bottom:27px;left:50%;display:flex;align-items:center;gap:12px;color:#bbb2a7;font-size:10px;letter-spacing:.14em;transform:translateX(-50%)}.hero-bottom b{width:3px;height:3px;border-radius:50%;background:var(--orange)}.hero-bottom a{margin-left:auto;color:#aaa096}.section{padding:130px 0}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}h2{margin:0;font-size:clamp(48px,6vw,78px);line-height:.94;letter-spacing:-.075em;font-weight:700}.text-column{max-width:440px;padding-top:52px;color:var(--muted);font-size:14px;line-height:1.8}.text-column .lead{margin:0 0 22px;color:var(--ink);font-size:20px;line-height:1.35}.text-column .under-link{margin-top:13px;color:var(--ink)}.dark-section{color:var(--white);background:var(--ink)}.section-intro{margin-bottom:70px}.section-intro>p{align-self:end;max-width:285px;margin:0 0 4px;color:rgba(255,249,241,.55);font-size:13px;line-height:1.7}.service-list{border-top:1px solid rgba(255,255,255,.17)}.service-list article{display:grid;grid-template-columns:60px 1fr 185px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.17)}.service-list small,.steps small{color:var(--orange);font-size:11px}.service-list h3,.steps h3{margin:0 0 7px;font-size:25px;font-weight:400;letter-spacing:-.04em}.service-list p{max-width:410px;margin:0;color:rgba(255,249,241,.53);font-size:13px;line-height:1.6}.service-list strong{color:var(--orange);font-size:10px;letter-spacing:.08em;text-align:right;text-transform:uppercase}.works{background:var(--sand)}.section-intro>p{color:#716960}.gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:220px 150px 150px;gap:17px}.gallery-card{position:relative;overflow:hidden;background:#555}.gallery-card.featured{grid-row:span 2}.gallery-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,17,15,.8),transparent 60%)}.gallery-card span{position:absolute;z-index:1;right:18px;bottom:17px;left:18px;color:white}.gallery-card b,.gallery-card small{display:block}.gallery-card b{font-size:19px;font-weight:400}.gallery-card small{margin-top:4px;color:#ccc;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.gallery-note{display:flex;flex-direction:column;justify-content:space-between;padding:20px;color:#493e35;background:#cdbfae}.gallery-note span{color:var(--orange);font-size:18px}.gallery-note p{margin:0;font-size:20px;line-height:1.1;letter-spacing:-.05em}.gallery-note p b{color:var(--orange)}.gallery-note .under-link{width:max-content}.process{background:var(--paper)}.process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.quote{max-width:280px}.quote span{display:block;color:var(--orange);font-family:Georgia,serif;font-size:80px;line-height:.55}.quote p{font-size:23px;line-height:1.2;letter-spacing:-.05em}.quote small{color:#8c8175;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.steps{border-top:1px solid var(--line)}.steps article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.steps p{max-width:450px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.contact{position:relative;overflow:hidden;padding:105px 0;color:white;background:var(--orange)}.contact:after{content:"S";position:absolute;right:2%;bottom:-35%;color:rgba(255,255,255,.1);font:italic 650px Georgia;line-height:.7}.contact>.container{position:relative;z-index:1}.dark-kicker{color:rgba(42,30,25,.75)}.dark-kicker i{background:#2a1e19}.contact h2{color:#2c211c}.contact-copy{max-width:360px;padding-top:5px}.contact-copy>p{color:rgba(42,30,25,.8);font-size:14px;line-height:1.7}.contact-copy .button{margin:10px 0 20px}.direct{display:flex;flex-direction:column;gap:11px;color:rgba(42,30,25,.8);font-size:12px}.site-header+main{}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;align-items:start;padding:50px 0 60px}.footer-top p{margin:7px 0;color:rgba(255,255,255,.5);font-size:12px;line-height:1.6}.footer-top>div{display:flex;justify-content:flex-end;gap:20px;color:#c7bdb2;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;padding:18px 0;color:rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.14);font-size:10px}footer{color:white;background:#252522}.footer-bottom a{color:#d7cec3}
@media(max-width:800px){.container,.nav-wrap{width:calc(100% - 42px)}.hero{min-height:700px;height:auto}.hero-content{padding:170px 0 155px}.main-nav{position:absolute;top:82px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px;color:white;background:rgba(37,37,34,.97);border:1px solid #555;border-radius:18px}.main-nav.open{display:flex}.main-nav a{padding:13px}.nav-button{justify-content:center}.menu-button{display:block}.two-col,.process-grid{grid-template-columns:1fr;gap:30px}.text-column{padding-top:0}.section{padding:90px 0}.section-intro{margin-bottom:45px}.service-list article{grid-template-columns:35px 1fr}.service-list strong{grid-column:2;text-align:left}.gallery{display:flex;flex-direction:column}.gallery-card.featured{min-height:330px}.gallery-card{min-height:220px}.gallery-note{min-height:190px}.process-grid{gap:50px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-top>div{justify-content:flex-start}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:480px){h2{font-size:48px}.hero h1{font-size:56px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-bottom{width:calc(100% - 42px);font-size:9px}.hero-bottom a{margin-left:auto}.logo-link{width:112px}.logo-link img{height:45px}}

/* Instagram destacado */
.main-nav a[href="#instagram"]{color:#f0a17d}
.instagram-feature{padding:105px 0;color:var(--white);background:#151513}
.instagram-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}
.instagram-feature h2{color:var(--white)}
.instagram-copy{max-width:420px}
.instagram-copy p{margin:0 0 24px;color:#c8c0b7;font-size:15px;line-height:1.7}
.instagram-button{color:#241d19;background:var(--orange)}
.instagram-button:hover{background:#df7950}
.instagram-copy small{display:block;margin-top:18px;color:#8e857b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:800px){.instagram-inner{grid-template-columns:1fr;gap:30px}}

/* Instagram protagonista */
.instagram-brand-logo{display:block;width:210px;height:76px;margin:0 0 26px;object-fit:contain;object-position:left center}
.instagram-button{padding:18px 27px;font-size:14px;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.instagram-button:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.25)}
@media(max-width:480px){.instagram-brand-logo{width:185px;height:68px;margin-bottom:21px}.instagram-button{width:100%;padding:17px 16px;font-size:13px}}

/* Corrección móvil: las etiquetas técnicas no se superponen al texto */
@media(max-width:800px){
  .hero{min-height:0;height:auto}
  .hero-content{padding-top:170px;padding-bottom:28px}
  .hero-bottom{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 42px);margin:0 auto;padding:18px 0 28px;flex-wrap:wrap}
  .hero-bottom a{margin-left:auto}
}

/* Fix definitivo: las etiquetas técnicas siempre ocupan su propio espacio */
.hero{display:flex;flex-direction:column}
.hero-content{width:min(1180px,calc(100% - 64px));margin-left:auto;margin-right:auto}
.hero-bottom{position:relative;left:auto;bottom:auto;transform:none;width:min(1180px,calc(100% - 64px));margin: auto auto 0;padding-bottom:27px}
@media(max-width:800px){
  .hero-content{width:calc(100% - 42px);padding-top:170px;padding-bottom:28px}
  .hero-bottom{width:calc(100% - 42px);margin:0 auto;padding:18px 0 28px}
}