body{background:linear-gradient(#f6f2e8b8,#f6f2e8c2),url('assets/fondo-productos.jpg') center/cover fixed}@keyframes titleIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.products-title{display:inline-block;animation:titleIn .7s ease both;transition:transform .3s ease,color .3s ease}.products-title:hover{transform:translateX(12px) rotate(-1deg);color:#c79746}.products-intro{display:block;max-width:850px;margin:18px 0 28px;padding:18px 21px;background:rgba(255,245,205,.08);border-left:4px solid #c79746;letter-spacing:normal;text-transform:none;color:#183126;font:16px/1.55 Arial,sans-serif}.fruit-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.fruit-link{position:relative;display:block;height:340px;overflow:hidden;text-decoration:none;color:#fff;background:#234;transition:transform .35s ease,box-shadow .35s ease}.fruit-link img{position:absolute;top:0;left:0;width:300%;height:200%;max-width:none;transition:transform .55s ease}.fruit-link div{position:absolute;bottom:0;width:100%;padding:70px 20px 20px;background:linear-gradient(transparent,#000d)}.fruit-link:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(24,49,38,.28)}.fruit-link:hover img{transform:scale(1.08)}.grain-section{margin-top:72px}

@media (max-width: 1024px) {
  .fruit-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  body { background-attachment: scroll; }
  .fruit-links { grid-template-columns: 1fr; }
  .fruit-link { height: 320px; }
}