/* ============================================================
   MUNDO ANTIQUE — landing.css
   Extiende base.css (paleta/tipografía ya validadas en HeritForge)
   ============================================================ */

:root{
  --parchment-2:#e6d9b8;
  --shadow-deep: 0 30px 60px -20px rgba(0,0,0,.55);
}

body{overflow-x:hidden;}

/* ---- nav Mundo Antique ---- */
.ma-nav{
  position:sticky; top:0; z-index:50;
  display:grid; grid-template-columns:auto 1fr auto; grid-template-areas:"logo links tools";
  align-items:center; column-gap:20px;
  padding:16px 32px; background:rgba(18,21,27,.9); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.ma-nav .logo{grid-area:logo; font-size:19px; letter-spacing:.3px;}
.ma-links{grid-area:links; display:flex; align-items:center; justify-content:center; gap:26px;}
.ma-links a{font-size:13.5px; color:var(--text-dim); white-space:nowrap;}
.ma-links a:hover{color:var(--bronze-bright);}
.ma-links a.active{color:var(--bronze-bright);}
.ma-tools{grid-area:tools; display:flex; align-items:center; gap:16px;}
.ma-tools button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:15px;}
.ma-tools button:hover{color:var(--text);}
.ma-nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:7px 10px;cursor:pointer;}

@media (max-width: 880px){
  .ma-nav{
    grid-template-columns:1fr auto; column-gap:14px;
    grid-template-areas:
      "logo tools"
      "links links";
    padding:14px 20px;
  }
  .ma-links{display:none;}
  .ma-nav-toggle{display:inline-flex;}

  .ma-links.is-open{
    display:flex; flex-direction:column; align-items:flex-start; gap:2px;
    justify-content:flex-start;
    margin-top:14px; padding-top:12px; border-top:1px solid var(--line);
  }
  .ma-links.is-open a{
    width:100%; padding:13px 0; border-bottom:1px dashed var(--line); font-size:15px;
  }
  .ma-links.is-open a:last-child{border-bottom:none;}
}

/* ---- hero fotográfico ---- */
.ma-hero{position:relative; min-height:640px; display:flex; align-items:flex-end;}
.ma-hero-bg{position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center 40%;}
.ma-hero-scrim{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:
    linear-gradient(0deg, var(--ink) 4%, rgba(18,21,27,.72) 42%, rgba(18,21,27,.28) 75%, rgba(18,21,27,.15) 100%),
    linear-gradient(90deg, rgba(18,21,27,.55) 0%, rgba(18,21,27,.15) 55%);
}
.ma-hero-content{position:relative; z-index:2; padding:64px 0 56px;}
.ma-hero .eyebrow{color:var(--bronze-bright);}
.ma-hero h1{font-size:52px; line-height:1.08; max-width:680px; color:var(--text); text-shadow:0 2px 24px rgba(0,0,0,.4);}
.ma-hero .sub-lead{max-width:520px; font-size:16.5px;}
.ma-hero-ctas{display:flex; gap:14px; flex-wrap:wrap; margin-top:6px;}

@media (max-width: 640px){
  .ma-hero{min-height:520px;}
  .ma-hero h1{font-size:34px;}
}

/* ---- secciones genéricas ---- */
.section{padding:76px 0;}
.section-alt{background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.section-head{max-width:640px; margin-bottom:44px;}
.section-head h2{font-size:30px;}
.section-head p{font-size:15px;}

/* ---- tasador IA ---- */
.tasador-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:start;}
@media (max-width: 900px){ .tasador-grid{grid-template-columns:1fr;} }

.tasador-steps{margin:26px 0 30px; display:grid; gap:14px;}
.tasador-step{display:flex; gap:14px; align-items:flex-start;}
.tasador-step .num{
  font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--bronze-bright);
  border:1px solid var(--line); border-radius:50%; width:26px; height:26px;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:1px;
}
.tasador-step b{display:block; font-size:14.5px; font-family:'Inter',sans-serif; font-weight:600;}
.tasador-step span{font-size:13px; color:var(--text-dim);}

.dropzone{
  border:1.5px dashed var(--line); border-radius:14px; padding:26px;
  display:flex; align-items:center; gap:16px; background:var(--panel);
}
.dropzone .dz-icon{
  width:46px; height:46px; border-radius:12px; flex-shrink:0;
  background:linear-gradient(180deg,var(--bronze-bright),var(--bronze));
  display:flex; align-items:center; justify-content:center; font-size:20px; color:#20140a;
}
.dropzone b{display:block; font-size:14px;}
.dropzone span{font-size:12.5px; color:var(--text-dim);}

