/* ============================================================
   v5 · Apple × John Deere — la misma identidad de la presentación,
   el CV y el video: SF / Inter, títulos grandes y sólidos, acento
   amarillo de campo, secciones blancas · gris Apple · negro · pino.
   ============================================================ */
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-latin-var.woff2') format('woff2');font-weight:400 800;font-display:swap}

:root{
  --sf:-apple-system,BlinkMacSystemFont,'Inter',system-ui,'Segoe UI',sans-serif;
  --fd:var(--sf); --ft:var(--sf); --fs:var(--sf); --fm:var(--sf);
  --tinta:#1d1d1f; --gris:#6e6e73; --gris2:#86868b; --linea:#d2d2d7;
  --crema:#f5f5f7; --crema2:#e8e8ed;
  --verde2:#2e8540; --sol:#ffd51c; --lima:#dfe46a;
  --ap-ease:cubic-bezier(.28,.11,.32,1);
}
body{background:#fff;color:var(--tinta);font-size:17px;letter-spacing:-.011em}
h1,h2,h3{font-weight:700!important;letter-spacing:-.035em!important;line-height:1.04}
h1 em,h2 em,h3 em,.marca h3 span{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;letter-spacing:inherit!important;color:var(--verde2)}
h2{font-size:clamp(38px,5.2vw,72px)}
.sub{color:var(--gris);font-size:19px;line-height:1.5;font-weight:450}
blockquote,.caso-txt>p{font-family:var(--sf)!important;font-weight:500;letter-spacing:-.015em}

/* kicker estilo presentación: cuadrito amarillo + texto */
.tag{font:600 15px var(--sf)!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--verde);gap:10px}
.tag::before{width:10px!important;height:10px!important;border-radius:3px;background:var(--sol)!important}
.prod-l,.prod-org,.pg-tabs li::after{font-family:var(--sf)!important;letter-spacing:.02em!important}

