/* de la colmena — estilos compartidos */
:root{
  --tierra:#2B1B0E; --tierra-80:#4A3520;
  --miel:#DD9026; --miel-prof:#C2741A; --miel-clara:#F2C75C;
  --cera:#FBF1DD; --cera-2:#F4E6CB; --blanco:#FFFBF3;
  --nectar:#4A5A3A; --nectar-clara:#7C8C5E; --propoleo:#BE4A1E;
  --linea:#E3D2AF;
  --sombra:0 1px 2px rgba(43,27,14,.05), 0 8px 28px -12px rgba(43,27,14,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Hanken Grotesque',sans-serif;background:var(--cera);color:var(--tierra);line-height:1.55;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Fraunces',serif;font-weight:600;line-height:1.1;letter-spacing:-.01em}
.mono{font-family:'Space Mono',monospace}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

.brand{display:flex;align-items:baseline;gap:10px}
.brand .dot{width:7px;height:7px;border-radius:50%;background:var(--miel);transform:translateY(-2px)}
.brand .mark{font-family:'Fraunces',serif;font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--tierra)}
.brand .mark .de{color:var(--nectar);font-style:italic;font-weight:500}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;border-radius:11px;padding:12px 20px;transition:.18s}
.btn-primary{background:var(--miel);color:var(--tierra)}
.btn-primary:hover{background:var(--miel-prof);color:var(--cera)}
.btn-ghost{border:1.5px solid var(--linea);color:var(--tierra)}
.btn-ghost:hover{border-color:var(--tierra);background:var(--blanco)}
.btn[disabled]{opacity:.5;pointer-events:none}

