:root{--green:#003d31;--green2:#002b23;--gold:#d4aa4d;--cream:#f4f1e8;--ink:#14201c;--line:rgba(0,61,49,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}.loader{position:fixed;inset:0;background:#002f27;z-index:9999;display:grid;place-items:center;transition:.7s}.loader.hide{opacity:0;visibility:hidden}.loader-mark{font:700 54px/1 Manrope;color:white;letter-spacing:-8px}.loader-mark span{color:var(--gold)}.header{height:96px;position:fixed;z-index:100;top:0;left:0;right:0;padding:0 5vw;display:flex;align-items:center;gap:50px;color:white;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}.header.scrolled{height:78px;background:rgba(0,43,35,.96);backdrop-filter:blur(14px)}.brand{margin-right:auto}.brand img{width:210px;display:block;filter:brightness(0) invert(1)}nav{display:flex;gap:32px;font-size:12px;font-weight:700;letter-spacing:.06em}nav a{opacity:.86;transition:.2s}nav a:hover{color:#e4c16c;opacity:1}.header-cta{font-size:12px;font-weight:700;border-left:1px solid rgba(255,255,255,.3);padding-left:28px}.header-cta span{color:var(--gold);margin-left:10px}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;position:relative;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('https://media.licdn.com/dms/image/v2/D5622AQGoRLCW5aOCOw/feedshare-shrink_800/feedshare-shrink_800/0/1683166167188?e=2147483647&t=K76hbOnob2TY1IFgmHYV9rSEjXQl_8WwKhsWDkFkjw8&v=beta') center/cover;transform:scale(1.06)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,35,28,.9) 0%,rgba(0,35,28,.55) 48%,rgba(0,0,0,.08) 100%)}.hero-content{position:absolute;left:8vw;top:50%;transform:translateY(-43%);max-width:850px}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--gold);margin:0 0 28px}.hero h1{font:600 clamp(68px,9vw,145px)/.82 'Playfair Display',serif;letter-spacing:-.055em;margin:0}.hero h1 em,.section-head em,.export-copy em,.statement em,.contact em{color:var(--gold);font-weight:600}.lead{font-size:18px;line-height:1.7;max-width:590px;color:rgba(255,255,255,.8);margin:35px 0}.hero-actions{display:flex;align-items:center;gap:38px}.btn{display:inline-flex;gap:30px;align-items:center;padding:18px 23px;font-size:12px;font-weight:700;letter-spacing:.04em}.btn.gold{background:var(--gold);color:#17241e}.btn.dark{background:var(--green);color:white}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:15px;color:var(--gold)}.hero-foot{position:absolute;bottom:32px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;opacity:.7}.intro{padding:140px 8vw;display:grid;grid-template-columns:80px 1fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}.section-no{font:600 14px 'Playfair Display';color:var(--gold)}.intro h2,.section-head h2,.export h2,.statement h2,.contact h2{font:600 clamp(44px,5vw,76px)/1.02 'Playfair Display',serif;letter-spacing:-.035em;margin:0}.intro h2 span{color:#768079}.intro-text{padding-top:35px;max-width:520px}.intro-text p{font-size:15px;line-height:1.9;color:#56605b}.intro-text strong{color:var(--green)}.arrow-link{display:inline-block;margin-top:24px;font-size:12px;font-weight:700;border-bottom:1px solid var(--green);padding-bottom:8px}.arrow-link span{margin-left:30px}.products{padding:130px 5vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin:0 3vw 65px}.section-head>p{max-width:370px;line-height:1.8;color:#68726c;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--cream)}.card{height:560px;position:relative;overflow:hidden;color:white}.card-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:.8s}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,30,23,.1),rgba(0,30,23,.8))}.card:hover .card-bg{transform:scale(1.04)}.card-lime .card-bg{background-image:url('https://cloudfront-us-east-1.images.arcpublishing.com/infobae/IYZ3AEQ6R5A73ILESWI632DKOU.jpg')}.card-corn .card-bg{background-image:url('https://3.bp.blogspot.com/-RrbBt9RjXEk/WXQTqdQ6exI/AAAAAAAAKus/rJw2zdmO7RUJ4-J4fj0qSyJq99o-G5HbwCEwYBhgL/s1600/hoja%2Bde%2Btamal.jpg')}.card-veg .card-bg{background-image:url('../img/hortalizas-brea-produce.png');background-position:center 52%}.card-fert .card-bg{background-image:url('https://services.meteored.com/img/article/bloqueio-do-estreito-de-ormuz-trava-comercio-de-fertilizantes-e-faz-disparar-os-precos-sementeiras-estao-em-risco-1775679758856_1024.jpg')}.card-top,.card-copy{position:absolute;z-index:2;left:42px;right:42px}.card-top{top:35px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em}.card-copy{bottom:40px}.card h3{font:600 47px 'Playfair Display';margin:0 0 12px}.card p{max-width:390px;font-size:13px;line-height:1.7;color:rgba(255,255,255,.78)}.circle{position:absolute;right:0;bottom:4px;width:50px;height:50px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center}.process{background:var(--green2);color:white;padding:140px 8vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.kicker.light{color:#dfbd69}.process-left h2{font:600 clamp(55px,6vw,90px)/.95 'Playfair Display';letter-spacing:-.04em;margin:0 0 35px}.process-left>p:last-child{max-width:450px;color:rgba(255,255,255,.6);line-height:1.8}.steps{border-top:1px solid rgba(255,255,255,.22)}.step{display:grid;grid-template-columns:65px 1fr 1fr;align-items:center;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.18)}.step span{font-size:10px;color:var(--gold)}.step h3{font:600 28px 'Playfair Display';margin:0}.step p{font-size:12px;color:rgba(255,255,255,.5)}.export{display:grid;grid-template-columns:1.05fr .95fr;min-height:780px}.export-image{background:url('https://www.noventagrados.com.mx/library/imagen/181322-mayor-cosecha-de-frutas-hortalizas-y-forrajes-impulsan-produccion-agricola-de-mexico/0-grande.jpg') center/cover;position:relative}.stamp{position:absolute;right:35px;bottom:35px;width:145px;height:145px;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);font:700 20px/1 Manrope;text-align:center}.stamp b{font-size:11px;letter-spacing:.12em}.stamp small{font-size:8px;margin-top:10px}.export-copy{padding:120px 8vw;background:#e9e5d9;display:flex;flex-direction:column;justify-content:center}.export-copy h2{font-size:clamp(45px,4.4vw,70px)}.export-copy>p:not(.kicker){line-height:1.9;color:#5d6761;margin:32px 0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.tags span{border:1px solid #aab0a9;padding:8px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.export-copy .btn{align-self:flex-start}.statement{padding:140px 5vw;text-align:center;background:var(--cream)}.statement>p{font-size:9px;letter-spacing:.3em;color:#7d857f}.statement h2{font-size:clamp(50px,7vw,105px)}.contact{background:var(--green);color:white;padding:130px 8vw;display:grid;grid-template-columns:2fr 1fr;gap:10vw}.contact-main h2{font-size:clamp(55px,6vw,88px)}.contact-main>p:not(.kicker){max-width:570px;color:rgba(255,255,255,.65);line-height:1.8;margin:30px 0}.contact-side{border-left:1px solid rgba(255,255,255,.2);padding-left:50px;display:flex;flex-direction:column;justify-content:center}.contact-side p{font-size:9px;letter-spacing:.2em;color:var(--gold);margin-bottom:25px}.contact-side span{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12);font:600 18px 'Playfair Display'}footer{background:#001f19;color:white;padding:60px 5vw 30px}footer img{width:210px;filter:brightness(0) invert(1);opacity:.9}footer>p{font-size:11px;color:rgba(255,255,255,.45);margin:25px 0 55px}footer>div{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.45)}
@media(max-width:900px){.header{height:76px;padding:0 22px}.brand img{width:165px}.header-cta{display:none}.menu{display:block;width:36px;height:36px}.menu i{display:block;height:1px;background:white;margin:7px}.header nav{position:fixed;inset:76px 0 auto 0;background:var(--green2);padding:30px;display:none;flex-direction:column}.header nav.open{display:flex}.hero-content{left:24px;right:24px}.hero h1{font-size:64px}.lead{font-size:15px}.intro{padding:90px 24px;grid-template-columns:1fr}.section-no{display:none}.intro-text{padding:0}.products{padding:90px 14px}.section-head{display:block;margin:0 10px 40px}.section-head>p{margin-top:25px}.product-grid{grid-template-columns:1fr}.card{height:480px}.process{padding:90px 24px;grid-template-columns:1fr}.step{grid-template-columns:45px 1fr}.step p{grid-column:2}.export{grid-template-columns:1fr}.export-image{min-height:520px}.export-copy{padding:85px 24px}.statement{padding:90px 20px}.contact{padding:90px 24px;grid-template-columns:1fr}.contact-side{padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}.contact-main .btn{font-size:10px;gap:10px}.scroll{display:none}}

/* BREA Produce V1.2 — ajustes de imágenes, loader y móvil */
.loader-logo{width:min(340px,72vw);height:auto;display:block;filter:brightness(0) invert(1);animation:breaLoader 1.25s ease-in-out infinite alternate}
@keyframes breaLoader{from{opacity:.58;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.card-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform .8s ease;z-index:0}
.card:hover .card-bg-img{transform:scale(1.04)}
.card-veg .card-bg{background-image:none!important}
.export-image{background-image:url('../img/exportacion-brea-produce.png')!important;background-position:center!important;background-size:cover!important}
@media(max-width:900px){
  .header{padding:0 18px;height:72px;gap:16px}.header.scrolled{height:68px}.brand img{width:148px;max-height:48px;object-fit:contain}.header nav{inset:68px 0 auto 0;padding:28px 22px 34px;gap:22px;box-shadow:0 16px 30px rgba(0,0,0,.22)}
  .hero{min-height:680px;height:100svh}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(0,35,28,.94),rgba(0,35,28,.62) 72%,rgba(0,35,28,.32))}.hero-content{left:22px;right:22px;top:49%;transform:translateY(-43%)}.eyebrow,.kicker{font-size:9px;line-height:1.6;letter-spacing:.17em;margin-bottom:18px}.hero h1{font-size:clamp(52px,16vw,72px);line-height:.88}.lead{font-size:14px;line-height:1.65;margin:25px 0;max-width:92%}.hero-actions{gap:20px;align-items:flex-start;flex-direction:column}.btn{padding:16px 18px}.hero-foot{left:22px;right:22px;bottom:20px}
  .intro{padding:78px 22px;gap:28px}.intro h2,.section-head h2,.export h2,.statement h2,.contact h2{font-size:clamp(40px,12vw,58px)}.intro-text p{font-size:14px;line-height:1.75}
  .products{padding:78px 12px}.section-head{margin:0 10px 34px}.section-head>p{font-size:13px;line-height:1.7}.product-grid{gap:10px;background:transparent}.card{height:430px;border-radius:2px}.card-top,.card-copy{left:24px;right:24px}.card-top{top:24px}.card-copy{bottom:26px}.card h3{font-size:39px}.card p{font-size:12px;max-width:78%}.circle{width:44px;height:44px}
  .process{padding:78px 22px;gap:48px}.process-left h2{font-size:clamp(50px,14vw,70px)}.step{padding:22px 0}.step h3{font-size:25px}.step p{line-height:1.55;margin:8px 0 0}
  .export-image{min-height:430px;background-position:54% center!important}.stamp{width:112px;height:112px;right:20px;bottom:20px;font-size:16px}.export-copy{padding:72px 22px}.export-copy>p:not(.kicker){font-size:14px;line-height:1.75;margin:25px 0}.tags{margin-bottom:28px}
  .statement{padding:80px 18px}.contact{padding:78px 22px;gap:48px}.contact-main>p:not(.kicker){font-size:14px}.contact-main .btn{width:100%;justify-content:space-between;overflow-wrap:anywhere}.contact-side span{font-size:17px}footer{padding:48px 22px 26px}footer img{width:175px}footer>div{gap:18px;flex-direction:column}
}
@media(max-width:390px){.hero h1{font-size:50px}.card{height:400px}.card p{max-width:82%}.export-image{min-height:380px}.contact-main .btn{font-size:9px}.brand img{width:138px}}

/* V1 Admin CMS image rendering */
.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.06)}.hero-bg{display:none!important}.card .card-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s ease;z-index:0}.card:hover .card-bg-img{transform:scale(1.04)}.dynamic-export{background:none!important;overflow:hidden}.export-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.dynamic-export .stamp{z-index:2}
