*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.gallery-v236{
  margin:0;
  background:#f7f9f8;
  color:#18382b;
  font-family:Arial,Helvetica,sans-serif;
}
body.gallery-v236 img{max-width:100%}
body.gallery-v236 a{text-decoration:none}
.wrapV236{width:min(1180px,calc(100% - 30px));margin:auto}

/* HEADER */
.headerV236{
  position:sticky;
  top:0;
  z-index:1000;
  background:#fff;
  border-bottom:1px solid #e6ece8;
  box-shadow:0 2px 10px rgba(11,64,39,.05);
}
.headerInnerV236{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.brandV236{
  display:flex;
  align-items:center;
  gap:10px;
  color:#075d38;
  min-width:265px;
}
.brandV236 img{width:50px;height:50px;object-fit:contain}
.brandV236 strong{display:block;font-size:16px;line-height:1.05}
.brandV236 span{display:block;margin-top:3px;font-size:9px;color:#5e7368}
.navV236{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  flex-wrap:wrap;
}
.navV236 a{
  padding:9px 10px;
  border-radius:7px;
  color:#243b30;
  font-size:10px;
  font-weight:800;
}
.navV236 a:hover,.navV236 a.active{
  background:#eaf6ee;
  color:#087746;
}
.memberBtnV236{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  border-radius:8px;
  background:#087746;
  color:#fff;
  font-size:10px;
  font-weight:900;
}

/* HERO */
.heroV236{
  min-height:320px;
  background:
    linear-gradient(90deg,rgba(24,47,22,.84),rgba(19,72,34,.56) 54%,rgba(12,70,35,.12)),
    url("img/hero-agricultura.jpg") center 46%/cover no-repeat;
  color:#fff;
}
.heroInnerV236{
  min-height:320px;
  display:flex;
  align-items:center;
}
.heroCopyV236{
  max-width:760px;
  padding:34px 0;
}
.heroCopyV236 h1{
  margin:0;
  color:#fff;
  font-size:49px;
  line-height:.98;
  letter-spacing:-1.5px;
}
.heroCopyV236 h2{
  margin:8px 0 10px;
  color:#fff;
  font-size:23px;
}
.heroCopyV236 p{
  max-width:680px;
  margin:0 0 20px;
  color:rgba(255,255,255,.96);
  font-size:15px;
  line-height:1.55;
}
.heroFeaturesV236{
  display:flex;
  gap:25px;
  flex-wrap:wrap;
}
.featureV236{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:9px;
  align-items:center;
  min-width:145px;
}
.featureIconV236{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:2px solid rgba(255,255,255,.85);
  border-radius:50%;
  background:#087746;
}
.featureV236 b{display:block;color:#fff;font-size:12px}
.featureV236 small{display:block;color:rgba(255,255,255,.9);font-size:9px;margin-top:2px}

/* MAIN */
.mainV236{padding:18px 0 40px}

.toolbarV236{
  display:grid;
  grid-template-columns:410px minmax(260px,1fr);
  gap:16px;
  align-items:center;
}
.tabsV236{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.tabV236{
  min-height:46px;
  border:1px solid #dfe5e1;
  border-radius:7px;
  background:#eef2f0;
  color:#1f4031;
  font-weight:900;
  cursor:pointer;
}
.tabV236.active{
  background:#087746;
  border-color:#087746;
  color:#fff;
}
.searchWrapV236{
  display:grid;
  grid-template-columns:1fr 108px;
  position:relative;
}
.searchWrapV236:before{
  content:"⌕";
  position:absolute;
  left:14px;
  top:3px;
  color:#087746;
  font-size:29px;
  font-weight:900;
}
.searchWrapV236 input{
  min-height:44px;
  padding:10px 13px 10px 43px;
  border:1px solid #d8e2dc;
  border-right:0;
  border-radius:7px 0 0 7px;
  outline:none;
}
.searchWrapV236 button{
  border:0;
  border-radius:0 7px 7px 0;
  background:#087746;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.categoryBarV236{
  display:flex;
  gap:7px;
  overflow-x:auto;
  padding:12px 0 10px;
}
.categoryBarV236 button{
  flex:0 0 auto;
  min-height:37px;
  padding:7px 12px;
  border:1px solid #e0e6e2;
  border-radius:6px;
  background:#eef2f0;
  color:#264639;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}
.categoryBarV236 button.active,.categoryBarV236 button:hover{
  background:#087746;
  color:#fff;
  border-color:#087746;
}

.sectionHeadV236{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.sectionHeadV236 h2{
  margin:0;
  color:#153c2c;
  font-size:20px;
}
.sectionHeadV236 h2 span{
  color:#667c71;
  font-size:12px;
  font-weight:700;
}
.sectionHeadV236 select,
.outlineBtnV236{
  min-height:36px;
  padding:7px 11px;
  border:1px solid #bed8c8;
  border-radius:6px;
  background:#fff;
  color:#28513e;
  font-size:10px;
  font-weight:800;
}

/* FOTOS */
.photoGridV236{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.photoCardV236{
  overflow:hidden;
  min-width:0;
  border:1px solid #dbe4df;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 13px rgba(14,64,39,.08);
  transition:.18s ease;
}
.photoCardV236:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(14,64,39,.14);
}
.photoImageV236{
  position:relative;
  height:128px;
  overflow:hidden;
  background:#e7efe9;
  cursor:pointer;
}
.photoImageV236 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.photoBadgeV236{
  position:absolute;
  left:8px;
  bottom:7px;
  padding:4px 7px;
  border-radius:4px;
  background:rgba(0,0,0,.75);
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.photoBodyV236{
  position:relative;
  min-height:68px;
  padding:10px 42px 9px 10px;
}
.photoBodyV236 h3{
  margin:0 0 4px;
  color:#1c3429;
  font-size:14px;
  line-height:1.15;
}
.photoBodyV236 small{
  color:#72837a;
  font-size:9px;
}
.photoOpenV236{
  position:absolute;
  right:10px;
  top:16px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:0;
  background:#087746;
  color:#fff;
  cursor:pointer;
}

/* VÍDEOS */
.videoSectionV236{margin-top:20px}
.videoGridV236{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.videoCardV236{
  overflow:hidden;
  border:1px solid #dbe4df;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 13px rgba(14,64,39,.08);
}
.videoThumbV236{
  position:relative;
  height:138px;
  overflow:hidden;
  background:#17231d;
}
.videoThumbV236 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.videoPlayV236{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:2px solid #fff;
  border-radius:50%;
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:18px;
  cursor:pointer;
}
.videoBodyV236{
  min-height:64px;
  padding:10px;
}
.videoBodyV236 h3{
  margin:0 0 5px;
  color:#1c3429;
  font-size:14px;
  line-height:1.15;
}
.videoBodyV236 small{
  color:#72837a;
  font-size:9px;
}

/* CTA */
.ctaV236{
  margin-top:22px;
  min-height:86px;
  padding:16px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:1px solid #d5eadc;
  border-radius:10px;
  background:linear-gradient(90deg,#e8f7ed,#f4fbf6);
}
.ctaV236 strong{
  display:block;
  color:#17613d;
  font-size:17px;
}
.ctaV236 span{
  display:block;
  margin-top:4px;
  color:#49685a;
  font-size:11px;
}
.ctaV236 a{
  min-width:225px;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  background:#087746;
  color:#fff;
  font-size:11px;
  font-weight:900;
}

/* FOOTER */
.footerV236{
  background:#075b36;
  color:#fff;
}
.footerInnerV236{
  min-height:105px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.footerBrandV236{
  display:flex;
  align-items:center;
  gap:10px;
}
.footerBrandV236 img{
  width:48px;
  height:48px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.footerBrandV236 strong{display:block;font-size:13px}
.footerBrandV236 span{display:block;margin-top:3px;font-size:9px;color:#dbeadf}
.footerV236 p{margin:0;color:#dbeadf;font-size:9px;line-height:1.5}

/* EMPTY */
.emptyV236{
  grid-column:1/-1;
  min-height:170px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
  border:1px dashed #bfd9c9;
  border-radius:10px;
  background:#fff;
  color:#657b70;
  text-align:center;
}
.emptyV236 b{font-size:18px;color:#184833}

/* LIGHTBOX */
.lightboxV236{
  display:none;
  position:fixed;
  inset:0;
  z-index:100000;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.9);
}
.lightboxV236.open{display:flex}
.lightboxV236 img{
  max-width:92vw;
  max-height:85vh;
  object-fit:contain;
  border-radius:8px;
}
.closeV236{
  position:absolute;
  right:20px;
  top:18px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.4);
  border-radius:50%;
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

/* VIDEO MODAL */
.videoModalV236{
  display:none;
  position:fixed;
  inset:0;
  z-index:100001;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.9);
  backdrop-filter:blur(5px);
}
.videoModalV236.open{display:flex}
.videoBoxV236{
  position:relative;
  width:min(960px,94vw);
  overflow:hidden;
  border-radius:14px;
  background:#000;
  box-shadow:0 25px 70px rgba(0,0,0,.5);
}
.videoBoxV236 iframe,
.videoBoxV236 video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  border:0;
  background:#000;
}
.videoCloseV236{
  position:absolute;
  right:10px;
  top:10px;
  z-index:3;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:23px;
  cursor:pointer;
}

@media(max-width:1050px){
  .navV236{display:none}
  .toolbarV236{grid-template-columns:1fr}
  .photoGridV236,.videoGridV236{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .photoGridV236,.videoGridV236{grid-template-columns:repeat(2,minmax(0,1fr))}
  .heroCopyV236 h1{font-size:40px}
}
@media(max-width:560px){
  .headerInnerV236{flex-wrap:wrap;padding:8px 0}
  .brandV236{min-width:0;flex:1}
  .memberBtnV236{width:100%}
  .heroV236,.heroInnerV236{min-height:355px}
  .heroCopyV236 h1{font-size:36px}
  .heroCopyV236 h2{font-size:18px}
  .heroFeaturesV236{gap:12px}
  .featureV236{min-width:130px}
  .tabsV236{grid-template-columns:1fr 1fr}
  .searchWrapV236{grid-template-columns:1fr}
  .searchWrapV236 input{border-right:1px solid #d8e2dc;border-radius:7px}
  .searchWrapV236 button{min-height:40px;margin-top:7px;border-radius:7px}
  .photoGridV236,.videoGridV236{grid-template-columns:1fr}
  .photoImageV236,.videoThumbV236{height:190px}
  .ctaV236{flex-direction:column;align-items:flex-start}
  .ctaV236 a{width:100%}
  .footerInnerV236{flex-direction:column;align-items:flex-start;padding:22px 0}
}