/* secciones: blanco · gris Apple · negro · pino */
.cultivos,.productos,.equipo{background:#fff!important}
.programa,.resultados,.cobertura{background:var(--crema)!important}
.raiz{background:radial-gradient(90% 60% at 50% 115%,#3a2716 0%,#120c07 45%,#000 75%)!important;color:#f5f5f7}
.raiz::before{opacity:.08!important}
.raiz .tag,.marcas2 .tag,.contacto .tag,.estrella .tag,.conoce .tag,.pie2 .tag{color:var(--sol)!important}
.raiz h2 em,.marcas2 h2 em,.marcas2 h3 em,.contacto h2 em,.pie2 h2 em,.hero2 h1 em,.banda blockquote em,.estrella h2 em,.conoce h2 em{color:var(--lima)!important}
.raiz p{color:#a1a1a6!important}
.marcas2{background:radial-gradient(120% 90% at 80% 0%,#174a2b 0%,#0a2414 45%,#04110a 100%)!important}
.pie2{background:#000!important}
.pie2::before{background:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 40%,rgba(0,0,0,.92) 75%,#000)!important}

/* portada */
.hero2 h1{font-size:clamp(54px,8vw,124px)!important;letter-spacing:-.045em!important;line-height:.96!important;text-shadow:none}
.h2-velo{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 40%,rgba(0,0,0,.82) 82%,#000 100%)!important}
.hero2{background:#000!important}
.h2-datos .dato b{font-weight:700;letter-spacing:-.04em}
.h2-datos .dato small{font:600 12px var(--sf)!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--sol)!important}

/* botones: verde campo y amarillo de acento */
.btn-luz,.btn-sol{background:var(--sol)!important;color:#0a2414!important;box-shadow:0 14px 40px -14px rgba(255,213,28,.55),inset 0 1px 0 rgba(255,255,255,.5)!important}
.btn-luz:hover,.btn-sol:hover{background:#ffe04d!important}
.btn-luz b,.btn-sol b{background:#0a2414!important;color:var(--sol)!important}
.btn-sol{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:16px;padding:8px 8px 8px 26px;border-radius:999px;font:700 16px var(--sf);text-decoration:none;transition:transform .5s var(--ease),background .3s}
.btn-sol b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:18px;transition:transform .5s var(--ease)}
.btn-sol:hover{transform:translateY(-2px)}
.btn-sol:hover b{transform:translateX(3px) rotate(-45deg)}
.btn{font-family:var(--sf)!important;letter-spacing:-.01em!important}

/* tarjetas al estilo Apple: sin filos pesados, radios grandes */
.prod{background:var(--crema)!important;box-shadow:none!important;border-radius:28px!important}
.prod:hover{box-shadow:0 30px 60px -36px rgba(0,0,0,.28)!important}
.prod-ph{background:radial-gradient(circle at 50% 62%,#fff 0,#fff 30%,color-mix(in srgb,var(--c) 10%,#f5f5f7) 75%)!important;height:240px!important}
.prod-ph img:not(.foto){max-height:200px!important;max-width:72%;filter:drop-shadow(0 18px 18px rgba(0,0,0,.14))}
.prod h3{font-size:23px!important}
.prod-btn{background:var(--tinta)!important;font-family:var(--sf)!important}
.prod-btn:hover,.prod-btn.si{background:var(--verde)!important}
.filtros button.on,.filtros button[aria-pressed="true"]{background:var(--tinta)!important;color:#fff!important}

/* ============ ESTRELLA (nueva) ============ */
.estrella{position:relative;overflow:hidden;color:#f5f5f7;padding:150px 0 140px;background:radial-gradient(60% 85% at 72% 58%,#18452a 0%,#07180e 45%,#000 76%)}
.est-in{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.estrella h2{color:#fff;font-size:clamp(46px,6.4vw,96px)!important;letter-spacing:-.05em!important;line-height:.98;margin-bottom:26px}
.estrella .sub{color:#a1a1a6;max-width:520px;font-size:20px}
.est-specs{display:flex;margin:40px 0 44px}
.est-specs div{padding:0 34px;border-left:1px solid #333336}
.est-specs div:first-child{padding-left:0;border-left:0}
.est-specs b{display:block;font-size:30px;font-weight:700;letter-spacing:-.03em;color:#fff}
.est-specs span{font-size:15px;color:#86868b}
.est-cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.est-link{color:#f5f5f7;font-weight:600;text-decoration:none;border-bottom:1.5px solid rgba(255,213,28,.6);padding-bottom:2px}
.est-link:hover{color:var(--sol)}
.est-stage{position:relative;height:640px;display:flex;align-items:flex-end;justify-content:center}
.est-glow{position:absolute;left:50%;top:52%;width:820px;height:820px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(223,228,106,.26) 0%,rgba(46,133,64,.16) 34%,transparent 66%);pointer-events:none}
.est-piso{position:absolute;left:50%;bottom:30px;width:620px;height:80px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(223,228,106,.3),transparent 70%)}
.est-bt{position:relative;width:auto;object-fit:contain;filter:drop-shadow(0 40px 40px rgba(0,0,0,.55));transition:transform 1.4s var(--ap-ease),opacity 1.2s var(--ap-ease)}
.est-main{height:560px;z-index:2;margin:0 -40px 52px}
.est-b1,.est-b2{height:380px;margin-bottom:58px;opacity:.55;filter:drop-shadow(0 30px 30px rgba(0,0,0,.5)) blur(1px)}
.est-stage .est-bt{transform:translateY(80px);opacity:0}
.est-stage.on .est-main{transform:none;opacity:1}
.est-stage.on .est-b1,.est-stage.on .est-b2{transform:none;opacity:.55;transition-delay:.25s}

/* ============ CONOCE (video, nueva) ============ */
.conoce{background:#000;color:#f5f5f7;padding:140px 0 150px}
.conoce h2{color:#fff}
.conoce .sub{color:#a1a1a6}
.conoce .sec-head{margin-bottom:56px}
.cv-frame{position:relative;border-radius:34px;overflow:hidden;aspect-ratio:16/9;background:#0a2414;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 80px 160px -60px rgba(46,133,64,.45)}
.cv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.cv-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:flex;align-items:center;gap:18px;padding:12px 30px 12px 12px;border-radius:999px;border:0;cursor:pointer;background:rgba(255,255,255,.14);color:#fff;font:600 18px var(--sf);text-align:left;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:transform .5s var(--ease),background .3s;margin-top:150px}
.cv-play:hover{background:rgba(255,255,255,.22);transform:scale(1.04)}
.cv-play i{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--sol);color:#0a2414}
.cv-play i svg{width:26px;height:26px;margin-left:3px}
.cv-play small{display:block;font-size:13px;font-weight:500;color:rgba(255,255,255,.7);margin-top:2px}
.cv-frame.playing .cv-play{opacity:0;pointer-events:none}
.cv-play{transition:opacity .4s,transform .5s var(--ease),background .3s}

/* ============ celular ============ */
@media (max-width:860px){
  .est-in{grid-template-columns:1fr;gap:10px}
  .estrella{padding:100px 0 70px}
  .est-stage{height:420px;order:-1;margin-bottom:10px}
  .est-main{height:380px;margin:0 -26px 34px}
  .est-b1,.est-b2{height:250px;margin-bottom:40px}
  .est-glow{width:520px;height:520px}
  .est-piso{width:380px}
  .est-specs{margin:30px 0 34px}
  .est-specs div{padding:0 18px}
  .est-specs b{font-size:22px}
  .est-specs span{font-size:13px}
  .conoce{padding:100px 0 110px}
  .cv-frame{border-radius:22px}
  .cv-play{margin-top:0;padding:8px 20px 8px 8px;font-size:15px;gap:12px;top:auto;bottom:16px;left:16px;translate:none}
  .cv-play i{width:46px;height:46px}
  .cv-play i svg{width:20px;height:20px}
  .sub{font-size:17px}
}
@media (max-width:400px){
  .est-specs div{padding:0 12px}
  .est-specs b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.est-stage .est-bt{transform:none!important;opacity:1!important}.est-b1,.est-b2{opacity:.55!important}}

/* ---- ajuste: escenario del producto estrella contenido en su columna ---- */
.est-stage{height:600px;display:block;overflow:visible}
.est-bt{position:absolute;bottom:60px}
.est-main{height:470px;left:50%;margin:0;translate:-50% 0}
.est-b1,.est-b2{height:300px;margin:0;bottom:78px}
.est-b1{left:0}.est-b2{right:0}
.est-piso{bottom:40px}
/* ---- ajuste: play del video abajo a la izquierda, sin tapar el cuadro ---- */
.cv-play{margin-top:0;top:auto;left:32px;bottom:32px;translate:none}
.cv-play:hover{transform:scale(1.03)}
.cv-frame::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);pointer-events:none;transition:opacity .4s}
.cv-frame.playing::after{opacity:0}
@media (max-width:860px){
  .est-stage{height:400px}
  .est-main{height:330px;bottom:40px}
  .est-b1,.est-b2{height:200px;bottom:52px}
  .est-piso{bottom:24px}
  .cv-play{left:14px;bottom:14px}
}
@media (max-width:860px){
  .est-stage{height:360px}
  .est-main{height:290px}
  .est-b1,.est-b2{height:170px;opacity:.4}
  .est-b1{left:4%}.est-b2{right:4%}
}
.est-main{translate:-41% 0}