*{margin:0;padding:0;box-sizing:border-box}
:root{--gold:#C9A84C;--gold-l:#E8C97A;--dark:#1A1A1A;--d2:#242424;--d3:#2E2E2E;--stone:#8A8078;--stone-l:#B5AFA8;--cream:#F4F0EA;--white:#FAFAF8}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--white);font-family:'Jost',sans-serif;font-weight:300;overflow-x:hidden}
.nav{position:sticky;top:0;z-index:100;background:rgba(26,26,26,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(201,168,76,.15);padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo img:hover{filter:drop-shadow(0 0 16px rgba(201,168,76,.7)) drop-shadow(0 0 6px rgba(201,168,76,.5));transform:scale(1.08)}
.nav-logo img{height:44px;width:44px;object-fit:cover;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 8px rgba(201,168,76,.45)) drop-shadow(0 0 3px rgba(201,168,76,.3));transition:filter .3s,transform .3s;animation:logoGlow 3s ease-in-out infinite}
.nav-links{display:flex;gap:2rem}
.nav-links a{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--stone-l);cursor:pointer;transition:color .2s;text-decoration:none}
.nav-links a:hover{color:var(--gold)}
.nav-cta{font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 22px;border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:transparent;transition:all .2s;font-family:'Jost',sans-serif;font-weight:400;text-decoration:none;display:inline-block}
.nav-cta:hover{background:var(--gold);color:var(--dark)}
section{scroll-margin-top:68px}
/* HERO */
.hero{min-height:91vh;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(10,10,10,.62) 0%,rgba(14,14,14,.40) 38%,rgba(20,18,15,.30) 65%,rgba(20,18,15,.36) 100%),url("activos/hero_bg_v2.jpg");background-size:cover;background-position:center 65%;background-repeat:no-repeat;padding:5rem 2rem}
.hero-pattern{position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(45deg,#C9A84C 0,#C9A84C 1px,transparent 1px,transparent 28px),repeating-linear-gradient(-45deg,#C9A84C 0,#C9A84C 1px,transparent 1px,transparent 28px)}
.hero-content{max-width:700px;position:relative;z-index:2;padding:2rem 2.25rem;background:linear-gradient(100deg,rgba(8,7,5,.62) 0%,rgba(8,7,5,.4) 70%,transparent 100%);border-radius:4px}
.hero-eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#B8860B;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-bottom:1.75rem;display:flex;align-items:center;gap:14px}
.hero-eyebrow::before{content:'';width:44px;height:1px;background:var(--gold)}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:clamp(44px,7vw,74px);font-weight:300;line-height:1.08;color:var(--white);margin-bottom:1.5rem}
.hero-title em{color:var(--gold);font-style:italic}
.hero-sub{font-size:15px;line-height:1.9;color:#B8860B;text-shadow:0 1px 3px rgba(0,0,0,.6);max-width:540px;margin-bottom:2.75rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}
.btn-p{padding:14px 34px;background:var(--gold);color:var(--dark);font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-family:'Jost',sans-serif;font-weight:500;border:none;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-p:hover{background:var(--gold-l)}
.btn-s{padding:14px 34px;border:1px solid rgba(201,168,76,.4);color:var(--stone-l);background:transparent;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-family:'Jost',sans-serif;font-weight:300;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}
.btn-s:hover{border-color:var(--gold);color:var(--gold)}
/* SELLO en hero - destacado con glow */
.hero-sello{position:absolute;right:3rem;bottom:2.5rem;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}
.hero-sello img{width:160px;height:160px;object-fit:contain;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 18px rgba(201,168,76,.3)) drop-shadow(0 4px 20px rgba(0,0,0,.5));transition:filter .3s}
.hero-sello img:hover{filter:drop-shadow(0 0 28px rgba(201,168,76,.5)) drop-shadow(0 4px 24px rgba(0,0,0,.6))}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(201,168,76,.35)) drop-shadow(0 0 2px rgba(201,168,76,.2))}50%{filter:drop-shadow(0 0 14px rgba(201,168,76,.65)) drop-shadow(0 0 6px rgba(201,168,76,.45))}}
.hero-sello-txt{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--stone);text-align:center}
/* IMPORTACION DIRECTA BANNER - where sello also appears */
.importacion-banner{background:var(--d2);border-top:1px solid rgba(201,168,76,.12);border-bottom:1px solid rgba(201,168,76,.12);padding:2.5rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}
.imp-left{}
.imp-tag{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
.imp-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--white);line-height:1.3;margin-bottom:.5rem}
.imp-desc{font-size:12px;color:var(--stone-l);line-height:1.75}
.imp-sello{display:flex;justify-content:center;align-items:center}
.imp-sello img{width:140px;height:140px;object-fit:contain;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 12px rgba(201,168,76,.25))}
.imp-right{display:grid;gap:.75rem}
.imp-stat{display:flex;align-items:center;gap:.75rem}
.imp-stat-num{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--gold);min-width:50px;text-align:right}
.imp-stat-lbl{font-size:11px;color:var(--stone-l);letter-spacing:.05em}
/* STATS BAR */
.stats-bar{background:var(--d3);border-bottom:1px solid rgba(201,168,76,.1);padding:1.5rem 2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.stat-item{text-align:center}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:var(--gold);line-height:1}
.stat-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-top:5px}
/* SECTION HEADERS */
.sec-hd{text-align:center;margin-bottom:3.5rem}
.sec-tag{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:12px}
.sec-tag::before,.sec-tag::after{content:'';width:32px;height:1px;background:rgba(201,168,76,.4)}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,4vw,44px);font-weight:300;color:var(--white);line-height:1.2}
.sec-title em{color:var(--gold);font-style:italic}
.sec-desc{font-size:14px;color:var(--stone-l);line-height:1.85;max-width:540px;margin:1rem auto 0}
/* PRODUCTS */
#productos{padding:5rem 2rem;background:var(--dark)}
.prod-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(201,168,76,.12)}
.prod-card{background:var(--d2);padding:2.75rem;position:relative;overflow:hidden;transition:background .3s}
.prod-card:hover{background:var(--d3)}
.prod-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:0;background:var(--gold);transition:height .4s}
.prod-card:hover::before{height:100%}
.prod-badge{position:absolute;top:1.5rem;right:1.5rem;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--stone);border:1px solid rgba(138,128,120,.25);padding:3px 9px}
.prod-tag{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.prod-name{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:var(--white);margin-bottom:.75rem;line-height:1.2}
.prod-desc{font-size:13px;color:var(--stone-l);line-height:1.8;margin-bottom:1.5rem}
.prod-specs{display:flex;gap:2rem}
.spec-val{font-size:18px;font-family:'Cormorant Garamond',serif;color:var(--gold)}
.spec-key{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-top:2px}
/* ABOUT */
#nosotros{padding:5rem 2rem;background:var(--d2)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem;align-items:start}
.about-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3.5vw,38px);font-weight:300;color:var(--white);line-height:1.3;margin-bottom:1.5rem}
.about-txt{font-size:14px;color:var(--stone-l);line-height:1.9;margin-bottom:1rem}
.about-hl{border-left:2px solid var(--gold);padding-left:1.5rem;margin:1.75rem 0}
.about-hl p{font-family:'Cormorant Garamond',serif;font-size:18px;font-style:italic;color:var(--cream);line-height:1.65}
.pillars{display:grid;gap:1px;background:rgba(201,168,76,.1)}
.pillar{background:var(--dark);padding:1.6rem}
.pillar-ico{font-size:20px;color:var(--gold);margin-bottom:.75rem}
.pillar-t{font-size:13px;font-weight:500;color:var(--white);margin-bottom:.5rem;letter-spacing:.05em}
.pillar-d{font-size:12px;color:var(--stone-l);line-height:1.75}
/* PROCESS */
#proceso{padding:5rem 2rem;background:var(--dark)}
.proc-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,168,76,.1);margin-top:3rem}
.proc-step{background:var(--d2);padding:2.25rem 1.75rem}
.proc-num{font-family:'Cormorant Garamond',serif;font-size:50px;font-weight:300;color:rgba(201,168,76,.15);line-height:1;margin-bottom:.75rem}
.proc-t{font-size:12px;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.5rem}
.proc-d{font-size:12px;color:var(--stone-l);line-height:1.75}
/* GALLERY */
#galeria{padding:5rem 2rem;background:var(--d2)}
.g-mode-toggle{display:flex;gap:1px;margin:2rem 0 0;background:rgba(201,168,76,.1)}
.g-mode-btn{flex:1;padding:11px;text-align:center;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:var(--d3);color:var(--stone-l);border:none;cursor:pointer;font-family:'Jost',sans-serif;transition:all .2s}
.g-mode-btn.active{background:var(--dark);color:var(--gold);border-bottom:2px solid var(--gold)}
.gallery-tabs{display:flex;gap:1px;background:rgba(201,168,76,.1);margin:1px 0 1.5rem}
.g-tab{flex:1;padding:9px 5px;text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--stone-l);background:var(--d3);cursor:pointer;transition:all .2s;border:none;font-family:'Jost',sans-serif}
.g-tab.active,.g-tab:hover{background:var(--dark);color:var(--gold)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.g-cell{aspect-ratio:4/3;overflow:hidden;position:relative;cursor:pointer;background:var(--d3)}
.g-cell img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.g-cell:hover img{transform:scale(1.05)}
.g-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.75));padding:10px 12px;opacity:0;transition:opacity .3s}
.g-cell:hover .g-overlay{opacity:1}
.g-cat-lbl{font-size:9px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.g-img-lbl{font-size:10px;color:var(--white);letter-spacing:.07em}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.v-cell{aspect-ratio:16/9;overflow:hidden;position:relative;cursor:pointer;background:#000}
.v-cell video{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}
.v-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);transition:background .2s;z-index:3;pointer-events:none}
.v-play:hover{background:rgba(0,0,0,.15)}
.v-play-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(0,0,0,.45);font-size:18px}
.v-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:10px 12px}
.v-cat-lbl{font-size:9px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.v-vid-lbl{font-size:10px;color:var(--white);letter-spacing:.07em}
/* LIGHTBOX */
.lb{display:none;position:fixed;inset:0;background:rgba(0,0,0,.93);z-index:9999;align-items:center;justify-content:center;flex-direction:column;padding:1rem}
.lb.open{display:flex}
.lb-x{position:absolute;top:18px;right:22px;font-size:32px;color:var(--stone-l);cursor:pointer;line-height:1;background:none;border:none;font-family:sans-serif}
.lb-x:hover{color:var(--white)}
.lb-img{max-width:92vw;max-height:78vh;object-fit:contain}
.lb-vid{max-width:92vw;max-height:78vh;background:#000}
.lb-cap{margin-top:14px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone-l);text-align:center}
.lb-nav{display:flex;gap:12px;margin-top:14px}
.lb-nav-btn{padding:7px 22px;border:1px solid rgba(201,168,76,.3);color:var(--gold);background:transparent;cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:'Jost',sans-serif;transition:all .2s}
.lb-nav-btn:hover{background:rgba(201,168,76,.1)}
/* CONTACT */
#contacto{padding:5rem 2rem;background:var(--dark)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}
.contact-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3.5vw,38px);font-weight:300;color:var(--white);line-height:1.3;margin-bottom:1.25rem}
.contact-txt{font-size:14px;color:var(--stone-l);line-height:1.9;margin-bottom:2rem}
.c-items{display:grid;gap:1.1rem}
.c-item{display:flex;gap:1rem;align-items:flex-start}
.c-ico{color:var(--gold);font-size:18px;margin-top:2px;flex-shrink:0}
.c-lbl{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--stone)}
.c-val{font-size:14px;color:var(--white);margin-top:3px}
.b2b-box{background:var(--d2);border:1px solid rgba(201,168,76,.15);padding:2rem;margin-top:2rem}
.b2b-t{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.b2b-tags{display:flex;gap:8px;flex-wrap:wrap}
.b2b-tag{padding:4px 12px;border:1px solid rgba(201,168,76,.2);font-size:11px;color:var(--stone-l)}
.sg-badge{margin-top:2rem;display:flex;align-items:center;gap:14px}
.sg-badge img{height:54px;width:54px;object-fit:contain;border-radius:50%;overflow:hidden;opacity:.95;filter:drop-shadow(0 0 10px rgba(201,168,76,.5)) drop-shadow(0 0 4px rgba(201,168,76,.35));transition:filter .3s,transform .3s;animation:logoGlow 3s ease-in-out infinite 1s}.sg-badge img:hover{filter:drop-shadow(0 0 20px rgba(201,168,76,.75)) drop-shadow(0 0 8px rgba(201,168,76,.5));transform:scale(1.08)}
.sg-badge-txt .name{font-size:12px;color:var(--white);font-weight:500}
.sg-badge-txt .rut{font-size:10px;color:var(--stone);margin-top:3px}
.form-title{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--white);margin-bottom:1.5rem}
.fg{margin-bottom:1.2rem}
.fl{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--stone);display:block;margin-bottom:6px}
.fi,.fs{width:100%;background:var(--d2);border:1px solid rgba(138,128,120,.25);padding:11px 14px;color:var(--white);font-size:13px;font-family:'Jost',sans-serif;outline:none;transition:border-color .2s}
.fi:focus,.fs:focus{border-color:var(--gold)}
.fi::placeholder{color:var(--stone)}
.fsub{width:100%;padding:14px;background:var(--gold);color:var(--dark);font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-family:'Jost',sans-serif;font-weight:500;border:none;cursor:pointer;margin-top:.5rem;transition:all .2s}
.fsub:hover{background:var(--gold-l)}
.fn{font-size:11px;color:var(--stone);margin-top:.75rem;line-height:1.65}
.footer{background:#0f0f0f;border-top:1px solid rgba(201,168,76,.12);padding:2.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}
.footer-logo-wrap{display:flex;align-items:center;gap:10px}
.footer-logo-wrap img{height:36px;width:36px;object-fit:contain;border-radius:50%;overflow:hidden;filter:drop-shadow(0 0 7px rgba(201,168,76,.45)) drop-shadow(0 0 3px rgba(201,168,76,.3));transition:filter .3s,transform .3s;animation:logoGlow 3s ease-in-out infinite 2s}.footer-logo-wrap img:hover{filter:drop-shadow(0 0 14px rgba(201,168,76,.7)) drop-shadow(0 0 5px rgba(201,168,76,.5));transform:scale(1.08)}
.footer-sub{font-size:10px;color:var(--stone);letter-spacing:.08em;margin-top:5px}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-size:11px;color:var(--stone);letter-spacing:.08em;text-decoration:none;cursor:pointer}
.footer-links a:hover{color:var(--gold)}
.footer-legal{font-size:10px;color:var(--stone);text-align:right;line-height:1.7}
@media(max-width:768px){
  .prod-grid,.about-grid,.contact-grid{grid-template-columns:1fr}
  .proc-steps{grid-template-columns:repeat(2,1fr)}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .nav-links{display:none}
  .gallery-grid,.video-grid{grid-template-columns:repeat(2,1fr)}
  .hero-sello{right:1rem;bottom:1.5rem}
  .hero-sello img{width:110px;height:110px;border-radius:50%;overflow:hidden;object-fit:cover;background:transparent}
  .importacion-banner{grid-template-columns:1fr;text-align:center}
  .imp-sello{order:-1}
  .gallery-tabs{flex-wrap:wrap}
}
@media(max-width:480px){
  .gallery-grid,.video-grid{grid-template-columns:1fr}
  .hero-sello{display:none}
}

