:root{--cream:#f2ede3;--paper:#f7f3ea;--ink:#1a1b18;--muted:#66635b;--line:#cfc6b8;--wood:#9b603c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{text-decoration:none;color:inherit}button{font:inherit}
.topbar{height:82px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 7.5vw;color:#fff}.brand,.footer-brand{display:flex;align-items:center;gap:15px}.fn{width:58px;height:58px;border:2px solid currentColor;display:grid;place-items:center;font-size:25px;font-weight:600;letter-spacing:-.05em}.brand-copy,.footer-brand>span:last-child{display:flex;flex-direction:column}.brand strong,.footer-brand strong{font-family:"Cormorant Garamond",serif;font-size:27px;letter-spacing:.08em}.brand small,.footer-brand small{font-size:9px;letter-spacing:.18em}.topbar nav{display:flex;gap:31px;font-size:14px}.topbar nav a{opacity:.9}.menu{display:none;background:none;border:0;color:white;font-size:25px}
.hero{height:640px;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;inset:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,10,.78) 0%,rgba(12,12,10,.54) 34%,rgba(12,12,10,.12) 72%)}.hero-content{position:relative;height:100%;max-width:680px;padding:140px 0 60px 7.5vw;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:10px;letter-spacing:.22em;font-weight:600;margin:0 0 12px;color:var(--wood)}.kicker.light{color:#e7d6c5}.hero h1,.featured h2,.section-head h2,.about h2,.contact h2,.modal-copy h2{font-family:"Cormorant Garamond",serif;font-weight:500}.hero h1{font-size:60px;line-height:.88;margin:0}.hero h1 em{font-weight:500}.rule{display:block;width:48px;height:2px;background:#efe9df;margin:24px 0}.rule.dark{background:var(--ink);margin:0 0 12px}.hero-content>p:last-of-type{max-width:470px;font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.22;margin:0 0 25px}.actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:13px;font-weight:500}.cream{background:var(--cream);color:var(--ink)}.outline-light{border-color:rgba(255,255,255,.75);color:#fff}.outline-dark{border-color:var(--ink)}.dark{background:var(--ink);color:white}
.values{display:grid;grid-template-columns:repeat(4,1fr);min-height:76px;background:var(--cream);padding:0 8vw}.values>div{display:flex;align-items:center;justify-content:center;gap:20px;font-family:"Cormorant Garamond",serif;font-size:18px}.values>div+div{border-left:1px solid var(--line)}.ico{font-size:23px}
.featured{display:grid;grid-template-columns:.9fr repeat(3,1fr);gap:16px;padding:48px 7.5vw 38px;background:var(--paper)}.featured-intro{padding:20px 28px 0 0}.featured-intro h2{font-size:43px;margin:0 0 16px}.featured-intro>p:last-of-type{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.15;margin-bottom:22px;max-width:260px}.feature-card button{height:220px;width:100%;border:0;padding:0;background:#ddd;cursor:pointer}.feature-card h3{font-family:"Cormorant Garamond",serif;font-size:22px;margin:9px 0 2px}.feature-card p{font-size:9px;letter-spacing:.22em;margin:0}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);height:250px}.tile{position:relative;overflow:hidden;color:white}.tile:after{content:"";position:absolute;inset:0;background:rgba(10,10,9,.58)}.tile span{position:absolute;z-index:2;inset:auto 0 0 0;padding:24px 26px}.tile strong{font-family:"Cormorant Garamond",serif;font-size:27px;display:block}.tile small{display:block;font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1.15;max-width:220px;margin:8px 0 13px}.tile b{font-size:22px;font-weight:400}
.section{padding:100px 7.5vw}.section-head{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:40px;align-items:start;margin-bottom:50px}.section-head h2{font-size:54px;line-height:.95;margin:0}.section-head>p:last-child{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.35;color:var(--muted);margin:0}.material-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.material-grid figure{height:530px;margin:0;position:relative}.material-grid figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.material-grid figcaption{position:absolute;z-index:2;left:7%;bottom:7%;color:white;display:flex;flex-direction:column}.material-grid figcaption b{font-family:"Cormorant Garamond",serif;font-size:36px}.material-grid figcaption span{font-size:10px;letter-spacing:.16em}
.process{background:#171814;color:white;padding:100px 7.5vw}.dark-head{grid-template-columns:.45fr 1.8fr}.dark-head h2{color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.2)}.steps article{padding:28px 28px 15px 0}.steps article+article{border-left:1px solid rgba(255,255,255,.15);padding-left:28px}.steps span{color:#c49a7d;font-size:10px}.steps h3{font-family:"Cormorant Garamond",serif;font-size:31px;margin:25px 0 7px}.steps p{font-size:13px;line-height:1.6;color:#b9b8b0}
.about{display:grid;grid-template-columns:1.1fr .9fr;min-height:600px}.about-image{min-height:600px}.about-copy{padding:80px 8vw;display:flex;flex-direction:column;justify-content:center;background:var(--cream)}.about-copy h2{font-size:56px;line-height:.95;margin:0 0 24px}.about-copy>p:not(.kicker){font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.35;color:var(--muted)}
.full-collection{background:#f4efe5}.filters{display:flex;gap:8px;margin-bottom:24px}.filter{border:1px solid var(--line);background:transparent;border-radius:100px;padding:9px 17px;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 16px}.catalog article{background:#fff}.catalog article.hidden{display:none}.catalog article>img{height:340px}.catalog article>div{padding:14px 16px 18px}.catalog small{color:var(--wood);font-size:9px;letter-spacing:.17em}.catalog h3{font-family:"Cormorant Garamond",serif;font-size:28px;margin:4px 0}
.faq{max-width:1100px;margin:auto}.faq .section-head{grid-template-columns:1fr 2fr}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-family:"Cormorant Garamond",serif;font-size:24px}.faq details p{color:var(--muted);line-height:1.6;max-width:760px}
.contact{background:#171814;color:white;padding:90px 7.5vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end}.contact h2{font-size:58px;margin:0 0 15px}.contact>div:first-child>p:last-child{color:#c7c5bc;max-width:540px}.contact-actions{justify-content:flex-end}
footer{background:#0e0f0d;color:#ddd8cc;padding:42px 7.5vw;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:30px}.footer-links{display:flex;flex-wrap:wrap;gap:15px 22px;font-size:11px}.footer-meta{font-size:10px;display:flex;flex-direction:column;gap:7px;text-align:right;color:#88877f}.wa-float{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-weight:700;z-index:30;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:100;display:none;align-items:center;justify-content:center;padding:4vw}.modal.open{display:flex}.modal-card{background:var(--paper);width:min(1000px,94vw);display:grid;grid-template-columns:1.15fr .85fr;position:relative;max-height:90vh}.modal-card>img{min-height:520px}.modal-copy{padding:55px;display:flex;flex-direction:column;justify-content:center}.modal-copy h2{font-size:48px;margin:0 0 15px}.modal-copy>p:not(.kicker){color:var(--muted);line-height:1.6}.modal-note{font-size:13px}.modal-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:34px;cursor:pointer;z-index:2}
@media(max-width:900px){.topbar{padding:0 20px}.topbar nav{display:none}.menu{display:block}.topbar.open{height:auto;min-height:82px;align-items:flex-start;padding-top:12px;background:rgba(16,16,14,.96);flex-wrap:wrap}.topbar.open nav{display:flex;width:100%;flex-direction:column;padding:18px 0 24px}.hero-content{padding-left:24px}.values{grid-template-columns:1fr 1fr;padding:0 20px}.values>div{padding:16px}.values>div:nth-child(3){border-left:0}.featured{grid-template-columns:1fr 1fr}.featured-intro{grid-column:1/-1}.tiles{grid-template-columns:1fr 1fr;height:auto}.tile{height:250px}.section-head{grid-template-columns:1fr}.material-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-image{min-height:480px}.catalog{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}footer{grid-template-columns:1fr}.footer-meta{text-align:left}.steps{grid-template-columns:1fr 1fr}.modal-card{grid-template-columns:1fr;overflow:auto}.modal-card>img{height:50vh;min-height:0}.modal-copy{padding:30px}}
@media(max-width:560px){.hero{height:650px}.hero h1{font-size:48px}.hero-content>p:last-of-type{font-size:18px}.values{grid-template-columns:1fr}.values>div+div{border-left:0;border-top:1px solid var(--line)}.featured{grid-template-columns:1fr;padding:45px 16px}.feature-card button{height:330px}.tiles{grid-template-columns:1fr}.section,.process{padding:72px 18px}.section-head h2,.about-copy h2,.contact h2{font-size:43px}.material-grid figure{height:420px}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:1px solid rgba(255,255,255,.15);padding-left:0}.about-copy{padding:65px 20px}.catalog{grid-template-columns:1fr}.catalog article>img{height:390px}.contact{padding:70px 18px}.contact-actions{flex-direction:column;align-items:stretch}footer{padding:40px 18px}}


/* Colección unificada */
.collection-unified{padding:70px 7.5vw 85px;background:var(--paper)}
.collection-intro{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:30px}
.collection-intro h2{font-family:"Cormorant Garamond",serif;font-weight:500;font-size:54px;line-height:.95;margin:0}
.collection-intro>p{font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.3;color:var(--muted);margin:0}
.unified-filters{margin:0 0 28px}
.unified-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 16px}
.unified-card.hidden{display:none}
.unified-card .open-product{width:100%;height:285px;padding:0;border:0;background:#ddd;cursor:pointer;overflow:hidden}
.unified-card .open-product img{transition:transform .45s ease}
.unified-card .open-product:hover img{transform:scale(1.025)}
.card-copy{padding-top:12px}
.card-copy small{font-size:9px;letter-spacing:.18em;color:var(--wood)}
.card-copy h3{font-family:"Cormorant Garamond",serif;font-size:27px;font-weight:500;margin:4px 0 3px}
.card-copy p{font-size:8px;letter-spacing:.18em;margin:0;color:var(--muted)}
.modal-media{min-width:0;display:flex;flex-direction:column;background:#ddd}
.modal-media>img{width:100%;height:480px;object-fit:cover}
.modal-thumbs{display:flex;gap:7px;padding:9px;background:#171814;overflow-x:auto}
.modal-thumbs button{border:1px solid transparent;padding:0;background:none;width:70px;height:54px;flex:0 0 auto;cursor:pointer;opacity:.6}
.modal-thumbs button.active{opacity:1;border-color:#fff}
.modal-thumbs img{width:100%;height:100%;object-fit:cover}

@media(max-width:1000px){
  .unified-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .collection-unified{padding:58px 18px}
  .collection-intro{grid-template-columns:1fr;gap:18px}
  .collection-intro h2{font-size:44px}
  .unified-grid{grid-template-columns:1fr}
  .unified-card .open-product{height:390px}
  .modal-media>img{height:50vh}
}


/* Portada final Fe Nativa */
.hero-brand{
  position:relative;
  height:clamp(500px,72vh,760px);
  min-height:500px;
  overflow:hidden;
  background:#15130f;
}
.hero-brand>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}
.hero-brand-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(10,10,8,.18) 0%,rgba(10,10,8,.03) 55%,rgba(10,10,8,.30) 100%);
  pointer-events:none;
}
.hero-scroll{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  font-size:9px;
  letter-spacing:.22em;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
}
.hero-scroll b{font-size:18px;font-weight:400}
@media(min-width:1400px){
  .hero-brand{height:720px}
}
@media(max-width:900px){
  .hero-brand{height:600px;min-height:520px}
  .hero-brand>img{object-position:center center}
}
@media(max-width:560px){
  .hero-brand{height:540px;min-height:500px}
  .hero-brand>img{object-position:center center}
  .hero-scroll{bottom:16px}
}