/* ---- auth ---- */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}
.auth-art{background:linear-gradient(165deg,var(--tierra),#3a2614);color:var(--cera);padding:60px 56px;display:flex;flex-direction:column;justify-content:space-between}
.auth-art h2{font-size:34px;color:var(--cera);max-width:11em;margin:20px 0 14px}
.auth-art p{color:#D9C6A6;max-width:26em;font-size:16px}
.espectro{display:flex;border-radius:10px;overflow:hidden}
.espectro div{flex:1;height:12px}
.auth-quote{font-family:'Fraunces',serif;font-style:italic;font-size:20px;color:var(--miel-clara);line-height:1.4;margin-top:24px}
.auth-form{display:flex;flex-direction:column;justify-content:center;padding:54px 64px}
.auth-box{max-width:400px;width:100%;margin:0 auto}
.tabs{display:flex;gap:4px;background:var(--cera-2);border-radius:12px;padding:4px;margin-bottom:26px}
.tabs button{flex:1;padding:10px;border-radius:9px;font-weight:600;font-size:14.5px;color:var(--tierra-80);transition:.15s}
.tabs button.on{background:var(--blanco);color:var(--tierra);box-shadow:var(--sombra)}
.role-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.role{border:1.5px solid var(--linea);border-radius:13px;padding:15px;text-align:left;transition:.16s;background:var(--blanco)}
.role:hover{border-color:var(--miel)}
.role.on{border-color:var(--miel);background:#FFF6E6}
.role .ic{font-size:22px}
.role b{display:block;margin-top:8px;font-size:15px}
.role span{font-size:12.5px;color:var(--tierra-80)}
.field{margin-bottom:15px}
.field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.field input{width:100%;border:1.5px solid var(--linea);border-radius:11px;padding:12px 14px;font-size:15px;background:var(--blanco);font-family:inherit;color:var(--tierra);transition:.15s}
.field input:focus{outline:none;border-color:var(--miel);box-shadow:0 0 0 3px rgba(221,144,38,.16)}
.auth-form .btn-primary{width:100%;margin-top:6px}
.auth-alt{text-align:center;font-size:14px;color:var(--tierra-80);margin-top:18px}
.auth-alt a{color:var(--miel-prof);font-weight:600;cursor:pointer}
.msg{font-size:14px;border-radius:10px;padding:11px 14px;margin-bottom:14px;display:none}
.msg.show{display:block}
.msg.err{background:#FBE6D6;color:var(--propoleo)}
.msg.ok{background:#E7F0DC;color:var(--nectar)}

/* ---- cuenta (placeholder fase 2) ---- */
.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid var(--linea);background:var(--blanco)}
.cuenta{max-width:640px;margin:60px auto;padding:0 24px}
.cuenta-card{background:var(--blanco);border:1px solid var(--linea);border-radius:18px;box-shadow:var(--sombra);padding:36px}
.cuenta-card h1{font-size:30px;margin-bottom:8px}
.cuenta-card .sub{color:var(--tierra-80);margin-bottom:24px}
.kv{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px dashed var(--linea)}
.kv span:first-child{color:var(--tierra-80)}
.kv .v{font-weight:600}
.badge{display:inline-block;font-size:13px;font-weight:700;padding:4px 11px;border-radius:7px;background:#E7F0DC;color:var(--nectar)}

@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}}

/* ===== Fase 3: nav, cards, panel, explorar, detalle ===== */
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:0 auto;padding:20px 26px}
.nav-links{display:flex;align-items:center;gap:22px;font-weight:500;font-size:15px}
.nav-links a{color:var(--tierra-80)}
.nav-links a:hover,.nav-links a.on{color:var(--tierra)}
.wrap{max-width:1140px;margin:0 auto;padding:0 26px}
.sec{padding:48px 0}

.page-head{padding:34px 0 6px}
.page-head h1{font-size:34px}
.page-head p{color:var(--tierra-80);margin-top:6px;font-size:17px}

.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--blanco);border:1px solid var(--linea);border-radius:16px;overflow:hidden;box-shadow:var(--sombra);transition:.2s;cursor:pointer;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px)}
.card-top{height:104px;position:relative}
.card-top .reg{position:absolute;left:14px;top:13px;background:rgba(43,27,14,.8);color:var(--cera);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.card-body{padding:18px 19px 20px;flex:1;display:flex;flex-direction:column}
.card-body h3{font-size:20px}
.card-flora{font-size:13.5px;color:var(--nectar);font-weight:600;margin:3px 0 12px}
.card-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tierra-80);margin-top:auto}
.card-meta .av{width:22px;height:22px;border-radius:50%;background:var(--cera-2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--nectar)}
.card-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding-top:15px;border-top:1px dashed var(--linea)}
.card-foot .p{font-family:'Fraunces',serif;font-size:22px;font-weight:600}
.card-foot .p small{font-size:12.5px;font-family:'Hanken Grotesque';color:var(--tierra-80);font-weight:500}
.card-foot .lote{font-size:11.5px;background:var(--cera-2);border:1px solid var(--linea);border-radius:6px;padding:3px 8px}

.filtros{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 6px;align-items:center}
.filtros .lbl{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tierra-80);margin-right:2px}
.chip{border:1.5px solid var(--linea);background:var(--blanco);border-radius:999px;padding:8px 15px;font-size:13.5px;font-weight:600;color:var(--tierra-80);transition:.15s}
.chip:hover{border-color:var(--miel)}
.chip.on{background:var(--tierra);color:var(--cera);border-color:var(--tierra)}

.empty{grid-column:1/-1;background:var(--blanco);border:1px dashed var(--linea);border-radius:16px;padding:46px;text-align:center;color:var(--tierra-80)}
.empty b{color:var(--tierra);font-family:'Fraunces',serif;font-size:20px;display:block;margin-bottom:8px}