/* ══ ORIGEN STYLES ══ */

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  :root {
    --gold:       #C9A84C;
    --gold-light: #E8C96A;
    --gold-dim:   rgba(201,168,76,0.15);
    --dark:       #0D0D1A;
    --dark2:      #131320;
    --cream:      #FDF5E4;
    --stone:      #D4B896;
    --fossil:     #A0714F;
    --ocean:      #1A3A4A;
    --white:      #FFFFFF;
    --gray:       rgba(255,255,255,0.55);
  }

  body {
    font-family: 'Barlow', sans-serif;
    background: var(--dark);
    color: var(--white);
    overflow-x: hidden;
  }

  /* ══════════════════════════════════
     SECCIÓN HERO ORIGEN
  ══════════════════════════════════ */
  .origen-hero {
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
  }

  /* Panel izquierdo — texto */
  .origen-left {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 60px 80px 72px;
    background: var(--dark);
  }

  .origen-left::after {
    content: '';
    position: absolute;
    right: -1px; top: 0; bottom: 0;
    width: 1px;
    background: linear-gradient(to bottom, transparent, var(--gold) 30%, var(--gold) 70%, transparent);
  }

  .left-line {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, transparent, var(--gold) 20%, var(--gold) 80%, transparent);
  }

  .tag {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 20px;
    opacity: 0;
    animation: fadeUp 0.8s 0.2s ease forwards;
  }

  .origen-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(42px, 5vw, 72px);
    font-weight: 300;
    line-height: 1.05;
    margin-bottom: 8px;
    opacity: 0;
    animation: fadeUp 0.8s 0.35s ease forwards;
  }

  .origen-title strong {
    font-weight: 700;
    color: var(--gold);
    display: block;
    font-style: italic;
  }

  .origen-subtitle {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(16px, 2vw, 22px);
    font-weight: 300;
    font-style: italic;
    color: var(--stone);
    letter-spacing: 1px;
    margin-bottom: 36px;
    opacity: 0;
    animation: fadeUp 0.8s 0.45s ease forwards;
  }

  .gold-rule {
    width: 48px; height: 1px;
    background: var(--gold);
    margin-bottom: 36px;
    opacity: 0;
    animation: growX 0.8s 0.5s ease forwards;
    transform-origin: left;
  }

  .origen-copy {
    font-size: 15px;
    line-height: 1.8;
    color: rgba(255,255,255,0.65);
    margin-bottom: 20px;
    opacity: 0;
    animation: fadeUp 0.8s 0.55s ease forwards;
  }

  .origen-copy em {
    color: var(--gold);
    font-style: normal;
    font-weight: 500;
  }

  /* Coordenadas geográficas */
  .coords {
    display: flex;
    gap: 32px;
    margin-top: 8px;
    margin-bottom: 40px;
    opacity: 0;
    animation: fadeUp 0.8s 0.65s ease forwards;
  }

  .coord-item {
    border-top: 1px solid rgba(201,168,76,0.3);
    padding-top: 10px;
  }

  .coord-label {
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 4px;
  }

  .coord-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    font-weight: 300;
    color: rgba(255,255,255,0.75);
  }

  /* Panel derecho — visual */
  .origen-right {
    position: relative;
    overflow: hidden;
    background: var(--ocean);
  }

  .stone-visual {
    position: absolute;
    inset: 0;
    background:
      radial-gradient(ellipse 80% 60% at 50% 50%, rgba(160,113,79,0.25) 0%, transparent 70%),
      radial-gradient(ellipse 40% 80% at 80% 30%, rgba(201,168,76,0.12) 0%, transparent 60%),
      linear-gradient(135deg, #0D1A2A 0%, #1A2D1A 50%, #2A1A0D 100%);
  }

  /* Patrón de fósiles animado */
  .fossil-pattern {
    position: absolute;
    inset: 0;
    opacity: 0.06;
    background-image:
      radial-gradient(ellipse 3px 8px at 20% 30%, var(--stone) 50%, transparent 50%),
      radial-gradient(ellipse 8px 3px at 40% 60%, var(--stone) 50%, transparent 50%),
      radial-gradient(ellipse 2px 6px at 70% 20%, var(--stone) 50%, transparent 50%),
      radial-gradient(ellipse 5px 2px at 85% 75%, var(--stone) 50%, transparent 50%),
      radial-gradient(ellipse 4px 10px at 15% 80%, var(--stone) 50%, transparent 50%),
      radial-gradient(ellipse 6px 4px at 60% 45%, var(--stone) 50%, transparent 50%);
    animation: fossilDrift 20s ease-in-out infinite alternate;
  }

  @keyframes fossilDrift {
    from { transform: translateY(0) rotate(0deg); }
    to { transform: translateY(-8px) rotate(1deg); }
  }

  /* Mapa de Venezuela */
  .venezuela-map {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .map-container {
    position: relative;
    width: 80%;
    max-width: 400px;
    opacity: 0;
    animation: fadeIn 1.2s 0.8s ease forwards;
  }

  /* Venezuela SVG */
  .vzla-svg {
    width: 100%;
    filter: drop-shadow(0 0 30px rgba(201,168,76,0.3));
  }

  /* Marcador Falcón */
  .falcon-marker {
    position: absolute;
    top: 22%;
    left: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: pulse-marker 2s ease-in-out infinite;
  }

  .marker-dot {
    width: 14px; height: 14px;
    border-radius: 50%;
    background: var(--gold);
    box-shadow: 0 0 0 4px rgba(201,168,76,0.3), 0 0 20px rgba(201,168,76,0.5);
    margin-bottom: 6px;
  }

  .marker-ring {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 30px; height: 30px;
    border-radius: 50%;
    border: 1px solid rgba(201,168,76,0.4);
    animation: ringExpand 2s ease-out infinite;
  }

  @keyframes ringExpand {
    0% { transform: translate(-50%,-50%) scale(0.5); opacity: 1; }
    100% { transform: translate(-50%,-50%) scale(2.5); opacity: 0; }
  }

  @keyframes pulse-marker {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }

  .marker-label {
    background: rgba(13,13,26,0.85);
    border: 1px solid rgba(201,168,76,0.4);
    padding: 4px 10px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--gold);
    white-space: nowrap;
  }

  /* Texto en el panel derecho */
  .right-overlay {
    position: absolute;
    bottom: 48px;
    left: 48px;
    right: 48px;
  }

  .right-quote {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(18px, 2.5vw, 28px);
    font-weight: 300;
    font-style: italic;
    color: rgba(255,255,255,0.75);
    line-height: 1.4;
    border-left: 2px solid var(--gold);
    padding-left: 20px;
    opacity: 0;
    animation: fadeUp 0.8s 1s ease forwards;
  }

  .right-quote em {
    color: var(--gold);
    font-style: normal;
  }

  /* ══════════════════════════════════
     SECCIÓN — FÓSILES EXPLICADOS
  ══════════════════════════════════ */
  .fosiles-section {
    padding: 100px 72px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .section-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: end;
    margin-bottom: 60px;
  }

  .sec-tag {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 12px;
  }

  .sec-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(32px, 4vw, 56px);
    font-weight: 300;
    line-height: 1.1;
  }

  .sec-title em {
    color: var(--gold);
    font-style: italic;
  }

  .sec-body {
    font-size: 15px;
    color: rgba(255,255,255,0.6);
    line-height: 1.8;
    align-self: end;
  }

  /* Grid de características */
  .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(201,168,76,0.1);
    border: 1px solid rgba(201,168,76,0.1);
  }

  .feature-card {
    background: var(--dark2);
    padding: 40px 32px;
    position: relative;
    transition: background 0.3s;
  }

  .feature-card:hover { background: #1a1a2e; }

  .feature-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: transparent;
    transition: background 0.3s;
  }

  .feature-card:hover::before { background: var(--gold); }

  .feature-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 56px;
    font-weight: 300;
    color: rgba(201,168,76,0.12);
    line-height: 1;
    margin-bottom: 12px;
  }

  .feature-icon {
    font-size: 26px;
    margin-bottom: 14px;
    display: block;
    color: var(--gold);
  }

  .feature-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--gold);
    margin-bottom: 10px;
    line-height: 1.2;
  }

  .feature-desc {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    line-height: 1.7;
  }

  .feature-vs {
    display: inline-block;
    margin-top: 12px;
    padding: 3px 10px;
    border: 1px solid rgba(201,168,76,0.25);
    font-size: 10px;
    letter-spacing: 1px;
    color: var(--gold);
    font-weight: 600;
  }

  /* ══════════════════════════════════
     SECCIÓN — COMPARATIVA VS COMPETENCIA
  ══════════════════════════════════ */
  .vs-section {
    background: var(--dark2);
    border-top: 1px solid rgba(201,168,76,0.12);
    border-bottom: 1px solid rgba(201,168,76,0.12);
    padding: 80px 72px;
  }

  .vs-inner { max-width: 1200px; margin: 0 auto; }

  .vs-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 4vw, 48px);
    font-weight: 600;
    text-align: center;
    margin-bottom: 48px;
  }

  .vs-title em { color: var(--gold); font-style: italic; }

  .vs-table {
    width: 100%;
    border-collapse: collapse;
  }

  .vs-table th {
    padding: 14px 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
  }

  .vs-table th:first-child { text-align: left; color: rgba(255,255,255,0.4); }
  .vs-table th.us { color: var(--gold); background: rgba(201,168,76,0.08); border-top: 2px solid var(--gold); }
  .vs-table th.them { color: rgba(255,255,255,0.4); }

  .vs-table td {
    padding: 12px 20px;
    font-size: 13px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    text-align: center;
    color: rgba(255,255,255,0.65);
  }

  .vs-table td:first-child {
    text-align: left;
    font-weight: 600;
    color: rgba(255,255,255,0.8);
    font-size: 12px;
    letter-spacing: 0.5px;
  }

  .vs-table td.us {
    background: rgba(201,168,76,0.05);
    color: var(--gold);
    font-weight: 600;
  }

  .vs-table tr:hover td { background: rgba(255,255,255,0.02); }
  .vs-table tr:hover td.us { background: rgba(201,168,76,0.08); }

  .check { color: #5DBB63; font-size: 16px; }
  .cross { color: rgba(255,255,255,0.25); font-size: 16px; }

  /* ══════════════════════════════════
     SECCIÓN — ESTADO FALCÓN
  ══════════════════════════════════ */
  .falcon-section {
    padding: 100px 72px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .falcon-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 80px;
    align-items: center;
  }

  .falcon-text .sec-tag { margin-bottom: 12px; }

  .falcon-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(36px, 4.5vw, 60px);
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .falcon-title em { color: var(--gold); font-style: italic; }

  .falcon-body {
    font-size: 15px;
    color: rgba(255,255,255,0.6);
    line-height: 1.85;
    margin-bottom: 16px;
  }

  .falcon-body strong { color: var(--gold); font-weight: 500; }

  .data-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
  }

  .pill {
    padding: 8px 18px;
    border: 1px solid rgba(201,168,76,0.3);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--gold);
    background: rgba(201,168,76,0.04);
  }

  /* Visual Falcón */
  .falcon-visual {
    position: relative;
  }

  .falcon-card {
    background: linear-gradient(135deg, #1A2D1A 0%, #2A1A0D 100%);
    border: 1px solid rgba(201,168,76,0.2);
    padding: 40px;
    position: relative;
    overflow: hidden;
  }

  .falcon-card::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(circle at center, rgba(201,168,76,0.06) 0%, transparent 60%);
  }

  .falcon-stat {
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 20px;
  }

  .falcon-stat:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }

  .fstat-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: rgba(201,168,76,0.6);
    margin-bottom: 4px;
  }

  .fstat-value {
    font-family: 'Cormorant Garamond', serif;
    font-size: 26px;
    font-weight: 700;
    color: var(--white);
    line-height: 1;
  }

  .fstat-sub {
    font-size: 11px;
    color: rgba(255,255,255,0.4);
    margin-top: 2px;
  }

  /* ══════════════════════════════════
     CTA FINAL
  ══════════════════════════════════ */
  .cta-section {
    background: var(--dark2);
    border-top: 1px solid rgba(201,168,76,0.15);
    padding: 80px 72px;
    text-align: center;
  }

  .cta-eyebrow {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 16px;
  }

  .cta-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 4.5vw, 54px);
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 16px;
  }

  .cta-title em { color: var(--gold); font-style: italic; }

  .cta-sub {
    font-size: 15px;
    color: rgba(255,255,255,0.5);
    margin-bottom: 40px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-btn {
    display: inline-block;
    padding: 18px 56px;
    background: var(--gold);
    color: var(--dark);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid var(--gold);
    transition: all 0.3s ease;
  }

  .cta-btn:hover {
    background: transparent;
    color: var(--gold);
  }

  /* ANIMACIONES */
  @keyframes fadeUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
  }

  @keyframes growX {
    from { transform: scaleX(0); opacity: 0; }
    to { transform: scaleX(1); opacity: 1; }
  }

  /* RESPONSIVE */
  @media (max-width: 768px) {
    .origen-hero { grid-template-columns: 1fr; }
    .origen-right { min-height: 50vh; }
    .origen-left { padding: 60px 28px; }
    .section-header { grid-template-columns: 1fr; gap: 20px; }
    .features-grid { grid-template-columns: 1fr; }
    .vs-section, .fosiles-section, .falcon-section { padding: 60px 24px; }
    .falcon-grid { grid-template-columns: 1fr; gap: 40px; }
    .cta-section { padding: 60px 24px; }
  }


