/* CSS exclusivo para index.html premium. No sustituye style.css. */

/* ===== HOME PREMIUM PROMAGRI - prueba más potente ===== */
.home-premium-hero{position:relative;min-height:760px;background:#15171b;color:#fff;overflow:hidden;display:flex;align-items:center}
.home-premium-bg{position:absolute;inset:0;z-index:0;background:url('../img/parallax-home.png') center/cover no-repeat}
.home-premium-bg video{width:100%;height:100%;object-fit:cover;opacity:.62}
.home-premium-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(17,19,23,.94) 0%,rgba(17,19,23,.64) 46%,rgba(17,19,23,.26) 100%)}
.home-premium-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0 120px}
.home-premium-copy{max-width:720px}.home-premium-copy .kicker{color:#ff8a22}.home-premium-copy h1{font-size:clamp(48px,7vw,92px);line-height:.96;margin:14px 0 24px;letter-spacing:-.04em}.home-premium-copy p{font-size:21px;color:#e3e7ee;max-width:660px;margin:0}.home-premium-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.home-premium-actions .btn-line{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.34);color:#fff}.home-premium-machine{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.home-premium-machine img{width:min(760px,110%);filter:drop-shadow(0 34px 55px rgba(0,0,0,.46));transform:translateX(18px)}.machine-badge{position:absolute;left:0;bottom:70px;background:rgba(255,255,255,.95);color:#181a1f;border-left:6px solid var(--orange);padding:18px 22px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.machine-badge strong{display:block;font-size:21px}.machine-badge span{display:block;color:#666;margin-top:2px}.home-floating-stats{position:absolute;left:50%;bottom:0;z-index:3;transform:translateX(-50%);width:min(1180px,92%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:#17191d;box-shadow:0 -18px 60px rgba(0,0,0,.18)}.home-floating-stats div{padding:24px 26px;border-right:1px solid #e6e6df}.home-floating-stats div:last-child{border-right:0}.home-floating-stats strong{display:block;color:var(--orange);font-size:18px}.home-floating-stats span{display:block;font-weight:900;font-size:17px;margin-top:6px}
.home-family-section{padding:120px 0 85px;background:#f6f6f2}.home-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.home-family-card{position:relative;min-height:430px;overflow:hidden;background:#111;border-radius:4px;color:#fff;box-shadow:0 24px 50px rgba(21,24,30,.14)}.home-family-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:.78;transition:transform .55s ease, opacity .55s ease}.home-family-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.82))}.home-family-card:hover img{transform:scale(1.08);opacity:.92}.family-card-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px}.family-card-content span{color:#ff8a22;font-weight:950;letter-spacing:.12em}.family-card-content h3{font-size:36px;line-height:1;margin:10px 0}.family-card-content p{color:#e4e7ec;margin:0;font-size:16px}
.home-company-impact{padding:95px 0;background:#fff}.impact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.impact-image{position:relative}.impact-image>img{border-radius:4px;box-shadow:var(--shadow);min-height:520px;object-fit:cover;width:100%}.impact-side-card{position:absolute;background:#17191d;color:#fff;box-shadow:0 24px 55px rgba(0,0,0,.22);padding:20px 24px;border-left:5px solid var(--orange);min-width:230px}.impact-side-card strong{display:block;font-size:20px}.impact-side-card span{display:block;color:#d6dbe3}.impact-card-left{left:-22px;top:50px}.impact-card-right{right:-22px;bottom:52px}.impact-text h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;margin:10px 0 20px}.impact-text p{font-size:19px;color:var(--muted)}.impact-points{display:grid;gap:12px;margin:28px 0}.impact-points div{background:#f5f5f1;border-left:4px solid var(--orange);padding:16px 18px}.impact-points strong{display:block;font-size:18px}.impact-points span{color:var(--muted)}
.home-parallax-premium{position:relative;min-height:600px;color:#fff;display:flex;align-items:center;overflow:hidden;background:#111}.parallax-premium-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,16,.82),rgba(12,13,16,.38)),url('../img/parallax-home.png?v=premium') center/cover fixed no-repeat;transform:scale(1.02)}.parallax-premium-content{position:relative;z-index:1;text-align:center}.parallax-premium-content .kicker{color:#ff8a22}.parallax-premium-content h2{font-size:clamp(46px,7vw,92px);letter-spacing:-.05em;line-height:.95;margin:14px 0}.parallax-premium-content p{font-size:21px;color:#e7ebf1;max-width:820px;margin:0 auto}.parallax-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:min(860px,100%);margin:44px auto 0}.parallax-mini-cards div{background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);padding:22px}.parallax-mini-cards strong{display:block;font-size:24px}.parallax-mini-cards span{color:#e2e6ec}
.home-featured-products{background:#f6f6f2}.featured-series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.featured-series-card{background:#fff;border:1px solid #e2e2dc;min-height:460px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 42px rgba(30,34,40,.08);transition:.25s ease}.featured-series-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.featured-series-card::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:var(--orange)}.featured-series-card .series-logo{height:54px;width:auto;object-fit:contain;margin-bottom:18px}.featured-series-card .series-machine{height:190px;width:100%;object-fit:contain;margin:10px 0 22px;transition:.3s ease}.featured-series-card:hover .series-machine{transform:scale(1.06) translateY(-4px)}.featured-series-card h3{font-size:29px;margin:0 0 8px}.featured-series-card p{color:var(--muted);margin:0 0 15px}.featured-series-card a{font-weight:950;color:var(--orange)}
.home-tech-strip{padding:90px 0;background:#17191d;color:#fff}.tech-strip-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:18px}.tech-strip-title{padding-right:20px}.tech-strip-title .kicker{color:#ff8a22}.tech-strip-title h2{font-size:clamp(32px,4vw,52px);line-height:1.02;margin:10px 0}.tech-item{background:#23262d;border:1px solid rgba(255,255,255,.08);padding:28px;min-height:260px;transition:.22s ease}.tech-item:hover{background:#2b2f37;transform:translateY(-5px)}.tech-item strong{display:block;color:#ff8a22;font-size:18px;margin-bottom:28px}.tech-item h3{font-size:24px;line-height:1.1;margin:0 0 12px}.tech-item p{color:#c9d0da;margin:0}
.home-news-premium{background:#fff}.news-premium-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:20px}.news-premium-main,.news-premium-card{background:#fff;border:1px solid #e2e2dc;box-shadow:0 16px 42px rgba(30,34,40,.08);overflow:hidden}.news-premium-main img,.news-premium-card img{width:100%;height:260px;object-fit:cover}.news-premium-main img{height:420px}.news-premium-main div,.news-premium-card div{padding:24px}.news-premium-main span,.news-premium-card span{font-size:12px;font-weight:950;color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.news-premium-main h3{font-size:36px;margin:10px 0}.news-premium-card h3{font-size:24px;margin:10px 0}.news-premium-main p,.news-premium-card p{color:var(--muted)}.news-premium-main a,.news-premium-card a{font-weight:950;color:var(--orange)}
.home-final-cta{padding:80px 0;background:#f6f6f2}.final-cta-box{background:#17191d;color:#fff;padding:46px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 60px rgba(20,24,30,.18);border-left:7px solid var(--orange)}.final-cta-box .kicker{color:#ff8a22}.final-cta-box h2{font-size:clamp(32px,4vw,54px);line-height:1.02;margin:8px 0}.final-cta-box p{color:#d6dbe3;max-width:720px;margin:0}
@media(max-width:1100px){.home-premium-inner,.impact-grid{grid-template-columns:1fr}.home-premium-machine{min-height:auto}.home-floating-stats,.home-family-grid,.featured-series-grid{grid-template-columns:repeat(2,1fr)}.tech-strip-grid,.news-premium-grid{grid-template-columns:1fr 1fr}.tech-strip-title,.news-premium-main{grid-column:1/-1}.impact-card-left{left:18px}.impact-card-right{right:18px}.home-premium-hero{min-height:auto}.home-premium-inner{padding-bottom:170px}}
@media(max-width:720px){.home-premium-inner{padding:60px 0 30px}.home-floating-stats{position:relative;left:auto;bottom:auto;transform:none;width:100%;grid-template-columns:1fr}.home-premium-machine{display:none}.home-family-grid,.featured-series-grid,.parallax-mini-cards,.tech-strip-grid,.news-premium-grid{grid-template-columns:1fr}.home-family-section{padding-top:70px}.impact-image>img{min-height:320px}.impact-side-card{position:static;margin-top:12px}.final-cta-box{display:block;padding:30px}.home-premium-copy h1{font-size:46px}.home-premium-copy p,.parallax-premium-content p{font-size:18px}.parallax-premium-bg{background-attachment:scroll}}


/* ===== Ajustes solicitados: hero vídeo limpio + animaciones premium ===== */
.home-video-hero{
  min-height: calc(100vh - 92px);
}
.home-video-hero .home-premium-bg{
  background:#111;
}
.home-video-hero .home-premium-bg video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.78;
}
.home-video-hero .home-premium-overlay{
  background:
    radial-gradient(circle at 72% 48%, rgba(255,138,34,.12), transparent 32%),
    linear-gradient(90deg,rgba(13,15,18,.94) 0%,rgba(13,15,18,.58) 48%,rgba(13,15,18,.18) 100%);
}
.home-video-hero-inner{
  grid-template-columns:1fr;
  padding:130px 0 135px;
}
.home-video-hero .home-premium-copy{
  max-width:820px;
}
.home-video-hero .home-premium-copy h1{
  max-width:950px;
}
.home-video-hero .home-premium-copy p{
  max-width:780px;
}

/* Oculta definitivamente los elementos antiguos del hero si quedaran en caché o en pruebas */
.home-video-hero .home-premium-machine,
.home-video-hero .machine-badge,
.home-video-hero .home-floating-stats{
  display:none!important;
}

/* Animaciones propias de la home premium */
[data-home-reveal]{
  opacity:0;
  will-change:transform, opacity;
  transition-property:opacity, transform, filter;
  transition-duration:.82s;
  transition-timing-function:cubic-bezier(.2,.72,.18,1);
  transition-delay:var(--home-delay,0ms);
}
[data-home-reveal="up"]{
  transform:translateY(58px);
}
[data-home-reveal="left"]{
  transform:translateX(-92px);
}
[data-home-reveal="right"]{
  transform:translateX(92px);
}
[data-home-reveal="pop"]{
  transform:translateY(70px) scale(.78);
  filter:blur(8px);
}
[data-home-reveal].is-visible{
  opacity:1;
  transform:translate(0,0) scale(1);
  filter:blur(0);
}

/* Movimiento más elegante en la sección de fabricación */
.impact-image{
  overflow:visible;
}
.impact-side-card[data-home-reveal]{
  transition-duration:.9s;
}
.impact-points{
  overflow:hidden;
}
.impact-points div[data-home-reveal]{
  box-shadow:0 12px 32px rgba(20,24,30,.06);
}

/* Detalles técnicos: efecto como si las tarjetas salieran desde detrás */
.home-tech-strip{
  perspective:1200px;
}
.tech-strip-grid{
  align-items:stretch;
}
.tech-item-pop{
  transform-origin:center bottom;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
}
.tech-item-pop[data-home-reveal="pop"]{
  transform:translateY(82px) scale(.72) rotateX(12deg);
  filter:blur(10px);
}
.tech-item-pop.is-visible{
  transform:translateY(0) scale(1) rotateX(0);
  filter:blur(0);
}

/* Cascada visual en familias y series */
.home-family-card[data-home-reveal]:nth-child(1),
.featured-series-card[data-home-reveal]:nth-child(1){--home-delay:60ms}
.home-family-card[data-home-reveal]:nth-child(2),
.featured-series-card[data-home-reveal]:nth-child(2){--home-delay:150ms}
.home-family-card[data-home-reveal]:nth-child(3),
.featured-series-card[data-home-reveal]:nth-child(3){--home-delay:240ms}
.home-family-card[data-home-reveal]:nth-child(4),
.featured-series-card[data-home-reveal]:nth-child(4){--home-delay:330ms}

@media(max-width:720px){
  .home-video-hero{
    min-height:auto;
  }
  .home-video-hero-inner{
    padding:90px 0 75px;
  }
  [data-home-reveal="left"],
  [data-home-reveal="right"]{
    transform:translateY(48px);
  }
}


/* ===== V3 ajustes pedidos: vídeo real, parallax fijo y gamas limpias ===== */

/* Hero: que sea claramente vídeo, no parallax */
.home-video-hero{
  min-height:calc(100vh - 92px)!important;
  background:#0d1015!important;
}
.home-video-hero .home-premium-bg{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#0d1015!important;
}
.home-video-hero .home-premium-bg video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.82!important;
}
.home-video-hero .home-premium-bg img,
.home-video-hero .home-premium-machine,
.home-video-hero .machine-badge,
.home-video-hero .home-floating-stats{
  display:none!important;
}

/* Si el vídeo todavía no está subido, el navegador mostrará el poster.
   Ese poster ya no usa la foto parallax, sino home-hero-poster.jpg. */

/* Sección Empresa fabricante: imagen independiente, no FIMA */
.impact-image img{
  object-fit:cover!important;
  width:100%!important;
  min-height:520px;
  filter:saturate(1.04) contrast(1.03)!important;
}

/* Parallax: imagen quieta, con sensación de fondo fijo */
.home-parallax,
.home-premium-parallax,
.parallax-section,
.home-brand-parallax{
  background-attachment:fixed!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* Si el parallax está montado con pseudo-elemento, también lo fijamos */
.home-parallax::before,
.home-premium-parallax::before,
.parallax-section::before,
.home-brand-parallax::before{
  background-attachment:fixed!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* En móvil muchos navegadores no respetan bien fixed; mejor evitar saltos */
@media(max-width:900px){
  .home-parallax,
  .home-premium-parallax,
  .parallax-section,
  .home-brand-parallax,
  .home-parallax::before,
  .home-premium-parallax::before,
  .parallax-section::before,
  .home-brand-parallax::before{
    background-attachment:scroll!important;
  }
}

/* Gamas bajo hero: más limpias, solo familia/título, sin textos largos */
.home-family-card p,
.home-family-card .family-desc,
.home-family-card .home-family-desc{
  display:none!important;
}

.home-family-card{
  min-height:330px!important;
  display:flex!important;
  align-items:flex-end!important;
  overflow:hidden!important;
}

/* Fotos menos oscuras */
.home-family-card img,
.home-family-card .family-bg img,
.home-family-card picture img{
  opacity:.86!important;
  filter:brightness(1.16) contrast(1.04) saturate(1.08)!important;
}

/* Si hay overlay oscuro, lo aclaramos */
.home-family-card::before,
.home-family-card .family-bg::after{
  opacity:.34!important;
  background:linear-gradient(180deg,rgba(10,12,16,.05),rgba(10,12,16,.68))!important;
}

.home-family-card h3,
.home-family-card h2{
  font-size:clamp(34px,4vw,56px)!important;
  line-height:.92!important;
  margin-bottom:0!important;
}

.home-family-card span,
.home-family-card .kicker{
  color:#ff8b35!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}

/* Más impacto visual al pasar por encima */
.home-family-card:hover img,
.home-family-card:hover .family-bg img{
  opacity:.96!important;
  filter:brightness(1.24) contrast(1.05) saturate(1.1)!important;
  transform:scale(1.07)!important;
}

/* Por si las tarjetas usan fondo en CSS en vez de imagen */
.home-family-card{
  background-color:#141920!important;
}


/* ===== V4 index: parallax ventana fija real + gamas más altas ===== */

/* Parallax de "Robustez para el campo real":
   efecto ventana: el bloque se mueve, pero la foto queda fija detrás. */
.fixed-window-parallax,
.home-parallax,
.home-premium-parallax,
.parallax-section,
.home-brand-parallax{
  position:relative!important;
  overflow:hidden!important;
  background-attachment:fixed!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* Si el fondo está en pseudo-elemento, lo clavamos a la ventana */
.fixed-window-parallax::before,
.home-parallax::before,
.home-premium-parallax::before,
.parallax-section::before,
.home-brand-parallax::before{
  background-attachment:fixed!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

/* Cuando la imagen está aplicada a una capa interna, la convertimos en fondo fijo */
.fixed-window-parallax .parallax-bg,
.fixed-window-parallax .home-parallax-bg,
.fixed-window-parallax .home-premium-parallax-bg,
.home-parallax .parallax-bg,
.home-premium-parallax .parallax-bg,
.parallax-section .parallax-bg{
  position:absolute!important;
  inset:0!important;
  background-attachment:fixed!important;
  background-position:center center!important;
  background-size:cover!important;
  transform:none!important;
}

/* Evitar que JS o animaciones muevan la imagen del parallax */
.fixed-window-parallax [class*="parallax"] img,
.home-parallax [class*="parallax"] img,
.home-premium-parallax [class*="parallax"] img{
  transform:none!important;
}

/* Si el parallax estaba hecho con imagen <img>, lo dejamos como fondo visual fijo */
.fixed-window-parallax > img,
.home-parallax > img,
.home-premium-parallax > img,
.parallax-section > img{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  object-fit:cover!important;
  z-index:-2!important;
  transform:none!important;
}

/* Más altura para que se vea más foto en Poda / Hierba / Biomasa / Fitosanitarios */
.home-family-card{
  min-height:430px!important;
  height:430px!important;
  padding:34px!important;
}

/* Si las tarjetas están dentro de una grid concreta, que respiren más */
.home-families-grid .home-family-card,
.home-family-grid .home-family-card,
.home-categories-grid .home-family-card{
  min-height:430px!important;
}

/* Con el texto corto, bajamos el contenido para que mande la imagen */
.home-family-card h2,
.home-family-card h3{
  margin-top:auto!important;
  margin-bottom:0!important;
}

.home-family-card p,
.home-family-card .family-desc,
.home-family-card .home-family-desc{
  display:none!important;
}

/* Aclarar todavía más las fotos de gamas */
.home-family-card img,
.home-family-card .family-bg img,
.home-family-card picture img{
  opacity:.94!important;
  filter:brightness(1.25) contrast(1.04) saturate(1.08)!important;
}

/* Overlay más ligero para ver mejor la foto */
.home-family-card::before,
.home-family-card .family-bg::after{
  opacity:.22!important;
  background:linear-gradient(180deg,rgba(10,12,16,.00),rgba(10,12,16,.54))!important;
}

/* Mantener texto legible */
.home-family-card h2,
.home-family-card h3,
.home-family-card span,
.home-family-card .kicker{
  position:relative;
  z-index:2;
  text-shadow:0 16px 34px rgba(0,0,0,.42);
}

/* En móvil no forzamos background fixed porque muchos navegadores lo rompen */
@media(max-width:900px){
  .fixed-window-parallax,
  .home-parallax,
  .home-premium-parallax,
  .parallax-section,
  .home-brand-parallax,
  .fixed-window-parallax::before,
  .home-parallax::before,
  .home-premium-parallax::before,
  .parallax-section::before,
  .home-brand-parallax::before{
    background-attachment:scroll!important;
  }
  .home-family-card{
    min-height:330px!important;
    height:330px!important;
  }
}


/* ===== V5: parallax real corregido ===== */

/* El problema era que la foto estaba en una capa interna absoluta.
   Ahora la foto queda en el propio section con background fixed,
   y ocultamos la capa interna que se movía con la página. */
.home-parallax-premium.fixed-window-parallax{
  position:relative!important;
  min-height:650px!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg,rgba(12,13,16,.82),rgba(12,13,16,.38)),
    url("../img/parallax-home.png?v=fixed5") center center / cover fixed no-repeat!important;
}

.home-parallax-premium.fixed-window-parallax .parallax-premium-bg{
  display:none!important;
}

/* Aseguramos que el contenido queda por encima del fondo fijo */
.home-parallax-premium.fixed-window-parallax .parallax-premium-content{
  position:relative!important;
  z-index:2!important;
}

/* Si quieres cambiar la imagen del parallax, sustituye este archivo:
   assets/img/parallax-home.png
*/

/* En móvil se deja en scroll para evitar saltos de iOS/Android */
@media(max-width:900px){
  .home-parallax-premium.fixed-window-parallax{
    background:
      linear-gradient(90deg,rgba(12,13,16,.82),rgba(12,13,16,.38)),
      url("../img/parallax-home.png?v=fixed5") center center / cover no-repeat!important;
  }
}