.idiomes-barra-top{ text-align:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#999999; text-shadow:1px 0px #CFCFCF; letter-spacing:2px; padding:5px 20px 0 20px; max-width:900px; margin:0 auto; }
.idiomes-barra-top a{ color:#999999; text-decoration:none; margin:0 5px; transition:color 0.3s; }
.idiomes-barra-top a:hover{ color:#727633; }

.capcalera-vea{ max-width:900px; margin:0 auto; padding-top:5px; }
.capcalera-superior{ max-width:900px; margin:0 auto; padding:0 20px; display:flex; justify-content:space-between; flex-wrap:wrap; }
.capcalera-superior .logo img{ display:block; height:auto; max-width:100%; }

.menu-css{ background-color:#ffffff; font-family:Verdana, sans-serif; position:relative; border-bottom:1px solid #dcdcdc; }
.menu-css input[type="checkbox"]{ display:none; }
.menu-icon{ display:none; font-size:28px; padding:10px 15px; cursor:pointer; color:#727633; }

.menu-items{ list-style:none; margin:0; padding:0; display:flex; flex-direction:row; justify-content:center; align-items:center; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.menu-items > li{ position:relative; border-right:1px solid #dcdcdc; min-width:140px; text-align:center; }
.menu-items > li:last-child{ border-right:none; }

.menu-items > li > label,
.menu-items > li > a{ display:block; padding:14px 20px; color:#727633; text-decoration:none; cursor:pointer; transition:background-color 0.3s, color 0.3s; }

.menu-items > li > label:hover,
.menu-items > li > a:hover{ background-color:#afb487; color:#ffffff; }

.menu-items .submenu{ display:none; position:absolute; top:100%; left:0; min-width:260px; background-color:#ffffff; border:1px solid #afb487; z-index:1000; padding:0; margin:0; list-style:none; }
.menu-items .submenu li{ border-bottom:1px solid #e0e0e0; }
.menu-items .submenu li:last-child{ border-bottom:none; }

.menu-items .submenu li a{ display:flex; align-items:center; gap:10px; text-align:left; padding:10px 15px; color:#727633; text-decoration:none; background-color:#ffffff; transition:background-color 0.3s, color 0.3s; }
.menu-items .submenu li a:hover{ background-color:#afb487; color:#ffffff; }

.menu-items .submenu li a img{ width:34px; height:34px; object-fit:cover; flex:0 0 34px; border-radius:4px; }

.menu-css input[type="checkbox"]:checked ~ .menu-items li input[type="checkbox"]:checked + label + .submenu{ display:flex; flex-direction:column; }
.menu-items li:hover .submenu{ display:flex; flex-direction:column; }

.menu-parent{ display:flex; align-items:center; justify-content:space-between; }
.menu-parent .menu-link{ display:block; flex:1; padding:14px 20px; color:#727633; text-decoration:none; transition:background-color .3s, color .3s; }
.menu-parent .menu-link:hover{ background-color:#afb487; color:#fff; }
.menu-parent .submenu-toggle{ display:block; width:44px; flex:0 0 44px; cursor:pointer; }
.menu-parent .submenu-toggle::after{ content:"▾"; display:block; text-align:center; font-size:14px; line-height:44px; color:#727633; transition:transform .2s ease; }

#products-toggle:checked + .menu-parent .submenu-toggle::after,
#process-toggle:checked + .menu-parent .submenu-toggle::after,
#productos-toggle:checked + .menu-parent .submenu-toggle::after,
#proceso-toggle:checked + .menu-parent .submenu-toggle::after{ transform:rotate(180deg); }

@media (min-width:769px){
  .menu-parent .submenu-toggle{ display:none; }
}

@media (max-width:768px){
  .idiomes-barra-top{ text-align:center; padding-top:10px; }
  .capcalera-superior{ flex-direction:column; align-items:center; text-align:center; }
  .capcalera-superior .logo{ margin-bottom:10px; }

  .menu-icon{ display:block; }
  .menu-items{ flex-direction:column; display:none; border-top:none; }
  #toggle-menu:checked + .menu-icon + .menu-items{ display:flex; }

  .menu-items > li{ border-right:none; border-top:1px solid #dcdcdc; width:100%; }
  .menu-items > li > label,
  .menu-items > li > a,
  .menu-parent .menu-link{ padding:12px 15px; width:100%; box-sizing:border-box; }

  .menu-items .submenu{ position:static; border:none; min-width:0; width:100%; display:none; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:10px; box-sizing:border-box; }
  .menu-items li:hover .submenu{ display:none; }

  .menu-css input[type="checkbox"]:checked + label + .submenu{ display:flex; }
  .menu-items > li > input[type="checkbox"]:checked + .menu-parent + .submenu{ display:grid; }

  .menu-items .submenu li{ border-bottom:none; }

  .menu-items .submenu li a{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; text-align:center; min-height:120px; padding:10px 8px; border:1px solid #e0e0e0; border-radius:6px; box-sizing:border-box; }
  .menu-items .submenu li a img{ width:56px; height:56px; flex:0 0 56px; margin-bottom:8px; }
}

@media (max-width:480px){
  .menu-items .submenu{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px; }
  .menu-items .submenu li a{ min-height:110px; font-size:12px; line-height:1.25; padding:8px 6px; }
  .menu-items .submenu li a img{ width:48px; height:48px; flex:0 0 48px; }
}