/*
* ══════════════════════════════════════════════════════
* CINARUCO · cinaruco.css
* Hoja de estilos compartida — todas las páginas
*
* ══════════════════════════════════════════════════════
*/
:root{--black:#0a0a07;--bg:#0d0d0a;--cream:#f5f0e8;
--gold:#c8a84b;--gold-l:#e8c96a;--gold-dim:rgba(200,168,75,0.12);
--green:#2d5a27;--green-l:#4a8c3f;--rust:#c44b2d;--white:#ffffff;
--border:rgba(200,168,75,0.15);--border2:rgba(255,255,255,0.08);
--text-dim:rgba(245,240,232,0.45);--text-mid:rgba(245,240,232,0.72);
--glass:rgba(10,10,7,0.72);--glass2:rgba(10,10,7,0.88);}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{margin:0;padding:0;min-height:100vh;background:#0a0a07;color:#f5f0e8;font-family:'DM Sans',sans-serif;overflow-x:hidden;overflow-y:auto;padding-bottom:34px;}
/*
* ══════════════════════════════════════════════════════
* CINARUCO · Hoja de estilos compartida
* Usar en todas las páginas del sitio:
*
* ══════════════════════════════════════════════════════
*
* SECCIONES:
* 1. Reset + Variables CSS
* 2. Tipografía base
* 3. Botones (.btn-gold, .btn-ghost, .btn-primary)
* 4. Navegación (.topnav)
* 5. Formularios (.form-input, .form-label)
* 6. Chatbot (#chatbot-btn, #chatbot-panel)
* 7. Ticker inferior (.ticker-bar)
* 8. Sección Nosotros (.ne-*)
* 9. Blog (.bl-*)
* 10. FAQ (.fq-*)
* 11. Cómo Funciona (.cf-*, .cs-*)
* 12. Hero Home (.home-hero, .lc-*)
* 13. Tarjeta Login (.login-card, .lk-*)
* 14. Media queries
* ══════════════════════════════════════════════════════
*/
*
.btn-gold{background:var(--gold);color:var(--black);font-family:'Space Mono';font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 2.2rem;border:none;cursor:pointer;transition:all .2s;}
.btn-gold:hover{background:var(--gold-l);transform:translateY(-2px);}
.btn-ghost{background:transparent;color:var(--white);font-family:'Space Mono';font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;padding:.9rem 2.2rem;border:1px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}
#s-nosotros{overflow-y:auto;overflow-x:hidden;background:#0a0a07;flex-direction:column !important;align-items:stretch !important}
/* HERO, full bleed photo */
.ne-hero
.ne-hero img{width:100%; height:100%; object-fit:cover;
object-position:center 25%; display:block;}
.ne-hero-shade{position:absolute; inset:0;
background:linear-gradient(
to bottom,
rgba(10,10,7,0) 0%,
rgba(10,10,7,.15) 40%,
rgba(10,10,7,.75) 72%,
rgba(10,10,7,1) 100%
);}
.ne-hero-caption{position:absolute; bottom:3.5rem; left:4rem; right:4rem;
max-width:100%;
overflow:hidden;}
.ne-hero-tag{font-family:'Space Mono'; font-size:.6rem; letter-spacing:.28em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.8rem; margin-bottom:1.2rem;}
.ne-hero-tag::before{content:''; width:40px; height:1px; background:var(--gold);}
.ne-hero-caption h1{font-family:'Bebas Neue';
font-size:clamp(3rem,6vw,6.5rem);
line-height:.9; color:#fff;
max-width:800px;}
.ne-hero-caption h1 em{color:var(--gold); font-style:normal;}
/* GOLD TICKER */
.ne-ticker
.ne-ticker-track{display:inline-flex; animation:tickscroll 20s linear infinite;}
.ne-ticker-item{font-family:'Bebas Neue'; font-size:1.15rem; letter-spacing:.1em;
color:var(--black); padding:0 2rem; flex-shrink:0;}
.ne-ticker-sep{color:rgba(10,10,7,.3); padding:0; flex-shrink:0;}
/* BODY CONTAINER */
.ne-body
/* INTRO STATEMENT */
.ne-intro
.ne-intro p{font-size:1.35rem; line-height:1.75;
color:rgba(245,240,232,.8);
font-weight:300;}
.ne-intro p strong{color:#fff; font-weight:500;}
.ne-intro-stats{display:flex; gap:4rem; margin-top:3rem; padding-top:2.5rem;
border-top:1px solid rgba(200,168,75,.12);}
.ne-stat-num{font-family:'Bebas Neue'; font-size:3rem; color:#fff; line-height:1;}
.ne-stat-lbl{font-family:'Space Mono'; font-size:.54rem; letter-spacing:.14em;
text-transform:uppercase; color:var(--gold); margin-top:.2rem;}
/* SECTION HEADING */
.ne-section-head
.ne-section-tag{font-family:'Space Mono'; font-size:.58rem; letter-spacing:.24em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.7rem; margin-bottom:1rem;}
.ne-section-tag::before{content:''; width:28px; height:1px; background:var(--gold);}
.ne-section-head h2{font-family:'Bebas Neue'; font-size:clamp(2.2rem,4vw,3.8rem);
color:#fff; line-height:.9;}
.ne-section-head h2 em{color:var(--gold); font-style:normal;}
/* PHOTO, full width in flow */
.ne-photo
.ne-photo img{width:100%; height:100%; object-fit:cover; display:block;
transition:transform .7s;}
.ne-photo:hover img{transform:scale(1.02);}
.ne-photo-caption{position:absolute; bottom:.8rem; right:1rem;
font-family:'Space Mono'; font-size:.46rem;
color:rgba(245,240,232,.4); letter-spacing:.08em;}
/* BODY TEXT */
.ne-text
.ne-text strong{color:#fff;}
/* TIMELINE */
.ne-timeline
.ne-tl-item{display:flex; gap:2rem; padding:1.2rem 0;
border-bottom:1px solid rgba(255,255,255,.05);}
.ne-tl-year{font-family:'Bebas Neue'; font-size:1.2rem; color:var(--gold);
flex-shrink:0; width:52px; padding-top:.1rem;}
.ne-tl-text{font-family:'Space Mono'; font-size:.58rem; letter-spacing:.06em;
color:rgba(245,240,232,.6); line-height:1.65;}
/* DIVIDER */
.ne-divider
/* INSTRUMENTS LIST */
.ne-inst-list
.ne-inst-item{display:flex; align-items:flex-start; gap:1.5rem;
padding:1.4rem 0; border-bottom:1px solid rgba(255,255,255,.05);}
.ne-inst-num{font-family:'Bebas Neue'; font-size:2rem; color:rgba(200,168,75,.2);
flex-shrink:0; width:40px; line-height:1;}
.ne-inst-content{flex:1;}
.ne-inst-name{font-family:'Bebas Neue'; font-size:1.2rem; letter-spacing:.04em;
color:#fff; margin-bottom:.3rem;}
.ne-inst-desc{font-size:.9rem; line-height:1.72; color:rgba(245,240,232,.55);}
.ne-inst-tag{display:inline-block; margin-top:.5rem;
font-family:'Space Mono'; font-size:.46rem; letter-spacing:.08em;
text-transform:uppercase; padding:.18rem .55rem;
border:1px solid rgba(200,168,75,.18); color:rgba(200,168,75,.55);}
/* REG BLOCK */
.ne-reg
.ne-reg-item{padding:1.4rem 0; border-bottom:1px solid rgba(255,255,255,.05);}
.ne-reg-label{font-family:'Space Mono'; font-size:.54rem; letter-spacing:.16em;
text-transform:uppercase; color:var(--gold); margin-bottom:.3rem;}
.ne-reg-val{font-family:'Bebas Neue'; font-size:1.3rem; color:#fff; margin-bottom:.3rem;}
.ne-reg-desc{font-size:.9rem; line-height:1.7; color:rgba(245,240,232,.55);}
/* PRODUCT BOX */
.ne-product-box
.ne-product-box h3{font-family:'Bebas Neue'; font-size:1.8rem; color:var(--gold);
margin-bottom:1rem;}
.ne-product-row{display:flex; justify-content:space-between;
padding:.5rem 0; border-bottom:1px solid rgba(255,255,255,.05);}
.ne-product-row:last-child{border-bottom:none;}
.ne-product-lbl{font-family:'Space Mono'; font-size:.54rem; color:rgba(245,240,232,.45); letter-spacing:.08em; text-transform:uppercase;}
.ne-product-val{font-family:'Space Mono'; font-size:.6rem; color:#fff;}
.ne-product-val.gold{color:var(--gold);}
.ne-product-val.green{color:#ffffff;}
/* TEAM PLACEHOLDER */
.ne-team-box
.ne-team-box h3{font-family:'Bebas Neue'; font-size:1.6rem; color:#fff; margin-bottom:.5rem;}
.ne-team-box p{font-size:.9rem; color:rgba(245,240,232,.5); line-height:1.7; margin-bottom:1.2rem;}
.ne-team-badges{display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center;}
.ne-badge{font-family:'Space Mono'; font-size:.48rem; letter-spacing:.08em;
text-transform:uppercase; padding:.28rem .7rem;
border:1px solid rgba(200,168,75,.18); color:rgba(200,168,75,.55);}
/* CTA FINAL */
.ne-cta
.ne-cta h2{font-family:'Bebas Neue'; font-size:clamp(2.5rem,5vw,5rem);
color:#fff; line-height:.9; margin-bottom:.8rem;}
.ne-cta h2 em{color:var(--gold); font-style:normal;}
.ne-cta p{font-size:.95rem; color:rgba(245,240,232,.6); max-width:480px; margin:0 auto 1.8rem; line-height:1.75;}
.ne-cta-btns{display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}
#s-blog{overflow-y:auto;overflow-x:hidden;flex-direction:column !important;align-items:stretch !important;background:#0a0a07}
/* PAGE HEADER */
.bl-header
.bl-header-tag{font-family:'Space Mono'; font-size:.6rem; letter-spacing:.26em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.7rem; margin-bottom:1rem;}
.bl-header-tag::before{content:''; width:32px; height:1px; background:var(--gold);}
.bl-header h1{font-family:'Bebas Neue'; font-size:clamp(3rem,6vw,5.5rem);
color:#fff; line-height:.88; margin-bottom:.5rem;}
.bl-header-sub{font-size:.95rem; color:rgba(245,240,232,.5); max-width:500px; line-height:1.7;}
.bl-filter{display:flex; gap:.5rem; flex-wrap:wrap; align-self:flex-end;}
.bl-filter-btn{font-family:'Space Mono'; font-size:.52rem; letter-spacing:.1em;
text-transform:uppercase; padding:.38rem .85rem;
border:1px solid rgba(200,168,75,.15); background:transparent;
color:rgba(245,240,232,.4); cursor:pointer; transition:all .2s;}
.bl-filter-btn:hover, .bl-filter-btn.active{border-color:var(--gold); background:rgba(200,168,75,.1); color:var(--gold);}
/* FEATURED POST */
.bl-featured
.bl-feat-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s;}
.bl-featured:hover .bl-feat-img img{transform:scale(1.03);}
.bl-feat-img-shade{position:absolute; inset:0;
background:linear-gradient(to right, transparent 60%, rgba(10,10,7,.5) 100%);}
.bl-feat-body{background:#080806;
padding:4rem 3.5rem;
display:flex; flex-direction:column; justify-content:center;}
.bl-feat-cat{display:inline-flex; align-items:center; gap:.5rem;
font-family:'Space Mono'; font-size:.52rem; letter-spacing:.12em;
text-transform:uppercase; margin-bottom:1.2rem;}
.bl-cat-agro{color:#4a8c3f;}
.bl-cat-defi{color:#ffffff;}
.bl-cat-mercado{color:var(--gold);}
.bl-cat-finca{color:#c44b2d;}
.bl-feat-date{font-family:'Space Mono'; font-size:.5rem;
color:rgba(245,240,232,.35); letter-spacing:.08em; margin-bottom:.8rem;}
.bl-feat-title{font-family:'Bebas Neue'; font-size:clamp(1.8rem,3vw,2.8rem);
color:#fff; line-height:.95; margin-bottom:1rem; letter-spacing:.03em;}
.bl-feat-excerpt{font-size:.92rem; line-height:1.78; color:rgba(245,240,232,.6); margin-bottom:1.8rem;}
.bl-feat-meta{display:flex; align-items:center; justify-content:space-between;
padding-top:1.2rem; border-top:1px solid rgba(255,255,255,.06);}
.bl-feat-author{display:flex; align-items:center; gap:.7rem;}
.bl-feat-avatar{width:32px; height:32px; border-radius:50%;
background:rgba(200,168,75,.15); border:1px solid rgba(200,168,75,.25);
display:flex; align-items:center; justify-content:center;
font-family:'Bebas Neue'; font-size:.7rem; color:var(--gold);}
.bl-feat-author-name{font-family:'Space Mono'; font-size:.52rem; color:rgba(245,240,232,.5);}
.bl-feat-read{font-family:'Space Mono'; font-size:.52rem; color:var(--gold);
letter-spacing:.1em; text-transform:uppercase; cursor:pointer;}
/* POSTS GRID */
.bl-grid
.bl-card{border-right:1px solid rgba(200,168,75,.07);
border-bottom:1px solid rgba(200,168,75,.07);
cursor:pointer; transition:background .25s;
overflow:hidden;}
.bl-card:nth-child(3n){border-right:none;}
.bl-card:hover{background:rgba(200,168,75,.03);}
.bl-card-img{height:200px; overflow:hidden; position:relative;}
.bl-card-img img{width:100%; height:100%; object-fit:cover; display:block;
transition:transform .5s;}
.bl-card:hover .bl-card-img img{transform:scale(1.05);}
.bl-card-img-overlay{position:absolute; inset:0;
background:linear-gradient(to top, rgba(10,10,7,.65) 0%, transparent 55%);}
.bl-card-cat-badge{position:absolute; top:.7rem; left:.8rem;
font-family:'Space Mono'; font-size:.46rem; letter-spacing:.08em;
text-transform:uppercase; padding:.2rem .55rem;}
.bl-badge-agro{background:rgba(74,140,63,.85); color:#fff;}
.bl-badge-defi{background:rgba(74,158,255,.75); color:#fff;}
.bl-badge-mercado{background:rgba(200,168,75,.9); color:#0a0a07;}
.bl-badge-finca{background:rgba(196,75,45,.85); color:#fff;}
.bl-card-body{padding:1.4rem 1.5rem 1.6rem;}
.bl-card-date{font-family:'Space Mono'; font-size:.48rem;
color:rgba(245,240,232,.3); letter-spacing:.08em; margin-bottom:.5rem;}
.bl-card-title{font-family:'Bebas Neue'; font-size:1.3rem; letter-spacing:.03em;
color:#fff; line-height:1.05; margin-bottom:.6rem;}
.bl-card-excerpt{font-size:.85rem; line-height:1.65; color:rgba(245,240,232,.45);
margin-bottom:1rem;}
.bl-card-footer{display:flex; justify-content:space-between; align-items:center;
padding-top:.8rem; border-top:1px solid rgba(255,255,255,.05);}
.bl-card-author{font-family:'Space Mono'; font-size:.46rem; color:rgba(245,240,232,.35);}
.bl-card-min{font-family:'Space Mono'; font-size:.46rem; color:var(--gold); letter-spacing:.08em;}
/* NEWSLETTER STRIP */
.bl-newsletter
.bl-nl-title{font-family:'Bebas Neue'; font-size:1.8rem; color:#fff; margin-bottom:.3rem;}
.bl-nl-sub{font-size:.9rem; color:rgba(245,240,232,.5); line-height:1.6;}
.bl-nl-input:focus{border-color:var(--gold);}
.bl-nl-input::placeholder{color:rgba(245,240,232,.3);}
#s-faq{overflow-y:auto;overflow-x:hidden;background:#0a0a07;flex-direction:column !important;align-items:stretch !important}
/* HERO */
.fq-hero
.fq-hero-bg{position:absolute; inset:0;
background:linear-gradient(135deg, rgba(200,168,75,.04) 0%, transparent 60%);}
.fq-hero-tag{font-family:'Space Mono'; font-size:.6rem; letter-spacing:.28em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.8rem; margin-bottom:1.4rem;}
.fq-hero-tag::before{content:''; width:36px; height:1px; background:var(--gold);}
.fq-hero h1{font-family:'Bebas Neue'; font-size:clamp(4rem,8vw,8rem);
line-height:.85; color:#fff; margin-bottom:1.2rem;
position:relative; z-index:1;}
.fq-hero h1 em{color:var(--gold); font-style:normal;}
.fq-hero p{font-size:1.05rem; color:rgba(245,240,232,.55); max-width:540px;
line-height:1.75; position:relative; z-index:1;}
.fq-hero-num{position:absolute; right:4rem; top:50%; transform:translateY(-50%);
font-family:'Bebas Neue'; font-size:18rem; color:rgba(200,168,75,.04);
line-height:1; pointer-events:none; user-select:none;}
/* BODY */
.fq-body
/* CATEGORY TABS */
.fq-tabs
.fq-tabs::-webkit-scrollbar{display:none;}
.fq-tab{font-family:'Space Mono'; font-size:.56rem; letter-spacing:.12em;
text-transform:uppercase; padding:.8rem 1.4rem;
background:transparent; border:none; color:rgba(245,240,232,.4);
cursor:pointer; transition:all .2s; white-space:nowrap;
border-bottom:2px solid transparent; margin-bottom:-1px;}
.fq-tab:hover{color:rgba(245,240,232,.7);}
.fq-tab.active{color:var(--gold); border-bottom-color:var(--gold);}
/* FAQ ITEMS */
.fq-list
.fq-item{border-bottom:1px solid rgba(255,255,255,.06);
overflow:hidden;}
.fq-item:first-child{border-top:1px solid rgba(255,255,255,.06);}
.fq-question{display:flex; justify-content:space-between; align-items:flex-start;
padding:1.4rem 0; cursor:pointer; gap:2rem;
transition:color .2s;}
.fq-question:hover .fq-q-text{color:var(--gold);}
.fq-q-text{font-size:1rem; color:rgba(245,240,232,.85); line-height:1.5;
font-weight:400; transition:color .2s;}
.fq-item.open .fq-q-text{color:var(--gold);}
.fq-icon{width:24px; height:24px; border:1px solid rgba(200,168,75,.25);
border-radius:50%; display:flex; align-items:center; justify-content:center;
flex-shrink:0; margin-top:.1rem; transition:all .25s;
color:var(--gold); font-size:.8rem; font-family:'Space Mono';}
.fq-item.open .fq-icon{background:var(--gold); color:#0a0a07; transform:rotate(45deg);
border-color:var(--gold);}
.fq-answer{max-height:0; overflow:hidden;
transition:max-height .4s cubic-bezier(.4,0,.2,1);}
.fq-item.open .fq-answer{max-height:600px;}
.fq-answer-inner{padding:0 3rem 1.6rem 0;
font-size:.93rem; line-height:1.82; color:rgba(245,240,232,.6);}
.fq-answer-inner strong{color:rgba(245,240,232,.85);}
.fq-answer-inner ul{margin:.6rem 0 .6rem 1.2rem;}
.fq-answer-inner li{margin-bottom:.35rem;}
.fq-answer-inner .highlight{display:inline-block; background:rgba(200,168,75,.08);
border:1px solid rgba(200,168,75,.2); padding:.15rem .5rem;
font-family:'Space Mono'; font-size:.82em; color:var(--gold);
margin:0 .1rem;}
/* CTA */
.fq-cta
.fq-cta-title{font-family:'Bebas Neue'; font-size:1.8rem; color:#fff; margin-bottom:.4rem;}
.fq-cta-sub{font-size:.9rem; color:rgba(245,240,232,.55); line-height:1.65;}
.fq-contact-item{display:flex; align-items:center; gap:.6rem;
font-family:'Space Mono'; font-size:.54rem;
color:rgba(245,240,232,.5); letter-spacing:.06em; white-space:nowrap;}
.fq-contact-item a{color:var(--gold); text-decoration:none;}
.fq-contact-item a:hover{text-decoration:underline;}
/* ── HOW IT WORKS, REDESIGN ── */
.cf-wrap
/* HERO STATEMENT */
.cf-hero
.cf-hero-tag{font-family:'Space Mono';font-size:.65rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;gap:.8rem;}
.cf-hero-tag::before,.cf-hero-tag::after{content:'';display:block;width:48px;height:1px;background:var(--gold);}
.cf-hero-h{font-family:'Bebas Neue';font-size:clamp(3.5rem,8vw,7rem);line-height:.88;color:var(--white);margin-bottom:1.4rem;}
.cf-hero-h em{color:var(--gold);font-style:normal;}
.cf-hero-p{font-size:1.1rem;line-height:1.85;color:var(--text-mid);max-width:580px;margin:0 auto 2.5rem;}
.cf-hero-nums{display:flex;justify-content:center;gap:4rem;}
.cf-hnum-val{font-family:'Bebas Neue';font-size:3.5rem;color:var(--white);line-height:1;}
.cf-hnum-lbl{font-family:'Space Mono';font-size:.55rem;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-top:.2rem;}
/* TIMELINE, full-width alternating */
.cf-timeline
.cf-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;
background:linear-gradient(to bottom,transparent,rgba(200,168,75,0.3) 10%,rgba(200,168,75,0.3) 90%,transparent);
transform:translateX(-50%);}
.cf-step{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;margin-bottom:0;align-items:start;}
.cf-step:nth-child(odd) .cs-content{grid-column:1;text-align:right;padding-right:3rem;}
.cf-step:nth-child(odd) .cs-visual{grid-column:3;padding-left:3rem;}
.cf-step:nth-child(even) .cs-content{grid-column:3;grid-row:1;text-align:left;padding-left:3rem;}
.cf-step:nth-child(even) .cs-visual{grid-column:1;grid-row:1;padding-right:3rem;text-align:right;}
.cs-node{grid-column:2;display:flex;flex-direction:column;align-items:center;padding-top:2rem;}
.cs-circle{width:52px;height:52px;border-radius:50%;
background:var(--black);border:2px solid var(--gold);
display:flex;align-items:center;justify-content:center;
font-family:'Bebas Neue';font-size:1.3rem;color:var(--gold);
position:relative;z-index:2;flex-shrink:0;
box-shadow:0 0 0 6px rgba(200,168,75,0.06);}
.cs-line{flex:1;width:1px;background:rgba(200,168,75,0.2);min-height:40px;}
.cs-content{padding-top:1.8rem;padding-bottom:3rem;}
.cs-eyebrow{font-family:'Space Mono';font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem;}
.cs-title{font-family:'Bebas Neue';font-size:2.2rem;letter-spacing:.04em;color:var(--white);line-height:.95;margin-bottom:.8rem;}
.cs-.cs-pills{display:flex;gap:.45rem;flex-wrap:wrap;}
.cf-step:nth-child(odd) .cs-pills{justify-content:flex-end;}
.cs-pill{font-family:'Space Mono';font-size:.5rem;letter-spacing:.08em;padding:.28rem .7rem;border:1px solid rgba(200,168,75,0.25);color:rgba(200,168,75,0.7);text-transform:uppercase;}
.cs-visual{padding-top:1.8rem;padding-bottom:3rem;}
.cs-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border:1px solid rgba(200,168,75,0.12);position:relative;overflow:hidden;}
.cs-img-wrap{position:relative;overflow:hidden;border:1px solid rgba(200,168,75,0.12);}
.cs-img-wrap img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform .5s;}
.cs-img-wrap:hover img{transform:scale(1.03);}
.cs-img-caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem .8rem;background:linear-gradient(to top,rgba(10,10,7,.85),transparent);font-family:'Space Mono';font-size:.48rem;color:rgba(245,240,232,.6);letter-spacing:.08em;}
.cs-data-card{background:rgba(10,10,7,.75);border:1px solid rgba(200,168,75,.15);backdrop-filter:blur(12px);padding:1.4rem;}
.cs-data-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.04);}
.cs-data-row:last-child{border-bottom:none;}
.cdr-label{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;}
.cdr-value{font-family:'Bebas Neue';font-size:1.1rem;color:var(--gold);}
.cdr-value.green{color:#ffffff;}
.cdr-value.white{color:var(--white);}
/* DUAL ENGINE SECTION */
.cf-dual
.cf-dual-header{text-align:center;margin-bottom:2.5rem;}
.cf-dual-header h2{font-family:'Bebas Neue';font-size:clamp(2.5rem,5vw,4.5rem);color:var(--white);line-height:.9;margin-bottom:.6rem;}
.cf-dual-header p{font-size:.95rem;color:var(--text-mid);}
.cf-engines{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(200,168,75,.12);}
.cf-engine{padding:2.8rem;position:relative;overflow:hidden;}
.cf-engine:first-child{border-right:1px solid rgba(200,168,75,.12);}
.cf-engine-pct{position:absolute;bottom:-1rem;right:-0.5rem;
font-family:'Bebas Neue';font-size:11rem;
color:rgba(200,168,75,0.05);line-height:1;
pointer-events:none;}
.cf-engine-tag{font-family:'Space Mono';font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:.8rem;}
.cf-engine-title{font-family:'Bebas Neue';font-size:2rem;letter-spacing:.04em;color:var(--white);line-height:.95;margin-bottom:.8rem;}
.cf-engine-.cf-engine-items{list-style:none;}
.cf-engine-items li{font-family:'Space Mono';font-size:.56rem;letter-spacing:.06em;color:var(--text-dim);padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;gap:.6rem;}
.cf-engine-items li::before{content:'';width:5px;height:5px;border-radius:50%;flex-shrink:0;}
.cf-engine.agro .cf-engine-tag{color:#ffffff;}
.cf-engine.agro .cf-engine-items li::before{background:var(--green-l);}
.cf-engine.defi .cf-engine-tag{color:#ffffff;}
.cf-engine.defi .cf-engine-items li::before{background:#4a9eff;}
/* YIELD TABLE, reimagined */
.cf-yields
.cf-yields-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;}
.cf-yields-header h2{font-family:'Bebas Neue';font-size:clamp(2rem,4vw,3.5rem);color:var(--white);line-height:.9;}
.cf-yields-header p{font-family:'Space Mono';font-size:.55rem;color:var(--text-dim);letter-spacing:.1em;text-align:right;max-width:260px;line-height:1.6;}
.cf-yield-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;align-items:center;padding:1.2rem 1.6rem;border:1px solid rgba(200,168,75,.08);margin-bottom:-.5px;transition:all .3s;cursor:default;position:relative;}
.cf-yield-row:hover{background:rgba(200,168,75,.04);border-color:rgba(200,168,75,.2);z-index:1;}
.cf-yield-row.header{background:transparent;border-color:rgba(200,168,75,.15);padding:.7rem 1.6rem;}
.cyr-capital{font-family:'Bebas Neue';font-size:1.8rem;color:var(--white);line-height:1;}
.cyr-capital-lbl{font-family:'Space Mono';font-size:.48rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:.1rem;}
.cyr-range{font-family:'Space Mono';font-size:.62rem;color:var(--text-dim);}
.cyr-expected{font-family:'Bebas Neue';font-size:1.5rem;color:var(--gold);}
.cyr-total{text-align:right;}
.cyr-total-val{font-family:'Bebas Neue';font-size:1.5rem;color:#ffffff;}
.cyr-total-lbl{font-family:'Space Mono';font-size:.46rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;}
.cyr-bar-wrap{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(255,255,255,.04);}
.cyr-bar{height:100%;background:linear-gradient(90deg,var(--green-l),var(--gold));transition:width .6s;}
.cf-yield-row.header .cyr-capital{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;}
.cf-yield-row.header .cyr-range,
.cf-yield-row.header .cyr-expected,
.cf-yield-row.header .cyr-total-val{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;}
/* CTA FINAL */
.cf-cta
.cf-cta::before{content:'CINARUCO';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Bebas Neue';font-size:14rem;color:rgba(200,168,75,.03);white-space:nowrap;pointer-events:none;line-height:1;}
.cf-cta h2{font-family:'Bebas Neue';font-size:clamp(2.5rem,5vw,5rem);color:var(--white);line-height:.9;margin-bottom:1rem;position:relative;}
.cf-cta p{font-size:1rem;color:var(--text-mid);max-width:500px;margin:0 auto 2rem;position:relative;}
.cf-cta-btns{display:flex;gap:1rem;justify-content:center;position:relative;}
/* HERO */
.home-hero{position:relative;min-height:100vh;overflow:hidden;display:flex;align-items:flex-end;}
.home-hero-bg{position:absolute;inset:0;}
.home-hero-shade{position:absolute;inset:0;
background:linear-gradient(to bottom,rgba(10,10,7,.2) 0%,rgba(10,10,7,.5) 50%,rgba(10,10,7,.95) 85%,#0a0a07 100%);}
.home-hero-content{position:relative;z-index:2;width:100%;padding:0 3rem 5rem;
display:grid;grid-template-columns:1fr 400px;gap:4rem;align-items:flex-end;}
.lc-eyebrow{font-family:"Space Mono";font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;
color:#c8a84b;margin-bottom:1.4rem;display:flex;align-items:center;gap:.9rem;}
.lc-eyebrow::before{content:"";display:block;width:36px;height:1px;background:#c8a84b;}
.lc-h1{font-family:"Bebas Neue";font-size:clamp(3.5rem,8vw,7rem);
line-height:.88;color:#fff;margin-bottom:1rem;letter-spacing:.02em;}
.lc-h1 em{color:#c8a84b;font-style:normal;}
.lc-h1-tagline{font-size:.92rem;line-height:1.72;color:rgba(245,240,232,.62);
max-width:480px;margin-bottom:1.6rem;letter-spacing:.01em;}
.lc-h1-tagline strong{color:rgba(200,168,75,.9);}
.lc-sub{font-size:1.05rem;line-height:1.82;color:rgba(245,240,232,.7);
max-width:540px;margin-bottom:2rem;}
.lc-metrics{display:flex;gap:2.5rem;margin-bottom:2.5rem;flex-wrap:wrap;}
.lc-metric-val{font-family:"Bebas Neue";font-size:2rem;color:#c8a84b;letter-spacing:.04em;line-height:1;}
.lc-metric-lbl{font-family:"Space Mono";font-size:.5rem;color:rgba(245,240,232,.45);letter-spacing:.1em;text-transform:uppercase;margin-top:.2rem;}
.lc-btns{display:flex;gap:.8rem;flex-wrap:wrap;}
/* Login card */
.login-card{background:rgba(10,10,7,0.92);border:1px solid rgba(200,168,75,0.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2.2rem;animation:fadeUp .5s ease;}
.lk-title{font-family:"Bebas Neue";font-size:1.6rem;color:#fff;letter-spacing:.06em;margin-bottom:.3rem;}
.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.2rem;}
.social-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;
padding:.6rem .3rem;background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.1);cursor:pointer;
transition:all .2s;font-family:"Space Mono";font-size:.46rem;
letter-spacing:.06em;text-transform:uppercase;color:rgba(245,240,232,.65);}
.social-btn:hover{border-color:rgba(200,168,75,.35);background:rgba(200,168,75,.06);}
.wallet-row{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-bottom:.7rem;}
.wallet-mini{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
cursor:pointer;transition:all .2s;}
.wallet-mini:hover{border-color:rgba(200,168,75,.35);}
.wallet-mini span{font-family:"Space Mono";font-size:.48rem;color:rgba(245,240,232,.6);letter-spacing:.06em;text-transform:uppercase;}
.divider-line{display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-family:"Space Mono";font-size:.46rem;color:rgba(245,240,232,.3);letter-spacing:.1em;}
.divider-line::before,.divider-line::after{content:"";flex:1;height:1px;background:rgba(200,168,75,.1);}
.lk-input{width:100%;padding:.6rem .8rem;background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);color:#f5f0e8;
font-family:"DM Sans";font-size:1rem;box-sizing:border-box;outline:none;
margin-bottom:.5rem;transition:border .2s;}
.lk-input:focus{border-color:rgba(200,168,75,.45);}
.lk-input::placeholder{color:rgba(245,240,232,.3);}
.lk-submit{width:100%;background:#c8a84b;color:#0a0a07;font-family:"Bebas Neue";
font-size:1.2rem;letter-spacing:.1em;padding:.75rem;border:none;
cursor:pointer;transition:all .2s;margin-bottom:.5rem;}
.lk-submit:hover{background:#e8c96a;}
.lk-footer{font-family:"Space Mono";font-size:.48rem;color:rgba(245,240,232,.35);text-align:center;}
.lk-footer a{color:#c8a84b;cursor:pointer;}
/* IA STRIP */
.ia-strip{background:rgba(200,168,75,.06);border-top:1px solid rgba(200,168,75,.12);border-bottom:1px solid rgba(200,168,75,.12);padding:3.5rem 3rem;}
.ia-strip-inner{max-width:1140px;margin:0 auto;
display:flex;align-items:center;gap:3rem;flex-wrap:wrap;}
/* PROJECTS SECTION */
.home-projects{max-width:1140px;margin:0 auto;padding:6rem 3rem;}
.home-proj-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.hp-card-body{padding:1.2rem 1.4rem 1.4rem;}
.hp-card{background:#0c0c09;border:1px solid rgba(200,168,75,.12);overflow:hidden;
cursor:pointer;transition:all .3s;}
.hp-card:hover{border-color:rgba(200,168,75,.4);transform:translateY(-3px);}
.hp-card-img{height:200px;overflow:hidden;position:relative;}
.hp-card-img img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.7);transition:transform .5s;}
.hp-card:hover .hp-card-img img{transform:scale(1.04);}
.hp-card-img-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(12,12,9,.9) 100%);}
.hp-card-name{font-family:"Bebas Neue";font-size:1.4rem;color:#fff;letter-spacing:.04em;margin-bottom:.25rem;}
.hp-card-loc{font-family:"Space Mono";font-size:.48rem;color:rgba(245,240,232,.4);margin-bottom:1rem;letter-spacing:.06em;}
.hp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;}
.hp-metric{text-align:center;padding:.55rem .3rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);}
.hp-metric-val{font-family:"Bebas Neue";font-size:1.1rem;color:#c8a84b;letter-spacing:.04em;line-height:1;}
.hp-metric-lbl{font-family:"Space Mono";font-size:.42rem;color:rgba(245,240,232,.4);text-transform:uppercase;letter-spacing:.06em;margin-top:.2rem;}
.hp-prog-track{height:4px;background:rgba(255,255,255,.06);margin-bottom:.3rem;}
.hp-prog-fill{height:100%;background:#c8a84b;}
.hp-prog-label{display:flex;justify-content:space-between;font-family:"Space Mono";font-size:.46rem;color:rgba(245,240,232,.4);}
.hp-btn{width:100%;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.25);
color:#c8a84b;font-family:"Bebas Neue";font-size:1.1rem;letter-spacing:.1em;
padding:.7rem;cursor:pointer;transition:all .2s;margin-top:1rem;}
.hp-btn:hover{background:#c8a84b;color:#0a0a07;}
#chatbot-btn{position:fixed;bottom:3.5rem;right:1.5rem;z-index:400;
width:54px;height:54px;border-radius:50%;
background:#c8a84b;border:none;cursor:pointer;
display:flex;align-items:center;justify-content:center;
box-shadow:0 4px 20px rgba(200,168,75,.4);
transition:all .3s;animation:chatPulse 3s ease-in-out infinite;}
#chatbot-btn:hover{transform:scale(1.08);background:#e8c96a;}
#chatbot-badge{position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:#c44b2d;border:2px solid #080806;}
#chatbot-panel{
display:none;
position:fixed;
bottom:6.5rem;
right:1.5rem;
z-index:399;
width:360px;
max-height:520px;
flex-direction:column;
background:#0e0e0b;
border:1px solid rgba(200,168,75,.2);
box-shadow:0 8px 40px rgba(0,0,0,.6);
overflow:hidden;
}
#chatbot-panel.open{display:flex;}
.chat-header{padding:.8rem 1rem;background:rgba(200,168,75,.08);border-bottom:1px solid rgba(200,168,75,.15);display:flex;align-items:center;gap:.6rem;flex-shrink:0;}
.chat-header-avatar{width:32px;height:32px;border-radius:50%;background:#c8a84b;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chat-header-name{font-family:"DM Sans";font-size:.9rem;font-weight:500;color:#f5f0e8;}
.chat-header-status{font-family:"Space Mono";font-size:.44rem;color:#4a8c3f;letter-spacing:.06em;}
.chat-close{margin-left:auto;background:none;border:none;color:rgba(245,240,232,.5);cursor:pointer;font-size:1rem;padding:.2rem;}
.chat-messages{flex:1;overflow-y:auto;padding:.7rem;display:flex;flex-direction:column;gap:.6rem;scroll-behavior:smooth;}
.chat-messages::-webkit-scrollbar{width:3px;}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(200,168,75,.2);}
.msg{max-width:85%;}
.msg-bot{align-self:flex-start;}
.msg-user{align-self:flex-end;}
.msg-bubble{padding:.55rem .8rem;font-size:.88rem;line-height:1.55;}
.msg-bot .msg-bubble{background:rgba(255,255,255,.06);color:#f5f0e8;border:1px solid rgba(255,255,255,.08);}
.msg-user .msg-bubble{background:#c8a84b;color:#080806;font-weight:500;}
.chat-quick-btns{padding:.4rem .7rem;display:flex;gap:.35rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;}
.chat-quick-btn{font-family:"Space Mono";font-size:.46rem;padding:.28rem .6rem;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.2);color:#c8a84b;cursor:pointer;white-space:nowrap;}
.chat-input-bar{display:flex;gap:.35rem;padding:.6rem;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;}
#chat-input{flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#f5f0e8;font-family:"DM Sans";font-size:.88rem;padding:.45rem .7rem;outline:none;}
#chat-input:focus{border-color:rgba(200,168,75,.4);}
#chat-send{background:#c8a84b;border:none;color:#080806;padding:.45rem .8rem;cursor:pointer;}
.chat-typing{display:flex;gap:.25rem;align-items:center;padding:.5rem .8rem;}
.chat-typing span{width:6px;height:6px;border-radius:50%;background:rgba(200,168,75,.5);animation:typDot 1.2s ease-in-out infinite;}
.chat-typing span:nth-child(2){animation-delay:.2s;}
.chat-typing span:nth-child(3){animation-delay:.4s;}
@keyframes typDot
.chat-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4a8c3f;margin-right:.35rem;animation:pulse 2s infinite;}
.msg-time{font-family:"Space Mono";font-size:.38rem;color:rgba(245,240,232,.25);margin-top:.2rem;padding:0 .2rem;}
.msg-user .msg-time{text-align:right;}
.ticker-bar{position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(8,8,6,.9);border-top:1px solid rgba(200,168,75,.15);padding:.38rem 0;overflow:hidden;}
.ticker-inner{display:flex;animation:tickScroll 70s linear infinite;white-space:nowrap;will-change:transform;}
.ticker-inner:hover{animation-play-state:paused;}
@keyframes tickScroll
.tick-item{display:inline-flex;align-items:center;gap:.4rem;padding:0 1.4rem;border-right:1px solid rgba(200,168,75,.08);height:34px;flex-shrink:0;}
.ti-sym{font-family:"Space Mono";font-size:.52rem;letter-spacing:.1em;color:#c8a84b;text-transform:uppercase;}
.ti-val{font-family:"Space Mono";font-size:.52rem;color:#f5f0e8;letter-spacing:.04em;}
.ti-chg{font-family:"Space Mono";font-size:.46rem;letter-spacing:.04em;}
.ti-up{color:#4a8c3f;}
.ti-dn{color:#c44b2d;}
.ti-flat{color:rgba(245,240,232,.4);}
#bg-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%}
.screen{position:fixed;inset:0;z-index:10;display:none;flex-direction:column;align-items:stretch;overflow-y:auto}
.screen.active{display:flex;flex-direction:column;width:100%;min-width:0;overflow-x:hidden;}
.nav-logo{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:.14em;color:var(--gold);display:flex;align-items:center;gap:.6rem;cursor:pointer;}
.nav-dot{width:7px;height:7px;border-radius:50%;background:var(--green-l);animation:pulse 2s infinite;}
@keyframes pulse
.nav-links a{font-family:'Space Mono';font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;transition:color .2s;text-decoration:none;}
.nav-links a:hover{color:var(--gold);}
.nav-cta{font-family:'Space Mono';font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;background:var(--gold);color:var(--black);padding:.5rem 1.3rem;border:none;cursor:pointer;font-weight:700;transition:background .2s;}
.nav-cta:hover{background:var(--gold-l);}
.card{background:var(--glass2);border:1px solid var(--border);backdrop-filter:blur(20px);padding:2.8rem;width:100%;animation:fadeUp .4s ease}
@keyframes fadeUp
#s-landing{align-items:flex-end;padding-bottom:0}
.lc-title{font-family:'Bebas Neue';font-size:clamp(4.5rem,10vw,9.5rem);line-height:.88;color:var(--white);margin-bottom:1.6rem;}
.lc-title .accent{color:var(--gold);}
.lc-body{font-size:1.05rem;line-height:1.8;color:var(--text-mid);max-width:520px;margin-bottom:2rem;}
.lc-stats{display:flex;gap:2.5rem;margin-bottom:2.5rem;}
.ls-item .ls-num{font-family:'Bebas Neue';font-size:2.8rem;color:var(--white);line-height:1;}
.ls-item .ls-label{font-family:'Space Mono';font-size:.54rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:.1rem;}
.lc-actions{display:flex;gap:.8rem;flex-wrap:wrap;}
/* Login card on landing */
.lc-right .login-card{background:rgba(10,10,7,0.92);border:1px solid rgba(200,168,75,0.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:2.2rem;animation:fadeUp .5s ease;}
.lk-sub{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);margin-bottom:1.6rem;letter-spacing:.08em;}
.form-label{font-family:'Space Mono';font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.35rem;display:block}
.form-input{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(200,168,75,.18);color:var(--cream);font-family:'DM Sans';font-size:.95rem;padding:.78rem 1rem;outline:none;transition:border .2s;margin-bottom:1rem;}
.form-input:focus{border-color:var(--gold);background:rgba(200,168,75,.04);}
.form-input::placeholder{color:var(--text-dim);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.social-btn svg{width:16px;height:16px;flex-shrink:0;}
/* Wallet buttons */
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1rem;}
.wallet-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .4rem;border:1px solid var(--border2);background:rgba(255,255,255,.03);cursor:pointer;transition:all .2s;}
.wallet-btn:hover{border-color:var(--gold);background:var(--gold-dim);}
.wallet-btn .wb-icon{font-size:1.2rem;}
.wallet-btn .wb-label{font-family:'Space Mono';font-size:.44rem;letter-spacing:.06em;color:var(--text-dim);text-transform:uppercase;}
.wallet-btn:hover .wb-label{color:var(--gold);}
.divider{display:flex;align-items:center;gap:.8rem;margin:.8rem 0;font-family:'Space Mono';font-size:.5rem;color:var(--text-dim);letter-spacing:.1em;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}
.btn-primary{width:100%;background:var(--gold);color:var(--black);font-family:'Bebas Neue';font-size:1.3rem;letter-spacing:.1em;padding:.9rem;border:none;cursor:pointer;transition:all .2s;margin-top:.5rem;}
.btn-primary:hover{background:var(--gold-l);}
.link-text{font-family:'Space Mono';font-size:.52rem;text-align:center;color:var(--text-dim);margin-top:.9rem;cursor:pointer;}
.link-text span{color:var(--gold);text-decoration:underline;}
#s-register .card{max-width:520px;margin-top:80px}
.step-dots{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.8rem;}
.step-dot{width:28px;height:3px;background:rgba(200,168,75,.2);transition:background .3s;}
.step-dot.active{background:var(--gold);}
.step-dot.done{background:rgba(74,140,63,.6);}
.card-title{font-family:'Bebas Neue';font-size:2rem;letter-spacing:.06em;color:var(--white);margin-bottom:.3rem;}
.card-sub{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);margin-bottom:1.8rem;letter-spacing:.08em;line-height:1.6;}
#s-products{align-items:flex-start;padding-top:80px}
.products-page{width:100%;padding:2rem 2.5rem;max-width:1200px;margin:0 auto;}
.page-header{margin-bottom:2rem;}
.page-header h1{font-family:'Bebas Neue';font-size:2.8rem;letter-spacing:.06em;color:var(--white);margin-bottom:.3rem;}
.page-header p{font-family:'Space Mono';font-size:.58rem;color:var(--text-dim);letter-spacing:.1em;}
.products-filter{display:flex;gap:.7rem;margin-bottom:1.8rem;flex-wrap:wrap;}
.filter-btn{font-family:'Space Mono';font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:.42rem .9rem;border:1px solid var(--border);background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s;}
.filter-btn:hover,.filter-btn.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold);}
/* PRODUCT CARD */
.product-card
.product-card:hover{border-color:var(--gold);transform:translateY(-3px);}
.pc-img{height:200px;position:relative;overflow:hidden;}
.pc-img canvas{display:block;width:100%;height:100%;}
.pc-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,7,.9) 0%,rgba(10,10,7,.1) 60%);}
.pc-tags{position:absolute;bottom:.8rem;left:.9rem;display:flex;gap:.45rem;}
.pc-tag{font-family:'Space Mono';font-size:.48rem;letter-spacing:.08em;padding:.22rem .55rem;text-transform:uppercase;}
.pc-tag.venta{background:rgba(200,168,75,.85);color:#0a0a07;}
.pc-tag.recaudando{background:rgba(74,140,63,.85);color:#fff;}
.pc-tag.pronto{background:rgba(74,158,255,.7);color:#fff;}
.pc-badge-type{position:absolute;top:.8rem;right:.9rem;font-family:'Space Mono';font-size:.46rem;letter-spacing:.08em;padding:.22rem .6rem;text-transform:uppercase;}
.pc-badge-type.variable{background:rgba(196,75,45,.85);color:#fff;}
.pc-badge-type.fijo{background:rgba(74,140,63,.85);color:#fff;}
.pc-body{padding:1.2rem 1.4rem 1.4rem;}
.pc-type-label{font-family:'Space Mono';font-size:.52rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35rem;}
.pc-type-label.variable{color:var(--rust);}
.pc-type-label.fijo{color:#ffffff;}
.pc-name{font-family:'Bebas Neue';font-size:1.4rem;letter-spacing:.05em;color:var(--white);margin-bottom:1rem;}
.pc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;}
.pcm-item{text-align:center;padding:.55rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);}
.pcm-val{font-family:'Bebas Neue';font-size:1.1rem;color:var(--gold);line-height:1;margin-bottom:.15rem;}
.pcm-label{font-family:'Space Mono';font-size:.44rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;}
.pcm-sub{font-family:'Space Mono';font-size:.42rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:.08rem;}
.pc-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.06);}
.pc-min-inv .pmi-amount{font-family:'Bebas Neue';font-size:1.6rem;color:var(--white);line-height:1;}
.pc-min-inv .pmi-label{font-family:'Space Mono';font-size:.46rem;color:var(--text-dim);text-transform:uppercase;}
.pc-arrow{width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1rem;transition:all .2s;}
.product-card:hover .pc-arrow{background:var(--gold);color:var(--black);}
/* progress bar */
.pc-progress
.pp-labels{display:flex;justify-content:space-between;font-family:'Space Mono';font-size:.48rem;color:var(--text-dim);margin-bottom:.3rem;}
.pp-bar{height:3px;background:rgba(255,255,255,.08);overflow:hidden;}
.pp-fill{height:100%;background:linear-gradient(90deg,var(--green-l),var(--gold));transition:width .8s;}
#s-detail{align-items:flex-start;padding-top:80px}
.detail-page{width:100%;padding:2rem 2.5rem;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:2rem;}
.dp-hero{height:320px;position:relative;overflow:hidden;margin-bottom:1.5rem;}
.dp-hero canvas{display:block;width:100%;height:100%;}
.dp-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,7,.95) 0%,rgba(10,10,7,.2) 70%);}
.dp-hero-content{position:absolute;bottom:1.5rem;left:1.8rem;right:1.8rem;}
.dh-tags{display:flex;gap:.5rem;margin-bottom:.7rem;}
.dh-title{font-family:'Bebas Neue';font-size:2.5rem;letter-spacing:.05em;color:var(--white);margin-bottom:.3rem;}
.dh-sub{font-family:'Space Mono';font-size:.55rem;color:var(--text-dim);letter-spacing:.1em;}
.dpm-card{background:var(--glass);border:1px solid var(--border);padding:.9rem;text-align:center;backdrop-filter:blur(8px);}
.dpm-val{font-family:'Bebas Neue';font-size:1.5rem;color:var(--gold);line-height:1;margin-bottom:.2rem;}
.dpm-label{font-family:'Space Mono';font-size:.46rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;}
.dp-description{background:var(--glass);border:1px solid var(--border);padding:1.4rem;margin-bottom:1rem;backdrop-filter:blur(8px);}
.dp-description h3{font-family:'Bebas Neue';font-size:1.2rem;letter-spacing:.06em;color:var(--white);margin-bottom:.7rem;}
.dp-description p{font-size:.9rem;line-height:1.75;color:var(--text-mid);}
.dp-back{display:flex;align-items:center;gap:.6rem;font-family:'Space Mono';font-size:.56rem;color:var(--gold);cursor:pointer;margin-bottom:1.4rem;letter-spacing:.1em;text-transform:uppercase;}
.dp-back:hover{color:var(--gold-l);}
/* CALCULATOR */
.calc-panel
.calc-title{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:.06em;color:var(--white);margin-bottom:.3rem;}
.calc-sub{font-family:'Space Mono';font-size:.5rem;color:var(--text-dim);margin-bottom:1.5rem;letter-spacing:.08em;line-height:1.6;}
.calc-input-wrap{position:relative;margin-bottom:1rem;}
.calc-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(200,168,75,.2);color:var(--cream);font-family:'Bebas Neue';font-size:2rem;letter-spacing:.06em;padding:.7rem 5rem .7rem 1.2rem;outline:none;transition:border .2s;}
.calc-input:focus{border-color:var(--gold);}
.calc-currency{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-family:'Space Mono';font-size:.6rem;color:var(--gold);letter-spacing:.1em;}
.calc-equiv{background:rgba(200,168,75,.06);border:1px solid rgba(200,168,75,.14);padding:.75rem 1.1rem;margin-bottom:1.2rem;display:flex;justify-content:space-between;align-items:center;}
.ce-label{font-family:'Space Mono';font-size:.5rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;}
.ce-val{font-family:'Bebas Neue';font-size:1.4rem;color:var(--cream);}
.ce-unit{font-family:'Space Mono';font-size:.52rem;color:var(--gold);}
.calc-results{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.4rem;}
.cr-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:.8rem;text-align:center;}
.cr-label{font-family:'Space Mono';font-size:.46rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.3rem;}
.cr-val{font-family:'Bebas Neue';font-size:1.4rem;color:var(--gold);line-height:1;}
.cr-val.green{color:#ffffff;}
.cr-val.big{font-size:1.8rem;color:var(--white);}
.calc-slider{margin-bottom:1.2rem;}
.cs-label{font-family:'Space Mono';font-size:.5rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.5rem;display:flex;justify-content:space-between;}
input[type=range]{width:100%;-webkit-appearance:none;height:3px;background:rgba(255,255,255,.08);outline:none;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--gold);cursor:pointer;border-radius:50%;}
.calc-disclaimer{font-family:'Space Mono';font-size:.46rem;color:var(--text-dim);letter-spacing:.06em;line-height:1.6;margin-bottom:1rem;}
.btn-invest-now{width:100%;background:var(--gold);color:var(--black);font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:.12em;padding:1rem;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.8rem;}
.btn-invest-now:hover{background:var(--gold-l);}
#s-payment{align-items:flex-start;padding-top:80px}
.payment-page{width:100%;padding:2rem 2.5rem;max-width:900px;margin:0 auto;}
.fs-step{padding:.8rem 1rem;text-align:center;border-right:1px solid var(--border);transition:all .2s;}
.fs-step:last-child{border-right:none;}
.fs-step.active{background:var(--gold-dim);}
.fs-step.done{background:rgba(74,140,63,.08);}
.fs-num{font-family:'Space Mono';font-size:.48rem;color:var(--text-dim);letter-spacing:.1em;margin-bottom:.2rem;}
.fs-label{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;}
.fs-step.active .fs-label{color:var(--gold);}
.fs-step.done .fs-label{color:#ffffff;}
.payment-grid{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;}
.pay-methods-title{font-family:'Bebas Neue';font-size:1.3rem;letter-spacing:.06em;color:var(--white);margin-bottom:1rem;}
.pay-methods-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:1.5rem;}
.pay-method-btn{padding:.7rem .5rem;border:1px solid var(--border2);background:rgba(255,255,255,.03);cursor:pointer;transition:all .2s;text-align:center;}
.pay-method-btn:hover,.pay-method-btn.sel{border-color:var(--gold);background:var(--gold-dim);}
.pmb-icon{font-size:1.1rem;margin-bottom:.25rem;}
.pmb-label{font-family:'Space Mono';font-size:.48rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;display:block;}
.pay-method-btn.sel .pmb-label{color:var(--gold);}
.pay-detail-box{background:rgba(255,255,255,.02);border:1px solid var(--border);padding:1.2rem;margin-bottom:1rem;display:none;}
.pay-detail-box.show{display:block;}
.pdb-title{font-family:'Space Mono';font-size:.56rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;}
.pdb-address{font-family:'Space Mono';font-size:.62rem;color:var(--cream);background:rgba(200,168,75,.06);border:1px solid rgba(200,168,75,.15);padding:.7rem;word-break:break-all;letter-spacing:.04em;line-height:1.5;}
.pdb-copy{font-family:'Space Mono';font-size:.5rem;color:var(--gold);cursor:pointer;margin-top:.5rem;display:flex;align-items:center;gap:.4rem;}
/* QR placeholder */
.qr-box
.qr-box canvas{display:block;}
/* ORDER SUMMARY */
.order-summary
.os-title{font-family:'Bebas Neue';font-size:1.2rem;letter-spacing:.06em;color:var(--white);margin-bottom:1.2rem;padding-bottom:.7rem;border-bottom:1px solid var(--border);}
.os-row{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.04);}
.os-label{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);letter-spacing:.08em;}
.os-value{font-family:'Space Mono';font-size:.58rem;color:var(--cream);}
.os-value.gold{color:var(--gold);}
.os-value.green{color:#ffffff;}
.os-total{display:flex;justify-content:space-between;padding:.8rem 0;margin-top:.3rem;}
.ost-label{font-family:'Bebas Neue';font-size:1.1rem;letter-spacing:.06em;color:var(--white);}
.ost-value{font-family:'Bebas Neue';font-size:1.5rem;color:var(--gold);}
.btn-confirm{width:100%;background:var(--gold);color:var(--black);font-family:'Bebas Neue';font-size:1.4rem;letter-spacing:.1em;padding:.9rem;border:none;cursor:pointer;transition:background .2s;margin-top:1rem;}
.btn-confirm:hover{background:var(--gold-l);}
.terms-check{display:flex;align-items:flex-start;gap:.6rem;margin-top:.8rem;}
.terms-check input{margin-top:2px;accent-color:var(--gold);}
.terms-check label{font-family:'Space Mono';font-size:.5rem;color:var(--text-dim);line-height:1.6;cursor:pointer;}
.terms-check label span{color:var(--gold);}
.success-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.9);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center}
.success-overlay.show{display:flex;}
.success-card{background:var(--glass2);border:1px solid rgba(74,140,63,.4);padding:3rem 2.5rem;max-width:480px;width:90%;text-align:center;animation:fadeUp .4s ease;}
.success-icon{width:64px;height:64px;border:2px solid var(--green-l);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.6rem;color:#ffffff;animation:scaleIn .5s .2s both;}
@keyframes scaleIn
.success-title{font-family:'Bebas Neue';font-size:2.2rem;letter-spacing:.08em;color:var(--gold);margin-bottom:.6rem;}
.success-body{font-family:'Space Mono';font-size:.56rem;color:var(--text-dim);line-height:1.8;letter-spacing:.06em;margin-bottom:1.5rem;}
.success-id{background:rgba(200,168,75,.06);border:1px solid rgba(200,168,75,.2);padding:.8rem;font-family:'Space Mono';font-size:.7rem;color:var(--gold);letter-spacing:.1em;margin-bottom:1.5rem;}
@keyframes tickscroll
.back-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Space Mono';font-size:.54rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;margin-bottom:1.2rem;transition:color .2s}
.back-btn:hover{color:var(--gold);}
.screen-pad{padding-top:80px;padding-bottom:40px;width:100%;display:flex;flex-direction:column;align-items:center;}
/* HERO */
.bl-hero
.bl-hero img{width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block;}
.bl-hero-shade{position:absolute; inset:0;
background:linear-gradient(to bottom, rgba(10,10,7,0) 30%, rgba(10,10,7,.7) 70%, rgba(10,10,7,1) 100%);}
.bl-hero-content{position:absolute; bottom:3rem; left:4rem; right:4rem;
max-width:800px;}
.bl-hero-tag{font-family:'Space Mono'; font-size:.58rem; letter-spacing:.24em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.7rem; margin-bottom:1rem;}
.bl-hero-tag::before{content:''; width:32px; height:1px; background:var(--gold);}
.bl-hero-content p{font-size:1rem; color:rgba(245,240,232,.65); max-width:560px; line-height:1.7;}
/* BODY */
.bl-body
/* FILTERS */
.bl-filters
.bl-filter:hover, .bl-filter.active{border-color:var(--gold); background:rgba(200,168,75,.08); color:var(--gold);}
/* FEATURED ARTICLE */
.bl-featured
.bl-featured:hover{border-color:rgba(200,168,75,.4);}
.bl-feat-label{display:inline-block; font-family:'Space Mono'; font-size:.48rem;
letter-spacing:.1em; text-transform:uppercase; padding:.22rem .6rem;
margin-bottom:1rem;}
.bl-feat-label.agro{background:rgba(74,140,63,.85); color:#fff;}
.bl-feat-label.defi{background:rgba(74,158,255,.7); color:#fff;}
.bl-feat-label.mercado{background:rgba(200,168,75,.9); color:#0a0a07;}
.bl-feat-label.finca{background:rgba(196,75,45,.8); color:#fff;}
.bl-meta-author{font-family:'Space Mono'; font-size:.5rem; color:rgba(245,240,232,.4);}
.bl-meta-date{font-family:'Space Mono'; font-size:.5rem; color:rgba(245,240,232,.35);}
/* SECTION TITLE */
.bl-section-title
.bl-section-title::after{content:''; flex:1; height:1px; background:rgba(200,168,75,.1);}
/* ARTICLE GRID */
.bl-grid
/* ARTICLE CARD */
.bl-card
.bl-card-label{position:absolute; top:.7rem; left:.7rem;
font-family:'Space Mono'; font-size:.46rem; letter-spacing:.08em;
text-transform:uppercase; padding:.2rem .55rem;}
.bl-card-label.agro{background:rgba(74,140,63,.9); color:#fff;}
.bl-card-label.defi{background:rgba(74,158,255,.8); color:#fff;}
.bl-card-label.mercado{background:rgba(200,168,75,.95); color:#0a0a07;}
.bl-card-label.finca{background:rgba(196,75,45,.85); color:#fff;}
.bl-card-foot{display:flex; justify-content:space-between; align-items:center;
padding-top:.8rem; border-top:1px solid rgba(255,255,255,.05);}
.bl-card-read{font-family:'Space Mono'; font-size:.48rem; color:var(--gold); letter-spacing:.06em;}
/* NEWSLETTER */
.bl-newsletter
.bl-newsletter h3{font-family:'Bebas Neue'; font-size:2rem; letter-spacing:.06em; color:#fff; margin-bottom:.5rem;}
.bl-newsletter p{font-size:.92rem; color:rgba(245,240,232,.6); max-width:460px; margin:0 auto 1.5rem; line-height:1.7;}
.bl-nl-btn{background:var(--gold); color:#0a0a07; font-family:'Space Mono';
font-size:.6rem; font-weight:700; letter-spacing:.1em;
text-transform:uppercase; padding:.75rem 1.4rem; border:none; cursor:pointer;
white-space:nowrap; transition:background .2s;}
.bl-nl-btn:hover{background:var(--gold-l);}
#s-contacto{overflow-y:auto;overflow-x:hidden;background:#0a0a07;flex-direction:column !important;align-items:stretch !important}
/* HERO SPLIT */
.ct-hero
.ct-hero-img{position:relative; overflow:hidden;}
.ct-hero-img img{width:100%; height:100%; object-fit:cover; object-position:center 40%; display:block;}
.ct-hero-img-shade{position:absolute; inset:0;
background:linear-gradient(to right, transparent 55%, rgba(10,10,7,1) 100%);}
.ct-hero-content{background:#0a0a07; padding:8rem 4rem 4rem;
display:flex; flex-direction:column; justify-content:center;}
.ct-eyebrow{font-family:'Space Mono'; font-size:.6rem; letter-spacing:.28em;
text-transform:uppercase; color:var(--gold);
display:flex; align-items:center; gap:.8rem; margin-bottom:1.4rem;}
.ct-eyebrow::before{content:''; width:36px; height:1px; background:var(--gold);}
.ct-hero-content h1{font-family:'Bebas Neue'; font-size:clamp(3.5rem,6vw,6.5rem);
line-height:.88; color:#fff; margin-bottom:1.2rem;}
.ct-hero-content h1 em{color:var(--gold); font-style:normal;}
.ct-hero-content > p{font-size:.98rem; line-height:1.82; color:rgba(245,240,232,.6);
max-width:420px; margin-bottom:2.5rem;}
/* CONTACT METHODS */
.ct-methods
.ct-method{display:flex; align-items:center; gap:1.2rem; padding:1rem 1.2rem;
background:rgba(255,255,255,.03); border:1px solid rgba(200,168,75,.1);
cursor:pointer; transition:all .2s; text-decoration:none;}
.ct-method:hover{background:rgba(200,168,75,.06); border-color:rgba(200,168,75,.3);}
.ct-method-icon{width:38px; height:38px; border:1px solid rgba(200,168,75,.2);
display:flex; align-items:center; justify-content:center;
font-size:1rem; flex-shrink:0;}
.ct-method-info{flex:1;}
.ct-method-label{font-family:'Space Mono'; font-size:.48rem; letter-spacing:.14em;
text-transform:uppercase; color:var(--gold); margin-bottom:.15rem;}
.ct-method-val{font-size:.88rem; color:rgba(245,240,232,.75);}
.ct-method-arrow{font-size:.8rem; color:rgba(200,168,75,.35); margin-left:auto;}
/* FORM SECTION */
.ct-form-section
.ct-form-header{margin-bottom:3rem;}
.ct-form-header h2{font-family:'Bebas Neue'; font-size:clamp(2.2rem,4vw,3.8rem);
color:#fff; line-height:.9; margin-bottom:.6rem;}
.ct-form-header h2 em{color:var(--gold); font-style:normal;}
.ct-form-header p{font-size:.92rem; color:rgba(245,240,232,.55); max-width:500px; line-height:1.75;}
/* FORM GRID */
.ct-form
.ct-form-row{display:grid; grid-template-columns:1fr 1fr; gap:1.2rem;}
.ct-field{display:flex; flex-direction:column; gap:.4rem;}
.ct-label{font-family:'Space Mono'; font-size:.52rem; letter-spacing:.12em;
text-transform:uppercase; color:rgba(245,240,232,.45);}
.ct-input, .ct-select, .ct-textarea{background:rgba(255,255,255,.04); border:1px solid rgba(200,168,75,.15);
color:#f5f0e8; font-family:'DM Sans'; font-size:.95rem;
padding:.85rem 1rem; outline:none; transition:border .2s;
width:100%; box-sizing:border-box;}
.ct-input:focus, .ct-select:focus, .ct-textarea:focus{border-color:var(--gold); background:rgba(200,168,75,.04);}
.ct-input::placeholder, .ct-textarea::placeholder{color:rgba(245,240,232,.25);}
.ct-select{cursor:pointer;}
.ct-select option{background:#0d0d0a;}
.ct-textarea{resize:vertical; min-height:120px;}
.ct-radio-group{display:flex; gap:.6rem; flex-wrap:wrap;}
.ct-radio-btn{font-family:'Space Mono'; font-size:.52rem; letter-spacing:.08em;
text-transform:uppercase; padding:.45rem .9rem;
border:1px solid rgba(200,168,75,.15); background:transparent;
color:rgba(245,240,232,.45); cursor:pointer; transition:all .2s;}
.ct-radio-btn.sel, .ct-radio-btn:hover{border-color:var(--gold); background:rgba(200,168,75,.08); color:var(--gold);}
.ct-submit{background:var(--gold); color:#0a0a07; font-family:'Bebas Neue';
font-size:1.3rem; letter-spacing:.1em; padding:1rem 3rem;
border:none; cursor:pointer; transition:background .2s; align-self:flex-start;}
.ct-submit:hover{background:#e8c96a;}
/* OFFICES */
.ct-offices
.ct-office-label{font-family:'Space Mono'; font-size:.52rem; letter-spacing:.18em;
text-transform:uppercase; color:var(--gold); margin-bottom:.7rem;}
.ct-office-city{font-family:'Bebas Neue'; font-size:1.5rem; color:#fff; margin-bottom:.4rem;}
.ct-office-detail{font-size:.88rem; line-height:1.75; color:rgba(245,240,232,.5);}
/* SUCCESS */
.ct-success
.ct-success.show{display:block;}
.ct-success-icon{font-size:2.5rem; margin-bottom:.8rem;}
.ct-success h3{font-family:'Bebas Neue'; font-size:1.8rem; color:#ffffff; margin-bottom:.5rem;}
.ct-success p{font-size:.9rem; color:rgba(245,240,232,.6); line-height:1.7;}
.ct-hero{display:grid; grid-template-columns:1fr 1fr; min-height:100vh; position:relative;}
.ct-methods{display:flex; flex-direction:column; gap:1px; margin-bottom:2.5rem;}
.ct-form-section{padding:6rem 3rem; max-width:1100px; margin:0 auto; width:100%; box-sizing:border-box;}
.ct-form{display:flex; flex-direction:column; gap:1.2rem; max-width:680px;}
.ct-offices{padding:4rem 3rem 5rem; border-top:1px solid rgba(200,168,75,.1);
display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;
max-width:1100px; margin:0 auto; width:100%; box-sizing:border-box;}
.ct-success{display:none; text-align:center; padding:3rem;
background:rgba(74,140,63,.06); border:1px solid rgba(74,140,63,.2); margin-top:1rem;}
.page-bg{position:fixed;inset:0;z-index:0;background-size:cover;background-position:center 35%;}
.page-overlay{position:fixed;inset:0;z-index:1;}
main{position:relative;z-index:2;min-height:calc(100vh - 102px);}
.topnav a.active{color:#c8a84b !important;}
@keyframes chatPulse
@keyframes badgePulse
@keyframes chatOpen
.chat-close:hover{color:#f5f0e8;}
@keyframes msgIn
.chat-quick-btn:hover{background:rgba(200,168,75,.18);}
#chat-input::placeholder{color:rgba(245,240,232,.3);}
#chat-send:hover{background:#e8c96a;}
@keyframes typingDot
/* ── Global Typography Unification ── */
p, li, td, .body-text
h1, h2, h3, h4, .section-h2, .art-title, .pd-h1, .ne-h2{font-family: "Bebas Neue", sans-serif !important;}
.topnav a, .nav-links a, .fq-tab, .bl-filter, .proy-filter,
label, .form-label, .pr-form-label, .stat-lbl, .pd-metric-lbl,
.art-cat, .art-meta, .art-share-lbl, .bl-card-read{font-family: "Space Mono", monospace !important;}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-bottom:1.2rem}
.product-card{background:var(--glass);border:1px solid var(--border);backdrop-filter:blur(12px);overflow:hidden;cursor:pointer;transition:all .3s;position:relative}
.pc-progress{margin-bottom:.7rem}
.calc-panel{background:var(--glass2);border:1px solid var(--border);backdrop-filter:blur(20px);padding:2rem;position:sticky;top:90px}
.app-nav{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:62px;background:rgba(8,8,6,0);backdrop-filter:blur(0px);transition:background .4s,backdrop-filter .4s}
.app-nav.scrolled{background:rgba(8,8,6,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,168,75,.1)}
.nav-logo-text{font-family:"Bebas Neue";font-size:1.3rem;letter-spacing:.18em;color:#c8a84b}
.nav-cta-btns{display:flex;gap:.7rem}
.nav-pill{font-family:"Space Mono";font-size:.54rem;letter-spacing:.08em;text-transform:uppercase;padding:.45rem 1.1rem;cursor:pointer;text-decoration:none;transition:all .2s;border:1px solid rgba(200,168,75,.3);color:#c8a84b;background:transparent}
.nav-pill:hover{background:rgba(200,168,75,.1)}
.nav-pill.solid{background:#c8a84b;color:#080806;border-color:#c8a84b}
.nav-pill.solid:hover{background:#e8c96a}
.hero{position:relative;height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient( to bottom,rgba(8,8,6,.3) 0%,rgba(8,8,6,.15) 30%,rgba(8,8,6,.4) 70%,rgba(8,8,6,1) 100% )}
.hero-content{position:relative;z-index:2;text-align:center;padding:0 2rem;max-width:900px}
.hero-eyebrow{font-family:"Space Mono";font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:#c8a84b;margin-bottom:1.5rem;display:inline-flex;align-items:center;gap:.8rem}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";display:block;width:30px;height:1px;background:#c8a84b;opacity:.5}
.hero-h1 em{color:#c8a84b;font-style:normal}
.hero-sub{font-size:1.15rem;line-height:1.75;color:rgba(245,240,232,.7);max-width:560px;margin:0 auto 2.5rem}
.hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}
.btn-hero-primary{display:inline-flex;align-items:center;gap:.6rem;font-family:"Space Mono";font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2.2rem;background:#c8a84b;color:#080806;border:none;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-hero-primary:hover{background:#e8c96a}
.btn-hero-ghost{display:inline-flex;align-items:center;gap:.6rem;font-family:"Space Mono";font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:.9rem 2.2rem;background:rgba(255,255,255,.08);color:#f5f0e8;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;text-decoration:none;backdrop-filter:blur(8px)}
.btn-hero-ghost:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.hero-store-btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.store-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.65rem 1.3rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);text-decoration:none;transition:all .2s}
.store-btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.store-btn-icon{font-size:1.2rem}
.store-btn-label{font-family:"Space Mono";font-size:.44rem;color:rgba(245,240,232,.5);letter-spacing:.06em;text-transform:uppercase}
.store-btn-name{font-family:"DM Sans";font-size:.92rem;color:#f5f0e8;font-weight:500}
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2}
.hero-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(200,168,75,.8),transparent);animation:scrollDown 2s ease-in-out infinite}
@keyframes scrollDown
.hero-scroll-label{font-family:"Space Mono";font-size:.44rem;color:rgba(200,168,75,.5);letter-spacing:.14em;text-transform:uppercase}
.stats-bar{background:rgba(0,0,0,.4);border-bottom:1px solid rgba(200,168,75,.1);backdrop-filter:blur(8px)}
.stat-item{padding:1.5rem 2rem;text-align:center;border-right:1px solid rgba(200,168,75,.08)}
.stat-item:last-child{border-right:none}
.stat-num{font-family:"Bebas Neue";font-size:1.8rem;color:#c8a84b;letter-spacing:.04em;line-height:1}
.stat-lbl{font-family:"Space Mono";font-size:.46rem;color:rgba(245,240,232,.4);letter-spacing:.08em;text-transform:uppercase;margin-top:.3rem}
.section{padding:7rem 3rem}
.section-inner{max-width:1200px;margin:0 auto}
.section-eyebrow{font-family:"Space Mono";font-size:.54rem;letter-spacing:.2em;text-transform:uppercase;color:#c8a84b;margin-bottom:1rem}
.section-h2{font-family:"Bebas Neue";font-size:clamp(2.8rem,5vw,5rem);line-height:.88;color:#fff;margin-bottom:1rem;letter-spacing:.02em}
.section-h2 em{color:#c8a84b;font-style:normal}
.section-p{font-size:1.1rem;line-height:1.85;color:rgba(245,240,232,.6);max-width:520px}
.feat-section{padding:6rem 3rem;border-top:1px solid rgba(255,255,255,.04)}
.feat-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}
.feat-grid.reverse{direction:rtl}
.feat-grid.reverse>*{direction:ltr}
.phone-wrap{position:relative;display:flex;justify-content:center}
.phone-frame{width:280px;background:#111109;border:1px solid rgba(200,168,75,.2);border-radius:32px;overflow:hidden;box-shadow:0 0 60px rgba(200,168,75,.08);position:relative}
.phone-notch{width:90px;height:22px;background:#080806;border-radius:0 0 14px 14px;margin:0 auto;position:relative;z-index:2}
.phone-screen{background:#0d0d0b;padding:0;min-height:520px}
.phone-status{display:flex;justify-content:space-between;align-items:center;padding:.4rem 1.2rem;font-family:"Space Mono";font-size:.4rem;color:rgba(245,240,232,.5)}
.phone-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(200,168,75,.08);filter:blur(40px);top:-40px;left:50%;transform:translateX(-50%);pointer-events:none}
.app-screen{padding:.6rem}
.app-screen-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;margin-bottom:.5rem}
.app-screen-title{font-family:"Bebas Neue";font-size:1.1rem;color:#fff;letter-spacing:.06em}
.app-badge{font-family:"Space Mono";font-size:.38rem;background:rgba(200,168,75,.15);color:#c8a84b;border:1px solid rgba(200,168,75,.25);padding:.15rem .5rem;letter-spacing:.08em;text-transform:uppercase}
.wallet-balance{text-align:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:.8rem}
.wallet-label{font-family:"Space Mono";font-size:.4rem;color:rgba(245,240,232,.4);letter-spacing:.1em;text-transform:uppercase}
.wallet-amount{font-family:"Bebas Neue";font-size:2.5rem;color:#c8a84b;letter-spacing:.04em;line-height:1}
.wallet-change{font-family:"Space Mono";font-size:.46rem;color:#4a8c3f}
.wallet-actions{display:flex;gap:.4rem;padding:0 .6rem;margin-bottom:.8rem}
.wallet-action{flex:1;padding:.5rem .3rem;text-align:center;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.15);font-family:"Space Mono";font-size:.38rem;color:#c8a84b;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.wallet-asset{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}
.wallet-asset-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Bebas Neue";font-size:.7rem;flex-shrink:0}
.wallet-asset-info{flex:1}
.wallet-asset-name{font-family:"DM Sans";font-size:.72rem;color:#f5f0e8;font-weight:500}
.wallet-asset-sub{font-family:"Space Mono";font-size:.38rem;color:rgba(245,240,232,.4)}
.wallet-asset-val{text-align:right}
.wallet-asset-amount{font-family:"Space Mono";font-size:.6rem;color:#f5f0e8}
.wallet-asset-change{font-family:"Space Mono";font-size:.38rem}
.up{color:#4a8c3f}
.dn{color:#c44b2d}
.hato-live{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:rgba(74,140,63,.1);border-bottom:1px solid rgba(74,140,63,.15);font-family:"Space Mono";font-size:.4rem;color:#4a8c3f;letter-spacing:.08em}
.live-dot{width:5px;height:5px;border-radius:50%;background:#4a8c3f;animation:pulse 1.5s infinite;flex-shrink:0}
.hato-map{background:linear-gradient(135deg,#0d1508 0%,#111a08 50%,#0a1206 100%);height:140px;position:relative;overflow:hidden;margin:.6rem}
.hato-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,140,63,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,140,63,.05) 1px,transparent 1px);background-size:20px 20px}
.hato-pin{position:absolute;width:8px;height:8px;border-radius:50%;background:#c8a84b;border:1px solid rgba(200,168,75,.5)}
.hato-pin::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:rgba(200,168,75,.2);animation:ping 2s ease-out infinite}
@keyframes ping
.hato-metric{display:flex;justify-content:space-between;align-items:center;padding:.45rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}
.hato-metric-label{font-family:"Space Mono";font-size:.4rem;color:rgba(245,240,232,.4);letter-spacing:.06em;text-transform:uppercase}
.hato-metric-val{font-family:"Bebas Neue";font-size:.85rem;color:#c8a84b;letter-spacing:.04em}
.hato-metric-unit{font-family:"Space Mono";font-size:.38rem;color:rgba(245,240,232,.4)}
.market-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;border-bottom:1px solid rgba(255,255,255,.04)}
.market-sym{font-family:"Bebas Neue";font-size:.9rem;color:#fff;letter-spacing:.06em}
.market-name{font-family:"Space Mono";font-size:.38rem;color:rgba(245,240,232,.4)}
.market-price{font-family:"Space Mono";font-size:.56rem;color:#f5f0e8;text-align:right}
.market-chg{font-family:"Space Mono";font-size:.38rem;text-align:right}
.defi-pool{padding:.55rem .8rem;border-bottom:1px solid rgba(255,255,255,.04);display:flex;justify-content:space-between;align-items:center}
.defi-pool-name{font-family:"DM Sans";font-size:.72rem;color:#f5f0e8;font-weight:500}
.defi-pool-proto{font-family:"Space Mono";font-size:.38rem;color:rgba(245,240,232,.4)}
.defi-pool-apy{font-family:"Bebas Neue";font-size:1rem;color:#c8a84b;letter-spacing:.04em}
.video-screen{background:#000;height:160px;position:relative;overflow:hidden;margin:.6rem}
.video-screen img{width:100%;height:100%;object-fit:cover;opacity:.8}
.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:.5rem .7rem}
.video-badge-live{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;background:rgba(196,75,45,.85);font-family:"Space Mono";font-size:.38rem;color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:.2rem .5rem}
.video-animal-id{font-family:"Bebas Neue";font-size:.9rem;color:#fff;letter-spacing:.06em}
.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(200,168,75,.08);border:1px solid rgba(200,168,75,.08)}
.feat-card{background:#0d0d0b;padding:2rem;transition:background .25s}
.feat-card:hover{background:rgba(200,168,75,.04)}
.feat-card-icon{width:44px;height:44px;border:1px solid rgba(200,168,75,.2);background:rgba(200,168,75,.05);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.feat-card-title{font-family:"Bebas Neue";font-size:1.25rem;letter-spacing:.05em;color:#fff;margin-bottom:.5rem}
.feat-card-desc{font-size:1.05rem;line-height:1.75;color:rgba(245,240,232,.5)}
.feat-card-tag{display:inline-block;margin-top:.8rem;font-family:"Space Mono";font-size:.42rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(200,168,75,.6);border:1px solid rgba(200,168,75,.18);padding:.2rem .55rem}
.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.shop-card{background:#0d0d0b;border:1px solid rgba(200,168,75,.1);padding:1.2rem;transition:all .25s;cursor:pointer}
.shop-card:hover{border-color:rgba(200,168,75,.35);background:rgba(200,168,75,.04)}
.shop-card-cat{font-family:"Space Mono";font-size:.44rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,168,75,.55);margin-bottom:.5rem}
.shop-card-name{font-family:"DM Sans";font-size:.95rem;font-weight:500;color:#f5f0e8;margin-bottom:.8rem;line-height:1.4}
.shop-card-price{font-family:"Bebas Neue";font-size:1.3rem;color:#c8a84b;letter-spacing:.04em}
.shop-card-btn{display:block;width:100%;margin-top:.8rem;padding:.45rem;background:rgba(200,168,75,.1);border:1px solid rgba(200,168,75,.2);font-family:"Space Mono";font-size:.46rem;letter-spacing:.1em;text-transform:uppercase;color:#c8a84b;cursor:pointer;transition:all .2s;text-align:center}
.shop-card-btn:hover{background:rgba(200,168,75,.2)}
.download-section{padding:8rem 3rem;text-align:center;background:radial-gradient(ellipse at center,rgba(200,168,75,.06) 0%,transparent 70%);border-top:1px solid rgba(200,168,75,.1)}
.dl-h2{font-family:"Bebas Neue";font-size:clamp(3rem,7vw,7rem);line-height:.85;color:#fff;margin-bottom:1.5rem;letter-spacing:.02em}
.dl-h2 em{color:#c8a84b;font-style:normal}
.dl-sub{font-size:1.05rem;color:rgba(245,240,232,.6);max-width:480px;margin:0 auto 3rem;line-height:1.8}
.dl-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}
.dl-btn{display:inline-flex;align-items:center;gap:.8rem;padding:.85rem 1.8rem;background:#111109;border:1px solid rgba(200,168,75,.25);text-decoration:none;transition:all .25s}
.dl-btn:hover{border-color:rgba(200,168,75,.5);background:rgba(200,168,75,.05)}
.dl-btn-icon{font-size:1.4rem}
.dl-btn-label{font-family:"Space Mono";font-size:.44rem;color:rgba(245,240,232,.4);letter-spacing:.08em;text-transform:uppercase}
.dl-btn-name{font-family:"DM Sans";font-size:1rem;color:#f5f0e8;font-weight:500}
.dl-note{font-family:"Space Mono";font-size:.5rem;color:rgba(245,240,232,.3);letter-spacing:.08em}
p,li,td,.body-text{font-family:"DM Sans",sans-serif !important;font-size:1rem;line-height:1.82}
h1,h2,h3,h4,.section-h2,.art-title,.pd-h1,.ne-h2{font-family:"Bebas Neue",sans-serif !important}
.topnav a,.nav-links a,.fq-tab,.bl-filter,.proy-filter,label,.form-label,.pr-form-label,.stat-lbl,.pd-metric-lbl,.art-cat,.art-meta,.art-share-lbl,.bl-card-read{font-family:"Space Mono",monospace !important}
h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(3rem,7vw,6rem);line-height:.88;letter-spacing:.02em}
.qr-box{width:120px;height:120px;background:var(--white);margin:.8rem auto;display:flex;align-items:center;justify-content:center;padding:8px}
.order-summary{background:var(--glass2);border:1px solid var(--border);padding:1.5rem;backdrop-filter:blur(12px)}
.ne-hero{position:relative;width:100%;height:calc(90vh - 0px);min-height:540px;overflow:hidden;flex-shrink:0}
.ne-ticker{flex-shrink:0;width:100%;background:var(--gold);padding:1.1rem 0;overflow:hidden;white-space:nowrap}
.ne-intro{padding:5rem 0 4rem;border-bottom:1px solid rgba(200,168,75,.12)}
.ne-section-head{padding:4rem 0 2rem}
.ne-photo{width:100%;aspect-ratio:16/7;overflow:hidden;margin:0 0 3rem;position:relative}
.ne-text{font-size:.98rem;line-height:1.88;color:rgba(245,240,232,.7);margin-bottom:1.8rem}
.ne-timeline{margin:2rem 0 3rem}
.ne-divider{height:1px;background:rgba(200,168,75,.12);margin:3rem 0}
.ne-inst-list{margin:1.5rem 0 3rem}
.ne-reg{margin:2rem 0 3rem}
.ne-product-box{background:rgba(200,168,75,.04);border:1px solid rgba(200,168,75,.15);padding:2.5rem;margin:2rem 0 3rem}
.ne-team-box{border:1px dashed rgba(200,168,75,.2);padding:2.5rem;margin:2rem 0;text-align:center}
.ne-cta{margin-top:5rem;padding-top:3rem;border-top:1px solid rgba(200,168,75,.12);text-align:center}
.bl-filter-btn:hover,.bl-filter-btn.active{border-color:var(--gold);background:rgba(200,168,75,.1);color:var(--gold)}
.bl-hero{position:relative;height:70vh;min-height:480px;overflow:hidden;width:100%;flex-shrink:0}
.bl-filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(200,168,75,.1)}
.bl-filter:hover,.bl-filter.active{border-color:var(--gold);background:rgba(200,168,75,.08);color:var(--gold)}
.bl-section-title{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:.06em;color:rgba(245,240,232,.3);text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}
.fq-tabs{display:flex;gap:0;margin-bottom:3rem;overflow-x:auto;border-bottom:1px solid rgba(200,168,75,.1);scrollbar-width:none}
.fq-list{display:flex;flex-direction:column;gap:0}
.ct-hero-content>p{font-size:.98rem;line-height:1.82;color:rgba(245,240,232,.6);max-width:420px;margin-bottom:2.5rem}
.ct-input,.ct-select,.ct-textarea{background:rgba(255,255,255,.04);border:1px solid rgba(200,168,75,.15);color:#f5f0e8;font-family:'DM Sans';font-size:.95rem;padding:.85rem 1rem;outline:none;transition:border .2s;width:100%;box-sizing:border-box}
.ct-input:focus,.ct-select:focus,.ct-textarea:focus{border-color:var(--gold);background:rgba(200,168,75,.04)}
.ct-input::placeholder,.ct-textarea::placeholder{color:rgba(245,240,232,.25)}
.ct-radio-btn.sel,.ct-radio-btn:hover{border-color:var(--gold);background:rgba(200,168,75,.08);color:var(--gold)}
.cf-wrap{width:100%;max-width:1140px;margin:0 auto;padding:3rem 2.5rem 2rem}
.cf-hero{text-align:center;margin-bottom:5rem;position:relative}
.cf-timeline{position:relative;margin-bottom:5rem}
.cf-dual{margin-bottom:5rem}
.cf-yields{margin-bottom:5rem}
.cf-yield-row.header .cyr-range,.cf-yield-row.header .cyr-expected,.cf-yield-row.header .cyr-total-val{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase}
.cf-cta{text-align:center;padding:4rem 2rem;border:1px solid rgba(200,168,75,.1);background:rgba(200,168,75,.02);position:relative;overflow:hidden}
#legal-page{max-width:820px;margin:0 auto;padding:5rem 2.5rem 5rem}
.legal-hero{margin-bottom:3.5rem;padding-bottom:2rem;border-bottom:1px solid rgba(200,168,75,.15)}
.legal-tag{font-family:'Space Mono';font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}
.legal-tag::before{content:'';width:32px;height:1px;background:var(--gold)}
.legal-hero h1{font-family:'Bebas Neue';font-size:clamp(3rem,6vw,5.5rem);line-height:.88;color:#fff;margin-bottom:.8rem}
.legal-hero h1 em{color:var(--gold);font-style:normal}
.legal-hero .meta{font-family:'Space Mono';font-size:.72rem;color:rgba(245,240,232,.4);letter-spacing:.1em}
.legal-toc{background:rgba(200,168,75,.04);border:1px solid rgba(200,168,75,.12);padding:1.5rem 2rem;margin-bottom:3rem}
.legal-toc-title{font-family:'Space Mono';font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.legal-toc ol{padding-left:1.2rem;display:flex;flex-direction:column;gap:.35rem}
.legal-toc li{font-family:'Space Mono';font-size:.95rem;color:rgba(245,240,232,.6);line-height:1.5}
.legal-toc li a{color:rgba(245,240,232,.6);text-decoration:none}
.legal-toc li a:hover{color:var(--gold)}
.legal-section{margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.05)}
.legal-section:last-child{border-bottom:none}
.legal-section h2{font-family:'Bebas Neue';font-size:2.2rem;letter-spacing:.05em;color:#fff;margin-bottom:.6rem;scroll-margin-top:80px}
.legal-section h3{font-family:'Bebas Neue';font-size:1.5rem;letter-spacing:.05em;color:var(--gold);margin:1.5rem 0 .5rem}
.legal-p{font-size:1.1rem;line-height:1.92;color:rgba(245,240,232,.82);margin-bottom:1rem}
.legal-p strong{color:#fff}
.legal-ul{margin:.5rem 0 1rem 1.4rem;display:flex;flex-direction:column;gap:.35rem}
.legal-ul li{font-size:1.08rem;line-height:1.82;color:rgba(245,240,232,.78)}
.legal-ul li strong{color:#fff}
.legal-box{background:rgba(200,168,75,.05);border-left:3px solid var(--gold);padding:1.2rem 1.5rem;margin:1.2rem 0}
.legal-box p{font-size:.92rem;line-height:1.8;color:rgba(245,240,232,.7);margin:0}
.legal-box strong{color:#fff}
.legal-warning{background:rgba(196,75,45,.06);border-left:3px solid var(--rust);padding:1.2rem 1.5rem;margin:1.2rem 0}
.legal-warning p{font-size:.92rem;line-height:1.8;color:rgba(245,240,232,.7);margin:0}
.legal-links{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(200,168,75,.1)}
.legal-link-btn{font-family:'Space Mono';font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.1rem;border:1px solid rgba(200,168,75,.2);color:rgba(200,168,75,.7);text-decoration:none;transition:all .2s}
.legal-link-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(200,168,75,.06)}
.legal-link-btn.active{background:rgba(200,168,75,.1);border-color:var(--gold);color:var(--gold)}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:0.35}
body::after{content:'';position:fixed;top:0;right:0;width:1px;height:100vh;background:linear-gradient(to bottom,transparent,rgba(200,168,75,.18) 40%,transparent);z-index:1;pointer-events:none}
.nav-links a:hover,.nav-links a.current{color:var(--gold)}
.blog-page{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;padding-top:64px}
.bl-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 15% 80%,rgba(200,168,75,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 80% 20%,rgba(74,140,63,.06) 0%,transparent 55%),linear-gradient(to bottom,rgba(8,8,5,.2) 0%,rgba(8,8,5,.95) 100%);animation:heroShift 12s ease-in-out infinite alternate}
@keyframes heroShift{from{background-position:center 40%}to{background-position:center 45%}}
.bl-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(200,168,75,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,168,75,.03) 1px,transparent 1px);background-size:60px 60px;opacity:1}
.bl-hero-eyebrow{font-family:'Space Mono';font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}
.bl-hero-eyebrow::before{content:'';display:block;width:40px;height:1px;background:var(--gold)}
.bl-hero-content h1 em{color:var(--gold);font-style:normal}
.bl-ticker-label{font-family:'Space Mono';font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap;flex-shrink:0}
.bl-ticker-items{display:flex;gap:2.5rem;animation:tickerScroll 30s linear infinite;white-space:nowrap}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bl-ticker-item{font-family:'Space Mono';font-size:.52rem;color:var(--text-dim);letter-spacing:.1em;display:flex;align-items:center;gap:.5rem}
.bl-ticker-item .up{color:#4a8c3f}
.bl-ticker-item .down{color:var(--rust)}
.bl-filters-label{font-family:'Space Mono';font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-right:.4rem}
.bl-featured:hover .bl-feat-img-inner{transform:scale(1.04)}
.bl-feat-img-icon{position:absolute;bottom:2rem;left:2rem;font-size:5rem;opacity:.12;line-height:1;z-index:1;filter:sepia(100%) saturate(200%) hue-rotate(10deg)}
.bl-feat-label.legal{background:rgba(180,100,200,.75);color:#fff}
.bl-feat-label.inversion{background:rgba(200,168,75,.9);color:#0a0a07}
.bl-feat-label.ganaderia{background:rgba(196,75,45,.8);color:#fff}
.bl-feat-featured-tag{display:flex;align-items:center;gap:.5rem;font-family:'Space Mono';font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.8rem}
.bl-feat-featured-tag::before{content:'★';font-size:.55rem}
.bl-meta-info{display:flex;flex-direction:column;gap:.3rem}
.bl-feat-read-btn{display:flex;align-items:center;gap:.5rem;font-family:'Space Mono';font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);background:var(--gold-dim);border:1px solid rgba(200,168,75,.2);padding:.6rem 1.1rem;cursor:pointer;transition:all .22s;text-decoration:none}
.bl-feat-read-btn:hover{background:rgba(200,168,75,.18);border-color:var(--gold)}
.bl-feat-read-btn svg{transition:transform .22s}
.bl-feat-read-btn:hover svg{transform:translateX(3px)}
.bl-section-count{font-family:'Space Mono';font-size:.5rem;color:var(--gold);letter-spacing:.1em}
.bl-card:nth-child(2){animation-delay:.07s}
.bl-card:nth-child(3){animation-delay:.14s}
.bl-card:nth-child(4){animation-delay:.21s}
.bl-card:nth-child(5){animation-delay:.28s}
.bl-card:nth-child(6){animation-delay:.35s}
.bl-card:nth-child(7){animation-delay:.42s}
.bl-card:nth-child(8){animation-delay:.49s}
.bl-card:nth-child(9){animation-delay:.56s}
.bl-card:nth-child(10){animation-delay:.63s}
.bl-card:nth-child(11){animation-delay:.70s}
.bl-card:nth-child(12){animation-delay:.77s}
.bl-card-img-inner{width:100%;height:100%;position:absolute;inset:0;transition:transform .5s}
.bl-card:hover .bl-card-img-inner{transform:scale(1.07)}
.bl-card[data-cat="finca"] .bl-card-img-inner{background:radial-gradient(ellipse 80% 70% at 25% 70%,rgba(196,75,45,.22) 0%,transparent 60%),radial-gradient(ellipse 60% 60% at 75% 30%,rgba(45,90,39,.2) 0%,transparent 55%),linear-gradient(135deg,#170e0a 0%,#0d130a 100%)}
.bl-card[data-cat="defi"] .bl-card-img-inner{background:radial-gradient(ellipse 70% 60% at 70% 50%,rgba(74,158,255,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 30%,rgba(200,168,75,.1) 0%,transparent 55%),linear-gradient(135deg,#080d18 0%,#0a0d14 100%)}
.bl-card[data-cat="mercado"] .bl-card-img-inner{background:radial-gradient(ellipse 70% 60% at 40% 60%,rgba(200,168,75,.2) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(196,75,45,.1) 0%,transparent 55%),linear-gradient(135deg,#181208 0%,#14100a 100%)}
.bl-card[data-cat="inversion"] .bl-card-img-inner{background:radial-gradient(ellipse 70% 60% at 60% 40%,rgba(200,168,75,.22) 0%,transparent 65%),linear-gradient(135deg,#161008 0%,#100d05 100%)}
.bl-card[data-cat="legal"] .bl-card-img-inner{background:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(180,100,200,.15) 0%,transparent 60%),linear-gradient(135deg,#12080f 0%,#0d0a12 100%)}
.bl-card[data-cat="ganaderia"] .bl-card-img-inner{background:radial-gradient(ellipse 80% 60% at 30% 60%,rgba(74,140,63,.22) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 75% 25%,rgba(196,75,45,.14) 0%,transparent 55%),linear-gradient(135deg,#0a1508 0%,#081005 100%)}
.bl-card[data-cat="agro"] .bl-card-img-inner{background:radial-gradient(ellipse 70% 60% at 40% 65%,rgba(74,140,63,.25) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 75% 25%,rgba(200,168,75,.12) 0%,transparent 50%),linear-gradient(135deg,#0a1508 0%,#0d1a0a 100%)}
.bl-card-label.legal{background:rgba(180,100,200,.8);color:#fff}
.bl-card-label.inversion{background:rgba(200,168,75,.9);color:#0a0a07}
.bl-card-label.ganaderia{background:rgba(196,75,45,.85);color:#fff}
.bl-card:hover .bl-card-title{color:var(--gold)}
.bl-card:hover .bl-card-read{opacity:1;transform:translateX(0)}
.bl-card.hidden,.bl-featured.hidden{display:none}
.bl-newsletter::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(200,168,75,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(200,168,75,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.bl-nl-eyebrow{font-family:'Space Mono';font-size:.54rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:.7rem;justify-content:center;margin-bottom:1rem}
.bl-nl-eyebrow::before,.bl-nl-eyebrow::after{content:'';width:28px;height:1px;background:var(--gold)}
.bl-footer-logo{font-family:'Bebas Neue';font-size:1.4rem;letter-spacing:.14em;color:var(--gold)}
.bl-footer-links{display:flex;gap:1.8rem}
.bl-footer-links a{font-family:'Space Mono';font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);text-decoration:none;transition:color .2s}
.bl-footer-links a:hover{color:var(--gold)}
.bl-footer-copy{font-family:'Space Mono';font-size:.46rem;color:rgba(245,240,232,.22);letter-spacing:.06em}
#scroll-top-btn{position:fixed;bottom:1.8rem;right:1.8rem;z-index:399;width:44px;height:44px;background:var(--gold);border:none;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(200,168,75,.3);transition:all .25s}
#scroll-top-btn.visible{display:flex}
#scroll-top-btn:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,168,75,.4)}
.chatbot-bubble{position:fixed;bottom:1.8rem;left:1.8rem;z-index:399;width:52px;height:52px;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(200,168,75,.35);transition:all .25s}
.chatbot-bubble:hover{background:var(--gold-l);transform:translateY(-2px)}
.chatbot-badge{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background:var(--rust);border-radius:50%;border:2px solid var(--black);display:none;animation:badgePulse 2s infinite}
.chatbot-panel.open{transform:translateY(0) scale(1);opacity:1;pointer-events:all}
.chat-avatar{width:30px;height:30px;background:var(--gold-dim);border:1px solid rgba(200,168,75,.3);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue';font-size:.8rem;color:var(--gold);flex-shrink:0}
.chat-header-info .chat-name{font-family:'Bebas Neue';font-size:1rem;letter-spacing:.06em;color:var(--white);line-height:1}
.chat-header-info .chat-status{font-family:'Space Mono';font-size:.42rem;color:var(--green-l);letter-spacing:.08em;display:flex;align-items:center;gap:.35rem}
.chat-quick{padding:.6rem 1rem;display:flex;gap:.4rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.05);background:rgba(0,0,0,.2)}
.chat-input-row{display:flex;border-top:1px solid rgba(200,168,75,.12);flex-shrink:0}
.chat-send{background:var(--gold);border:none;cursor:pointer;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;color:var(--black);transition:background .2s;flex-shrink:0}
.chat-send:hover{background:var(--gold-l)}
@media (max-width:900px){
.landing-content{grid-template-columns:1fr;padding-bottom:2rem;}
.detail-page,.payment-grid{grid-template-columns:1fr;}
.lc-right{display:none;}
.dp-metrics{grid-template-columns:1fr 1fr;}
.flow-steps{grid-template-columns:1fr 1fr;}
.products-grid{grid-template-columns:1fr;}
.home-hero-content{grid-template-columns:1fr;padding:0 1.5rem 4rem;gap:2rem;}
.home-proj-grid{grid-template-columns:1fr;}
.ia-strip-inner{flex-direction:column;gap:1.5rem;}
}
@media (max-width:960px){
.bl-header{flex-direction:column; align-items:flex-start; gap:1.5rem; padding:3rem 2rem 2rem;}
}
@media (max-width:640px){
.bl-card{border-right:none;}
.fq-hero{padding:8rem 1.5rem 3rem;}
.fq-hero-num{display:none;}
.fq-body{padding:3rem 1.5rem 4rem;}
.fq-cta{grid-template-columns:1fr;}
.fq-cta-actions{align-items:flex-start;}
}
@media (max-width:480px){
#chatbot-panel{width:calc(100vw - 2rem);right:1rem;}
}
@media (max-width:600px){
.features-grid,.shop-grid{grid-template-columns:1fr}
.stats-bar-inner{grid-template-columns:1fr 1fr}
.hero-h1{font-size:3.5rem}
}
@media (max-width:1024px){
.bl-featured{grid-template-columns:1fr}
.bl-feat-img{min-height:260px}
.bl-feat-img-inner{position:relative;height:260px}
.bl-hero-content{padding:4rem 2.5rem 3.5rem}
}
@media (max-width:768px){
.topnav{padding:.8rem 1.5rem}
.nav-links{display:none}
.bl-body{padding:2.5rem 1.5rem 4rem}
.bl-newsletter{padding:2.5rem 1.5rem}
.bl-footer{padding:2rem 1.5rem;flex-direction:column;text-align:center}
.bl-ticker{padding:.6rem 1.5rem}
}
@media (max-width:540px){
.bl-grid{grid-template-columns:1fr;gap:1rem}
.bl-hero-content h1{font-size:2.8rem}
.bl-nl-form{flex-direction:column}
.bl-nl-input{width:100%}
.chatbot-panel{width:calc(100vw - 3.6rem)}
}
/* ══════════════════════════════════════════════════════
* 15. Proyectos (.proy-*, .proj-*)
* ══════════════════════════════════════════════════════ */
/* ── Hero ── */
.proy-hero {
position: relative;
background: var(--black);
padding: 7rem 4rem 3rem;
border-bottom: 1px solid var(--border);
overflow: hidden;
}
.proy-hero::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 70% 60% at 60% 0%, rgba(200,168,75,.07) 0%, transparent 70%);
pointer-events: none;
}
.proy-hero-corners {
position: absolute;
inset: 0;
pointer-events: none;
background-image:
linear-gradient(var(--gold), var(--gold)),
linear-gradient(var(--gold), var(--gold)),
linear-gradient(var(--gold), var(--gold)),
linear-gradient(var(--gold), var(--gold));
background-size: 30px 1px, 1px 30px, 30px 1px, 1px 30px;
background-position: top left, top left, bottom right, bottom right;
background-repeat: no-repeat;
opacity: .25;
}
.proy-tag {
font-family: 'Space Mono', monospace;
font-size: .58rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--gold);
opacity: .7;
margin-bottom: 1.4rem;
}
.proy-h1 {
font-family: 'Bebas Neue', sans-serif;
font-size: clamp(3.5rem, 8vw, 7rem);
line-height: .92;
letter-spacing: -.01em;
color: var(--cream);
margin-bottom: 1.2rem;
text-transform: uppercase;
}
.proy-h1-accent {
color: var(--gold);
}
.proy-sub {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 300;
color: var(--text-mid);
max-width: 560px;
line-height: 1.55;
margin-bottom: 2.5rem;
}
/* ── Live strip ── */
.proy-live-strip {
display: flex;
align-items: center;
gap: 2rem;
margin-bottom: 2rem;
flex-wrap: wrap;
}
.proy-live-item {
display: flex;
flex-direction: column;
gap: .2rem;
}
.proy-live-val {
font-family: 'Space Mono', monospace;
font-size: 1.05rem;
font-weight: 700;
color: var(--cream);
letter-spacing: -.01em;
}
.proy-live-lbl {
font-family: 'Space Mono', monospace;
font-size: .5rem;
letter-spacing: .15em;
text-transform: uppercase;
color: var(--text-dim);
}
.proy-live-sep {
width: 1px;
height: 2.2rem;
background: var(--border);
}
.proy-live-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--green-l);
box-shadow: 0 0 8px var(--green-l);
animation: proy-pulse 2s ease-in-out infinite;
}
@keyframes proy-pulse {
0%, 100% { opacity: 1; box-shadow: 0 0 8px var(--green-l); }
50% { opacity: .5; box-shadow: 0 0 3px var(--green-l); }
}
/* ── Filtros ── */
.proy-filters {
display: flex;
gap: .6rem;
flex-wrap: wrap;
}
.proy-filter {
font-family: 'Space Mono', monospace;
font-size: .55rem;
letter-spacing: .12em;
text-transform: uppercase;
padding: .45rem 1.1rem;
border: 1px solid var(--border);
background: transparent;
color: var(--text-dim);
cursor: pointer;
transition: all .2s;
}
.proy-filter:hover {
border-color: var(--gold);
color: var(--gold);
}
.proy-filter.active {
background: var(--gold);
border-color: var(--gold);
color: var(--black);
}
.proy-filter:disabled {
opacity: .3;
cursor: not-allowed;
}
/* ── Grid de proyectos ── */
.proy-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 1px;
background: var(--border);
border-top: 1px solid var(--border);
}
/* ── Tarjeta de proyecto ── */
.proj-card {
position: relative;
background: var(--black);
cursor: pointer;
transition: background .25s;
overflow: hidden;
display: flex;
flex-direction: column;
}
.proj-card:hover {
background: #0f0f0c;
}
.proj-card-accent {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, var(--gold) 0%, transparent 100%);
opacity: 0;
transition: opacity .25s;
}
.proj-card:hover .proj-card-accent {
opacity: 1;
}
/* ── Imagen ── */
.proj-card-img {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
}
.proj-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .5s ease;
}
.proj-card:hover .proj-card-img img {
transform: scale(1.04);
}
.proj-card-img-shade {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(10,10,7,0) 40%, rgba(10,10,7,.85) 100%);
}
/* ── Badges ── */
.proj-card-badges {
position: absolute;
top: .8rem;
left: .8rem;
display: flex;
gap: .4rem;
flex-wrap: wrap;
}
.proj-badge {
font-family: 'Space Mono', monospace;
font-size: .48rem;
letter-spacing: .1em;
text-transform: uppercase;
padding: .28rem .7rem;
border-radius: 0;
}
.badge-activo {
background: rgba(45,90,39,.85);
color: #7ecf74;
border: 1px solid rgba(74,140,63,.4);
}
.badge-tipo {
background: rgba(200,168,75,.12);
color: var(--gold);
border: 1px solid rgba(200,168,75,.3);
}
/* ── Yield badge ── */
.proj-card-yield {
position: absolute;
bottom: 0;
right: 0;
background: var(--gold);
color: var(--black);
font-family: 'Bebas Neue', sans-serif;
font-size: 1.6rem;
line-height: 1;
padding: .4rem .8rem .3rem;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.proj-card-yield small {
font-family: 'Space Mono', monospace;
font-size: .38rem;
letter-spacing: .15em;
text-transform: uppercase;
opacity: .7;
line-height: 1.2;
}
/* ── Cuerpo ── */
.proj-card-body {
padding: 1.4rem 1.6rem 1.6rem;
display: flex;
flex-direction: column;
gap: .8rem;
flex: 1;
}
.proj-card-name {
font-family: 'DM Sans', sans-serif;
font-size: 1rem;
font-weight: 500;
color: var(--cream);
line-height: 1.3;
}
.proj-card-loc {
font-family: 'Space Mono', monospace;
font-size: .48rem;
letter-spacing: .08em;
color: var(--text-dim);
text-transform: uppercase;
}
/* ── Métricas ── */
.proj-metrics {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: .8rem;
padding: .8rem 0;
}
.proj-metric {
display: flex;
flex-direction: column;
gap: .25rem;
}
.proj-metric-val {
font-family: 'Space Mono', monospace;
font-size: .82rem;
font-weight: 700;
color: var(--cream);
letter-spacing: -.02em;
}
.proj-metric-lbl {
font-family: 'Space Mono', monospace;
font-size: .42rem;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--text-dim);
}
/* ── Divider ── */
.proj-divider {
height: 1px;
background: var(--border);
}
/* ── Barra de progreso ── */
.proj-progress {
display: flex;
flex-direction: column;
gap: .45rem;
}
.proj-progress-labels {
display: flex;
justify-content: space-between;
align-items: baseline;
}
.proj-progress-raised {
font-family: 'DM Sans', sans-serif;
font-size: .75rem;
color: var(--text-mid);
}
.proj-progress-pct {
font-family: 'Space Mono', monospace;
font-size: .58rem;
font-weight: 700;
color: var(--gold);
}
.proj-progress-track {
height: 3px;
background: rgba(200,168,75,.15);
overflow: hidden;
}
.proj-progress-fill {
height: 100%;
background: linear-gradient(90deg, var(--gold) 0%, var(--gold-l) 100%);
transition: width .6s ease;
}
.proj-progress-goal {
font-family: 'Space Mono', monospace;
font-size: .43rem;
letter-spacing: .08em;
color: var(--text-dim);
text-transform: uppercase;
}
/* ── Botón ── */
.proj-btn {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: .75rem 1rem;
background: transparent;
border: 1px solid var(--border);
color: var(--cream);
font-family: 'Space Mono', monospace;
font-size: .55rem;
letter-spacing: .14em;
text-transform: uppercase;
cursor: pointer;
transition: all .2s;
}
.proj-btn:hover {
border-color: var(--gold);
background: var(--gold-dim);
color: var(--gold);
}
.proj-btn-arrow {
font-size: .85rem;
transition: transform .2s;
}
.proj-btn:hover .proj-btn-arrow {
transform: translateX(4px);
}
/* ── Responsive ── */
@media (max-width: 900px) {
.proy-hero { padding: 6rem 2rem 2.5rem; }
.proy-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
.proy-hero { padding: 5.5rem 1.5rem 2rem; }
.proy-h1 { font-size: 3.8rem; }
.proy-grid { grid-template-columns: 1fr; }
.proy-live-strip { gap: 1.2rem; }
.proj-metrics { grid-template-columns: repeat(2, 1fr); }
}