/* ══ v2 · NaturalStones.cl ══ */
html{scroll-padding-top:76px}
img{max-width:100%}
.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex-shrink:0}
.feature-icon{width:34px;height:34px;color:var(--gold);margin-bottom:1rem;display:block}
.pillar-ico .ico,.c-ico{width:22px;height:22px;color:var(--gold)}
.g-mode-btn .ico{margin-right:6px}
.v-play-btn .ico{width:22px;height:22px}
.ico-btn{width:16px;height:16px;margin-right:8px;vertical-align:-3px}
.nav-logo{text-decoration:none}
.nav-brand{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--white);letter-spacing:.02em;white-space:nowrap}
.nav-brand b{color:var(--gold);font-weight:600}
.nav-actions{display:flex;gap:.75rem}
.hero-ref{position:absolute;left:1.25rem;bottom:1rem;z-index:2;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hero-sub{color:#D9B65C}
.c-val{color:var(--white);text-decoration:none}
a.c-val:hover,.c-val a:hover{color:var(--gold)}
.c-val a{color:var(--white);text-decoration:none}
.vs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.vs-scroll .vs-table{min-width:620px}
.vs-hint{display:none;font-size:11px;letter-spacing:.1em;color:var(--stone);text-align:right;margin-top:10px}
.fsub{display:flex;align-items:center;justify-content:center}
.fsub-alt{background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.45)}
.fsub-alt:hover{background:rgba(201,168,76,.1)}
.f-err{color:#E8896A;font-size:12px;min-height:1em;margin:.25rem 0}
.footer-social{display:flex;gap:14px;margin-top:12px}
.footer-social a{color:var(--stone-l);display:inline-flex}
.footer-social a:hover{color:var(--gold)}
.footer-social .ico{width:20px;height:20px}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:150;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.35);transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
.wa-float .ico{width:30px;height:30px;stroke-width:1.8}
.lb.open~.wa-float,.lb.open + .wa-float{display:none}
@media(max-width:1100px){.nav-links{gap:1.1rem}}
@media(max-width:900px){.nav-links{display:none}}
@media(max-width:768px){
  .nav{padding:0 1rem}
  .nav-brand{display:none}
  .nav-cta{padding:8px 12px;font-size:10px}
  .nav-cta-cat{display:none}
  .hero{min-height:auto;padding:3rem 1rem 4rem;background-position:60% center}
  .hero-content{padding:1.5rem 1.25rem}
  .hero-title{font-size:clamp(36px,10vw,48px)}
  .origen-right{min-height:auto;display:flex;flex-direction:column;justify-content:center;padding:48px 24px}
  .origen-right .venezuela-map{position:relative;inset:auto}
  .origen-right .right-overlay{position:relative;left:auto;right:auto;bottom:auto;margin-top:32px}
  .vs-hint{display:block}
  .footer{flex-direction:column;gap:1.5rem;text-align:center;align-items:center}
  .footer-legal{text-align:center}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}
  .footer-social{justify-content:center}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}