.tasador-result{
  background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:18px;
  box-shadow:var(--shadow-deep);
}
.tasador-result .tr-photo{border-radius:12px; overflow:hidden; margin-bottom:16px; position:relative;}
.tasador-result .tr-photo img{width:100%; display:block; object-fit:cover; max-height:280px;}
.tasador-result .tr-photo .tr-badge{
  position:absolute; top:12px; left:12px; background:rgba(18,21,27,.82); border:1px solid var(--bronze);
  color:var(--bronze-bright); font-family:'IBM Plex Mono',monospace; font-size:10.5px;
  padding:4px 10px; border-radius:20px; letter-spacing:.4px;
}
.cert-doc{margin-top:0;}
.cert-doc .cd-row{display:flex; justify-content:space-between; gap:12px; padding:3px 0; border-bottom:1px dashed rgba(38,32,15,.18);}
.cert-doc .cd-row:last-child{border-bottom:none;}
.cert-doc .cd-row span:first-child{opacity:.65;}
.cert-doc .cd-price{font-size:16px; font-weight:700;}
.cert-doc .cd-note{margin-top:12px; font-family:'Inter',sans-serif; font-size:11px; line-height:1.5; opacity:.7;}

/* ---- subastas ---- */
.subastas-head{display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:20px; margin-bottom:34px;}
.countdown{display:flex; gap:10px;}
.countdown .cd-block{
  background:var(--panel-2); border:1px solid var(--line); border-radius:10px;
  padding:10px 14px; text-align:center; min-width:58px;
}
.countdown .cd-block b{display:block; font-family:'Fraunces',serif; font-size:21px; color:var(--bronze-bright);}
.countdown .cd-block span{font-size:9.5px; text-transform:uppercase; letter-spacing:.6px; color:var(--text-dim);}

.lot-card{background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden;}
.lot-card:hover{border-color:var(--bronze);}
.lot-photo{aspect-ratio:4/3; overflow:hidden;}
.lot-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
.lot-card:hover .lot-photo img{transform:scale(1.05);}
.lot-body{padding:18px 20px 20px;}
.lot-cat{font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.5px; text-transform:uppercase; color:var(--patina);}
.lot-title{font-family:'Fraunces',serif; font-size:17px; margin:6px 0 12px;}
.lot-foot{display:flex; justify-content:space-between; align-items:center;}
.lot-foot div span{display:block; font-size:10.5px; color:var(--text-dim);}
.lot-foot div b{font-family:'Fraunces',serif; font-size:17px; color:var(--bronze-bright);}

/* ---- destacadas ---- */
.piece-card{background:var(--panel); border:1px solid var(--line); border-radius:16px; overflow:hidden;}
.piece-card:hover{border-color:var(--bronze);}
.piece-photo{aspect-ratio:1/1; overflow:hidden;}
.piece-photo img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease;}
.piece-card:hover .piece-photo img{transform:scale(1.06);}
.piece-body{padding:15px 17px 18px;}
.piece-body .p-cat{font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--silver);}
.piece-body .p-title{font-family:'Fraunces',serif; font-size:15.5px; margin:5px 0 2px;}
.piece-body .p-price{font-size:12.5px; color:var(--bronze-bright);}

/* ---- heritforge teaser ---- */
.hf-teaser{
  background:radial-gradient(circle at 15% 20%, rgba(196,138,78,.10), transparent 45%), var(--ink);
  border:1px solid var(--line); border-radius:22px; padding:52px;
}
.hf-flow{
  display:flex; align-items:center; flex-wrap:wrap; gap:0; margin:30px 0 8px;
  font-family:'IBM Plex Mono',monospace; font-size:11.5px; color:var(--text-dim);
}
.hf-flow .hf-node{
  border:1px solid var(--line); border-radius:20px; padding:8px 16px; background:var(--panel-2);
  color:var(--text);
}
.hf-flow .hf-arrow{padding:0 10px; color:var(--bronze);}
@media (max-width: 760px){ .hf-flow{flex-direction:column; align-items:flex-start;} .hf-flow .hf-arrow{transform:rotate(90deg); padding:4px 0 4px 8px;} }

/* ---- guías ---- */
.guide-card{padding:22px 0; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; gap:20px; align-items:baseline;}
.guide-card:last-child{border-bottom:none;}
.guide-card .g-tag{font-family:'IBM Plex Mono',monospace; font-size:10px; color:var(--patina); text-transform:uppercase; letter-spacing:.5px;}
.guide-card h3{font-size:19px; margin:6px 0 4px;}
.guide-card p{font-size:13.5px; margin:0; max-width:560px;}
.guide-card .g-arrow{font-size:20px; color:var(--bronze-bright); flex-shrink:0;}

/* ---- footer Mundo Antique ---- */
.ma-footer{border-top:1px solid var(--line); padding:50px 0 30px;}
.ma-footer-top{display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px; margin-bottom:36px;}
.ma-footer-cols{display:flex; gap:56px; flex-wrap:wrap;}
.ma-footer-col b{display:block; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--text-dim); margin-bottom:12px;}
.ma-footer-col a{display:block; font-size:13.5px; color:var(--text); margin-bottom:9px;}
.ma-footer-col a:hover{color:var(--bronze-bright);}
.ma-footer-bottom{display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; padding-top:22px; border-top:1px solid var(--line); font-size:12px; color:var(--text-dim);}

/* ---- utilidades ---- */
.tag-pill{
  display:inline-flex; align-items:center; gap:6px; font-family:'IBM Plex Mono',monospace;
  font-size:10.5px; letter-spacing:.4px; text-transform:uppercase; color:var(--patina);
  background:rgba(95,158,143,.12); border:1px solid rgba(95,158,143,.3); padding:4px 11px; border-radius:20px;
}