/* panel apicultor */
.app-shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}
.side{background:var(--tierra);color:#D9C6A6;padding:26px 18px;display:flex;flex-direction:column}
.side .brand{padding:0 8px 26px}.side .brand .mark{color:var(--cera);font-size:20px}
.side nav{display:grid;gap:4px}
.side nav a,.side nav button{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;font-size:14.5px;font-weight:500;color:#D9C6A6;text-align:left;width:100%}
.side nav a:hover,.side nav button:hover{background:rgba(251,241,221,.08);color:var(--cera)}
.side nav a.on{background:var(--miel);color:var(--tierra);font-weight:600}
.side .who{margin-top:auto;display:flex;align-items:center;gap:11px;padding:13px;border-top:1px solid rgba(251,241,221,.14)}
.side .who .av{width:34px;height:34px;border-radius:50%;background:var(--nectar-clara);display:grid;place-items:center;font-weight:700;color:var(--tierra)}
.side .who b{color:var(--cera);font-size:14px;display:block}.side .who span{font-size:12px}
.main{padding:38px 44px}
.main-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;flex-wrap:wrap;gap:14px}
.main-head h1{font-size:30px}.main-head p{color:var(--tierra-80);margin-top:4px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px}
.stat{background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:18px 20px}
.stat .l{font-size:13px;color:var(--tierra-80);font-weight:600}
.stat .v{font-family:'Fraunces',serif;font-size:28px;margin-top:6px}
.stat .v small{font-size:14px;font-family:'Hanken Grotesque';color:var(--tierra-80);font-weight:500}
.panel{background:var(--blanco);border:1px solid var(--linea);border-radius:16px;padding:26px 28px;margin-bottom:24px}
.panel h3{font-size:21px;margin-bottom:6px}.panel .subt{color:var(--tierra-80);font-size:14.5px;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.form-grid .full{grid-column:1/-1}
.form-grid label{display:block;font-size:13.5px;font-weight:600;margin-bottom:7px}
.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1.5px solid var(--linea);border-radius:10px;padding:11px 13px;font-size:14.5px;background:var(--cera);font-family:inherit;color:var(--tierra);transition:.15s}
.form-grid textarea{resize:vertical;min-height:74px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--miel);background:var(--blanco);box-shadow:0 0 0 3px rgba(221,144,38,.14)}
.form-actions{display:flex;gap:12px;margin-top:22px;align-items:center}
.mine{display:grid;gap:12px}
.mine-row{display:flex;align-items:center;gap:16px;border:1px solid var(--linea);border-radius:13px;padding:14px 16px;background:var(--cera)}
.mine-row .sw{width:42px;height:42px;border-radius:10px;flex-shrink:0}
.mine-row .info{flex:1}.mine-row .info b{font-size:15.5px}.mine-row .info span{display:block;font-size:13px;color:var(--tierra-80)}
.mine-row .pr{font-family:'Fraunces',serif;font-size:19px}
.tag{font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:6px}
.tag.live{background:#E7F0DC;color:var(--nectar)}

/* detalle */
.det{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:30px 0 70px}
.det-visual{border-radius:20px;overflow:hidden;border:1px solid var(--linea);box-shadow:var(--sombra);align-self:start}
.det-hero{height:300px;position:relative}
.det-hero .reg{position:absolute;left:20px;top:18px;background:rgba(43,27,14,.82);color:var(--cera);font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:8px}
.det-strip{display:flex;background:var(--blanco)}
.det-strip div{flex:1;padding:16px;text-align:center;border-right:1px solid var(--linea)}.det-strip div:last-child{border:none}
.det-strip .l{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tierra-80);font-weight:700}
.det-strip .v{font-family:'Fraunces',serif;font-size:17px;margin-top:4px}
.breadcrumb{font-size:13.5px;color:var(--tierra-80);margin-bottom:14px}.breadcrumb a{color:var(--miel-prof);font-weight:600}
.det h1{font-size:40px}.det .flora{color:var(--nectar);font-weight:600;font-size:16px;margin-top:6px}
.det .desc{font-size:16.5px;color:var(--tierra-80);margin:20px 0;max-width:34em}
.beek{display:flex;align-items:center;gap:14px;background:var(--blanco);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;margin:8px 0 26px}
.beek .av{width:46px;height:46px;border-radius:50%;background:var(--cera-2);display:grid;place-items:center;font-weight:700;color:var(--nectar);font-size:17px}
.beek b{font-size:15.5px}.beek span{font-size:13.5px;color:var(--tierra-80)}
.traza{border:1px solid var(--linea);border-radius:14px;overflow:hidden;margin-bottom:26px}
.traza-h{background:var(--tierra);color:var(--cera);padding:12px 18px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:9px}
.traza-h .seal{margin-left:auto;font-family:'Space Mono',monospace;letter-spacing:0;color:var(--miel-clara);text-transform:none}
.traza-rows{padding:6px 18px}
.traza-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--linea);font-size:14.5px}.traza-row:last-child{border:none}
.traza-row span:first-child{color:var(--tierra-80)}.traza-row .v{font-weight:600}
.entrega{display:flex;gap:10px;margin-bottom:16px}
.entrega button{flex:1;border:1.5px solid var(--linea);background:var(--blanco);border-radius:12px;padding:12px 15px;text-align:left}
.entrega button.on{border-color:var(--miel);background:#FFF6E6}
.entrega button b{display:block;font-size:14.5px}.entrega button span{font-size:12.5px;color:var(--tierra-80)}
.buybar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:var(--blanco);border:1px solid var(--linea);border-radius:16px;padding:20px 22px;box-shadow:var(--sombra)}
.qty{display:flex;align-items:center;border:1.5px solid var(--linea);border-radius:11px;overflow:hidden}
.qty button{width:40px;height:44px;font-size:20px;color:var(--tierra-80)}.qty button:hover{background:var(--cera-2)}
.qty span{width:54px;text-align:center;font-weight:700;font-family:'Space Mono',monospace}
.buybar .tot{margin-left:auto;text-align:right}.buybar .tot .l{font-size:12.5px;color:var(--tierra-80)}.buybar .tot .p{font-family:'Fraunces',serif;font-size:26px}
.minaviso{font-size:13.5px;border-radius:10px;padding:11px 14px;margin-top:14px;font-weight:600}
.minaviso.ok{background:#E7F0DC;color:var(--nectar)}.minaviso.no{background:#FBE6D6;color:var(--propoleo)}
.btn-green{background:var(--nectar);color:var(--cera)}.btn-green:hover{background:#3b4a2e}
@media(max-width:820px){.app-shell,.det{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.side{flex-direction:row;align-items:center;overflow-x:auto}.side .brand{padding:0 12px 0 0}.side nav{display:flex}.side .who{display:none}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.main{padding:24px 18px}}

/* fotos de producto */
.card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
img.sw{object-fit:cover}
.forgot{display:block;text-align:right;font-size:13px;color:var(--miel-prof);font-weight:600;cursor:pointer;margin:-4px 0 14px}
.field input[type=file]{padding:9px 12px;background:var(--cera)}
.form-grid input[type=file]{background:var(--cera)}

/* foto de producto en detalle: fondo difuminado + imagen completa */
.det-hero.has-photo{background:var(--cera-2);overflow:hidden}
.det-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(24px) brightness(.92);transform:scale(1.2)}
.det-hero-img{position:absolute;inset:0;margin:auto;max-width:86%;max-height:86%;object-fit:contain;display:block;z-index:1;border-radius:6px;filter:drop-shadow(0 10px 24px rgba(43,27,14,.28))}
.det-hero .reg{z-index:2}
.card-img{object-position:center}
/* nombre del apicultor en su propia línea */
.beek b{display:block}

/* ===== Fase 4: pedido / custodia ===== */
.order{max-width:760px;margin:0 auto;padding:38px 0 70px}
.order h1{font-size:34px;margin-bottom:6px}
.ostep{color:var(--tierra-80);margin-bottom:28px}
.order-card{background:var(--blanco);border:1px solid var(--linea);border-radius:18px;box-shadow:var(--sombra);overflow:hidden}
.order-sum{display:flex;align-items:center;gap:18px;padding:22px 26px;border-bottom:1px solid var(--linea)}
.order-sw{width:62px;height:62px;border-radius:13px;flex-shrink:0;object-fit:cover}
.order-sum .info{flex:1}
.order-sum .info b{font-size:18px;font-family:'Fraunces',serif}
.order-sum .info span{display:block;font-size:13.5px;color:var(--tierra-80)}
.order-sum .qsel{font-family:'Space Mono',monospace;font-size:14px;color:var(--tierra-80)}
.order-sum .pr{font-family:'Fraunces',serif;font-size:22px}
.oline{display:flex;justify-content:space-between;padding:11px 26px;font-size:15px}
.oline.tot{border-top:1px dashed var(--linea);margin-top:6px;padding-top:16px;padding-bottom:18px;font-weight:600}
.oline.tot .p{font-family:'Fraunces',serif;font-size:24px}
.bank{background:var(--cera);border-top:1px solid var(--linea);padding:22px 26px}
.bank h4{font-family:'Hanken Grotesque';font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--tierra-80);font-weight:700;margin-bottom:16px}
.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bi{background:var(--blanco);border:1px solid var(--linea);border-radius:11px;padding:12px 15px}
.bi .l{font-size:12px;color:var(--tierra-80);font-weight:600}
.bi .v{font-family:'Space Mono',monospace;font-size:14.5px;margin-top:4px}
.oactions{padding:22px 26px;display:flex;gap:13px;align-items:center;flex-wrap:wrap}
.oactions .note{font-size:13px;color:var(--tierra-80);max-width:26em}
.confirm{text-align:center;padding:54px 30px}
.confirm .check{width:72px;height:72px;border-radius:50%;background:var(--nectar);color:var(--cera);display:grid;place-items:center;font-size:34px;margin:0 auto 20px}
.confirm h2{font-size:30px}
.confirm p{color:var(--tierra-80);max-width:32em;margin:12px auto 22px;font-size:16px}
.confirm .ref{display:inline-block;font-family:'Space Mono',monospace;background:var(--cera-2);border:1px solid var(--linea);border-radius:9px;padding:10px 16px;margin-bottom:24px}

/* pedidos en panel / mis-pedidos */
.ped-row{display:flex;align-items:center;gap:16px;border:1px solid var(--linea);border-radius:13px;padding:14px 16px;background:var(--cera)}
.ped-row .sw{width:46px;height:46px;border-radius:10px;flex-shrink:0;object-fit:cover}
.ped-row .info{flex:1}.ped-row .info b{font-size:15.5px}.ped-row .info span{display:block;font-size:13px;color:var(--tierra-80)}
.ped-row .pr{font-family:'Fraunces',serif;font-size:18px;text-align:right}
.estado{font-size:11.5px;font-weight:700;padding:5px 11px;border-radius:7px;white-space:nowrap}
.estado.custodia{background:#FFF1D6;color:var(--miel-prof)}
.estado.liberado{background:#E7F0DC;color:var(--nectar)}
@media(max-width:560px){.bank-grid{grid-template-columns:1fr}.ped-row{flex-wrap:wrap}}

/* ===== Landing (index) ===== */
.hero{position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:30px 0 78px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:13px;letter-spacing:.04em;color:var(--nectar);text-transform:uppercase;margin-bottom:22px}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--nectar)}
.hero h1{font-size:clamp(40px,5.4vw,66px);font-weight:600}
.hero h1 em{font-style:italic;color:var(--miel-prof)}
.hero .lede{font-size:19px;color:var(--tierra-80);max-width:30em;margin:24px 0 14px}
.hero .lede-vp{font-family:'Fraunces',serif;font-weight:600;font-size:clamp(23px,2.5vw,31px);line-height:1.18;color:var(--tierra);max-width:14em;margin:0 0 30px}
.hero .lede-vp strong{color:var(--miel-prof);font-weight:600}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-trust{display:flex;gap:26px;margin-top:40px;flex-wrap:wrap}
.hero-trust .t{max-width:15em}
.hero-trust .t b{font-family:'Fraunces',serif;font-size:27px;display:block;color:var(--tierra)}
.hero-trust .t span{font-size:14px;color:var(--tierra-80)}
.hero .espectro{margin-top:30px;border:1px solid var(--linea)}
.ficha{background:var(--blanco);border-radius:20px;box-shadow:0 1px 2px rgba(43,27,14,.05),0 22px 48px -18px rgba(43,27,14,.30);overflow:hidden;border:1px solid var(--linea)}
.ficha-top{height:170px;position:relative;background:radial-gradient(120% 140% at 78% 8%,rgba(255,255,255,.5),transparent 45%),linear-gradient(160deg,var(--miel-clara),var(--miel) 62%,var(--miel-prof))}
.ficha-top img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ficha-seal{position:absolute;left:22px;top:20px;background:rgba(43,27,14,.86);color:var(--cera);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 11px;border-radius:7px;z-index:1}
.ficha-body{padding:22px 24px 26px}
.ficha-body h3{font-size:25px}
.ficha-flora{font-size:14px;color:var(--nectar);font-weight:600;margin-top:3px}
.ficha-by{font-size:14px;color:var(--tierra-80);margin-top:9px}
.ficha-price{display:flex;align-items:baseline;justify-content:space-between;margin-top:20px}
.ficha-price .p{font-family:'Fraunces',serif;font-size:30px;font-weight:600}
.ficha-price .p small{font-size:14px;font-family:'Hanken Grotesque';color:var(--tierra-80);font-weight:500}
.sec-dark{background:var(--tierra);color:var(--cera)}
.sec-head{max-width:34em;margin-bottom:46px}
.sec-head .eyebrow{color:var(--miel-prof)}
.sec-dark .sec-head .eyebrow{color:var(--miel-clara)}.sec-dark .sec-head .eyebrow::before{background:var(--miel-clara)}
.sec-head h2{font-size:clamp(30px,3.6vw,42px)}
.sec-head p{font-size:18px;color:var(--tierra-80);margin-top:14px}
.sec-dark .sec-head p{color:#D9C6A6}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vcard{background:rgba(251,241,221,.06);border:1px solid rgba(251,241,221,.16);border-radius:18px;padding:30px}
.vcard .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;margin-bottom:18px}
.vcard.buy .ic{background:var(--miel);color:var(--tierra)}.vcard.sell .ic{background:var(--nectar-clara);color:var(--tierra)}
.vcard h3{font-size:23px;color:var(--cera)}
.vcard p{color:#D9C6A6;margin-top:10px;font-size:15.5px}
.vcard .delta{margin-top:18px;font-family:'Space Mono',monospace;font-size:13px;color:var(--miel-clara)}
.cadena{margin-top:42px;border-top:1px solid rgba(251,241,221,.16);padding-top:34px;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cadena h4{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#D9C6A6;margin-bottom:16px;font-family:'Hanken Grotesque';font-weight:700}
.flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.node{background:rgba(251,241,221,.1);border-radius:9px;padding:8px 12px;font-size:13.5px}
.node.bad{background:rgba(190,74,30,.22);color:#F0B79A}
.node.good{background:var(--miel);color:var(--tierra);font-weight:600}
.arrow{opacity:.5}
.pasos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.paso .n{font-family:'Space Mono',monospace;font-size:13px;color:var(--miel-prof);font-weight:700}
.paso h4{font-size:19px;margin:10px 0 7px}
.paso p{font-size:15px;color:var(--tierra-80)}
footer{background:var(--tierra);color:#D9C6A6;padding:54px 0 34px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-bottom:34px;border-bottom:1px solid rgba(251,241,221,.14)}
footer .brand .mark{color:var(--cera)}
footer h5{color:var(--cera);font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
footer ul{list-style:none;display:grid;gap:9px;font-size:14.5px}
footer .tg{margin-top:14px;font-size:14.5px;max-width:24em}
.foot-bot{padding-top:22px;font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:820px){.hero-grid,.dual,.cadena{grid-template-columns:1fr}.pasos{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}.nav-links a:not(.btn){display:none}}
@media(max-width:560px){.pasos{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}}