/* Makian — naranja de marca, materiales cálidos y geometría con profundidad. */
:root{--bg:#fbf7f0;--surface:#fffcf8;--line:#e7dccf;--ink:#292d2c;--ink-body:#59554f;--ink-muted:#74695f;--accent:#a3441c;--accent-dark:#813313;--accent-tint:#f9e8da;--brand-orange:#f58238;--maxw:1360px;--aire-bloque:76px}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:var(--bg)}
h1,h2,h3{letter-spacing:-.04em;font-weight:600}
h2{font-size:clamp(28px,3vw,42px)}
.kicker{color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}
.head{background:rgba(251,247,240,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.head-in{min-height:94px;gap:30px}
.brand img{width:175px}
.mainnav{gap:24px}
.mainnav a{font-size:14px}
.btn{border-radius:100px;background:var(--ink);border-color:var(--ink);padding:14px 23px;font-weight:550;display:inline-flex;gap:22px;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.btn:hover{background:var(--accent);transform:translateY(-2px)}
.head .btn{background:var(--brand-orange);color:var(--ink);border-color:var(--brand-orange)}
.more{font-weight:550;border-bottom:0;padding:8px 0}
.navtoggle{border-radius:100px}
.welcome{overflow:hidden;background:radial-gradient(ellipse at 80% 25%,#f9e8d6 0,transparent 57%)}
.welcome-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:35px;padding-top:65px;padding-bottom:55px}
.welcome-copy{position:relative;z-index:2}
.welcome-copy .kicker{display:flex;align-items:center;gap:9px;margin-bottom:26px;font-size:11px}
.status-dot{height:7px;width:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #f5dfce}
.welcome-copy h1{font-size:clamp(44px,5.2vw,72px);line-height:1.06;letter-spacing:-.065em;font-weight:550}
.welcome-copy h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;color:var(--accent)}
.welcome-copy>p{max-width:44ch;font-size:17px;line-height:1.75;margin-top:26px}
.welcome-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.welcome-actions .more{font-size:14px}
.welcome-note{display:flex;align-items:center;gap:12px;margin-top:38px;font-size:12px;color:var(--ink-muted)}
.welcome-note strong{font-size:11px;letter-spacing:.04em;font-weight:500}
.note-icon{display:grid;place-items:center;border:1px solid #d8cbbb;border-radius:50%;width:38px;height:38px;font-size:20px}
.sculpture-stage{height:510px;position:relative;border-radius:48% 48% 30px 30px;background:radial-gradient(ellipse at 42% 30%,#fff2df 0,#f4d3af 48%,#e6b98c 100%);perspective:1100px;isolation:isolate}
.stage-caption{position:absolute;top:48px;left:0;right:0;text-align:center;letter-spacing:.2em;font-size:9px;color:#75563d}
.brand-sculpture{position:absolute;inset:85px 35px 80px;perspective:1000px;filter:drop-shadow(20px 40px 16px #8c461d45)}
.sculpture-object{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx,-18deg)) rotateY(var(--ry,-24deg)) rotateZ(-13deg);transition:transform .35s ease-out}
.hex-layer{position:absolute;inset:0;background:linear-gradient(130deg,#ffb266,#ed732d 45%,#ad4019);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%,25% 0,31% 13%,15% 50%,31% 87%,69% 87%,85% 50%,69% 13%,31% 13%,25% 0);transform:translateZ(calc(var(--depth) * 2px))}
.hex-layer:last-of-type{background:linear-gradient(135deg,#ffd099 0,#ff9b4d 30%,#f58238 66%,#d25b21)}
.seed-group{position:absolute;inset:25% 28%;transform:translateZ(37px);display:grid;grid-template-columns:1fr 1fr;gap:13px;transform-style:preserve-3d}
.seed-group i{display:block;border-radius:70% 25% 65% 30%;background:linear-gradient(115deg,#ffe5b6,#e69c52 45%,#ab561f 85%);box-shadow:inset -5px -4px 9px #9a451e70,inset 3px 3px 5px #fff2d6,6px 10px 0 #ba682d,12px 17px 14px #70341130;transform:rotate(-20deg)}
.seed-group i:nth-child(even){transform:rotate(65deg)}
.seed-group i:after{content:'';display:block;width:2px;height:65%;background:#9c56265c;margin:20% auto;box-shadow:2px 0 2px #fff0c0}
.stage-orbit{position:absolute;border:1px solid #fff7e678;border-radius:50%;width:90%;height:70%;top:15%;left:5%;transform:rotate(-32deg)}
.orbit-two{width:70%;height:95%;left:15%;top:2%;transform:rotate(35deg)}
.floating-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fffcf2ef;padding:14px 19px;border:1px solid #fff5e7;border-radius:14px;font-size:12px;color:#4e4439;box-shadow:0 12px 30px #85522918}
.chip-top{right:-16px;top:125px;transform:rotate(5deg)}
.chip-top i{width:8px;height:8px;border-radius:50%;background:#858153}
.chip-bottom{left:-16px;bottom:87px;transform:rotate(-5deg)}
.chip-bottom>span{color:var(--accent);font-size:26px}
.stage-sign{position:absolute;bottom:26px;width:100%;text-align:center;font-size:11px;color:#73523a}
.value-strip{border-top:1px solid #dfcdbb;display:flex;justify-content:space-between;gap:22px;padding:25px 0;font-size:13px;color:var(--ink)}
.value-strip>span:first-child{color:var(--ink-muted);font-size:12px}.value-strip b{color:var(--accent);margin-left:25px}
.fam-ancha{gap:20px;border:0;background:transparent}
.fam-col{background:#f1e8da;border:1px solid #e7dac8!important;border-radius:22px;padding:28px;transition:transform .2s,box-shadow .2s}
.fam-col:nth-child(2){background:#f6e3d4}.fam-col:nth-child(3){background:#eaeadd}
.fam-col:hover{transform:translateY(-6px);box-shadow:0 18px 30px #62452412}
.fam-num{display:flex;justify-content:space-between;font-size:12px;letter-spacing:0;margin-top:18px;color:var(--ink-muted)}
.fam-num>span{font-size:22px;color:var(--ink)}.fam-nom{font-size:25px;font-weight:550;letter-spacing:-.04em}.fam-txt{margin-top:6px}
.hero{background:#f3ece2;margin:0 24px;border:1px solid var(--line);border-radius:28px;padding:45px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.hero h2{font-size:clamp(28px,3vw,42px)}
.page-head{background:radial-gradient(ellipse at 92% 20%,#f7dcc1,transparent 58%),var(--bg);position:relative;padding:65px 0}
.page-head h1{font-size:clamp(34px,4.5vw,60px);max-width:24ch}.page-head .lede{max-width:65ch}
.crumb{font-size:12px}.crumb a{color:var(--accent)}
.fam,.prod,.mapa,.rp,.pend,.form,.etapas>div{border-radius:20px}
.fam{overflow:hidden;box-shadow:0 10px 30px #67472007}.fam-body{padding:28px}
.prod{background:var(--surface);padding:28px;border:1px solid var(--line);margin-bottom:16px}.prods{border:0}
.prod-go,.marcha,.tags li,.lang{border-radius:100px}
.shot img,.grafico svg{border-radius:20px}.ficha{background:linear-gradient(125deg,#fbf7f0,#f6e9d9)}
.pend{background:#f6ebdf;border-color:#e7d5c2;color:#79543a}
.commit{counter-reset:steps;gap:18px}.commit>div{counter-increment:steps;padding:25px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.commit>div:before{content:counter(steps,decimal-leading-zero);display:block;color:var(--accent);font-size:13px;margin-bottom:22px}
.form{background:var(--surface);padding:30px;border:1px solid var(--line);box-shadow:0 15px 35px #67472007}
.field input,.field textarea{border-radius:12px;background:#fbf8f3;padding:13px 15px}
.dl{padding:23px 18px}.dl:hover{background:#f6ebdf}.downloads{border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.foot{--ink:#fff5e6;--ink-body:#e3d7c7;--ink-muted:#c2b5a5;--line:#4d4d43;--accent:#ffb575;--accent-tint:#45453b;background:#292d29;padding-top:65px;border-radius:32px 32px 0 0;margin-top:30px}
.foot .brand{background:#fbf7f0;border-radius:12px;padding:14px;width:fit-content}.foot .brand img{width:165px}
.foot-h{letter-spacing:0}.foot a:hover{color:#ffb575}
@media(min-width:1500px){.hero{max-width:1312px;margin-inline:auto}}
@media(max-width:1100px){.head-in{gap:18px}.mainnav{gap:15px}.welcome-grid{gap:25px}.welcome-copy h1{font-size:56px}.sculpture-stage{height:455px}.brand-sculpture{inset:85px 25px}.welcome-actions{gap:12px}.value-strip b{margin-left:7px}}
@media(max-width:940px){.head-in{padding:16px var(--gut);min-height:74px}.welcome-grid{grid-template-columns:1fr 1fr}.welcome-copy h1{font-size:47px}.sculpture-stage{height:420px}.floating-chip{font-size:10px;padding:10px}.welcome-copy>p{font-size:15px}.welcome-note{margin-top:24px}.value-strip{flex-wrap:wrap}.value-strip>span:first-child{flex-basis:100%}.hero{grid-template-columns:1fr;padding:30px}.mainnav a[aria-current=page]{color:var(--accent);font-weight:650}}
@media(max-width:700px){:root{--aire-bloque:48px}.welcome-grid{grid-template-columns:1fr;padding-top:38px;gap:35px}.welcome-copy h1{font-size:clamp(44px,9vw,62px)}.welcome-copy>p{font-size:16px}.welcome-copy .kicker{font-size:9px;letter-spacing:.09em}.sculpture-stage{height:400px;max-width:470px;width:100%;margin:auto}.brand-sculpture{inset:75px 50px 65px}.chip-top{right:4px}.chip-bottom{left:4px}.welcome-note{margin-top:23px}.welcome-actions{gap:12px 20px}.value-strip{font-size:11px;gap:14px}.value-strip b{display:none}.hero{margin:0 12px;padding:26px 18px}.fam-ancha{grid-template-columns:1fr}.family-symbol{height:95px}.page-head{padding:42px 0}.page-head h1{font-size:38px}.form{padding:22px}.head .brand img{width:140px}.head .btn{padding:9px 15px}.head-in{gap:10px}.navtoggle{font-size:13px;padding:8px 12px}.head .btn span{display:none}.foot{border-radius:24px 24px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.sculpture-object{transform:rotateX(-18deg) rotateY(-24deg) rotateZ(-13deg)!important}}
/* Cinta axonométrica: superficies, rodillos, tolva y pórtico con volumen. */
.hero:has(.cinta-3d){grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:36px;background:#f3ece2}
.cinta-in:has(.cinta-3d){border-radius:22px;background:radial-gradient(ellipse at 48% 45%,#fffaf0,#f3e7d6);border:1px solid #e7d7c2}
.cinta-svg.cinta-3d{width:100%;height:auto}
.cinta-3d .pz-cruda{fill:#d5aa6d}
.belt-treads path{stroke:#b8c4aa;stroke-width:1;opacity:.35;fill:none}
.belt-label{font:600 14px var(--sans);fill:#474c40}.belt-label-sub{font-size:11px;font-weight:400;fill:#70695b}
.belt-callout{fill:none;stroke:#a89980;stroke-width:1;stroke-dasharray:3 3}
.belt-scene-note{font:9px var(--sans);letter-spacing:1.6px;fill:#786952}
.cinta-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.cinta-results>div{display:flex;flex-direction:column;gap:5px;padding:17px 20px;background:#fffcf6;border:1px solid #dedfcd;border-radius:16px}
.cinta-results>div:last-child{border-color:#e6cbb9;background:#fff8f1}
.cinta-results .k{font-size:12px;color:var(--ink-body)}
.cinta-results .v{font-size:24px;color:var(--ink);line-height:1.2}.cinta-results .v b{font-weight:550;font-variant-numeric:tabular-nums}
.cinta-results .d{font-size:12px;line-height:1.5;color:var(--ink-body)}
.hero-cinta .firma-mando{grid-template-columns:1fr auto;gap:10px 16px;background:#ede2d1;padding:17px 20px;border-radius:16px;margin-top:12px}
.hero-cinta .firma-mando input{grid-column:1/-1;grid-row:2}
.hero-cinta .firma-eti{grid-column:1;grid-row:3;white-space:normal;flex-wrap:wrap}
.hero-cinta .marcha{grid-column:2;grid-row:3;background:#fffcf6;padding:9px 13px}
.belt-note{font-size:11px;line-height:1.6;color:var(--ink-muted);margin-top:12px}
@media(max-width:1000px){.hero:has(.cinta-3d){grid-template-columns:1fr}.hero:has(.cinta-3d) .hero-copy{max-width:560px}}
@media(max-width:480px){.cinta-results>div{padding:13px 12px}.cinta-results .v{font-size:22px}.cinta-results .d{font-size:11px}.hero-cinta .firma-mando{padding:16px 12px}.hero-cinta .firma-eti span{font-size:12px}.belt-note{font-size:10px}}

/* Familias representadas por equipos: selectora, ensacadora y transportador. */
.family-symbol{height:220px;width:100%;display:flex;align-items:center;justify-content:center}
.family-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.fam-media .family-symbol{height:240px;padding:18px;background:#f1e8da}
.fam-media .symbol-envasado{background:#f6e3d4}
.fam-media .symbol-transportadores{background:#eaeadd}
@media(max-width:700px){.family-symbol{height:200px}.fam-media .family-symbol{height:230px}}

/* Movimiento del producto en el plano isométrico de cada equipo. */
.family-flow{animation:family-flow var(--duration) linear infinite;animation-delay:var(--delay)}
@keyframes family-flow{
  0%{transform:translate(0,0);opacity:0}
  8%,90%{opacity:1}
  100%{transform:translate(var(--dx),var(--dy));opacity:0}
}
.family-treads{animation:family-treads .65s linear infinite}
@keyframes family-treads{to{transform:translate(12.6px,3.78px)}}
.family-sack{transform-box:fill-box;transform-origin:center bottom;animation:family-fill 3s ease-in-out infinite}
@keyframes family-fill{0%,100%{transform:scale(1,1)}50%{transform:scale(1.025,1.015)}}
.family-motion-paused .family-symbol svg *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .family-symbol svg *{animation:none!important}
  .family-flow{transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5))}
}